.dc-page{background:#f3f6f6;color:#12384b;padding-bottom:60px}.dc-hero{padding-top:76px;padding-bottom:54px}.dc-eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:#278579}.dc-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.dc-hero>p{max-width:650px;font-size:19px;line-height:1.7;color:#526a75}.dc-hero>a{display:inline-block;margin-top:15px;color:#16776b;font-weight:700}.dc-workspace{display:grid;grid-template-columns:250px minmax(0,1fr) 330px;gap:20px;align-items:start;scroll-margin-top:110px}.dc-panel{background:#fff;border:1px solid #dfe7e7;border-radius:16px;padding:25px;min-width:0}.dc-panel h2{font-size:23px;line-height:1.25;margin:14px 0}.dc-panel p,.dc-guide p{font-size:14px;color:#62737b;line-height:1.65}.dc-settings>label{display:block;font-size:13px;font-weight:700;margin:24px 0 8px}.dc-settings>label span{float:right;font-weight:400}.dc-page input[type=number],.dc-page select{background:#f8faf9;border:1px solid #cbd9d8;border-radius:8px;padding:12px;color:#12384b;max-width:100%;font:inherit;box-sizing:border-box;min-width:0}.dc-settings>input,.dc-settings>select{width:100%}.dc-settings>input{font-size:28px;font-weight:700}.dc-page input[aria-invalid=true]{border-color:#a33722}.dc-note{background:#f0f6f4;border-radius:9px;padding:15px;font-size:13px;line-height:1.65;margin-top:20px}.dc-page button{cursor:pointer;font:inherit;border:1px solid #cbd9d8;border-radius:8px;padding:11px;background:white;color:#174b54}.dc-settings>button{margin-top:20px;width:100%;font-size:13px;font-weight:700}.dc-product{border:1px solid #e0e7e6;border-radius:10px;padding:17px;margin:12px 0}.dc-product.dc-selected{border-color:#45978c;background:#f7fbfa}.dc-product>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.dc-product label{font-weight:700;font-size:14px}.dc-product a{font-size:11px;color:#277e72}.dc-check{accent-color:#208477;width:17px;height:17px;vertical-align:middle;margin-right:9px}.dc-product p{font-size:12px;margin:10px 0}.dc-dose{display:flex;align-items:center;gap:8px}.dc-dose label{display:flex;align-items:center;gap:10px}.dc-dose input{width:95px}.dc-dose select{font-size:13px}.dc-summary{position:sticky;top:100px}.dc-tabs{display:flex;background:#f0f4f3;border-radius:9px;padding:4px;margin:22px 0}.dc-tabs button{width:50%;border:0;background:transparent}.dc-tabs button[aria-pressed=true]{background:#154b51;color:#fff}.dc-result{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8eeec;padding:14px 0;gap:12px;font-size:13px}.dc-result strong{font-size:22px;white-space:nowrap}.dc-result small{font-size:11px;font-weight:400}.dc-page .dc-small{font-size:12px;line-height:1.7}.dc-warning{background:#fff5df;padding:15px;border-radius:9px;margin-top:20px;font-size:13px;color:#6b4d15}.dc-warning p{font-size:12px;color:inherit;overflow-wrap:anywhere}.dc-page details{font-size:13px;margin-top:20px}.dc-page summary{cursor:pointer;font-weight:650}.dc-guide{padding-top:70px}.dc-guide>h2{font-size:32px;letter-spacing:-.025em}.dc-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.dc-guide article{border-top:2px solid #b6d5cf;padding-top:20px}.dc-guide b{font-size:11px;letter-spacing:.08em;color:#278579}.dc-guide h3{font-size:21px}.dc-page :focus-visible{outline:3px solid #209e8a;outline-offset:3px}@media(min-width:1100px){.top-nav{gap:17px!important}.top-nav a{font-size:13px!important}}@media(max-width:1150px){.dc-workspace{grid-template-columns:220px minmax(0,1fr)}.dc-summary{grid-column:1/-1;position:static}.dc-result{max-width:650px}}@media(max-width:700px){.dc-hero{padding-top:38px}.dc-workspace{grid-template-columns:1fr}.dc-summary{grid-column:auto}.dc-panel{padding:21px}.dc-guide>div{grid-template-columns:1fr;gap:20px}.dc-dose{flex-wrap:wrap}.dc-hero>p{font-size:16px}.dc-guide>h2{font-size:27px}}

.dc-summary .dc-warning{background:#fff0e7;border:2px solid #c45a21;border-left-width:6px;color:#78320e;padding:18px;margin:16px 0 22px}.dc-summary .dc-warning-strong{background:#fff0ee;border-color:#ba342b;color:#84251e;box-shadow:0 4px 15px #ba342b18}.dc-summary .dc-warning>b{display:block;font-size:16px;line-height:1.4}.dc-warning-strong>b span{font-size:23px;vertical-align:middle;margin-right:5px}.dc-summary .dc-warning p{font-size:13px;color:inherit}.dc-warning-strong p:not(:last-child){font-weight:750}

.dc-product.dc-selected.dc-conflict{border:2px solid #ba342b;background:#fff3f1;box-shadow:0 0 0 2px #ba342b12}.dc-product.dc-conflict .dc-check{accent-color:#ba342b}.dc-product.dc-conflict>div:first-child>label{color:#942d25}

/* Compact dosing layout */
.dc-hero{padding-top:40px;padding-bottom:28px}.dc-hero h1{font-size:clamp(32px,4vw,48px);margin:12px 0}.dc-hero>p{margin-bottom:0;font-size:16px}.dc-product:not(.dc-selected) .dc-dose{display:none}.dc-product-info{margin:10px 0!important}.dc-product-info summary{font-size:12px;font-weight:400;color:#5e747b}.dc-product-info p{margin-bottom:12px}.dc-settings .dc-note{font-size:12px;padding:12px}.dc-settings>p:last-child{font-size:11px}.dc-mobile-total{display:none}.dc-summary{scroll-margin-top:90px}
@media(max-width:700px){.dc-hero{padding-top:24px;padding-bottom:22px}.dc-hero .dc-eyebrow{display:none}.dc-hero h1{font-size:31px}.dc-hero>p{font-size:14px;line-height:1.5}.dc-workspace{gap:14px}.dc-panel{border-radius:11px;padding:18px}.dc-panel h2{font-size:21px;margin:8px 0 14px}.dc-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.dc-settings>.dc-eyebrow,.dc-settings>h2,.dc-settings>.dc-note,.dc-settings>button,.dc-settings>p{grid-column:1/-1}.dc-settings>label{grid-column:1/-1;margin:10px 0 0}.dc-settings>input,.dc-settings>select{grid-column:1/-1;padding:10px;font-size:16px}.dc-settings>p{margin:0;font-size:11px;line-height:1.4}.dc-settings>.dc-note{margin-top:6px;line-height:1.5}.dc-settings>button{margin-top:4px;padding:9px}.dc-settings>p:last-child{display:none}.dc-product{padding:13px;margin:9px 0}.dc-product>div:first-child{flex-wrap:nowrap}.dc-product label{font-size:14px}.dc-product>div:first-child>a{font-size:0;flex-shrink:0}.dc-product>div:first-child>a:after{content:'Detail ↗';font-size:11px}.dc-product .dc-dose{margin-top:12px}.dc-dose input{width:90px;padding:9px}.dc-dose select{padding:9px}.dc-guide{padding-top:32px}.dc-guide>div{gap:10px;margin:20px 0}.dc-guide h3{margin:10px 0}.dc-page{padding-bottom:90px}.dc-mobile-total{display:block;position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:30;background:#154b51;color:#fff;border-radius:30px;padding:13px 24px;font-size:14px;font-weight:700;box-shadow:0 4px 20px #12384b33;white-space:nowrap}.dc-result{padding:11px 0}}
