/* App-style mobile shell: navigation stays at the top. */
.app-back{display:none}.links a[aria-current=page]{font-weight:800}
@media(max-width:950px){
html{scroll-padding-top:138px}body{background:#f7f6f4;-webkit-tap-highlight-color:transparent}header{position:sticky!important;top:0!important;padding-top:env(safe-area-inset-top);z-index:100!important}.bar{height:auto!important;min-height:108px!important;display:grid!important;grid-template-columns:auto 1fr;gap:0 12px!important;padding:10px 16px 0!important}.bar>.logo{min-height:44px;font-size:18px!important}.bar>.menu{display:none!important}.bar>.links{position:static!important;display:flex!important;grid-column:1/-1;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;overflow-x:auto;flex-wrap:nowrap;padding:8px 0!important;box-shadow:none!important;background:transparent!important;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a{flex:0 0 auto;white-space:nowrap;padding:10px 15px!important;min-height:40px;border-radius:12px!important;font-size:14px!important}.links a[aria-current=page]{background:#f5eedd!important;color:#6b4b00!important}.app-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e9e7e2;border-radius:12px;background:white;color:#3b3119;font-size:23px}.bar:has(.app-back)>.logo{justify-self:start}.bar>.btn{display:none!important}
main{min-height:65vh}.hero{padding:32px 0!important}.hero-grid{gap:24px!important}.hero h1{font-size:38px!important}.hero .lead{font-size:15px!important;line-height:1.7!important}.hero-grid .visual{height:200px!important}.section,.deep-section,.v15-section{padding:30px 0!important}.wrap,.deep-wrap{padding-left:16px!important;padding-right:16px!important}.pagehead,.pagehead-enhanced,.v15-hero,.manual-hero{padding:24px 0!important}.grid,.grid.two,.detail-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:18px!important}.card,.detail-box,.showcase-card{min-height:0!important;padding:20px!important;border-radius:18px!important;background:white;box-shadow:0 4px 18px #3b311906}.card h3{margin-top:8px!important}.card p{margin:6px 0!important}.more{margin-top:12px!important}.actions{gap:10px!important;margin-top:20px!important}.actions .btn{flex:1;min-height:48px}.btn,input,select{min-height:48px}a,button{touch-action:manipulation}.card:active,.showcase-card:active,.btn:active{transform:scale(.98)!important;transition:transform .12s}.footer{margin-top:24px}.footgrid{grid-template-columns:1fr 1fr!important}.footgrid>div:first-child{grid-column:1/-1}.detail{gap:20px!important}.crumb{font-size:12px}.manual-sidebar{max-height:180px;overflow:auto}main{animation:app-enter .18s ease-out}@keyframes app-enter{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){main{animation:none!important}html{scroll-behavior:auto!important}}

/* Icon-based top navigation, shared across screen sizes. */
header .bar{display:flex!important;min-height:84px!important;height:auto!important;padding:8px 16px!important;gap:10px!important;max-width:1200px}
header .bar>.logo,header .bar>.menu,header .bar>.btn{display:none!important}
header .bar>.links{position:static!important;display:flex!important;flex:1;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;overflow-x:auto!important;gap:4px!important;padding:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:none}
header .links a:not([hidden]){display:flex!important;flex:1 0 72px;max-width:145px;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:66px!important;padding:8px 10px!important;border-radius:14px!important;white-space:nowrap;font-size:12px!important;line-height:1.3}
header .links a[hidden]{display:none!important}.nav-icon{width:23px;height:23px;flex-shrink:0}.nav-label{display:block}header .links a:hover{background:#f8f5ef}header .links a[aria-current=page]{background:#f5eedd!important;color:#6b4b00!important}
@media(max-width:950px){html{scroll-padding-top:100px}header .bar{min-height:80px!important}header .links a:not([hidden]){flex:0 0 72px;min-height:64px!important}header .app-back{flex-shrink:0}}

/* Keep the brand visible above the icon navigation. */
header .bar{flex-wrap:wrap!important}
header .bar>a.logo{display:inline-flex!important;align-items:center;min-height:42px;margin-right:auto}
header .bar>.links{flex-basis:100%!important;width:100%}
@media(max-width:950px){html{scroll-padding-top:150px}header .bar{min-height:124px!important}header .bar>a.logo{font-size:18px!important}header .bar>.links{order:3}}

/* Desktop inline branding; mobile icon navigation without branding. */
html body header .bar{flex-wrap:nowrap!important}
html body header .bar>a.logo{display:inline-flex!important;flex-shrink:0;margin-right:24px}
html body header .bar>.links{flex:1 1 auto!important;flex-basis:auto!important;width:auto!important}
html body header .links a,
html body header .links a:hover,
html body header .links a:focus-visible,
html body header .links a.active,
html body header .links a[aria-current="page"]{background:transparent!important;background-image:none!important;box-shadow:none!important}
html body header .links a:hover,
html body header .links a:focus-visible,
html body header .links a.active,
html body header .links a[aria-current="page"]{color:#8f6400!important}
@media(max-width:950px){
 html{scroll-padding-top:100px}
 html body header .bar{min-height:80px!important}
 html body header .bar>a.logo{display:none!important}
 html body header .bar>.links{order:0;min-width:0}
}

/* Border-free navigation and edge hints for mobile horizontal scrolling. */
html body header .links a,
html body header .links a:hover,
html body header .links a:focus-visible,
html body header .links a.active,
html body header .links a[aria-current="page"]{border-color:transparent!important;box-shadow:none!important}
@media(max-width:950px){
 html body header .bar{padding-left:0!important;padding-right:0!important;gap:0!important}
 html body header .bar>.links{padding-left:0!important;padding-right:0!important}
 html body header .app-back{margin-left:8px;margin-right:4px}
 html body header .links.app-scroll-right{mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 24px),transparent 100%)}
 html body header .links.app-scroll-left{mask-image:linear-gradient(to right,transparent 0%,#000 24px,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24px,#000 100%)}
 html body header .links.app-scroll-left.app-scroll-right{mask-image:linear-gradient(to right,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%)}
}

/* Borderless prose content. */
html body .detail-prose,html body .editorial-paragraph{border:none!important}

/* Orange brand palette: gold actions, cream surfaces and readable brown ink. */
:root{--brand:#FABD08;--brand-dark:#8a4b00;--ink:#29221a;--muted:#716454;--line:#eee3d2}
html body .gradient{color:#9a5300!important}
html body .eyebrow,html body .deep-label{color:#895000!important}
html body a.btn,html body button.btn,html body a.btn:not(.light):not(.secondary),html body button.btn:not(.light):not(.secondary){background:#FABD08!important;border-color:#FABD08!important;color:#332500!important}
html body a.btn:hover,html body button.btn:hover{background:#e8a900!important;border-color:#e8a900!important;color:#332500!important}
html body a.btn.light,html body a.btn.ghost{background:#fffaf0!important;border-color:#ead6aa!important;color:#754200!important}
html body .cta,html body .v15-endcta{background:#302519!important}
html body .cta a.btn,html body .v15-endcta a.btn{background:#FABD08!important;border-color:#FABD08!important;color:#332500!important}
html body header .links a:hover,html body header .links a:focus-visible,html body header .links a.active,html body header .links a[aria-current="page"]{color:#8a4b00!important;background:transparent!important;border-color:transparent!important}
a:focus-visible,button:focus-visible{outline-color:#9a5300!important}
html body .showcase-glyph,html body .v7-feature-icon{background:#fff1c7!important;color:#8a4b00!important}
html body .hero-art{filter:none!important}