/* Shared controls and application adapters. Polished Aurum is the sole material authority. */
:root,:root[data-suarez-theme="dark"] {
 --av-bg:var(--g-bg);--av-panel:var(--g-surface);--av-raised:var(--g-raised);--av-ink:var(--g-ink);--av-muted:var(--g-muted);--av-line:var(--g-line);--av-cyan:var(--g-accent);--av-green:#a1e583;--av-magenta:#e6a0ee;--av-warning:#ffca72;--av-error:#ffc3c0;--av-glass:var(--g-glass);--av-menu-glass:var(--g-glass);--av-focus:var(--g-accent);
 --bg:var(--av-bg);--ink:var(--av-ink);--ink-muted:var(--av-muted);--text:var(--av-ink);--text-strong:var(--av-ink);--text-muted:var(--av-muted);--text-muted-2:var(--av-muted);--navy:var(--av-ink);--navy-600:var(--av-ink);
 --surface:var(--av-panel);--surface-soft:var(--av-bg);--surface-raised:var(--av-raised);--surface-strong:var(--av-raised);--surface-tint:var(--av-panel);--bg-soft:var(--av-panel);--bg-elevated:var(--av-raised);--paper-bg:var(--av-panel);--glass-bg:var(--av-panel);--glass-bg-strong:var(--av-raised);
 --border:var(--av-line);--border-strong:var(--av-line);--line:var(--av-line);--line-strong:var(--av-line);--hairline:var(--av-line);--workbench-panel:var(--av-panel);--workbench-panel-strong:var(--av-raised);--workbench-border:var(--av-line);--workbench-border-strong:var(--av-line);
 --yellow:var(--av-cyan);--yellow-bright:var(--av-cyan);--yellow-ink:var(--av-cyan);--yellow-soft:color-mix(in srgb,var(--g-mid) 12%,transparent);--yellow-line:var(--av-line);--dock-clearance:calc(100px + env(safe-area-inset-bottom,0px));
}
:root[data-suarez-theme="light"] {--av-green:#316823;--av-magenta:#853492;--av-warning:#805000;--av-error:#a82724;}
html{scroll-padding-block:24px var(--dock-clearance)}
body{background:var(--av-bg);color:var(--av-ink);padding-bottom:var(--dock-clearance)}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--av-focus);outline-offset:3px;transition:none}
::selection{background:var(--g-mid);color:var(--g-key-ink)}
body :is(.card,.paper,.panel,.post-card,.hub-card,.tool-card,.service-card,.article-body,.post-body,.part61-panel,.part61-calculator-header,.filter-rail,.cta-box){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body :is(input,select,textarea){background:var(--av-bg);color:var(--av-ink);border-color:var(--av-line);accent-color:var(--av-cyan)}body :is(input,textarea)::placeholder{color:var(--av-muted);opacity:1}body :is(button,input,select):disabled{opacity:.55;cursor:not-allowed}
/* Motion stays on controls and navigation; the homepage sky has its own owner. */
@media(max-width:980px){body .av-wide{display:none}}
@media print{body{padding-bottom:0}}
/* Content families: matte surfaces and readable foregrounds in both appearances. */
body.home-page section:not(.horizon-hero),body.home-page #contact,body.home-page .contact-mat{background:var(--av-bg);color:var(--av-ink)}
body.home-page section:not(.horizon-hero) :is(h1,h2,h3,h4,p,.plan-row-name,.plan-row-desc,.credential-ledger dd,.credential-ledger dt),body.editorial-page :is(h1,h2,h3,h4,p,li),body footer :is(a,p,.wordmark,.fine){color:var(--av-ink)}
body.home-page :is(.about-panel,.journey-controls,.journey-panel,.faq-sheet,.contact-sheet),body.editorial-page :is(.toc,.see-also,.service-panel,.callout,.cta-box),body.tool-page :is(.selection-summary,.endorsement-detail-panel,.part61-calculator-header,.part61-panel,.part61-step-rail,.part61-results-pane,.cg-card,.endorsement-card,.verbatim-block,.filter-rail),body footer{background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body.home-page :is(.section-header .eyebrow,.plan-row-num),body.editorial-page :is(.eyebrow,.post-tag,.post-card-link),body footer .footer-col-title{color:var(--av-cyan)}
body.home-page :is(.tool-card,.tool-card:hover){background:var(--av-panel);border-color:var(--av-line)}body.home-page .tool-card :is(strong,em){color:var(--av-ink)}
body.tool-page :is(input[type="text"],input[type="number"],input[type="search"],select,textarea){background:var(--av-bg);color:var(--av-ink)}
body.tool-page .part61-calculator .part61-button-primary,body.tool-page .part61-calculator .part61-button-primary:hover{background:var(--av-cyan);color:var(--av-bg);border-color:var(--av-cyan)}
body.tool-page{padding-top:36px}body.editorial-page .article-wrap{padding-top:48px}body.editorial-page .page-hero{padding-top:64px}body.tool-page .filter-rail{top:24px}
/* Original navigation nodes stay available to app logic, but only the dock is shown. */
[data-av-tool-dock="true"] .se-app-header nav[aria-label="Workspace"],[data-av-tool-dock="true"] .part61-step-rail,[data-av-tool-dock="true"] .cg-stepper{display:none!important}
body #part61MobileBar{position:static;inset:auto;margin-block:16px;max-width:100%;width:auto}
body.simply-endorsed-page{background:var(--av-bg);color:var(--av-ink)}
body #se-workspace{--se-gold:var(--av-cyan);--se-line:var(--av-line);--se-muted:var(--av-muted);--se-paper:var(--av-panel);color:var(--av-ink)}
body #se-workspace :is(.se-app-header,.se-category-rail,.se-detail,.se-main,.se-card,.se-task-card,.se-guide-card,.se-search-result,details,dialog){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body #se-workspace :is(button,input,select){background:var(--av-raised);color:var(--av-ink);border-color:var(--av-line);border-radius:5px;min-height:44px}
body #se-workspace .se-app-header{position:static}
body.certgen-view{--tool-accent:var(--av-cyan);--tool-accent-bright:var(--av-cyan);--tool-ink:var(--av-cyan);--accent:var(--av-cyan);--accent-ink:var(--av-cyan);--accent-strong:var(--av-cyan)}
body.certgen-view :is(.cg-page-head,.cg-preview-empty,.cg-preview-empty span){color:var(--av-ink)}
body.certgen-view :is(.cg-cert-btn,.cg-rating-btn,.cg-btn,.cg-photo-drop){background:var(--av-raised);color:var(--av-ink);border-color:var(--av-line)}
body.certgen-view :is(.cg-cert-btn,.cg-rating-btn)[aria-checked="true"]{border-color:var(--av-cyan);box-shadow:inset 0 -3px var(--av-cyan)}
body.tool-page .part61-redesign{--p61-surface:var(--av-panel);--p61-line:var(--av-line);--p61-muted:var(--av-muted)}
body.tool-page .part61-redesign :is(p,small,label,summary,.part61-helper,.part61-kicker,.part61-section-intro,.stage-number,.part61-text-button,#part61AddStageBtn){color:var(--av-muted)}
body.tool-page .part61-redesign :is(.part61-choice-row,.option-button,.part61-button-secondary,.part61-stage-card,.part61-experience-group,.part61-event-group,.part61-background-details,.part61-cost-details,.chip,.group-completion){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line);border-radius:6px}
body.tool-page .part61-redesign :is(.part61-choice-row,.option-button)[aria-pressed="true"],body.tool-page .part61-redesign .option-button.selected{background:var(--av-raised);color:var(--av-cyan);border-color:var(--av-cyan);box-shadow:inset 0 -3px var(--av-cyan)}
body.tool-page .part61-redesign :is(button,summary,input,select,a):focus-visible{outline-color:var(--av-focus)}
body.tool-page .part61-redesign :is(.part61-more-toggle,.part61-action-button,.part61-quiet-button,.part61-share-button){background:var(--av-raised);color:var(--av-ink);border-color:var(--av-line)}
body .cp-intro :is(h1,p),body .cp-record :is(span,small,strong),body .cp-saved :is(p,strong){color:var(--av-ink)}
body :is(.cp-record,.cp-saved,#cp-delete-dialog,.cp-dashboard,.cp-save-panel){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}body .cp-site-actions :is(p,button){color:var(--av-ink)}
body footer .footer-col a,body footer .wordmark{color:var(--av-ink)}
html body.editorial-page .article-header :is(.dek,.lede){color:var(--av-muted)}
html body.editorial-page :is(.eyebrow,.post-tag){color:var(--av-cyan)}
html body.editorial-page .toc a{background:var(--av-raised);color:var(--av-ink);border-color:var(--av-line);border-radius:5px;box-shadow:inset 0 1px #ffffff20}
html body.editorial-page :is(.prose,.article-body,.post-body){background:transparent}
html body.editorial-page :is(.callout,.see-also,.service-panel,.hub-card){background-image:none}
html body.editorial-page :is(.prose,.article-body,.post-body) a{color:var(--av-cyan)}
body.certgen-view .cg-nav-row{position:static;background:var(--av-panel);border-color:var(--av-line);backdrop-filter:none;margin-block:16px}
body.certgen-view :is(.cg-step-eyebrow,.cg-eyebrow,.cg-card-kicker){color:var(--av-cyan)}
body.engine-explorer-page{background:var(--av-bg);padding:0}
body.engine-explorer-page .engine-explorer-shell{padding-top:0;padding-bottom:var(--dock-clearance);height:auto;min-height:100dvh}
body.engine-explorer-page .engine-explorer-main{flex:1 0 auto;height:auto;min-height:746px}
body.engine-explorer-page.is-exploring .engine-explorer-shell{padding:0;height:100dvh;min-height:0}body.engine-explorer-page.is-exploring .engine-explorer-main{flex:1 1 0;min-height:0;height:100dvh}
body.engine-explorer-page .engine-explorer-frame{background:var(--av-bg)}
body.engine-explorer-page #engine-study-guide{background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body .av-icon{display:block;width:19px;height:19px;flex:none;overflow:visible}
@media(max-width:600px){body .av-icon{width:16px;height:16px}}
@media print{:root{--av-bg:white;--av-panel:white;--av-raised:white;--av-ink:black;--av-muted:#333;--av-line:#888;--av-cyan:#73551b;--av-green:#285d25}body{color:black;background:white}}
html body.editorial-page .page-hero .eyebrow,html body.editorial-page .hub-card .eyebrow,html body.editorial-page .post-card .post-tag{color:var(--av-cyan)}
html body :is(.service-proof span,.trust-chip,.proof-chip){background:var(--av-panel);color:var(--av-muted);border-color:var(--av-line);border-radius:5px}
html body .source-guide{background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body.home-page .tool-card :is(.tool-topic,.tool-description){color:var(--av-muted)}
body.home-page .tools-directory-link a{color:var(--av-cyan)}
body.certgen-view .cg-panel-kicker{color:var(--av-cyan)}
body.certgen-view :is(.cg-photo-drop,.cg-photo-drop-btn){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body.certgen-view .cg-photo-drop-icon{background:var(--av-raised);color:var(--av-cyan)}
body.certgen-view .cg-photo-drop-text :is(small,span){color:var(--av-muted)}
html body.editorial-page[class*="cat-"] .article-header .eyebrow{color:var(--av-cyan)}
body.editorial-page :is(input,select,textarea){background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line)}
body.editorial-page input::placeholder{color:var(--av-muted);opacity:1}
body footer :is(.footer-col,.footer-col-title,a),body.editorial-page :is(.prose,.article-body,.source-guide){min-inline-size:0;overflow-wrap:anywhere}

/* Editorial category washes need the same matte surface as their text in Dark.
   The category stripe and swatch keep their original meaning. */
html:not([data-suarez-theme="light"]) body.editorial-page[class*="cat-"],html:not([data-suarez-theme="light"]) body.editorial-page [class*="cat-"]{
  --category-soft:color-mix(in srgb,var(--category-accent) 13%,var(--av-panel));
  --category-line:color-mix(in srgb,var(--category-accent) 35%,var(--av-line));
  --category-ink:var(--av-ink);
}

/* Simply Endorsed category chooser is a full-screen modal on phones. The
   source CSS fixes its cards to charcoal; match the active appearance instead. */
body #se-workspace #se-category-dialog :is(.se-category-all,.se-category-group,.se-category-choice){
  background:var(--av-raised);
  color:var(--av-ink);
  border-color:var(--av-line);
}
body #se-workspace #se-category-dialog .se-category-group{
  border-inline-start-color:var(--category-color);
}
body #se-workspace #se-category-dialog :is(.se-category-choice:hover,.se-category-choice[aria-current],.se-category-all:hover,.se-category-all[aria-current]){
  background:var(--av-panel);
  color:var(--av-cyan);
  border-color:var(--av-cyan);
}
body #se-workspace #se-category-dialog :is(.se-category-overview,.se-subcategory){
  background:var(--av-panel);
  color:var(--av-ink);
  border-color:var(--av-line);
}
body #se-workspace #se-category-dialog :is(.se-category-overview,.se-subcategory):hover,body #se-workspace #se-category-dialog :is(.se-category-overview,.se-subcategory)[aria-current]{
  background:var(--av-raised);
  color:var(--av-cyan);
}
body #se-workspace #se-category-dialog .se-dialog-heading button{
  background:var(--av-raised);
  color:var(--av-ink);
  border:1px solid var(--av-line);
  min-width:44px;
  min-height:44px;
}
body #se-workspace #se-category-dialog :is(button,a,summary):focus-visible{
  outline:3px solid var(--av-focus);
  outline-offset:2px;
}
body .av-has-compact .av-label-compact{display:none}
@media(max-width:600px){body .av-compact-600 .av-label-full{display:none}body .av-compact-600 .av-label-compact{display:inline}}
@media(max-width:360px){body .av-compact-360 .av-label-full{display:none}body .av-compact-360 .av-label-compact{display:inline}}

/* Shared control owner. Legacy nav/button rules are removed from base skins. */
body .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:48px;max-inline-size:100%;padding:11px 20px;box-sizing:border-box;border:1px solid var(--av-line);border-radius:6px;background:linear-gradient(#ffffff09,transparent),var(--av-raised);color:var(--av-ink);font:600 1rem/1.4 var(--font-body,system-ui);text-align:center;text-decoration:none;white-space:normal;overflow-wrap:break-word;box-shadow:inset 0 1px #ffffff25,0 2px 3px #0002;cursor:pointer;transition:background-color 100ms,border-color 100ms,box-shadow 100ms}
body .btn::before,body .btn::after{content:none}
body .btn.btn--primary{background:var(--av-cyan);color:var(--av-bg);border-color:var(--av-cyan)}
body .btn:hover{border-color:var(--av-cyan);color:var(--av-ink);filter:none;transform:none}
body .btn.btn--primary:hover{color:var(--av-bg);box-shadow:inset 0 0 0 1px var(--av-bg)}
body .btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0004}
body :is(button,.btn,[role="button"]):not(:disabled):active{filter:brightness(.94)}
body .btn:focus-visible{outline:3px solid var(--av-focus);outline-offset:4px}
body :is(button,input,select):disabled{opacity:.6;cursor:not-allowed}
body .button-icon{width:26px;height:26px;flex:none;object-fit:contain}
body .nav-wrap,body.simply-endorsed-page>header.nav-wrap{position:fixed;inset:auto 0 calc(12px + env(safe-area-inset-bottom,0px) + var(--av-keyboard-inset,0px));z-index:100;pointer-events:none;view-transition-name:site-dock}
body .nav,body .nav.nav--compact{position:relative;display:flex;align-items:stretch;gap:6px;width:calc(100% - 32px);max-width:680px;min-height:64px;height:auto;margin:0 auto;padding:6px;box-sizing:border-box;background:var(--av-glass);color:var(--av-ink);border:1px solid var(--av-line);border-radius:12px;box-shadow:inset 0 1px #ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;transform:none}
body .nav>.wordmark,body .nav>.nav-brand{display:none}
body .av-destinations{display:flex;align-items:stretch;gap:6px;flex:4;min-width:0}
body .av-key,body .nav-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 1 0;min-inline-size:44px;min-block-size:50px;margin:0;padding:5px 8px;box-sizing:border-box;border:1px solid var(--av-line);border-radius:6px;background:linear-gradient(#ffffff0c,transparent),var(--av-raised);color:var(--av-ink);font:500 14px/1.3 var(--font-body,system-ui);white-space:normal;overflow-wrap:normal;text-align:center;text-decoration:none;box-shadow:inset 0 1px #ffffff24,0 1px 2px #0005;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 150ms ease}
body .nav-menu-toggle{max-width:126px;order:3}
body .av-key:hover,body .nav-menu-toggle:hover{border-color:var(--av-cyan);color:var(--av-ink);background:var(--av-panel)}
body .av-key:active,body .nav-menu-toggle:active{box-shadow:inset 0 2px 5px #0008,inset 0 1px 2px #0005}
body .av-key[aria-current]{border-color:var(--av-cyan);color:var(--av-cyan);box-shadow:inset 0 -3px var(--av-cyan),inset 0 1px #ffffff20}
body .nav-menu-toggle[aria-expanded="true"]{border-color:var(--av-cyan);background:var(--av-panel)}
body .nav :focus-visible{outline:3px solid var(--av-focus);outline-offset:3px}
body .av-icon{display:block;width:20px;height:20px;flex:none;overflow:visible}
body .nav-toggle-icon{display:none}body .nav-tools{display:contents}
body .nav-links,body .nav--tool .nav-links,body.cp-navbar-actions .nav-links{display:flex;position:absolute;inset:auto 0 calc(100% + 10px) auto;align-items:stretch;justify-content:flex-start;width:min(360px,100%);margin:0;padding:12px;box-sizing:border-box;max-height:calc(var(--av-usable-height,100dvh) - var(--dock-clearance) - 24px);overflow:auto;overscroll-behavior:contain;flex-direction:column;gap:3px;background:var(--av-menu-glass);color:var(--av-ink);border:1px solid var(--av-line);border-radius:12px;box-shadow:0 8px 28px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(6px);opacity:0;visibility:hidden;pointer-events:none;text-align:start;transition:opacity 180ms ease,transform 180ms ease,visibility 0s linear 180ms}
body .nav.is-open .nav-links{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:opacity 180ms ease,transform 180ms ease,visibility 0s}
body .nav-links>a,body .nav--tool .nav-links>a,body .nav-links>button{display:flex;align-items:center;justify-content:flex-start;flex:none;width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;margin:0;color:var(--av-ink);font:500 15px/1.4 var(--font-body,system-ui);text-align:start;text-decoration:none;background:transparent;border:1px solid transparent;border-radius:6px;box-shadow:none;opacity:1;transform:none;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 150ms ease}
body .nav-links>a:hover{background:var(--av-raised);border-color:var(--av-line);color:var(--av-ink)}
body .nav-links>a:active{background:var(--av-raised);box-shadow:inset 0 2px 4px #0003}
body .nav-links>a[aria-current]{color:var(--av-cyan);background:var(--av-raised);border-inline-start:3px solid var(--av-cyan)}
body .nav-links>a.nav-cta{color:var(--av-cyan);border-top:1px solid var(--av-line);margin-top:6px}
body .nav-links>a.av-compact-link{display:flex}
body .av-menu-heading{margin:5px 12px 6px;color:var(--av-muted);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
body .av-menu-heading--section{border-top:1px solid var(--av-line);padding-top:11px;margin-top:9px}
body .av-menu-actions{border-bottom:1px solid var(--av-line);padding-bottom:10px;margin-bottom:8px}
body .av-appearance{flex:none;min-width:0;border:0;border-top:1px solid var(--av-line);margin:12px 0 0;padding:12px 4px 0}
body .av-appearance legend{float:left;width:100%;margin-bottom:10px;font-size:13px;color:var(--av-muted)}
body .av-appearance-options{display:flex;gap:6px;clear:both}
body .av-appearance button{min-height:44px;flex:1;font:500 14px/1.3 var(--font-body,system-ui);padding:8px;background:var(--av-raised);color:var(--av-ink);border:1px solid var(--av-line);border-radius:6px;cursor:pointer}
body .av-appearance button[aria-pressed="true"]{border-color:var(--av-cyan);color:var(--av-cyan);box-shadow:inset 0 -3px var(--av-cyan)}
body .av-solid{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--av-ink)}body .av-solid input{width:20px;height:20px;min-height:0}
body .nav-drop-panel{display:none;position:static}body .nav-dropdown.is-open .nav-drop-panel{display:block}
body[data-av-tool-dock="true"] .av-destinations{flex:4}
body[data-av-tool-dock="true"] .nav-menu-toggle{flex:1;min-width:60px}
@media(max-width:980px){body .nav,body .nav.nav--compact{max-width:560px}body .av-key.av-wide{display:none}body .av-destinations{flex:3}body .nav-links>a.av-compact-link{display:flex}}
@media(max-width:600px){body .nav,body .nav.nav--compact{width:calc(100% - 24px);min-height:56px;padding:5px;gap:5px}body .av-destinations{gap:5px}body .av-key,body .nav-menu-toggle{min-height:44px;padding:4px;font-size:13px;gap:3px}body .av-icon{width:18px;height:18px}body .nav-links{width:100%}}
[data-suarez-solid="true"] body :is(.nav,.nav-links){background:var(--av-panel);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce){body :is(.nav,.nav-links){background:var(--av-panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:140ms ease-in both fade-out}
  ::view-transition-new(root){animation:180ms ease-out both fade-in}
  ::view-transition-old(site-dock),::view-transition-new(site-dock){animation-duration:160ms;animation-timing-function:ease-out}
  @keyframes fade-out{to{opacity:0}}
  @keyframes fade-in{from{opacity:0}}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}body :is(.av-key,.nav-menu-toggle,.nav-links,.nav-links>a,.av-appearance button,.btn){animation:none!important;transition:none!important;transform:none!important}::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-dock),::view-transition-new(site-dock){animation-duration:0.01ms!important}}
@media print{body .nav-wrap{display:none!important}body{padding-bottom:0}}
/* Calm page hierarchy; identity artwork has its own full-bleed background. */
body .page-identity{padding:0;background:none;border-radius:12px;object-fit:contain}
body.editorial-page .page-hero{padding-block:clamp(32px,5vw,64px);border-bottom:1px solid var(--av-line)}
body.editorial-page .page-hero h1{max-width:24ch;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.035em}
body.editorial-page .page-hero p{max-width:65ch;font-family:var(--font-body,system-ui);font-size:17px;line-height:1.6;color:var(--av-muted)}
body.editorial-page :is(.post-card-meta,.article-meta,.post-meta,time,.caption,figcaption){color:var(--av-muted)}
body.editorial-page :is(.prose,.post-body,.article-body){max-inline-size:72ch;font-size:17px;line-height:1.75}
body.editorial-page :is(.prose,.post-body,.article-body) table{display:block;max-inline-size:100%;overflow:auto}

/* Tactile system — web adaptation; content retains its own matte/status colors. */
:root {
 --av-metal-top:var(--g-raised);--av-metal-bottom:var(--g-surface);--av-metal-edge:var(--g-line);
 --av-metal-sheen:linear-gradient(175deg,#ffffff17 0%,#ffffff03 46%,#00000012 100%);
 --av-contact-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #00000040,0 2px 2px #00000040;
 --av-pressed-shadow:inset 0 2px 4px #00000060,inset 0 -1px 0 #ffffff18,0 0 0 #0000;
 --av-control-radius:10px;--av-press-duration:100ms;--av-release-duration:220ms;
 --av-dock-glass:var(--g-glass);
 --av-dock-edge:var(--g-glass-edge);--av-control-tint:color-mix(in srgb,var(--av-cyan) 14%,var(--av-raised));
}
:root[data-suarez-theme="light"]{
 --av-metal-top:var(--g-raised);--av-metal-bottom:var(--g-surface);--av-metal-edge:var(--g-line);
 --av-metal-sheen:linear-gradient(175deg,#ffffffad,#ffffff16 46%,#33333313);
 --av-contact-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #66666638,0 2px 2px #33333325;
 --av-pressed-shadow:inset 0 2px 4px #44444435,inset 0 -1px 0 #ffffff90,0 0 0 #0000;
 --av-dock-glass:var(--g-glass);--av-dock-edge:var(--g-glass-edge);
}
/* Touch-size defaults must not override app-owned card/key dimensions. */
:where(html body .av-control){min-block-size:44px;min-inline-size:44px}
html body .av-control {
 touch-action:manipulation;
 box-shadow:var(--av-contact-shadow);
 transition:transform var(--av-release-duration) cubic-bezier(.2,.8,.25,1),box-shadow var(--av-release-duration),border-color 120ms,background-color 120ms;
 -webkit-tap-highlight-color:transparent;
}
html body .av-control:not(:disabled):not([aria-disabled="true"]):active,
html body .av-key:active {transform:translateY(2px);box-shadow:var(--av-pressed-shadow);transition-duration:var(--av-press-duration);filter:none}
html body .av-control:focus-visible{outline:3px solid var(--av-focus);outline-offset:3px}
html body .av-control[aria-busy="true"]{cursor:progress;box-shadow:inset 0 0 0 2px var(--av-cyan)}
html body .av-control:disabled{transform:none;box-shadow:none;opacity:.55}
html body :is(.btn,.av-appearance button,.part61-button-secondary,.cg-btn,.cg-cert-btn,.cg-rating-btn,.option-button,.av-step-key) {
 border-radius:var(--av-control-radius);background-image:var(--av-metal-sheen);
}
html body :is(.av-control[aria-pressed="true"],.av-control[aria-checked="true"]:not([role="switch"]),.av-control[aria-current],.option-button.selected){
 box-shadow:inset 0 1px #fff8,0 2px 3px #0002;
}
html body :is(.av-appearance-options,.segmented,.segmented-control){padding:3px;gap:3px;border-radius:13px;background:color-mix(in srgb,var(--av-bg) 85%,#000);box-shadow:inset 0 1px 4px #0005}
html body :is(.nav,.nav.nav--compact,[data-tactile-dock]){
 max-width:600px;min-height:60px;padding:4px;gap:4px;border-radius:20px;
 background:var(--av-dock-glass);border:1px solid var(--av-dock-edge);
 box-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #0002,0 8px 24px #0003;
 backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);
 transition:padding 180ms ease,min-height 180ms ease;
}
html body .av-destinations{gap:4px}
html body :is(.av-key,.nav-menu-toggle,[data-dock-key]){
 min-height:48px;min-width:44px;padding:3px 6px;gap:3px;border:1px solid transparent;
 border-radius:15px;background:var(--av-metal-sheen);box-shadow:inset 0 1px #ffffff12;
 color:var(--av-ink);font-size:13px;font-weight:550;line-height:1.2;
 transition:box-shadow 140ms,background-color 140ms,color 140ms,transform 140ms;
}
html body :is(.av-key,.nav-menu-toggle,[data-dock-key]):hover{background:var(--av-metal-sheen),var(--av-raised);border-color:var(--av-dock-edge)}
html body :is(.av-key[aria-current],[data-dock-key][aria-current],[data-dock-key][aria-selected="true"],[data-dock-key][aria-pressed="true"],.nav-menu-toggle[aria-expanded="true"]){
 color:var(--av-cyan);background:var(--av-metal-sheen),var(--av-control-tint);border-color:var(--av-metal-edge);
 box-shadow:inset 0 1px #ffffff35,inset 0 -2px var(--av-cyan),0 1px 3px #0003;
}
html body .nav-links{border-radius:20px;border-color:var(--av-dock-edge);box-shadow:inset 0 1px #ffffff2a,0 12px 32px #0004}
html body .nav-links>a{border-radius:10px}
html body [data-tactile-dock].av-dock-collapsed{min-height:48px;padding-block:1px}
html body .av-dock-collapsed :is(.av-key,.nav-menu-toggle,[data-dock-key]){min-height:44px;padding-block:0;gap:0}
html body .av-dock-collapsed :is(.av-key,.nav-menu-toggle)>span,
html body .av-dock-collapsed [data-dock-label]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
/* Stable footprint avoids scroll feedback loops when navigation contracts. */
html body .nav-wrap{bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--av-keyboard-inset,0px))}
@media(max-width:980px){html body :is(.nav,.nav.nav--compact,[data-tactile-dock]){max-width:520px}}
@media(max-width:600px){
 html body :is(.nav,.nav.nav--compact,[data-tactile-dock]){min-height:56px;padding:3px;border-radius:18px}
 html body :is(.av-key,.nav-menu-toggle,[data-dock-key]){min-height:48px;padding:3px;font-size:12px;border-radius:13px}
 html body .av-icon{width:18px;height:18px}
}
/* Real binary settings retain native keyboard/checked semantics. */
html body :is(.av-solid,.explorer-appearance label){min-height:44px;cursor:pointer}
html body :is(.av-solid,.aero-solid,.explorer-appearance) input[type="checkbox"]{
 appearance:none;-webkit-appearance:none;flex:none;width:46px;height:28px;min-height:28px;margin:0;border-radius:9px;
 border:1px solid var(--av-metal-edge);background:linear-gradient(var(--av-bg),var(--av-raised));box-shadow:inset 0 2px 4px #0006;position:relative;cursor:pointer;
}
html body :is(.av-solid,.aero-solid,.explorer-appearance) input[type="checkbox"]::after{
 content:"";position:absolute;inset:3px auto 3px 3px;width:19px;border-radius:5px;
 background:linear-gradient(160deg,var(--av-metal-top),var(--av-metal-bottom));box-shadow:var(--av-contact-shadow);transition:transform 140ms ease;
}
html body :is(.av-solid,.aero-solid,.explorer-appearance) input[type="checkbox"]:checked{background:var(--av-control-tint);border-color:var(--av-cyan)}
html body :is(.av-solid,.aero-solid,.explorer-appearance) input[type="checkbox"]:checked::after{transform:translateX(18px);border-inline-end:2px solid var(--av-cyan)}
html body input[type="range"]{min-height:44px;accent-color:var(--av-cyan);cursor:ew-resize}
html body input[type="range"]::-webkit-slider-thumb{box-shadow:var(--av-contact-shadow);border:1px solid var(--av-metal-edge);border-radius:7px}
html body input[type="range"]::-moz-range-thumb{background:linear-gradient(150deg,var(--av-metal-top),var(--av-metal-bottom));box-shadow:var(--av-contact-shadow);border:1px solid var(--av-metal-edge);border-radius:7px}
.av-input-tools{display:inline-flex;align-items:center;gap:6px;margin-block:6px;max-width:100%;vertical-align:middle}
html body .av-step-key{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:0;border:1px solid var(--av-metal-edge);color:var(--av-ink);background:var(--av-metal-sheen),var(--av-raised);font:500 22px/1 system-ui}
[data-suarez-solid="true"] body :is([data-tactile-dock],.nav,.nav-links){background:var(--av-panel);backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){html body :is([data-tactile-dock],.nav,.nav-links){background:var(--av-panel)}}
@media(prefers-reduced-transparency:reduce){html body :is([data-tactile-dock],.nav,.nav-links){background:var(--av-panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){html body :is(.av-control,.av-key,[data-dock-key]){border:2px solid currentColor}html body :is([data-tactile-dock],.nav,.nav-links){background:var(--av-panel);backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html body :is(.av-control,.av-key,[data-tactile-dock],[data-dock-key]){transition:none!important;animation:none!important}html body .av-control:active,html body .av-key:active{transform:none!important}html body input[type="checkbox"]::after{transition:none!important}}
@media print{html body .av-input-tools,html body [data-tactile-dock]{display:none!important}}
html body .av-rocker-track{border:1px solid var(--av-metal-edge);border-radius:8px;box-shadow:inset 0 2px 4px #0006}
html body .av-rocker-thumb{border-radius:5px;background:linear-gradient(145deg,var(--av-metal-top),var(--av-metal-bottom));box-shadow:var(--av-contact-shadow)}
html body .aero-dock-wrap{bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--av-keyboard-inset,0px))}
html body .aero-dock[data-tactile-dock]{width:calc(100% - 24px)}
html body .aero-dock__destinations{gap:4px}
html body .aero-dock__panel{border-radius:20px;max-height:calc(var(--av-usable-height,100dvh) - 110px)}
html body .aero-solid{min-height:44px}
html body .aero-dock .aero-appearance__options button{background-image:var(--av-metal-sheen);border-radius:9px}
html body .explorer-dock[data-tactile-dock]{min-height:60px;bottom:calc(10px + env(safe-area-inset-bottom,0px));border-radius:20px}
html body .explorer-dock [data-dock-key]{min-height:48px;border-radius:13px;background-image:var(--av-metal-sheen)}
html body .explorer-menu-panel{border-radius:18px}
@media(max-width:600px){html body .explorer-dock[data-tactile-dock]{min-height:56px}}
/* Large hit area, slim visual track: do not stretch a legacy filled track. */
html body input[type="range"]{appearance:none;-webkit-appearance:none;height:44px;min-height:44px;padding:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(var(--av-line),var(--av-line)) center/100% 4px no-repeat}
html body input[type="range"]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:transparent}
html body input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:26px;margin-top:-11px;border-radius:7px;background:linear-gradient(150deg,var(--av-metal-top),var(--av-metal-bottom));border:1px solid var(--av-metal-edge);box-shadow:var(--av-contact-shadow)}
html body input[type="range"]::-moz-range-track{height:4px;background:transparent}
html body input[type="range"]::-moz-range-thumb{width:24px;height:26px}

@media(max-width:980px){html body .aero-dock__destinations>a.aero-dock__wide{display:none}}

html body.aero-lab-page{background:var(--av-bg);color:var(--av-ink)}
/* Explicit opacity modes outrank independent tool cascades. */
html[data-suarez-solid="true"] body :is(.nav,.nav-links,[data-tactile-dock],.aero-dock__panel,.explorer-menu-panel){background:var(--av-panel)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html body :is(.nav,.nav-links,[data-tactile-dock],.aero-dock__panel,.explorer-menu-panel){background:var(--av-panel)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not (backdrop-filter:blur(1px)){html body :is(.nav,.nav-links,[data-tactile-dock],.aero-dock__panel,.explorer-menu-panel){background:var(--av-panel)!important}}
/* Empty preview is printed-paper colored; its UI hint needs dark ink. */
html body.certgen-view .cg-preview-empty,html body.certgen-view .cg-preview-empty span{color:var(--g-muted)}

html body input[type="number"]{min-height:44px}
html body #part61ValidationMessage{background:var(--av-panel);color:var(--av-ink);border-color:var(--av-amber,#d9a64d)}
html body #part61ValidationMessage :is(p,li,strong){color:inherit}
html body .part61-calculator input[type="number"]:focus{background:var(--av-bg);color:var(--av-ink)}
/* FOI's legacy header needs placement only; shared dock keeps its geometry. */
html body.foi-page .app-shell>header.chipnav-wrap.nav-wrap{position:fixed;inset:auto 0 calc(10px + env(safe-area-inset-bottom,0px) + var(--av-keyboard-inset,0px));z-index:100;width:100%;margin:0;padding:0;pointer-events:none}
html body.certgen-view :is(.cg-cert-title,.cg-cert-sub){white-space:normal;text-overflow:clip;overflow-wrap:normal}
@media(max-width:360px){html body.simply-endorsed-page .av-key{font-size:11px;padding-inline:2px}html body.simply-endorsed-page .av-destinations>.av-key:first-child{flex:1.3}}
/* Collapse wins over expanded phone breakpoints as well as tool defaults. */
html body [data-tactile-dock].av-dock-collapsed{min-height:48px;padding-block:1px}

/* Liquid navigation — a functional layer above the existing page surfaces. */
:root{
 --liquid-ink:var(--g-ink);--liquid-muted:var(--g-muted);--liquid-surface:var(--g-surface);
 --liquid-glass:var(--g-glass);--liquid-edge:var(--g-glass-edge);
 --liquid-key:var(--g-raised);--liquid-selected:var(--g-surface);--liquid-focus:var(--g-accent);
}
html body .nav.liquid-dock{
 border-radius:25px;background:var(--liquid-glass);border-color:var(--liquid-edge);
 padding:5px;gap:4px;color:var(--liquid-ink);max-width:600px;
 box-shadow:inset 0 1px 0 #ffffff28,0 10px 35px #0003;
 backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);
}
html body .liquid-dock :is(.av-key,.nav-menu-toggle){
 background:transparent;background-image:none;color:var(--liquid-muted);border:1px solid transparent;
 box-shadow:none;border-radius:19px;min-height:48px;padding:5px 10px;font-size:clamp(12px,.75rem,18px);font-weight:600;
}
html body .liquid-dock :is(.av-key,.nav-menu-toggle):hover{background:var(--liquid-key);color:var(--liquid-ink);border-color:transparent}
html body .liquid-dock :is(.av-key[aria-current],.nav-menu-toggle[aria-expanded="true"]){
 color:var(--liquid-ink);background:var(--liquid-selected);border-color:var(--liquid-edge);box-shadow:inset 0 1px #ffffff18;
}
html body .liquid-dock :is(.av-key,.nav-menu-toggle):active{background:var(--liquid-selected);box-shadow:inset 0 1px 5px #0002}
html body .liquid-dock .av-icon{width:21px;height:21px}
html body .liquid-menu{
 position:fixed;inset:auto auto var(--menu-bottom,84px) var(--menu-left,12px);
 width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(var(--av-usable-height,100dvh) - var(--menu-bottom,84px) - 12px);
 padding:0;margin:0;border:0;background:transparent;color:var(--liquid-ink);
 overflow:visible;box-shadow:none;isolation:isolate;pointer-events:auto;
 font-family:var(--font-body,system-ui);text-align:start;
}
html body .liquid-menu:not([open]){display:none}
html body .liquid-menu::backdrop{background:rgba(5,10,20,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.liquid-menu-surface{
 position:absolute;inset:0;border-radius:32px;background:var(--liquid-glass);
 border:1px solid var(--liquid-edge);box-shadow:inset 0 1px #ffffff2a,0 24px 80px #0005;
 backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);
 transform-origin:var(--bloom-x,85%) calc(100% + 32px);z-index:-1;
}
.liquid-menu[open] .liquid-menu-surface{animation:liquid-bloom 300ms cubic-bezier(.2,.8,.2,1) both}
@keyframes liquid-bloom{from{transform:translateY(24px) scale(.22,.12);border-radius:90px;opacity:.5}to{transform:none;border-radius:32px;opacity:1}}
.liquid-menu-content{
 padding:24px;max-height:calc(var(--av-usable-height,100dvh) - var(--menu-bottom,84px) - 12px);
 overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border-radius:32px;
}
.liquid-menu[open] .liquid-menu-content{animation:liquid-content 180ms ease-out both}
@keyframes liquid-content{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
html body .liquid-menu-heading{position:static;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0;margin:0 0 22px;border:0;background:none;box-shadow:none}
html body .liquid-menu-heading h2{font-size:1.65rem;letter-spacing:-.04em;line-height:1.2;margin:6px 0 0;color:var(--liquid-ink)}
html body .liquid-eyebrow{font-size:.65rem;font-weight:650;letter-spacing:.16em;line-height:1.5;color:var(--liquid-muted);margin:0}
html body .liquid-menu :is(button,.liquid-panel>a,.av-menu-actions a){
 font-family:inherit;box-shadow:none;text-shadow:none;letter-spacing:normal;
 background-image:none;color:var(--liquid-ink);border:1px solid transparent;
}
html body .liquid-menu .liquid-close{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;border-radius:30px;background:var(--liquid-key);font-size:.8rem;cursor:pointer}
.liquid-close span{font-size:1.4rem;line-height:1}
.liquid-sections{position:relative;display:flex;gap:4px;align-items:center;min-height:62px;padding:4px 0 14px;border-bottom:1px solid var(--liquid-edge);margin-bottom:16px;touch-action:pan-y;user-select:none}
html body .liquid-menu .liquid-section{
 flex:1;min-width:0;min-height:44px;padding:8px 6px;border-radius:30px;background:transparent;
 font-size:.85rem;font-weight:550;cursor:pointer;color:var(--liquid-muted);
 transform:translateY(calc(var(--section-offset,0) * var(--section-offset,0) * 2px));
 transition:transform 220ms ease,background-color 180ms ease,color 180ms ease;
}
html body .liquid-menu .liquid-section[aria-selected="true"]{background:var(--g-gold);border-color:var(--g-edge);color:var(--g-key-ink)!important}
html body .nav .liquid-menu .nav-links.liquid-menu-panels{
 position:static;display:block;inset:auto;width:100%;max-height:none;padding:0;margin:0;
 border:0;border-radius:0;background:transparent!important;box-shadow:none;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;overflow:visible;transition:none;
}
html body .liquid-menu [hidden]{display:none!important}
.liquid-panel{min-height:245px}
html body .liquid-menu .liquid-panel>a{
 display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:12px;min-height:46px;box-sizing:border-box;
 padding:10px 14px;margin:3px 0;border-radius:14px;text-decoration:none;font-size:1rem;font-weight:500;line-height:1.4;
 background:transparent;
}
html body .liquid-menu .liquid-panel>a::after{content:"↗";color:var(--liquid-muted);font-size:.9rem}
html body .liquid-menu .liquid-panel>a[aria-current]{background:var(--liquid-selected);border-color:var(--liquid-edge)}
html body .liquid-menu .liquid-panel>a[aria-current]::after{content:"Current";font-size:.7rem}
html body .liquid-menu :is(button,.liquid-panel>a):hover{background-color:var(--liquid-key)}
html body .liquid-menu :is(button,.liquid-panel>a):active{background-color:var(--liquid-selected)}
html body .liquid-menu :is(button,a,input):focus-visible{outline:3px solid var(--liquid-focus);outline-offset:2px}
html body .liquid-menu .av-appearance{padding:10px 0;margin:0;border:0}
html body .liquid-menu .av-appearance legend{font-size:.9rem;color:var(--liquid-muted);margin-bottom:12px}
html body .liquid-menu .av-appearance-options{display:flex;gap:7px}
html body .liquid-menu .av-appearance button{flex:1;min-height:48px;border-radius:14px;background:var(--liquid-key);font-size:.9rem;cursor:pointer}
html body .liquid-menu .av-appearance button[aria-pressed="true"]{background:var(--liquid-selected);border-color:var(--liquid-muted)}
html body .liquid-menu .av-solid{gap:12px;margin-top:20px;color:var(--liquid-ink);font-size:.9rem}
.liquid-menu .av-solid small{display:block;font-size:.75rem;color:var(--liquid-muted);margin-top:4px;line-height:1.5}
html body .liquid-menu .av-solid input[type="checkbox"]{border-radius:20px;background:var(--liquid-key);border-color:var(--liquid-edge);box-shadow:none}
html body .liquid-menu .av-solid input[type="checkbox"]::after{border-radius:50%;background:var(--liquid-ink);box-shadow:none}
html body .liquid-menu .av-solid input[type="checkbox"]:checked{background:var(--g-gold);border-color:var(--g-edge)}
html body .liquid-menu .av-solid input[type="checkbox"]:checked::after{background:var(--g-key-ink);border:0}
.liquid-menu .av-menu-actions{border-block:1px solid var(--liquid-edge);padding-block:14px;margin-block:14px 0}
.liquid-menu .av-menu-actions h3{font-size:.75rem;color:var(--liquid-muted);margin:0 0 10px}
@media(max-width:600px){
 html body .nav.liquid-dock{width:calc(100% - 24px);border-radius:23px}
 /* Five phone keys retain visible names when enlarged text would otherwise
    collide inside their fixed-width hardware controls. */
 html body .liquid-dock :is(.av-key,.nav-menu-toggle){padding:5px 6px;font-size:clamp(12px,.72rem,15px);border-radius:18px}
 .liquid-menu-content{padding:20px}.liquid-panel{min-height:235px}
}
@media(max-height:500px){.liquid-panel{min-height:0}.liquid-menu-content{padding:16px}.liquid-sections{margin-bottom:8px}.liquid-menu-heading{margin-bottom:8px!important}}
html[data-suarez-solid="true"] .liquid-menu-surface{background:var(--liquid-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-suarez-solid="true"] .liquid-menu::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .liquid-menu-surface{background:var(--liquid-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
 html body .liquid-menu::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@supports not (backdrop-filter:blur(1px)){.liquid-menu-surface{background:var(--liquid-surface)}}
@media(prefers-reduced-motion:reduce){
 html body .liquid-menu *,html body .liquid-dock{animation:none!important;transition:none!important}
 html body .liquid-menu .liquid-section{transform:none}
}
@media print{html body .liquid-menu{display:none!important}}
/* The selected section stays in the center while neighboring sections trade places. */
html body .liquid-menu .liquid-sections{display:block;height:66px;min-height:66px;box-sizing:border-box}
html body .liquid-menu .liquid-section{
 position:absolute;inset:0 auto auto 50%;width:calc((100% - 8px)/3);
 transform:translateX(calc(-50% + var(--section-offset,0) * 102%)) translateY(calc(var(--section-offset,0) * var(--section-offset,0) * 8px));
}
html body .liquid-menu .liquid-section[aria-selected="true"]{box-shadow:inset 0 1px #ffffff22}
.liquid-menu-surface::after{content:"";position:absolute;top:100%;left:clamp(25px,calc(var(--bloom-x,85%) - 15px),calc(100% - 55px));width:30px;height:12px;border-radius:0 0 22px 22px;background:var(--liquid-glass);border:1px solid var(--liquid-edge);border-top:0}
@media(prefers-reduced-motion:reduce){html body .liquid-menu .liquid-section{transform:translateX(calc(-50% + var(--section-offset,0) * 102%))}}
html[data-suarez-solid="true"] .liquid-menu-surface::after{background:var(--liquid-surface)}

/* Reflow instead of overlapping the decorative arc when text is enlarged. */
html body .liquid-menu.liquid-large-text .liquid-sections{display:grid;height:auto;min-height:0;gap:4px}
html body .liquid-menu.liquid-large-text .liquid-section{position:static;width:100%;transform:none;transition:none}
.liquid-large-text .liquid-menu-heading{align-items:start}

html body .liquid-menu .av-menu-actions :is(a,button){display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;margin:3px 0;border-radius:14px;background:transparent;color:var(--liquid-ink);text-align:left;text-decoration:none;font-size:.9rem;font-weight:500}
html body .liquid-menu .av-menu-actions :is(a,button):hover{background:var(--liquid-key)}
html[data-suarez-solid="true"] body .nav.liquid-dock{background:var(--liquid-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html body .nav.liquid-dock,.liquid-menu-surface::after{background:var(--liquid-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
}
html body .liquid-menu .av-menu-actions .chipnav-cta{background:transparent!important;color:var(--liquid-ink)!important}

/* Brief, reversible web motion. Timings are product choices, not native HIG values. */
.liquid-dock-shell{display:none}
html body .liquid-dock > .liquid-dock-menu-icon{display:none}
.liquid-dock-items{display:contents}
html body .liquid-dock-items > :is(.wordmark,.nav-brand){display:none}
@media(max-width:1024px){
 html body .nav.liquid-dock[data-compact-dock]{--dock-collapse-duration:240ms;--dock-expand-duration:200ms;--dock-duration:var(--dock-expand-duration);--dock-ease:cubic-bezier(.2,0,0,1);width:min(440px,calc(100% - 24px));min-height:56px;padding:4px;gap:0;border:0;border-radius:28px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
 html body .liquid-dock[data-compact-dock="collapsed"]{--dock-duration:var(--dock-collapse-duration)}
 html body .liquid-dock .liquid-dock-items{display:flex;align-items:center;gap:4px;width:100%;position:relative;z-index:1;pointer-events:none}
 html body .liquid-dock .liquid-dock-shell{display:block;position:absolute;inset:0;border:1px solid var(--liquid-edge);border-radius:28px;background:var(--liquid-glass);box-shadow:inset 0 1px #ffffff28;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);transform:scale(1,1);backface-visibility:hidden;transition:transform var(--dock-duration) var(--dock-ease),border-radius var(--dock-duration) var(--dock-ease);pointer-events:none}
 html body .liquid-dock .liquid-dock-shell::after{content:'';position:absolute;inset:-1px;border:1px solid var(--g-edge);border-radius:inherit;background:var(--g-gold);box-shadow:inset 0 1px #fff8,0 3px 8px #0003;opacity:0;pointer-events:none;transition:opacity var(--dock-duration) var(--dock-ease)}
 html body .liquid-dock :is(.av-key,.nav-menu-toggle){min-height:48px;min-width:44px;padding:4px 6px;font-size:12px;border-radius:24px;pointer-events:auto;transform:translate(0,0) scale(1);transform-origin:center;transition:transform var(--dock-duration) var(--dock-ease),opacity var(--dock-duration) var(--dock-ease),background-color 220ms ease,color 220ms ease}
 html body .liquid-dock .av-destinations .av-key{visibility:visible;opacity:1;transition:transform var(--dock-duration) var(--dock-ease),opacity 120ms ease-out,visibility 0s linear,background-color 220ms ease,color 220ms ease}
 html body .liquid-dock .av-key>span{opacity:1;transition:none}
 html body .liquid-dock .nav-menu-toggle{position:relative;z-index:2}
 html body .liquid-dock .nav-menu-toggle .av-icon{visibility:hidden;transform:none;transition:none}
 html body .liquid-dock .liquid-dock-menu-icon{display:block;position:absolute;width:21px;height:21px;z-index:3;color:var(--liquid-muted);pointer-events:none;transform:translate(0,0);transition:transform var(--dock-duration) var(--dock-ease),color var(--dock-duration) ease}
 html body .liquid-dock .nav-menu-toggle .nav-toggle-label{opacity:1;transition:opacity 120ms ease-out}
 html body .liquid-dock .av-key[aria-current]{background:transparent;border-color:transparent;box-shadow:none;position:relative;color:var(--liquid-ink)}
 html body .liquid-dock .av-key[aria-current]::after{content:'';position:absolute;bottom:0;left:calc(50% - 12px);width:24px;height:2px;border-radius:2px;background:var(--liquid-focus)}
 html body .liquid-dock[data-compact-dock="collapsed"] .liquid-dock-shell{transform:scale(var(--dock-circle-scale),var(--dock-circle-height));border-radius:50%;cursor:pointer}
 html body .liquid-dock[data-compact-dock="collapsed"] .liquid-dock-shell::after{opacity:1}
 html body .liquid-dock[data-compact-dock="collapsed"] .av-destinations .av-key{transform:translateX(var(--recede-x)) scale(.94);opacity:0;visibility:hidden;transition:transform var(--dock-duration) var(--dock-ease),opacity 120ms ease-out,visibility 0s linear 120ms;pointer-events:none}
 html body .liquid-dock[data-compact-dock="collapsed"] .nav-menu-toggle{transform:translate(var(--merge-x),var(--merge-y)) scale(var(--merge-menu-x),var(--merge-menu-y));border-radius:50%}
 html body .liquid-dock[data-compact-dock="collapsed"] .liquid-dock-menu-icon{transform:translate(var(--merge-x),var(--merge-y));color:var(--g-key-ink)}
 html body .liquid-dock[data-compact-dock="collapsed"] .nav-menu-toggle .nav-toggle-label{opacity:0}
 html body .liquid-dock .av-key:focus-visible>span{opacity:1;transition:none}
 html body .liquid-dock .nav-menu-toggle:focus-visible{outline:3px solid var(--liquid-focus);outline-offset:3px}
 html body .liquid-dock[data-dock-motion="off"] :is(.liquid-dock-shell,.av-key,.nav-menu-toggle,.liquid-dock-menu-icon,.nav-toggle-label),html body .liquid-dock[data-dock-motion="off"] .liquid-dock-shell::after{transition:none!important}
 [data-suarez-solid="true"] body .liquid-dock-shell{background:var(--liquid-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:600px){html body .nav.liquid-dock[data-compact-dock]{width:min(300px,calc(100% - 24px))}}
@media(prefers-reduced-motion:reduce){
 html body .liquid-dock :is(.liquid-dock-shell,.av-key,.nav-menu-toggle,.liquid-dock-menu-icon,.nav-toggle-label),html body .liquid-dock .liquid-dock-shell::after{transition:none!important}
 html body .liquid-dock[data-compact-dock="collapsed"] .av-destinations .av-key{transform:translateX(var(--recede-x)) scale(.94)!important}
 html body .liquid-dock[data-compact-dock="collapsed"] .nav-menu-toggle{transform:translate(var(--merge-x),var(--merge-y)) scale(var(--merge-menu-x),var(--merge-menu-y))!important}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html body .liquid-dock .liquid-dock-shell{background:var(--liquid-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(min-width:981px) and (max-width:1024px){html body .nav.liquid-dock[data-compact-dock]{width:min(520px,calc(100% - 24px))}html body .liquid-dock .av-key.av-wide span{white-space:nowrap}}
/* POLISHED AURUM: canonical material authority. See docs/design/POLISHED_AURUM.md. */
:root{
  --g-bg:#e3e3e3;--g-surface:#efefef;--g-raised:#f7f7f7;--g-well:#d6d6d6;
  --g-ink:#272727;--g-muted:#595959;--g-line:#b7b7b7;--g-accent:#73551b;
  --g-glass:rgba(241,241,241,.90);--g-glass-edge:rgba(255,255,255,.8);
  --g-shadow:0 3px 5px #0002,0 9px 20px #0000000b;
  --g-top:#ffe79a;--g-mid:#e3b741;--g-low:#d2a23a;--g-edge:#9a701b;
  --g-gold:linear-gradient(165deg,#fff0b4 0%,#ebc55b 23%,#d8a735 40%,#ffdf80 45%,#f4d16a 52%,#d2a23a 79%,#e8c361 100%);
  --g-key-ink:#2b2316;--g-radius:10px;--g-blur:18px;
  --g-motion:220ms;--g-press:100ms;
  background:var(--g-bg);color:var(--g-ink);
}
html[data-gold-mode=dark]{--g-bg:#414141;--g-surface:#4a4a4a;--g-raised:#545454;--g-well:#393939;--g-ink:#f4f4f4;--g-muted:#d0d0d0;--g-line:#767676;--g-accent:#ecd39b;--g-glass:rgba(73,73,73,.94);--g-glass-edge:rgba(255,255,255,.23);--g-shadow:0 3px 6px #0003,0 10px 24px #0002}
html[data-gold-mode],html[data-gold-mode] body,html[data-gold-mode] :is(.pilot-app,.part61-redesign,#se-workspace){
  --bg:var(--g-bg);--background:var(--g-bg);--ink:var(--g-ink);--text:var(--g-ink);--text-strong:var(--g-ink);--navy:var(--g-ink);--navy-600:var(--g-ink);
  --ink-muted:var(--g-muted);--text-muted:var(--g-muted);--text-muted-2:var(--g-muted);--muted:var(--g-muted);
  --surface:var(--g-surface);--surface-soft:var(--g-raised);--surface-raised:var(--g-raised);--surface-strong:var(--g-raised);--surface-tint:var(--g-surface);--bg-soft:var(--g-well);--bg-elevated:var(--g-raised);--paper-bg:var(--g-surface);
  --line:var(--g-line);--border:var(--g-line);--border-strong:var(--g-line);--separator:var(--g-line);--line-strong:var(--g-line);--hairline:var(--g-line);
  --yellow:var(--g-mid);--yellow-bright:var(--g-top);--yellow-deep:var(--g-edge);--yellow-ink:var(--g-accent);--yellow-soft:color-mix(in srgb,var(--g-mid) 18%,transparent);--yellow-line:var(--g-edge);--champagne:var(--g-mid);--focus-ring:var(--g-accent);--accent-ink:var(--g-accent);
  --glass-bg:var(--g-glass);--glass-bg-strong:var(--g-raised);--glass-edge:var(--g-glass-edge);--glass-blur:var(--g-blur);
  --chrome-bg:var(--g-glass);--chrome-ink:var(--g-ink);--chrome-muted:var(--g-muted);--chrome-border:var(--g-line);--chrome-hover:var(--g-raised);--chrome-cta:var(--g-mid);--chrome-cta-ink:var(--g-key-ink);
  --footer-bg:var(--g-well);--footer-ink:var(--g-ink);--footer-muted:var(--g-muted);
  --workbench-panel:var(--g-surface);--workbench-panel-strong:var(--g-raised);--workbench-border:var(--g-line);
  --p61-bg:var(--g-bg);--p61-surface:var(--g-surface);--p61-ink:var(--g-ink);--p61-muted:var(--g-muted);--p61-line:var(--g-line);
  --se-canvas:var(--g-bg);--se-surface:var(--g-surface);--se-elevated:var(--g-raised);--se-ink:var(--g-ink);--se-muted:var(--g-muted);--se-line:var(--g-line);--se-action:var(--g-gold);--se-on-action:var(--g-key-ink);--se-focus:var(--g-accent);
}
html[data-gold-mode]{background:var(--g-bg)!important}
html[data-gold-mode] body{background:var(--g-bg)!important;color:var(--g-ink)}
/* Current liquid-navigation release: preserve structure and adapt semantic tokens. */
html[data-gold-mode],html[data-gold-mode] body,html[data-gold-mode] .pilot-app,html[data-gold-mode] .tools-experience,html[data-gold-mode] .orbit-catalog{
  --av-bg:var(--g-bg);--av-panel:var(--g-surface);--av-raised:var(--g-raised);--av-ink:var(--g-ink);--av-muted:var(--g-muted);--av-line:var(--g-line);--av-cyan:var(--g-accent);--av-glass:var(--g-glass);--av-menu-glass:var(--g-glass);--av-focus:var(--g-accent);
  --liquid-ink:var(--g-ink);--liquid-muted:var(--g-muted);--liquid-surface:var(--g-surface);--liquid-glass:var(--g-glass);--liquid-edge:var(--g-glass-edge);--liquid-key:var(--g-raised);--liquid-selected:var(--g-surface);--liquid-focus:var(--g-accent);
  --orbit-bg:var(--g-bg);--orbit-surface:var(--g-surface);--orbit-ink:var(--g-ink);--orbit-muted:var(--g-muted);--orbit-line:var(--g-line);--orbit-control:var(--g-raised);
}
html[data-gold-mode] .liquid-dock .av-key[aria-current]{background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;box-shadow:inset 0 1px #fff7,0 2px 4px #0002!important;transition-property:background-color,border-color,box-shadow,transform}
html[data-gold-mode] .liquid-dock .av-key[aria-current] :is(span,svg){color:var(--g-key-ink)!important}
/* The current destination in the expanded menu is the same selected action
   as its dock key. Keep the small "Current" label legible on every gold stop. */
html[data-gold-mode] body .liquid-menu .liquid-panel>a[aria-current]{
 background:var(--g-gold)!important;color:var(--g-key-ink)!important;
 border-color:var(--g-edge)!important;
 box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important;
}
html[data-gold-mode] body .liquid-menu .liquid-panel>a[aria-current]::after{color:var(--g-key-ink)!important}
html[data-gold-mode] .pilot-app :is(.back-link,.header-actions .icon-button,.avionics-menu){color:var(--g-accent)!important}
html[data-gold-mode] .pilot-app :is(.segmented button[aria-pressed=true],.segmented button.active){background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important}
html[data-gold-mode] .pilot-app :is(.key-grid button,.calculator-grid button):not(.equals):not(.key-done):not(.keypad-done){background:linear-gradient(180deg,var(--g-raised),var(--g-surface))!important;color:var(--g-ink)!important;border-color:var(--g-line)!important;box-shadow:inset 0 1px #ffffff40,0 2px 2px #0002!important}
html[data-gold-mode] .pilot-app .bottom-nav button[aria-current=page]{background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important}
html[data-gold-mode] .pilot-app .bottom-nav button[aria-current=page]::after{background:var(--g-edge)!important}
html[data-gold-mode] .cp-primary{background:var(--g-gold)!important;color:var(--g-key-ink)!important;border:1px solid var(--g-edge)!important;box-shadow:inset 0 1px #fff8,var(--g-shadow)!important}
html[data-gold-mode] .horizon-brand{color:var(--g-ink)!important}
html[data-gold-mode] .home-flight-wordmark{color:var(--g-ink)!important}
html[data-gold-mode] #se-workspace{--se-accent:var(--g-accent)}
html[data-gold-mode] :is(.stage-open,.engine-choice,.cg-btn-primary,#cgNextBtn,#startButton),html[data-gold-mode] body.flightrisk-view :is(button,a).bg-accent-600{background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;box-shadow:inset 0 1px #fff8,var(--g-shadow)!important}
html[data-gold-mode] body.flightrisk-view :is(.bg-white,.bg-card,.bg-page,.bg-soft,.bg-ink-900){background:var(--g-surface)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important}
html[data-gold-mode] body.flightrisk-view :is(.text-ink-900,.text-ink-800,.text-ink-700){color:var(--g-ink)!important}
html[data-gold-mode] body.flightrisk-view :is(.text-ink-600,.text-ink-500,.text-ink-400){color:var(--g-muted)!important}
html[data-gold-mode][data-gold-finish]{--cc-bg:var(--g-bg);--cc-panel:var(--g-surface);--cc-raised:var(--g-raised);--cc-ink:var(--g-ink);--cc-muted:var(--g-muted);--cc-line:var(--g-line);--cc-accent:var(--g-accent);--cc-stage:var(--g-well);--cc-dock:var(--g-glass)}
html[data-gold-mode] :is(.pilot-app,.pilot-mobile-scroll){background:var(--g-bg)!important;color:var(--g-ink)!important;--blue:var(--g-accent);--soft:var(--g-surface);color-scheme:inherit}
html[data-gold-mode] .pilot-app.standalone{box-shadow:0 0 0 1px var(--g-line)}
html[data-gold-mode] :is(.site-footer,footer.site-footer){background:var(--g-well)!important;color:var(--g-ink)!important}
html[data-gold-mode] :is(.nav,.nav-menu,.nav-sheet,.nav-panel,.nav-menu-panel,.bottom-nav,.numeric-keypad,.gold-glass,.aero-dock,.aero-dock__panel,[data-tactile-dock]){background:var(--g-glass)!important;color:var(--g-ink)!important;border-color:var(--g-glass-edge)!important;backdrop-filter:blur(var(--g-blur));-webkit-backdrop-filter:blur(var(--g-blur));box-shadow:inset 0 1px var(--g-glass-edge),0 8px 28px #0002}
html[data-gold-mode] :is(.nav a,.nav button){color:var(--g-ink)!important}
/* Shared secondary hardware treatment; app-specific primary/semantic states below win. */
html[data-gold-mode] :where(body:not(.flightrisk-view)) :where(button,[role="button"],.btn,.button){
 background:linear-gradient(180deg,var(--g-raised),var(--g-surface));color:var(--g-ink);border-color:var(--g-line);
 box-shadow:inset 0 1px #ffffff40,0 2px 3px #0001;
 transition:background 220ms,box-shadow 220ms,transform 100ms;
}
html[data-gold-mode] :is(.av-appearance-options,.se-appearance) button[aria-pressed="true"]{
 background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;
 box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important;
}
html[data-gold-mode] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.equals,.key-done,.gold-primary,.nav-cta){
  background:var(--g-gold)!important;color:var(--g-key-ink)!important;border:1px solid var(--g-edge)!important;
  box-shadow:inset 0 1px 0 #fff9,inset 1px 0 0 #ffffff40,inset 0 -1px 0 #78571d33,var(--g-shadow)!important;
  position:relative;isolation:isolate;overflow:hidden;text-shadow:0 1px #ffffff30;
  transition:box-shadow var(--g-motion),filter var(--g-motion),transform var(--g-press)!important;
}
html[data-gold-mode] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.gold-primary,.nav-cta)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#fff7 45%,transparent 61%);transform:translateX(-160%);opacity:0;z-index:-1}
@media(hover:hover){html[data-gold-mode] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.gold-primary,.nav-cta):not(:disabled):is(:hover,:focus-visible)::after{animation:gold-glint 550ms ease-out 1}}
@keyframes gold-glint{0%{transform:translateX(-160%);opacity:0}25%{opacity:.55}100%{transform:translateX(160%);opacity:0}}
html[data-gold-mode] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.equals,.key-done,.gold-primary,.nav-cta):not(:disabled):active{transform:translateY(1px)!important;box-shadow:inset 0 2px 4px #73501844,0 1px 1px #0002!important}
html[data-gold-mode] :is(.btn--secondary,.part61-button-secondary,.secondary,.gold-secondary){background:linear-gradient(180deg,var(--g-raised),var(--g-surface))!important;color:var(--g-ink)!important;border-color:var(--g-line)!important;box-shadow:inset 0 1px #ffffff40,0 2px 3px #0001!important}
/* Quiet actions retain their existing hit areas without raised hardware chrome. */
html[data-gold-mode] :is(.btn--tertiary,button.text-button,.part61-text-button,.part61-quiet-button){
 background:transparent!important;color:var(--g-accent)!important;border-color:transparent!important;
 box-shadow:none!important;text-shadow:none!important;
}
html[data-gold-mode] :is(.btn--tertiary,button.text-button,.part61-text-button,.part61-quiet-button):not(:disabled):is(:hover,:focus-visible){
 text-decoration:underline;text-underline-offset:3px;
}
html[data-gold-mode] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--g-accent)!important;outline-offset:4px!important}
html[data-gold-mode] :is(button,input,select,textarea):disabled{opacity:.48;cursor:not-allowed}
html[data-gold-mode] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){background:var(--g-raised)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important;box-shadow:inset 0 1px 3px #0000000c}
/* Explicit validation semantics take precedence over neutral input chrome. */
html[data-gold-mode] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea)[aria-invalid="true"]{border-color:var(--av-error)!important}
html[data-gold-mode] :is(input,textarea)::placeholder{color:var(--g-muted);opacity:1}
/* Keep the browser's native search-clear action in the shared material palette. */
@supports (-webkit-mask-image: url("")) {
 html[data-gold-mode] input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none;appearance:none;width:16px;height:16px;cursor:pointer;
  background-color:var(--g-accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
 }
 @media(forced-colors:active){html[data-gold-mode] input[type="search"]::-webkit-search-cancel-button{background-color:ButtonText;forced-color-adjust:none}}
}
html[data-gold-mode=day]{--g-control-line:#828282}
html[data-gold-mode=dark]{--g-control-line:#a5a5a5}
html[data-gold-mode] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){border-color:var(--g-control-line)!important}
html[data-gold-mode] input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--g-accent)}
/* Explicit adapters for the existing planner's literal-color overrides. */
html[data-gold-mode] :is(.cp-intro,.part61-stage-card,.part61-experience-group,.part61-event-group,.part61-background-details,.part61-cost-details,.dashboard-card,.part61-choice-row,.option-button,.result-panel,.favorite-tile,.panel){background:var(--g-surface)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important}
html[data-gold-mode] .part61-redesign :is(summary,.part61-choice-row,.option-button,.number-field input,.part61-button-secondary){color:var(--g-ink)!important}
html[data-gold-mode] .part61-redesign :is(.part61-kicker,.part61-text-button,.stage-number,.part61-rate-summary span){color:var(--g-accent)!important}
html[data-gold-mode] :is(.part61-goal-summary,.group-completion:not(.complete)){background:var(--g-raised)!important;color:var(--g-muted)!important}
html[data-gold-mode] :is(.part61-hero-banner,.part61-results-pane){background:var(--g-surface)!important;color:var(--g-ink)!important}
html[data-gold-mode] .part61-redesign :is(.part61-choice-row,.option-button,.part61-common-goals button,.part61-no-certificate,.part61-has-certificate,.part61-target-option)[aria-pressed=true],html[data-gold-mode] .part61-redesign .option-button.selected{border-color:var(--g-edge)!important;background:var(--g-gold)!important;color:var(--g-key-ink)!important;box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important}
/* Muted sky retains the original animation and geometry, with an adaptive film. */
html[data-gold-mode] .horizon-hero{background:var(--g-bg)!important}
html[data-gold-mode] :is(.horizon-clouds,.horizon-sky-fallback){filter:saturate(.32) brightness(.96)}
html[data-gold-mode=dark] :is(.horizon-clouds,.horizon-sky-fallback){filter:saturate(.22) brightness(.48)}
html[data-gold-mode] .horizon-hero :is(h1,.horizon-lede,.horizon-kicker,.horizon-signature,.horizon-tools){color:var(--g-ink)!important}
html[data-gold-mode] .horizon-hero .btn{color:var(--g-key-ink)!important}
html[data-gold-mode] .horizon-hero .btn--secondary{color:var(--g-ink)!important}
/* Explicit quiet-effects control also covers browsers without transparency queries.
   Change the material itself so app-owned surfaces inherit the fallback. */
html[data-gold-effects=quiet]{--g-glass:var(--g-surface)!important;--g-blur:0px!important}
html[data-gold-effects=quiet] *,html[data-gold-effects=quiet] *::before,html[data-gold-effects=quiet] *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-gold-mode]{--g-glass:var(--g-surface)!important;--g-blur:0px!important}
}
@supports not (backdrop-filter:blur(1px)){
 html[data-gold-mode]{--g-glass:var(--g-surface)!important;--g-blur:0px!important}
}
html[data-gold-effects=quiet] :is(.nav,.nav-menu,.nav-sheet,.nav-panel,.nav-menu-panel,.bottom-nav,.numeric-keypad,.gold-glass,.aero-dock,.aero-dock__panel,[data-tactile-dock]){background:var(--g-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-gold-effects=quiet] *,html[data-gold-effects=quiet] *::before,html[data-gold-effects=quiet] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-gold-effects=quiet] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.equals,.key-done,.gold-primary,.nav-cta){transition:none!important}
/* Menu tabs use transform for their static positions; keep them under the pointer. */
html[data-gold-effects=quiet] :is(button,a,summary,[role="button"],.btn,.button):not(.liquid-section):not(:disabled):active{transform:none!important}
@media(prefers-reduced-motion:reduce){
 html[data-gold-mode] *,html[data-gold-mode] *::before,html[data-gold-mode] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-gold-mode] :is(.btn--primary,.part61-button-primary,.cp-start,.se-primary,.se-action-primary,.primary,.equals,.key-done,.gold-primary,.nav-cta){transition:none!important}
 html[data-gold-mode] :is(button,a,summary,[role="button"],.btn,.button):not(.liquid-section):not(:disabled):active{transform:none!important}
}
@media(prefers-reduced-transparency:reduce){html[data-gold-mode] :is(.nav,.nav-menu,.nav-sheet,.nav-panel,.nav-menu-panel,.bottom-nav,.numeric-keypad,.gold-glass,.aero-dock,.aero-dock__panel,[data-tactile-dock]){background:var(--g-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not (backdrop-filter:blur(1px)){html[data-gold-mode] .gold-glass,html[data-gold-mode] .nav{background:var(--g-surface)!important}}
@media(forced-colors:active){html[data-gold-mode] :is(button,a,input,select,textarea){forced-color-adjust:auto;background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}}

/* Certificate selections are gold; category dots and canvas artwork retain their source colors. */
html[data-gold-mode] :is(.cg-cert-btn.is-selected,.cg-rating-btn[aria-checked="true"]) {background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;box-shadow:inset 0 1px #fff8,0 2px 4px #0002!important}
html[data-gold-mode] .cg-cert-btn.is-selected :is(strong,small){color:var(--g-key-ink)!important}
/* Flight profile choices are selections, not risk bands. Keep every label dark
   across the brightest metal stop; the risk score's semantic colors stay intact. */
html[data-gold-mode] body.flightrisk-view [role="radio"][aria-checked="true"]{background:var(--g-gold)!important;border-color:var(--g-edge)!important}
html[data-gold-mode] body.flightrisk-view [role="radio"][aria-checked="true"],
html[data-gold-mode] body.flightrisk-view [role="radio"][aria-checked="true"] :is(span,svg,p,div){color:var(--g-key-ink)!important}

/* Engine collection and appearance selectors use the same selected metal as
   the shared dock. Model geometry, materials and diagram channels are untouched. */
html[data-gold-mode] :is(.engine-switcher,.explorer-appearance) button[aria-pressed="true"],
html[data-gold-mode] :is(.engine-switcher,.explorer-appearance) button[aria-pressed="true"] :is(span,strong,small){
 background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;
 box-shadow:inset 0 1px #fff8,0 2px 4px #0002!important;
}
html[data-gold-mode] :is(.engine-switcher,.explorer-appearance) button[aria-pressed="true"] :is(span,strong,small){background:none!important;box-shadow:none!important}
/* Aero Lab's borderless lesson and teaching tabs need the same bronze rim as
   its other selected keys. An inset rim preserves their authored dimensions. */
html[data-gold-mode] body.aero-lab-page #root :is(.lesson-tabs button.active,.teaching-tabs button[aria-pressed="true"]){
 box-shadow:inset 0 0 0 1px var(--g-edge),inset 0 1px #fff8,0 2px 3px #0002!important;
}
/* Keep the existing 49px lesson rail while giving each key a 44px touch area. */
html[data-gold-mode] body.aero-lab-page #root .lesson-tabs{padding-block:1.5px}
html[data-gold-mode] body.aero-lab-page #root .lesson-tabs button{min-height:44px}
@media print {
 html[data-gold-mode] {--g-bg:#fff;--g-surface:#fff;--g-raised:#fff;--g-well:#eee;--g-ink:#000;--g-muted:#444;--g-line:#888;--g-accent:#73551b;--g-shadow:none}
}
@media(forced-colors:active){html[data-gold-mode] :is(button,a,input,select,textarea),html[data-gold-mode] button :is(span,svg,p,div){forced-color-adjust:auto;background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important}}

/* Editorial and directory selection use the same action material as the apps.
   App identity icons and category indicators retain their own semantic colors. */
html[data-gold-mode] body :is(.blog-categories,.catalog-filters,.library-view-switch) button[aria-pressed="true"] {
 background:var(--g-gold)!important;color:var(--g-key-ink)!important;border-color:var(--g-edge)!important;
 box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important;
}
@media(forced-colors:active){html[data-gold-mode] body :is(.blog-categories,.catalog-filters,.library-view-switch) button[aria-pressed="true"]{background:Highlight!important;color:HighlightText!important;box-shadow:none!important}}

html[data-gold-mode] .part61-redesign :is(.part61-choice-row,.option-button,.part61-common-goals button,.part61-no-certificate,.part61-has-certificate,.part61-target-option)[aria-pressed=true] :is(span,strong,small){color:var(--g-key-ink)!important}

/* Resolve material aliases to the user's high-contrast palette, including
   selected-control descendants with more-specific application selectors. */
@media(forced-colors:active){
 html[data-gold-mode]{--g-gold:ButtonFace!important;--g-key-ink:ButtonText!important;--g-edge:ButtonText!important;--g-accent:Highlight!important;--g-control-line:ButtonText!important;--av-error:CanvasText!important}
}

/* Training-route navigation uses the shared selected material. */
html[data-gold-mode] .journey-planner .journey-stop[aria-selected="true"]{background:var(--g-gold)!important;border-color:var(--g-edge)!important;color:var(--g-key-ink)!important;box-shadow:inset 0 1px #fff8,0 2px 3px #0002!important}
html[data-gold-mode] .journey-planner .journey-stop[aria-selected="true"] .journey-stop-label{color:var(--g-key-ink)!important}
/* Inline CTA icons need an explicit size; bare SVG defaults distort the link. */
.journey-cta svg{width:18px;height:18px;flex:0 0 18px}

/* Validation remains distinct from decorative gold in either appearance. */
html[data-gold-mode] body.tool-page .part61-redesign :is(.part61-field-error,.part61-validation-alert){color:var(--av-error)!important}
html[data-gold-mode] body.tool-page #part61CalculatorView [aria-invalid="true"]{border-color:var(--av-error)!important}
html[data-gold-mode] body.tool-page .part61-redesign .part61-validation-alert{background:var(--g-surface)!important;border-color:var(--av-error)!important}
html[data-gold-mode] body.tool-page .part61-redesign .part61-validation-alert :is(p,small,strong){color:inherit!important}

html[data-gold-mode] .cg-cert-btn.is-selected :is(.cg-cert-title,.cg-cert-sub){color:var(--g-key-ink)!important}

/* Contact validation must survive shared paragraph and input materials. */
html[data-gold-mode] body .cf-form .cf-error{color:var(--av-error)!important;background:var(--g-surface)!important;border-color:var(--av-error)!important}
html[data-gold-mode] .cf-form.cf-form--invalid input.cf-input[required]:invalid{border-color:var(--av-error)!important}

/* Let the current mobile dock's shell make the circle. The navigation node
   itself must stay transparent or its full-width glass remains visible. */
@media(max-width:1024px){
 html[data-gold-mode] body .nav.liquid-dock[data-compact-dock]{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html[data-gold-mode] body .liquid-dock .liquid-dock-shell{z-index:0}
 html[data-gold-mode] body .liquid-dock .liquid-dock-items{z-index:1}
 html[data-gold-mode] body .liquid-dock[data-compact-dock="collapsed"] .nav-menu-toggle{color:var(--g-key-ink)!important}
 /* Shared pressed depth cannot replace the Menu key's positioning transform;
    moving it on pointerdown cancels the browser's click on pointerup. */
 html[data-gold-mode] body .liquid-dock[data-compact-dock="collapsed"] .nav-menu-toggle:active{transform:translate(var(--merge-x),var(--merge-y)) scale(var(--merge-menu-x),var(--merge-menu-y))!important}
 html[data-gold-mode] body .liquid-dock[data-compact-dock="expanded"] .nav-menu-toggle:active{transform:translate(0,0) scale(1)!important}
}
@media(forced-colors:active){html[data-gold-mode] body .liquid-dock .liquid-dock-shell,html[data-gold-mode] body .liquid-dock .liquid-dock-shell::after{background:ButtonFace!important;border-color:ButtonText!important;box-shadow:none!important}html body .liquid-dock .liquid-dock-menu-icon{color:ButtonText!important}}

/* Compact phone typography keeps metal controls tappable without enlarging
   the labels and reading surfaces beyond the available width. */
@media(max-width:600px){
 html body .btn{min-block-size:44px;padding:9px 16px;gap:8px;font-size:14px}
 html body.editorial-page .page-hero h1{font-size:clamp(26px,7vw,30px)}
 html body.editorial-page .page-hero p{font-size:16px}
 html body.editorial-page :is(.post-header h1,.article-header h1){font-size:32px}
 html body.editorial-page :is(.prose,.post-body,.article-body){font-size:16px}
 html body.editorial-page .prose>p:first-child{font-size:17px}
}
