/* Shared public-page navigation: a visible path and quiet keyboard behavior. */
:root{--t-instant:80ms;--t-fast:130ms}
.wdot{display:inline-block;color:var(--gold)}
.navleft{display:flex;align-items:center;gap:12px}
.stub,.wmenu{display:none}
@media(max-width:720px){
  .stub{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;cursor:pointer;background:none;-webkit-tap-highlight-color:transparent;transition:transform var(--t-instant) var(--e-out)}
  .stub:active{transform:scale(.96)}
  .stub svg{display:block;width:26px;height:20px;overflow:visible}
  .stub .dot{fill:var(--gold)}
  .stub path{fill:none;stroke:var(--pre);stroke-width:2.2;stroke-linecap:round}
  .stub .jots path{stroke-dasharray:24 24;stroke-dashoffset:0}
  .stub .cross path{stroke-dasharray:30 30;stroke-dashoffset:30;transition:stroke-dashoffset var(--t-fast) var(--e-out)}
  .stub.open .jots path,.stub.open .dot{opacity:0}
  .stub.open .cross path{stroke-dashoffset:0}
  .wmenu{display:block;position:fixed;top:86px;left:16px;z-index:39;width:min(320px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(-8px);pointer-events:none;transition:transform var(--t-fast) var(--e-out),opacity var(--t-fast) var(--e-out)}
  .wmenu.open{opacity:1;transform:translateY(0);pointer-events:auto}
  .wmenu a{display:block;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:600;color:var(--dim)}
  .wmenu a:hover,.wmenu a:active{background:var(--chip);color:var(--ivory)}
  .wmenu a.here{color:var(--gold)}
  .wmenu a+a{margin-top:2px}
}
html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--line2) var(--vault)}
html:has(.qa){color-scheme:light;scrollbar-color:#b3ab99 #efe9db}
.skip-content{position:fixed;left:16px;top:-100px;z-index:100;background:var(--ivory);color:#17130d;padding:12px 18px;border-radius:8px;font:600 14px Hanken,sans-serif}
.skip-content:focus{top:12px;color:#17130d}
.wmenu[inert]{visibility:hidden}
button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[tabindex='-1']:focus{outline:none}
.ask{margin-top:24px}.ask .sub{line-height:1.5}
.ask input::placeholder{color:var(--dim)}
.filters .count{color:inherit}
.help-steps{counter-reset:step;list-style:none!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:9px;margin:18px 0!important;padding:0}
.help-steps li{counter-increment:step;display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line2);border-radius:9px;margin:0!important;font-size:12px;line-height:1.5;color:var(--dim);background:var(--panel2)}
.help-steps li:before{content:counter(step,decimal-leading-zero);color:var(--pre);font-variant-numeric:tabular-nums;flex:none}
.qa .help-steps li{border-color:var(--inkLine);background:var(--paper2);color:var(--ink)}
.qa .help-steps li:before{color:#78601c}
.help-source{font-size:12px!important}.help-source a{color:inherit;text-underline-offset:3px}
.ex .good{color:#246342}.ex .bad{color:#9b332e}
.ex .exbody .row>span{flex:1;min-width:0}.ex .exbody .row>b{text-align:right;max-width:56%;overflow-wrap:anywhere}
.help-pipeline{padding-left:3px;list-style:none;counter-reset:pipeline;margin-left:0}
.help-pipeline li{counter-increment:pipeline;position:relative;padding-left:34px;margin-top:18px}
.help-pipeline li:before{content:counter(pipeline,decimal-leading-zero);position:absolute;left:0;top:1px;color:var(--pre);font:600 13px/1.9 Hanken,sans-serif}
@media(max-width:420px){.ex .exbody .row{gap:12px;font-size:13px;line-height:1.6;padding:8px 0}.fx{font-size:14px;padding:12px 14px;line-height:1.6}.ex .exfoot{font-size:12px;line-height:1.6}.help-steps{grid-template-columns:1fr 1fr}}
@media(pointer:coarse){.stub{min-width:44px;min-height:44px}.cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.toc a,.filters button{min-height:44px;display:flex;align-items:center}.ask input{font-size:16px}}
@media(max-width:720px){nav{gap:8px;padding:8px 10px 8px 12px}nav .cta{padding-inline:14px;font-size:12px}.navleft{gap:8px}.toc{top:94px}.shell{padding-top:150px}.filters{top:92px}.qa{scroll-margin-top:200px}.ask input{font-size:16px}}
@media(max-width:360px){nav .wordmark{font-size:17px}nav .cta{padding-inline:10px}.navleft{gap:4px}}
@media(max-width:1020px){.toc{top:90px}.shell:has(article){padding-top:178px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}