/* pocket ATA v4.14.6 · UX Phase 5: one clear path to each module.
   Presentation/navigation only; medical module content and logic stay unchanged. */
.ux5-skip {position:fixed;z-index:99999;left:12px;top:-130px;padding:11px 15px;
 background:#0f766e;color:#fff;border:2px solid #fff;border-radius:10px;
 font:700 14px/1.4 system-ui,sans-serif;box-shadow:0 5px 22px #0003}
.ux5-skip:focus {top:12px;outline:3px solid #2dd4bf}
#ux5MainContent:focus {outline:none}
/* A breadcrumb is the return path; don't repeat that return label in the related-topic bar on smaller screens. */
@media(max-width:767px){
 body.ux5-phase5 .ux-related {margin-bottom:7px;justify-content:flex-end}
 body.ux5-phase5 .ux-related-back {display:none}
 body.ux5-phase5 .ux-related-details>summary {min-height:38px;padding:7px 10px;font-size:12px}
 body.ux5-phase5 .ux-breadcrumb {margin-bottom:6px}
 /* The short answer *is* the quick card. An additional page hero before it
    repeats the same title and forces scrolling. The class is set only if
    no interactive hero buttons are present. Original markup is preserved. */
 body.ux5-phase5.ux5-has-quickcard:not(.ux5-has-hero-buttons):not([data-pocket-page="notfall"]) .p46-hero {display:none!important}
 body.ux5-phase5.ux5-has-quickcard:not(.ux5-has-hero-buttons) .pc48-pocket-card {margin-top:4px}
 /* Interactive hero actions (EKG, AWR, hygiene and transfusion) must remain
    usable: compact their text decoration instead of removing them. */
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero {padding:11px 13px;margin-bottom:9px!important}
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero-kicker,
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero-description {display:none!important}
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero h1 {font-size:18px;line-height:1.24}
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero-actions {display:flex;gap:6px;margin-top:7px}
 body.ux5-phase5.ux5-has-hero-buttons .p46-hero-action {min-height:42px}
 /* UI instructions are secondary; short clinical facts are the primary content. */
 body.ux5-phase5 .pc48-card-hint {display:none!important} /* redundant interface instruction; complete knowledge remains */
 body.ux5-phase5.pc48-mode-full.ux5-has-quickcard #pc48ToTop {display:none!important} /* single floating return control */
 body.ux5-phase5 .pc48-card-top {gap:6px}
 body.ux5-phase5 .pc48-eyebrow {line-height:1.35}
 /* Keep the full article accessible after quick -> full, without repeating
    related-topic lists above its own interactive module header. */
 body.ux5-phase5.pc48-mode-quick .ux-related {display:none!important}
 body.ux5-phase5 .ux3-reader {padding:10px 12px;margin-bottom:10px}
 body.ux5-phase5 .ux3-reader-primary {margin-bottom:6px}
}
/* Module-specific search always belongs to the original module. The shortcut
   focuses that existing input; it does not introduce another search engine. */
body.ux5-phase5 .ux5-finder-btn {display:inline-flex;align-items:center;justify-content:center;gap:9px;
 min-height:43px;min-width:0;padding:9px 13px;border-radius:10px;border:1px solid #b9d8d3;
 background:#ecfdf5;color:#115e59;font-size:13px;font-weight:800;line-height:1.35;cursor:pointer}
body.ux5-phase5 .ux5-finder-btn:hover {background:#ccfbf1}
body.ux5-phase5 .ux5-finder-btn:focus-visible {outline:3px solid #2dd4bf;outline-offset:3px}
body.ux5-phase5 #ux3Reader.ux5-native-finder {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 12px}
body.ux5-phase5 .ux5-native-finder .ux3-reader-primary {margin:0}
body.ux5-phase5 .ux5-native-finder .ux3-reader-controls {display:flex;align-items:center;gap:7px}
body.ux5-phase5 .ux5-native-finder .ux3-reader-top {display:none}
body.ux5-phase5 .ux5-native-finder #ux3Sections {display:none!important}
body.ux5-phase5 .ux5-native-finder .ux3-reader-label {display:none}
/* The module itself already has its own tabs, finder or calculator selection.
   Don't prepend a generic h2/h3 table of contents to that interface. */
body.ux5-phase5 .ux3-reader.ux5-native-ui {display:none!important}
/* Preserve the full article's native section navigation on pages without a
   module-specific finder. Prevent the section list from escaping narrow phones. */
body.ux5-phase5 .ux3-sections nav a {overflow-wrap:anywhere}
body.ux5-phase5 #pc48PageWrapper :is([id^="pc48-section-"],[id^="ux3-abschnitt-"],.p410-chapter,.p411-chapter,.p412-chapter,.p413-chapter) {scroll-margin-top:90px}
@media(max-width:767px){
 body.ux5-phase5 .ux5-native-finder .ux3-reader-kicker {font-size:11px}
 body.ux5-phase5 .ux5-native-finder .ux5-finder-btn {flex:1;min-height:44px}
 body.ux5-phase5 #ux3Reader.ux5-native-finder {display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 body.ux5-phase5 .ux5-native-finder .ux3-reader-controls {display:flex}
 body.ux5-phase5 .ux5-native-finder .ux3-reader-primary {display:none}
 body.ux5-phase5 .ux5-native-finder .ux5-finder-btn {width:100%}
}
@media print {
 .ux5-skip,body.ux5-phase5 .ux5-native-finder .ux5-finder-btn {display:none!important}
 body.ux5-phase5 .p46-hero {display:block!important}
}