/* Tap a visible section; no sideways navigation or hidden section names. */
body #lanes.lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible;max-width:1344px;margin:0 auto;padding:12px 24px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:45;scroll-snap-type:none;background:var(--bg)!important;backdrop-filter:none}
body #lanes.lanes .lane,body #lanes.lanes .lane[aria-current=page]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:65px!important;padding:10px 8px!important;border-radius:12px 12px 4px 4px!important;font-size:18px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:normal;word-break:normal;text-align:center;transform:none;scroll-snap-align:none;transition:none}
body #lanes.lanes .lane[aria-current=page]{outline:2px solid #f6d792;outline-offset:1px;box-shadow:inset 0 0 0 3px #090d16,inset 0 -5px 0 var(--lane),0 3px 8px #0004!important}
body #lanes.lanes .lane-label{display:block;text-align:center;min-width:0}
body #lanes.lanes .lane-medallion{display:none}
body #lanes.lanes .lane small{display:block;margin-top:5px;font-size:7px;letter-spacing:.1em;line-height:1}
body #lanes.lanes .lane-workspace{--enamel:#493565;--enamel-light:#8b6ab1;--lane:#cab1ed;background:linear-gradient(155deg,#8b6ab1 -35%,#493565 46%,#080c18 115%)!important}
body #lanes.lanes .lane-workspace:before{display:none!important}
body:is([data-theme=light],[data-theme=sepia]) .header-brand-copy>small{color:#604219!important;-webkit-text-fill-color:#604219!important;text-shadow:none!important;background:none!important;box-shadow:none!important;border-color:#9a783d66}
body #app .op-poker-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;overflow:visible;padding:6px 2px 20px;margin:0 0 18px;scroll-snap-type:none;scrollbar-width:none}
body #app .op-poker .op-poker-nav button[data-op-control]{width:100%;min-width:0;white-space:normal!important;word-break:normal;overflow-wrap:normal;min-height:51px;font-size:17px!important;line-height:1.15!important;padding:11px 8px!important;border-radius:11px 11px 4px 4px!important}
body #app .op-poker-nav [aria-current=page]{outline-offset:1px}
body #app .op-learning-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:24px 0}
body #app .op-learning-route span{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:13px 5px;text-align:center;font-size:14px;letter-spacing:0;white-space:normal;overflow-wrap:normal}
@media(max-width:850px){body #lanes.lanes{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 18px 13px;gap:8px}body #lanes.lanes .lane,body #lanes.lanes .lane[aria-current=page]{min-height:56px!important;font-size:17px!important;padding:9px 6px!important}body #app .op-poker-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body #app .op-poker-nav button:last-child{grid-column:1/-1}body #app .op-poker .op-poker-nav button[data-op-control]{font-size:16px!important;min-height:48px;padding:10px 7px!important}}
@media(max-width:380px){body #lanes.lanes{padding-left:12px;padding-right:12px;gap:7px}body #lanes.lanes .lane,body #lanes.lanes .lane[aria-current=page]{font-size:15px!important;min-height:56px!important}body #app .op-poker .op-poker-nav button[data-op-control]{font-size:15px!important}body #app .op-learning-route{gap:5px}body #app .op-learning-route span{font-size:12px;padding:12px 3px}}
@media(prefers-reduced-motion:reduce){body #lanes.lanes .lane,body #app .op-poker-nav button{transition:none!important}}
body #app .op-poker-nav{scroll-margin-top:145px!important}
@media(max-width:850px){body #app .op-poker-nav{scroll-margin-top:158px!important}}

/* Lane identities stay visible in every theme, including inactive tabs. */
body #lanes.lanes .lane[data-lane=yah]{--enamel:#701c35;--enamel-light:#b64854;--lane:#f1cb7b}
body #lanes.lanes .lane[data-lane=decision]{--enamel:#142d52;--enamel-light:#3f6593;--lane:#dab775}
body #lanes.lanes .lane[data-lane=poker]{--enamel:#880d26;--enamel-light:#d32c43;--lane:#f25967}
body #lanes.lanes .lane[data-lane=trading]{--enamel:#005134;--enamel-light:#159864;--lane:#43d49a}
body #lanes.lanes .lane[data-lane=publishing]{--enamel:#252667;--enamel-light:#5556a6;--lane:#9b9df1}
body #lanes.lanes button.lane,body #lanes.lanes button.lane[data-op-control]{
 background:radial-gradient(ellipse at 25% 0,#fff2,transparent 65%),repeating-linear-gradient(118deg,#ffffff08 0 1px,transparent 1px 7px),linear-gradient(150deg,var(--enamel-light) -25%,var(--enamel) 52%,#080c18 135%)!important;
 height:62px!important;min-height:62px!important;gap:7px;padding:7px 8px!important;
 box-shadow:inset 0 0 0 2px #080b15,inset 0 0 0 3px #d5b36b88,inset 0 5px 10px #fff1,0 3px 0 #060913,0 6px 12px #0003!important;
}
body #lanes.lanes button.lane[aria-current=page]{outline:2px solid #ffe2a0;outline-offset:2px;box-shadow:inset 0 0 0 2px #080b15,inset 0 0 0 3px #f3d38a,inset 0 -5px 0 var(--lane),0 3px 0 #060913,0 0 14px #dfb65d33!important}
/* Dedicated nav classes avoid inheriting the page hero brand's padding and margin. */
body #lanes.lanes .nav-lane-seal{display:block;position:relative;width:38px;height:38px;flex:0 0 38px;margin:0;padding:0;border:0;filter:drop-shadow(0 2px 2px #0009)}
body #lanes.lanes .nav-lane-seal>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
body #lanes.lanes .nav-lane-seal-poker{height:auto;aspect-ratio:450/383;overflow:hidden;clip-path:ellipse(50% 50% at 50% 50%)}
body #lanes.lanes .nav-lane-seal-poker>img{position:absolute;left:-7.5556%;top:-9.1384%;width:113.7778%;height:auto;max-width:none}
body #lanes.lanes .lane-label{flex:0 1 auto;font-size:17px;line-height:1.05;letter-spacing:0;margin:0;padding:0;border:0}
body #lanes.lanes .nav-yah-wordmark{display:block;width:98px;max-width:100%;height:auto;object-fit:contain}
body #lanes.lanes .nav-lane-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1px}
body #lanes.lanes .nav-lane-lockup>img{display:block;width:148px;max-width:100%;height:auto;max-height:38px;object-fit:contain}
body #lanes.lanes .lane-title{display:block;color:#ffe6a8!important;-webkit-text-fill-color:#ffe6a8!important;font-weight:700;line-height:1.04;letter-spacing:.15px;text-shadow:0 -1px 0 #fff3cc,0 1px 0 #9b671e,0 2px 0 #301801,1px 3px 2px #000b}
@supports(background-clip:text){body #lanes.lanes .lane-title{background:linear-gradient(#fff4ce 3%,#f6d48a 32%,#b68232 48%,#ffedb4 58%,#d2a04c 85%,#fff0bb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent!important;text-shadow:none;filter:drop-shadow(0 1px 0 #79501b) drop-shadow(0 2px 1px #000)}}
body #lanes.lanes .lane small{color:#ffedbe!important;-webkit-text-fill-color:#ffedbe!important;text-shadow:0 1px 2px #000;letter-spacing:.12em;font:700 7px/1.2 Manrope,system-ui,sans-serif}
@media(max-width:850px){body #lanes.lanes button.lane,body #lanes.lanes button.lane[data-op-control]{height:60px!important;min-height:60px!important;font-size:14px!important;gap:4px!important;padding:7px 5px!important}body #lanes.lanes .nav-lane-seal{width:34px;height:34px;flex-basis:34px}body #lanes.lanes .nav-lane-seal-poker{height:auto}body #lanes.lanes .lane-label{font-size:14px!important;letter-spacing:0}body #lanes.lanes .nav-yah-wordmark{width:72px}body #lanes.lanes .nav-lane-lockup>img{max-height:34px}body #lanes.lanes .lane small{font-size:6px;margin:3px 0 0;opacity:1}body #app .op-poker-nav{scroll-margin-top:166px!important}}
@media(max-width:380px){body #lanes.lanes{padding-left:12px;padding-right:12px;gap:7px}body #lanes.lanes .nav-lane-seal{width:32px;height:32px;flex-basis:32px}body #lanes.lanes .nav-lane-seal-poker{height:auto}body #lanes.lanes .lane-label{font-size:13.5px!important}}

/* Complete artwork replaces text approximations and umbrella-logo substitutes. */
body #lanes.lanes .nav-lane-lockup{gap:0}
body #lanes.lanes .nav-lane-lockup>img.nav-brand-art{display:block;width:100%;max-width:184px;height:auto;max-height:48px;object-fit:contain}
body #lanes.lanes [data-lane=decision] .nav-brand-art{mix-blend-mode:normal}
body #lanes.lanes .nav-lane-lockup small{margin:0!important}
@media(max-width:850px){body #lanes.lanes .nav-lane-lockup>img.nav-brand-art{max-height:43px;width:100%}body #lanes.lanes .nav-lane-lockup small{font-size:6px!important;line-height:1.2!important}}

body #app .decision-brandline.decision-book-brand{display:block;width:min(100%,390px);border:0;padding:0;margin:0 0 22px;gap:0;background:none}
body #app .decision-brandline.decision-book-brand>img{display:block;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 3px 3px #0005)}

body #app .notes-workspace-brand{display:block;width:min(100%,365px);height:auto;max-height:140px;object-fit:contain;object-position:left;margin:0 0 24px;filter:drop-shadow(0 3px 3px #0005)}