/* Shared section 04; scoped to dosing, preparation and storage. */
#dosing-guide.dosing-layout{--chapter:#315f92;background:#f4f7fb;border-color:#cbd6e3;color:#233d55;padding:32px}
#dosing-guide.dosing-layout .section-heading{margin-bottom:26px}
#dosing-guide.dosing-layout .section-heading .eyebrow{color:#47688a}
#dosing-guide.dosing-layout .section-number{background:#dce8f7;color:#244d7c}
#dosing-guide.dosing-layout h2{color:#183751}
#dosing-guide.dosing-layout .source-detail{margin:0}
#dosing-guide.dosing-layout .source-detail h3{font-size:.92em;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#203e59;margin:0 0 10px}
#dosing-guide.dosing-layout .source-detail p{font-size:.85em;line-height:1.7;color:#526578;margin:0}
#dosing-guide .dose-lead{padding:27px 30px 22px;border-radius:16px;background:#183751;color:#fff;margin-bottom:24px}
#dosing-guide .dose-label{font-size:.65em;letter-spacing:.1em;font-weight:600;color:#bdd6e9;margin:0 0 22px;line-height:1.6}
#dosing-guide .dose-reading{display:grid;grid-template-columns:1.05fr 1fr;column-gap:30px;row-gap:8px;margin:0;white-space:normal;font-size:1em;line-height:1.4}
#dosing-guide .dose-number{font-size:clamp(52px,5.2vw,70px);font-weight:600;letter-spacing:-.045em;line-height:1;grid-column:1;grid-row:1}
#dosing-guide .dose-number>span{font-size:.39em;letter-spacing:-.02em;font-weight:500}
#dosing-guide .dose-equivalent{grid-column:1;grid-row:2;color:#bedcf1;font-size:1.06em;letter-spacing:-.01em}
#dosing-guide .dose-frequency{grid-column:2;grid-row:1/3;align-self:center;border-left:1px solid #53718b;padding:16px 0 16px 30px;font-size:clamp(23px,2.6vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.25}
#dosing-guide .dose-frequency:first-letter{text-transform:uppercase}
#dosing-guide .dose-route{grid-column:1/-1;margin-top:17px;padding-top:18px;border-top:1px solid #53718b;font-size:.88em;font-weight:400;color:#e0ebf4;line-height:1.6}
#dosing-guide .dose-device-note{font-size:.72em;color:#b9cfdf;margin:7px 0 0;line-height:1.55}
#dosing-guide .dose-reference-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:22px;align-items:start}
#dosing-guide .dose-vial-info{display:grid;gap:14px}
#dosing-guide .dose-info-card,#dosing-guide .dose-changes{padding:22px;background:#fff;border:1px solid #d6e0ea;border-radius:13px}
#dosing-guide .dose-changes{background:#eaf1fa;border-color:#c7d9ed}
#dosing-guide.dosing-layout .unit-reference{margin:0;padding:23px 25px;background:#fff;border:1px solid #d6e0ea;border-radius:13px;min-width:0}
#dosing-guide.dosing-layout .unit-reference h3{color:#203e59;font-size:1em;line-height:1.4;margin:0 0 8px}
#dosing-guide.dosing-layout .unit-context{font-size:.8em;color:#526578;line-height:1.65;margin:0 0 16px}
#dosing-guide.dosing-layout .unit-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin:0;font-size:1em}
#dosing-guide.dosing-layout .unit-table caption{white-space:normal;caption-side:top;text-align:left;font-size:.68em;line-height:1.5;color:#677b8e;padding:0 0 12px}
#dosing-guide.dosing-layout .unit-table th,#dosing-guide.dosing-layout .unit-table td{min-width:0;padding:12px 8px;text-align:center;white-space:normal;font-size:.82em;line-height:1.4;border:0;border-bottom:1px solid #e2e8ee;color:#344e65}
#dosing-guide.dosing-layout .unit-table thead th{background:#eaf0f7;color:#284c70;font-weight:600;font-size:.73em}
#dosing-guide.dosing-layout .unit-table small{font-size:.9em;font-weight:400;color:#647b91}
#dosing-guide.dosing-layout .unit-table tbody th{font-weight:500}
#dosing-guide.dosing-layout .unit-table .ten-unit-row>*{background:#e2edf9;color:#123d73;font-weight:700;border-top:2px solid #82a9dc;border-bottom:2px solid #82a9dc}
#dosing-guide.dosing-layout .unit-footnote{margin:16px 0 0;color:#677b8e;font-size:.69em;line-height:1.65}
#dosing-guide .dose-preparation{margin-top:30px;scroll-margin-top:calc(var(--toolbar-height) + 16px)}
#dosing-guide .dose-subheading{display:flex;align-items:center;gap:12px;margin:0 0 18px}
#dosing-guide .dose-subheading h3{font-size:1.18em;color:#203e59;letter-spacing:-.03em;margin:0;line-height:1.4}
#dosing-guide .dose-rule{width:4px;height:22px;border-radius:4px;background:#4c7cad;flex-shrink:0}
#dosing-guide .dose-prep-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
#dosing-guide .dose-mixing-card,#dosing-guide .dose-supplies-card,#dosing-guide .dose-storage-card{background:#fff;border:1px solid #d6e0ea;border-radius:13px;padding:23px}
#dosing-guide .dose-supplies-card>.source-detail+.source-detail{margin-top:20px;padding-top:17px;border-top:1px solid #e1e8ef}
#dosing-guide .dose-storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
#dosing-guide .dose-storage-card{background:#eef3f8}
#dosing-guide .dose-delivery-note{margin-top:18px;padding:19px 23px;border:1px solid #d6e0ea;border-left:3px solid #7895b4;border-radius:0 10px 10px 0;background:#fff}
#dosing-guide.dosing-layout .dose-delivery-note h3{font-size:.83em;margin-bottom:6px}
#dosing-guide.dosing-layout .dose-delivery-note p{font-size:.78em}
@media(max-width:760px){
 #dosing-guide.dosing-layout{padding:24px}
 #dosing-guide .dose-reference-grid{grid-template-columns:1fr;gap:18px}
 #dosing-guide .dose-vial-info{grid-template-columns:1fr 1fr;gap:12px}
 #dosing-guide .dose-changes{grid-column:1/-1}
 #dosing-guide .dose-prep-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 #dosing-guide.dosing-layout{padding:19px 16px}
 #dosing-guide.dosing-layout .section-heading{margin-bottom:20px}
 #dosing-guide .dose-lead{padding:23px 20px 20px;margin-bottom:18px;border-radius:13px}
 #dosing-guide .dose-label{font-size:.58em;letter-spacing:.08em;margin-bottom:18px}
 #dosing-guide .dose-reading{grid-template-columns:1fr;row-gap:9px}
 #dosing-guide .dose-number{font-size:58px}
 #dosing-guide .dose-equivalent{font-size:1.02em}
 #dosing-guide .dose-frequency{grid-column:1;grid-row:3;border:0;padding:9px 0 0;font-size:24px}
 #dosing-guide .dose-route{grid-row:4;margin-top:9px;padding-top:15px;font-size:.84em}
 #dosing-guide .dose-vial-info,#dosing-guide .dose-storage-grid{grid-template-columns:1fr}
 #dosing-guide .dose-info-card,#dosing-guide .dose-changes{padding:19px 20px}
 #dosing-guide.dosing-layout .unit-reference{padding:20px 14px}
 #dosing-guide.dosing-layout .unit-table th,#dosing-guide.dosing-layout .unit-table td{padding:11px 4px;font-size:.78em}
 #dosing-guide.dosing-layout .unit-table thead th{font-size:.68em}
 #dosing-guide .dose-mixing-card,#dosing-guide .dose-supplies-card,#dosing-guide .dose-storage-card{padding:20px}
 #dosing-guide .dose-delivery-note{padding:17px 19px}
}
@media print{#dosing-guide.dosing-layout{background:#fff}#dosing-guide .dose-lead{print-color-adjust:exact;-webkit-print-color-adjust:exact}.dose-reference-grid{break-inside:avoid}}

#dosing-guide .dose-prose{font-size:1.22em;line-height:1.65;color:#fff;margin:0;max-width:65ch}
#dosing-guide .dose-options{display:grid;gap:14px;white-space:normal;font-size:1em;line-height:1.6;margin:0}
#dosing-guide .dose-option{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1.4fr);gap:16px;background:#26465f;padding:17px 20px;border:1px solid #53718b;border-radius:10px;color:#fff}
#dosing-guide .dose-option:not(:has(.dose-option-label)){display:block}
#dosing-guide .dose-option-label{font-size:.8em;font-weight:600;color:#bedcf1}
#dosing-guide .dose-option-note{font-size:.87em;color:#e0ebf4;line-height:1.7}
#dosing-guide .dose-device-note{margin-top:18px}
#dosing-guide .dose-info-card .note,#dosing-guide .dose-mixing-card .note{margin:0;font-size:.85em;line-height:1.7;color:#526578}
#dosing-guide .dose-changes>.source-detail+.source-detail{margin-top:20px;padding-top:17px;border-top:1px solid #c7d9ed}
#dosing-guide .dose-reference-wide{grid-template-columns:1fr}
#dosing-guide .dose-reference-wide .dose-vial-info{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#dosing-guide.dosing-layout .dose-reference-wide .unit-table{min-width:520px}
#dosing-guide.dosing-layout .dose-table-scroll{max-width:100%;overflow-x:auto}
#dosing-guide.dosing-layout .unit-reference>p:not([class]){font-size:.85em;line-height:1.7;color:#526578}
#dosing-guide .dose-prep-grid>div:only-child,#dosing-guide .dose-storage-grid>div:only-child{grid-column:1/-1}
#dosing-guide .dose-vial-info:empty{display:none}
#dosing-guide .dose-reference-grid:has(.dose-vial-info:empty){grid-template-columns:1fr}
@media(max-width:520px){#dosing-guide .dose-option{grid-template-columns:1fr;gap:5px;padding:16px}#dosing-guide .dose-prose{font-size:1.06em}#dosing-guide .dose-reference-wide .dose-vial-info{grid-template-columns:1fr}}
/* Keep legacy GLP note treatments from overriding the shared information cards. */
#dosing-guide.dosing-layout .dose-info-card .note,#dosing-guide.dosing-layout .dose-mixing-card .note{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;color:#526578}
