/* ATI Dosage Calculation Proctored Assessment 3.2 guide — page-scoped styles.
   All rules are scoped under .dc. Do not edit global styles for this page. */
.dc{--primary:var(--testwareprimary,#c20b3e);--primary-dark:#9e0932;--primary-tint:rgba(194,11,62,.08);
    --ink:#1a1a2e;--body:#475569;--muted:#64748b;--panel:#f8f9fc;--line:#e2e8f0;
    --ok:#16a34a;--ok-bg:#f0fdf4;
    font-family:inherit;font-size:17px;line-height:1.7;color:var(--body);background:#fff}
.dc *{box-sizing:border-box}
.dc-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.dc a{color:var(--primary);text-underline-offset:2px}
.dc a:hover{color:var(--primary-dark)}
.dc h1,.dc h2,.dc h3,.dc h4{color:var(--ink);line-height:1.25;margin:0 0 .6em;font-weight:700}
.dc h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.015em}
.dc h2{font-size:clamp(1.4rem,3vw,1.8rem);margin-top:2.2em;padding-top:.4em;scroll-margin-top:90px}
.dc h3{font-size:1.18rem;margin-top:1.8em;scroll-margin-top:90px}
.dc p{margin:0 0 1.1em}
.dc strong{color:var(--ink)}

/* lists — the site-wide `li{display:block}` reset kills native markers,
   so .dc-article lists get their own styled markers instead. */
.dc-article ul,.dc-article ol{margin:0 0 1.3em;padding:0;list-style:none}
.dc-article ul>li{position:relative;padding:3px 0 3px 26px;margin:0 0 10px}
.dc-article ul>li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--primary)}
.dc-article ol{counter-reset:dc-ol}
.dc-article ol>li{counter-increment:dc-ol;position:relative;display:flex;align-items:baseline;gap:12px;padding:10px 14px;margin:0 0 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s}
.dc-article ol>li:hover{border-color:var(--primary);background:#fff}
.dc-article ol>li::before{content:counter(dc-ol);flex:none;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center}

/* hero */
.dc-hero{background:var(--panel);border-bottom:1px solid var(--line);padding:44px 0 44px}
.dc-hero p{color:var(--muted);font-size:1.1rem;max-width:760px}
.dc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;max-width:820px}
.dc-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.dc-stat b{display:block;font-size:1.6rem;line-height:1.1;color:var(--primary);font-weight:800}
.dc-stat span{font-size:.86rem;color:var(--muted)}
.dc-hero-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
@media(min-width:640px){.dc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:980px){.dc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.dc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:980px){.dc-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}}
.dc-hero-text{min-width:0}
.dc-hero-text .dc-stats{max-width:none}
.dc-hero-media img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:#fff}
.dc-hero-ph{aspect-ratio:5/4;width:100%;border:2px dashed #cbd5e1;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center;padding:20px}
.dc-hero-ph svg{color:var(--primary);opacity:.8}
.dc-hero-ph strong{color:var(--ink);font-size:1.05rem}
.dc-hero-ph span{font-size:.85rem}
@media(max-width:979px){.dc-hero-ph{aspect-ratio:16/9}}
.dc-figure{margin:16px 0 24px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.dc-figure svg{display:block;width:100%;height:auto}
.dc-figure figcaption{font-size:.85rem;color:var(--muted);padding:10px 16px;border-top:1px solid var(--line);background:#fff}

/* layout + sticky left TOC */
.dc-grid{display:grid;grid-template-columns:1fr;gap:36px;padding:32px 16px 60px}
@media(min-width:980px){.dc-grid{grid-template-columns:270px minmax(0,1fr);gap:48px}}
.dc-side{min-width:0}
@media(min-width:980px){.dc-side .dc-toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}}
.dc-article{min-width:0;max-width:820px}
.dc-toc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 14px}
.dc-toc .dc-toc-h{display:block;color:var(--ink);font-weight:700;font-size:.95rem;line-height:1.35;padding:0 8px}
.dc-toc .dc-toc-sub{display:block;color:var(--muted);font-size:.8rem;margin:2px 0 12px;padding:0 8px}
.dc-toc ol{list-style:none;margin:0;padding:0}
.dc-toc li{margin:0}
.dc-toc a{display:flex;gap:10px;align-items:baseline;padding:7px 8px;border-radius:8px;text-decoration:none;color:var(--body);font-size:.9rem;line-height:1.35;border-left:3px solid transparent}
.dc-toc a:hover{background:#fff;color:var(--primary)}
.dc-toc a .n{font-variant-numeric:tabular-nums;font-weight:700;font-size:.78rem;color:var(--muted);min-width:20px}
.dc-toc a.active{background:var(--primary-tint);color:var(--primary);border-left-color:var(--primary);font-weight:600}
.dc-toc a.active .n{color:var(--primary)}

/* badge pill (brand-tint pattern) */
.dc-pill{display:inline-block;background:var(--primary-tint);color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;border-radius:999px}

/* cards */
.dc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:18px 0 8px}
.dc-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;transition:box-shadow .15s,border-color .15s,transform .15s;text-decoration:none!important;color:var(--body)!important}
.dc-card:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(26,26,46,.08);transform:translateY(-2px)}
.dc-card .tag{display:inline-flex;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px}
.dc-card .tag span{background:var(--primary-tint);color:var(--primary);padding:2px 9px;border-radius:999px}
.dc-card .tag span.pn{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.dc-card h4{font-size:1rem;margin:0 0 6px}
.dc-card p{font-size:.9rem;margin:0 0 10px;color:var(--muted);flex:1}
.dc-card .go{font-size:.88rem;font-weight:700;color:var(--primary)}

/* content boxes */
.dc-formula{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:14px 18px;margin:14px 0 18px}
.dc-formula .f{font-weight:700;color:var(--ink);display:block;margin-bottom:6px}
.dc-ex{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0 18px}
.dc-ex .lbl{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--primary)}
.dc-ex .ans{display:inline-block;margin-top:6px;background:var(--ok-bg);border:1px solid #bbf7d0;border-radius:999px;padding:2px 12px;font-weight:700;color:var(--ok)}
.dc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--ink)}
.dc-warn{background:var(--primary-tint);border:1px solid rgba(194,11,62,.18);border-radius:10px;padding:14px 18px;margin:16px 0}
.dc-warn strong{color:var(--primary)}
.dc-tip{background:var(--ok-bg);border:1px solid #bbf7d0;border-radius:10px;padding:14px 18px;margin:16px 0}
.dc-tip strong{color:var(--ok)}
.dc-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);color:#fff;border-radius:14px;padding:20px 22px;margin:26px 0}
.dc-cta p{margin:0;color:#cbd5e1;max-width:540px}
.dc-cta strong{color:#fff}
.dc-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.dc-btn{display:inline-block;background:var(--primary);color:#fff!important;font-weight:700;padding:10px 18px;border-radius:10px;text-decoration:none!important;white-space:nowrap;border:1px solid var(--primary)}
.dc-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.dc-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff!important}
.dc-btn.outline:hover{background:rgba(255,255,255,.1)}

/* tables */
.dc-table{width:100%;overflow-x:auto;margin:14px 0 22px;border:1px solid var(--line);border-radius:12px}
.dc-table table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px}
.dc-table th,.dc-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dc-table th{background:var(--panel);color:var(--ink);font-weight:700}
.dc-table tr:last-child td{border-bottom:0}
.dc-start{display:inline-block;background:var(--primary);color:#fff!important;font-weight:700;font-size:.84rem;padding:7px 12px;border-radius:8px;text-decoration:none!important;white-space:nowrap}
.dc-start:hover{background:var(--primary-dark)}

/* glossary */
.dc-gloss dt{font-weight:700;color:var(--ink);margin-top:14px}
.dc-gloss dd{margin:4px 0 0}

/* calculator */
.dc-calc{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0 22px;background:#fff}
.dc-calc .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}
.dc-calc label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:4px}
.dc-calc input,.dc-calc select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;color:var(--ink);background:#fff}
.dc-calc .out{background:var(--panel);border-radius:8px;padding:10px 14px;font-weight:600;color:var(--ink)}

/* interactive practice */
.dc-q .dc-qtext{margin:4px 0 10px;color:var(--ink)}
.dc-try label,.dc-ask{display:block;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.dc-inrow{display:flex;align-items:center;gap:8px;max-width:320px}
.dc-inrow input{flex:1;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:1rem;color:var(--ink);background:#fff}
.dc input:focus,.dc select:focus,.dc button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.dc-unit{font-weight:600;color:var(--muted);white-space:nowrap}
.dc-opts{display:grid;gap:6px}
.dc-opt{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 11px;cursor:pointer;font-size:.95rem;color:var(--ink)}
.dc-opt:hover{border-color:var(--primary)}
.dc-opt input{margin-top:5px;accent-color:var(--primary)}
.dc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.dc-actions button{font:inherit;font-size:.9rem;font-weight:700;border-radius:8px;padding:8px 14px;cursor:pointer}
.dc-check{background:var(--primary);color:#fff;border:1px solid var(--primary)}
.dc-check:hover{background:var(--primary-dark)}
.dc-reveal{background:#fff;color:var(--ink);border:1px solid var(--line)}
.dc-reveal:hover{border-color:var(--primary);color:var(--primary)}
.dc-fb{font-weight:600;font-size:.92rem}
.dc-fb.ok{color:var(--ok)} .dc-fb.no{color:var(--primary)}
.dc-q.is-ok{border-color:#86efac;background:var(--ok-bg)}
.dc-q.is-ok .dc-inrow input{border-color:#86efac}
.dc-q.is-no .dc-inrow input{border-color:var(--primary)}
.dc-sol{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.dc-score{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;box-shadow:0 8px 24px rgba(26,26,46,.25);display:flex;gap:10px;align-items:center}
.dc-score b{color:#fff}
.dc-score button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;font:inherit;font-size:.78rem;padding:3px 10px;cursor:pointer}
.dc-score-inline{background:var(--primary-tint);border:1px solid rgba(194,11,62,.15);border-radius:12px;padding:12px 16px;margin:0 0 22px}

/* faq */
.dc-faq details{border:1px solid var(--line);border-radius:10px;padding:0 16px;margin:10px 0;background:#fff}
.dc-faq summary{cursor:pointer;font-weight:600;color:var(--ink);padding:14px 0;list-style:none}
.dc-faq summary::-webkit-details-marker{display:none}
.dc-faq summary::after{content:"+";float:right;color:var(--primary);font-weight:700}
.dc-faq details[open] summary::after{content:"\2013"}
.dc-faq details p{padding-bottom:12px}

.dc-note{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:36px}

/* no horizontal scroll on mobile */
@media(max-width:400px){
  .dc-hero,.dc-grid{padding-left:16px;padding-right:16px}
}