/* pocket ATA v4.14.2 – Informationsarchitektur / navigation-only skin.
   Existing medical content, original calculator CSS and clinical layout untouched. */
:root { --ux-ink:#112c37; --ux-teal:#0f766e; --ux-line:#d7e3ea; }
#appHeader .ux-desktop-nav { gap:5px; }
#appHeader .ux-desktop-nav>.p46-nav-link,
#appHeader .ux-desktop-nav>.ux-desktop-group>.p46-group-trigger { min-height:44px;padding-inline:12px; }
#appHeader .ux-desktop-group { position:relative; }
#appHeader .ux-desktop-group > summary { user-select:none; }
#appHeader .ux-desktop-group > .ux-dropdown { width:min(650px,calc(100vw - 45px));max-height:min(70vh,680px);overflow-y:auto;overflow-x:hidden; }
#appHeader .ux-desktop-group .ux-dropdown-tools { width:min(440px,calc(100vw - 45px)); }
#appHeader .ux-dropdown-sections { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:12px;margin:12px 0; }
#appHeader .ux-dropdown-cluster { min-width:0;border:1px solid #e0e9ef;background:#fbfcfe;border-radius:11px;padding:7px; }
#appHeader .ux-dropdown-heading { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;text-decoration:none;color:var(--ux-teal);font-size:13px;font-weight:850;line-height:1.3;border-bottom:1px solid #dfe8ef; }
#appHeader .ux-dropdown-item { display:flex;align-items:flex-start;gap:9px;padding:10px;min-height:42px;border-radius:8px;font-size:12.5px;line-height:1.3;white-space:normal;overflow-wrap:break-word; }
#appHeader .ux-dropdown-item i { margin-top:1px; }
#appHeader .ux-menu-secondary { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:12px;text-decoration:none;font-weight:750; }
#appHeader .ux-desktop-group[data-p46-group="werkzeuge"]>.ux-dropdown { left:auto;right:0; }
#appHeader .ux-desktop-nav>.p46-nav-link:focus-visible,
#appHeader .ux-dropdown a:focus-visible,
#appHeader .ux-mobile-menu a:focus-visible,
.ux-directory a:focus-visible,.ux-context summary:focus-visible,.ux-context a:focus-visible,
.ux-related a:focus-visible,.ux-card-access :is(a,button):focus-visible { outline:3px solid #14b8a6;outline-offset:2px; }
@media(min-width:1100px) and (max-width:1200px){
  #appHeader .ux-desktop-nav {gap:2px}
  #appHeader .ux-desktop-nav>.p46-nav-link,#appHeader .ux-desktop-nav>.ux-desktop-group>.p46-group-trigger{padding-inline:10px;font-size:13px}
}
/* Mobile / tablet menu: cluster headings are small but always clearly grouped. */
#appHeader .ux-mobile-cluster { margin:4px 0 10px;border:1px solid #dce8ee;border-radius:11px;overflow:hidden;background:#fff; }
#appHeader .ux-mobile-cluster-title { display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:8px;padding:10px 12px;background:#f0fdfa;text-decoration:none;font-size:13px;font-weight:850;color:#0f766e; }
#appHeader .ux-mobile-cluster>.p46-nav-link { border-radius:0;padding-inline:14px; }
#appHeader .ux-mobile-menu .p46-mobile-subnav { padding:9px 10px 12px; }
#appHeader .ux-mobile-menu .p46-nav-link {overflow-wrap:break-word;}
#appHeader .ux-mobile-menu>.p46-nav-link[data-tab="taschenkarten"] {color:#0f766e;font-weight:800}
/* Compact, visible breadcrumb – not a second topic-navigation rail. */
.ux-breadcrumb {max-width:1200px;margin:0 auto 12px;overflow:hidden;}
.ux-breadcrumb ol {display:flex;flex-wrap:nowrap;align-items:center;gap:5px;list-style:none;padding:0;margin:0;min-width:0;}
.ux-breadcrumb li {display:flex;align-items:center;gap:6px;min-width:0;flex-shrink:1;font-size:12px;line-height:1.5;white-space:nowrap;}
.ux-breadcrumb a {color:#52677e;text-decoration:none;overflow:hidden;text-overflow:ellipsis;}
.ux-breadcrumb a:hover{text-decoration:underline;color:#0f766e;}
.ux-breadcrumb .ux-crumb-current{font-weight:750;color:#0f766e;min-width:0;}
.ux-breadcrumb .ux-crumb-current span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.ux-breadcrumb .ux-crumb-divider {font-size:9px;color:#94a3b8;flex-shrink:0}
.ux-breadcrumb a:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}
/* Hub directories replacing just the previous navigational category cards. */
.ux-directory{width:100%;max-width:1200px;margin:0 auto 32px;}
.ux-directory-intro{margin:8px 0 18px;}
.ux-directory-intro h2{font-size:clamp(21px,2.5vw,27px);font-weight:850;line-height:1.2;color:#101f35;letter-spacing:-.025em;margin:0 0 6px}
.ux-directory-intro p{font-size:14px;line-height:1.6;color:#52677e;margin:0}
.ux-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ux-directory-cluster{min-width:0;border:1px solid #d9e4ef;border-radius:15px;background:#fff;padding:18px;box-shadow:0 3px 14px rgba(15,23,42,.03);scroll-margin-top:90px}
.ux-directory-cluster-title{margin-bottom:12px;}
.ux-directory-cluster-title h3{font-size:19px;font-weight:850;line-height:1.3;color:#0f172a;margin:0 0 3px;}
.ux-directory-cluster-title p{font-size:13px;line-height:1.45;color:#64748b;margin:0;}
.ux-directory-links{display:flex;flex-direction:column;gap:5px;}
.ux-directory-link{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 11px;border-radius:9px;color:#334155;background:#f8fafc;text-decoration:none;font-weight:700;font-size:13.5px;line-height:1.4;}
.ux-directory-link>i:first-child{width:22px;text-align:center;color:#0f766e;flex-shrink:0}
.ux-directory-link>span{flex:1;min-width:0;overflow-wrap:break-word}
.ux-directory-link>i:last-child{color:#94a3b8;flex-shrink:0;font-size:11px}
.ux-directory-link:hover{background:#e8fcf8;color:#115e59}
.ux-directory-aside{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:15px;color:#0f766e;font-size:13px;font-weight:750;text-decoration:none;}
/* Contextual return link + collapsed small list rather than long pill rows. */
.ux-related {width:100%;max-width:1200px;margin:0 auto 16px;display:flex;gap:12px;align-items:start;justify-content:space-between;flex-wrap:wrap;}
.ux-related-back{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#0f766e;text-decoration:none;font-size:13px;font-weight:750}
.ux-related-details{position:relative;margin-left:auto;z-index:12}
.ux-related-details summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;background:#fff;border:1px solid #cddce7;border-radius:10px;color:#334155;font-size:13px;font-weight:700;cursor:pointer;}
.ux-related-details summary::-webkit-details-marker{display:none}
.ux-related-details summary span{color:#64748b}
.ux-related-list{display:grid;grid-template-columns:1fr;gap:3px;min-width:270px;max-width:min(340px,calc(100vw - 30px));padding:8px;border:1px solid #d5e4e9;border-radius:11px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.1);position:absolute;top:calc(100% + 4px);right:0}
.ux-related-list a{display:flex;gap:9px;align-items:center;padding:9px;border-radius:8px;line-height:1.4;color:#334155;text-decoration:none;font-size:13px}
.ux-related-list a:hover{background:#f0fdfa;color:#0f766e}
/* Direct entry to existing bookmark filter: no new favorite storage. */
.ux-card-access{max-width:1200px;width:100%;margin:0 auto 12px;display:flex;flex-wrap:wrap;gap:8px}
.ux-card-access a,.ux-card-access button{display:inline-flex;align-items:center;gap:9px;min-height:44px;border:1px solid #d8e4ed;border-radius:10px;padding:10px 13px;background:#fff;color:#0f766e;text-decoration:none;cursor:pointer;font-weight:750;font-size:13px}
.ux-card-access :is(a,button):hover{background:#f0fdfa}
/* Situational entry links; headings follow the desired 'der OP' terminology. */
.ux-context{max-width:1200px;margin:0 auto 20px;}
.ux-context-head{margin:12px 0 10px}
.ux-context-head h2{font-size:clamp(18px,2vw,21px);font-weight:850;line-height:1.25;color:#0f172a;margin:0 0 4px}
.ux-context-head p{color:#64748b;font-size:12.5px;line-height:1.4;margin:0}
.ux-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}
.ux-context-card{min-width:0;border:1px solid #d5e5ea;border-radius:12px;background:#fff;overflow:hidden}
.ux-context-card summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px;min-height:70px;cursor:pointer}
.ux-context-card summary::-webkit-details-marker{display:none}
.ux-context-icon{display:grid;place-items:center;min-width:37px;height:37px;border-radius:10px;background:#e5f7f4;color:#0f766e}
.ux-context-label{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.ux-context-label strong{font-size:13.5px;color:#102a33;font-weight:850;line-height:1.35}
.ux-context-label small{font-size:11px;color:#64748b;line-height:1.3}
.ux-context-card summary>i:last-child{font-size:11px;color:#64748b;transition:transform .2s}
.ux-context-card[open] summary>i:last-child{transform:rotate(180deg)}
.ux-context-card nav{display:grid;grid-template-columns:1fr;padding:5px 10px 10px;border-top:1px solid #d9e9ec}
.ux-context-card nav a{min-height:41px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 4px;color:#0f766e;text-decoration:none;font-size:12.5px;line-height:1.3;font-weight:700}
.ux-context-card nav a+a{border-top:1px solid #eff5f7}
.ux-context-card nav a>i{font-size:10px;flex-shrink:0}
@media(max-width:1099px){
 #appHeader .ux-desktop-nav{display:none!important}
 .ux-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .ux-breadcrumb{margin:2px auto 8px;}
 .ux-breadcrumb li{display:none;font-size:11px}
 .ux-breadcrumb li.ux-crumb-parent,.ux-breadcrumb li.ux-crumb-current{display:flex;}
 .ux-breadcrumb li.ux-crumb-parent .ux-crumb-divider{display:none;}
 .ux-breadcrumb li.ux-crumb-current .ux-crumb-divider{display:block;}
 .ux-breadcrumb li.ux-crumb-parent{max-width:45%;}
 .ux-breadcrumb li.ux-crumb-current{max-width:60%;}
 .ux-directory-grid{grid-template-columns:1fr;gap:10px}
 .ux-directory-cluster{padding:13px;border-radius:12px}
 .ux-directory-cluster-title h3{font-size:17px}
 .ux-directory-intro{margin:0 0 13px}
 .ux-directory-intro h2{font-size:19px}
 .ux-related{gap:6px;margin-bottom:10px}
 .ux-related-back{font-size:12px;min-height:42px;max-width:65%;white-space:normal}
 .ux-related-details summary{min-height:42px;font-size:12px}
 .ux-related-list{z-index:20}
 .ux-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ux-context-card summary{padding:10px 8px;min-height:68px;gap:7px}
 .ux-context-icon{min-width:30px;height:30px;font-size:13px}
 .ux-context-label strong{font-size:12px}
 .ux-context-label small{font-size:10px}
 .ux-context-card nav{padding:4px 8px 8px}
 .ux-context-head{margin-top:10px}
 .ux-card-access{margin:0 0 10px}
 .ux-card-access :is(a,button){flex:1;justify-content:center}
}
@media(max-width:359px){
 .ux-context-grid{grid-template-columns:1fr 1fr;gap:6px}
 .ux-context-card summary{gap:5px;padding:9px 6px}
 .ux-context-icon{min-width:27px;height:27px}
 .ux-context-label strong{font-size:11px}
 .ux-context-label small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ux-context-card summary>i:last-child{transition:none}}