/* Functional additions only. Approved rose palette and page geometry remain in style.css. */
.brand{display:inline-block;font-size:11px;color:var(--mut);text-decoration:none;min-height:44px;padding:12px 0;margin-bottom:-12px}
.text-btn{min-width:44px;min-height:44px}.chip{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.skip-link{position:absolute;left:14px;top:-100px;background:var(--card);padding:10px;z-index:5}.skip-link:focus{top:4px}
.face-card.wide{grid-column:1/-1}.face-card{align-self:start}.face{white-space:pre;max-width:100%}
.manual-fallback{display:block;position:fixed;inset:14px;z-index:10;box-shadow:0 0 0 100vmax rgba(26,29,35,.4)}
dialog:not([open]){display:none}dialog textarea{white-space:pre;overflow:auto}dialog .actions{gap:8px}
.related{margin-top:18px}.related nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.related a,.tool-link{display:inline-flex;align-items:center;min-height:44px;padding:7px 10px}
.saved-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.saved-list button{max-width:100%;white-space:pre;overflow-x:auto}
#search-panel input{margin-top:5px}.error .text-btn{color:inherit}footer details p{overflow-wrap:anywhere}
@media(max-width:350px){.face{font-size:21px}.face-card{padding-inline:4px}.grid{gap:8px}}
/* B-NAV: normal-flow sticky bar; expanded mobile links push content down. */
.site-nav{position:sticky;top:0;z-index:4;background:var(--card);border-bottom:1px solid var(--line);font-size:13px}
.site-nav-inner{max-width:960px;margin:auto;padding:0 14px;display:flex;align-items:center;flex-wrap:wrap;gap:0 12px}
.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px;text-decoration:none;color:var(--tx);border-radius:6px}
.site-nav .site-nav-brand{font-weight:600;padding-left:0;margin-right:auto}
.site-nav a[aria-current]{color:var(--b);background:var(--soft);text-decoration:underline;text-underline-offset:4px}
.site-nav-links,.site-nav-tools,.site-nav-languages{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px}
.site-nav-languages{border-left:1px solid var(--line);padding-left:8px}
.site-nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:6px;padding:0 12px;margin:4px 0}
.site-nav :focus-visible{outline:3px solid var(--b);outline-offset:2px}
#content{scroll-margin-top:110px}
.screen-active .site-nav,.screen-active .skip-link{display:none!important}
@media(max-width:559px){
  .site-nav-links{width:100%;padding-bottom:6px;align-items:stretch;flex-direction:column}
  .site-nav-languages{border-left:0;border-top:1px solid var(--line);padding:0}
  .site-nav[data-ready] .site-nav-toggle{display:block}
  .site-nav[data-ready] .site-nav-toggle[aria-expanded="false"]+.site-nav-links{display:none}
  #content{scroll-margin-top:60px}
}
@media print{.site-nav{display:none!important}}