/* pocket ATA 4.14.4 – consistent reading & card presentation.
   All medical text, modules, tables, calculators and JSON remain unchanged. */
:root{
 --ux3-ink:#142e3b;
 --ux3-muted:#52687a;
 --ux3-accent:#0f766e;
 --ux3-border:#d7e4ea;
 --ux3-radius:14px;
 --ux3-reading-size:15px;
}
.ux3-reader[hidden]{display:none!important}
.ux3-reader{border:1px solid var(--ux3-border);background:#fff;border-radius:var(--ux3-radius);padding:14px 16px;margin:0 0 17px;max-width:1200px;box-shadow:0 2px 12px rgba(15,23,42,.025)}
.ux3-reader-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ux3-reader-kicker{display:inline-flex;align-items:center;gap:8px;color:#115e59;font-size:13px;font-weight:850;line-height:1.35}
.ux3-reader-label{font-size:12px;color:var(--ux3-muted);line-height:1.35}
.ux3-reader-controls{display:flex;gap:10px;align-items:start;flex-wrap:wrap}
.ux3-sections{flex:1 1 260px;min-width:0;border:1px solid #c6dce0;border-radius:11px;background:#f0fdfa;overflow:clip}
.ux3-sections>summary{display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer;padding:10px 13px;min-height:44px;color:#115e59;font-size:13px;font-weight:800}
.ux3-sections>summary::-webkit-details-marker{display:none}
.ux3-sections>summary>span{flex:1;min-width:0}
.ux3-sections>summary small{font-size:11px;white-space:nowrap;color:#587273;font-weight:650}
.ux3-sections[open] .ux3-chevron{transform:rotate(180deg)}
.ux3-sections>nav{max-height:min(55vh,460px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:#fff;padding:9px;border-top:1px solid var(--ux3-border)}
.ux3-section-link{display:flex;align-items:center;min-width:0;min-height:39px;border-radius:8px;padding:8px 10px;text-decoration:none;color:#334155;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:break-word}
.ux3-section-link:hover,.ux3-section-link:focus-visible{background:#e7f8f5;color:#115e59}
.ux3-section-link.ux3-subsection{font-weight:600;color:#475569}
.ux3-reader-top{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;border:1px solid #ccdae4;border-radius:11px;padding:10px 13px;background:#fff;color:#334155;font-size:13px;font-weight:750;cursor:pointer}
.ux3-reader-top:hover{background:#f1f5f9}
.ux3-reader :is(summary,a,button):focus-visible{outline:3px solid #14b8a6;outline-offset:2px}
.ux3-fach #pc48PageWrapper .tab-section :is(h2,h3,h4){letter-spacing:-.018em;overflow-wrap:break-word}
.ux3-fach #pc48PageWrapper .tab-section :is(p,li){font-size:max(14px,1em);line-height:1.6;overflow-wrap:break-word}
.ux3-fach #pc48PageWrapper .tab-section :is(dl,ul,ol){min-width:0}
.ux3-fach #pc48PageWrapper .tab-section table{max-width:100%}
.ux3-fach #pc48PageWrapper .tab-section :is(h2,h3,h4),.ux3-fach .pc48-pocket-card h2{color:var(--ux3-ink)}
.ux3-fach #pc48PageWrapper .tab-section :is(h2,h3)[id]{scroll-margin-top:90px}
/* Equal hierarchy for the existing 212 clinical single-card templates. */
.ux3-single-card .pc492-detail h2{letter-spacing:-.024em;line-height:1.23;overflow-wrap:break-word}
.ux3-single-card .pc492-detail .pc49-facts dt{font-size:13px;line-height:1.4;letter-spacing:0;color:#115e59}
.ux3-single-card .pc492-detail .pc49-facts dd{font-size:15px;line-height:1.58;overflow-wrap:break-word}
.ux3-single-card .pc49-warning{font-size:13px;line-height:1.55}
.ux3-single-card .pc492-detail .pc49-original{min-height:46px}
@media(max-width:767px){
 .ux3-reader{padding:10px 12px;border-radius:12px;margin-bottom:14px}
 .ux3-reader-primary{gap:4px;margin-bottom:9px}
 .ux3-reader-kicker{font-size:12px}
 .ux3-reader-label{display:none}
 .ux3-reader-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
 .ux3-sections{flex:none}
 .ux3-sections>summary{font-size:12.5px;padding:9px 10px}
 .ux3-sections>nav{grid-template-columns:minmax(0,1fr);padding:6px}
 .ux3-section-link{font-size:13px;min-height:42px}
 .ux3-reader-top{padding:9px 11px;font-size:12px}
 .ux3-reader-top span{display:none}
 /* The compact view already has its own section menu. Do not show two
    matching tables of contents after switching to the full text. */
 .ux3-fach.pc48-mode-full .pc48-jumps{display:none!important}
 .ux3-fach .pc48-pocket-card{padding:15px 13px;border-radius:15px}
 .ux3-fach .pc48-pocket-card h2{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:7px 0 5px}
 .ux3-fach .pc48-card-facts>div{padding:11px 11px;row-gap:5px;font-size:14px;line-height:1.5}
 .ux3-fach .pc48-card-facts dt,.ux3-fach .pc48-card-facts dd{font-size:14px;line-height:1.5}
 .ux3-fach .pc48-card-facts dt{font-weight:800}
 .ux3-fach .pc48-card-hint{font-size:13px;line-height:1.5}
 .ux3-fach .pc48-eyebrow{font-size:10.5px}
 .ux3-fach .pc48-card-actions button{min-height:46px;font-size:13.5px}
 .ux3-fach #pc48PageWrapper .tab-section :is(p,li){line-height:1.62}
 .ux3-single-card .pc492-detail h2{font-size:23px}
 .ux3-single-card .pc492-detail .pc49-facts>div{padding:12px 13px}
 .ux3-single-card .pc492-detail .pc49-facts dt{font-size:13px}
 .ux3-single-card .pc492-detail .pc49-facts dd{font-size:15px;line-height:1.58}
 .ux3-single-card .pc49-warning{font-size:13px;line-height:1.55}
}
@media(max-width:360px){
 .ux3-fach .pc48-card-facts>div{grid-template-columns:minmax(0,94px) minmax(0,1fr);column-gap:8px}
 .ux3-sections>summary{gap:5px}
}
@media print{
 .ux3-reader{display:none!important}
 .ux3-fach #pc48PageWrapper{display:block!important}
}
