/* Orange-core production skin: spacious graph, persistent panel sizing and vivid focus. */
:root{--ink2:#b0bec8;--mute:#81919b}
.os{max-width:1800px;padding:12px 24px 24px}
.layout-reset{background:transparent;border:1px solid var(--line);color:var(--mute);padding:4px 7px;border-radius:3px;font:400 8px var(--mono);cursor:pointer}.layout-reset:hover,.layout-reset:focus-visible{border-color:var(--line2);color:var(--ink);outline:none}
.bar{padding:12px 0}.focus-strip{padding:15px 0 18px;margin-bottom:8px}.focus-kicker{margin-bottom:10px}.priority strong{font-size:17px}.priority p{font-size:11px;line-height:1.65}.rank{font-size:34px}
/* Keep the priorities visible without pushing the graph below the fold. */
.focus-strip{padding:7px 0 9px;margin-bottom:4px}.focus-kicker{margin-bottom:3px}
.focus-strip .priority{align-items:center;gap:9px}.focus-strip .priority+.priority{padding-left:18px}
.focus-strip .rank{font-size:24px}.focus-strip .priority small{font-size:8px}
.focus-strip .priority strong{font-size:14px;margin-top:1px}.focus-strip .priority p{display:none}
.grid{position:relative;grid-template-columns:var(--left-col,18%) minmax(420px,1fr) var(--right-col,20%);--graph-height:570px}
.col.centre{padding:0 18px}.col.left{padding-right:18px}.col.right{padding-left:18px}.core{height:var(--graph-height);background:radial-gradient(ellipse at 50% 50%,#131c24 0%,var(--bg) 70%)}
.leg{position:relative;inset:auto;display:grid;width:100%;padding:10px 0 12px;border-bottom:1px solid var(--line);gap:7px;z-index:auto}.leg .row{gap:5px}.leg button{padding:4px 6px;font-size:9px;background:transparent}.leg button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.ctl{gap:7px;margin-top:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ctl .cnt{order:3;width:100%;font-size:9px;margin-top:2px}.ctl .sp{display:none}.seg{border:0;border-radius:0}.seg button{border:0;padding:7px 9px;font-size:9px}.seg button[aria-pressed="true"]{background:none;box-shadow:inset 0 -1px #d1dce4}.tb{border:0;padding:0 5px;font-size:9px}.tb:hover{background:var(--raise)}.ctl>.k{display:none}
.brand{padding:13px 0 5px}.brand h1{font-size:18px}.brand h1 em{font-size:12px}.brand .sub{font-size:9px}
.hub svg{display:none}.hub span{font-size:8px;letter-spacing:.12em;background:rgba(20,13,8,.74);color:#ffd9b2;border:1px solid rgba(243,146,73,.25);padding:4px 6px;border-radius:2px}.hub{padding:0}
.cap{font-size:7px;opacity:.6}.w h2{font-size:10px}.w h2 .meta{font-size:9px}.w-prep p,.w-wait p{font-size:11px;line-height:1.8}.next li{font-size:11px;line-height:1.65}.next .d{font-size:9px}.flag .who{font-size:11px}.flag details{font-size:9px}.rt{font-size:9px}.rt th,.rt td.s{font-size:8px}.rt .res{font-size:8px}.feed{font-size:9px}.rt-foot{font-size:8px}
.clock-secondary{display:flex;align-items:baseline;gap:7px;margin-top:8px;font:500 9px var(--mono);color:var(--mute);letter-spacing:.07em}.clock-secondary span{text-transform:uppercase}.clock-secondary b{font:600 13px var(--display);color:var(--ink2);font-variant-numeric:tabular-nums;letter-spacing:0}.clock-secondary small{font:400 8px var(--mono);color:var(--mute);letter-spacing:0}.zones{grid-template-columns:1fr;margin-top:12px}.present .clock-secondary{display:none}
.focus-hero{display:flex;gap:9px;align-items:center;justify-content:center;font:400 10px/1.7 var(--mono);color:var(--ink2);padding:12px 0;margin-top:8px;border-top:1px solid var(--line)}.focus-dot{width:6px;height:6px;flex:none;background:var(--a-career);border-radius:50%}
.resize-divider{position:absolute;top:0;bottom:0;width:12px;z-index:10;cursor:col-resize;touch-action:none;outline:none}.left-divider{left:calc(var(--left-col) - 6px)}.right-divider{right:calc(var(--right-col) - 6px)}.resize-divider::after{content:'';position:absolute;left:5px;top:34%;height:50px;width:2px;background:#7795a3;opacity:.35;border-radius:2px}.resize-divider:hover,.resize-divider:focus-visible{background:rgba(106,157,184,.10)}.resize-divider:hover::after,.resize-divider:focus-visible::after{opacity:1}
.height-handle{height:22px;cursor:row-resize;touch-action:none;color:var(--mute);text-align:center;font:400 8px/22px var(--mono);letter-spacing:.1em;border-top:1px solid var(--line);border-bottom:1px solid transparent;outline:none}.height-handle:hover,.height-handle:focus-visible{color:var(--ink);background:var(--raise);border-color:var(--line2)}.resizing-panels{user-select:none}.resizing-panels canvas{pointer-events:none}
.os.full .leg{flex:none}.os.full .height-handle{display:none}.os.full .core{height:auto;flex:1}.os.full .ctl .cnt{width:auto;order:0}
@media(max-width:1050px){.grid{display:grid;grid-template-columns:1fr 1fr}.resize-divider{display:none}.col.centre{grid-column:1/-1;order:-1;padding:0}.col.left{padding-right:20px}.col.right{padding-left:20px}.core{height:570px}.height-handle{display:none}}
@media(max-width:760px){.os{padding:10px 14px 20px}.layout-reset{display:none}.grid{display:flex;flex-direction:column}.col{display:contents}.brand{order:1;width:100%;border:0}.brainwrap{order:2;width:100%}.focus-hero{order:4;width:100%;margin-bottom:12px}.w-prep{order:5}.w-wait{order:6}.w-today{order:7}.w-deck{order:8}.w-routines{order:9}.w-pulse{order:10}.w-needs{order:11}.core{height:440px}.leg{inset:auto;padding:10px 0;gap:5px}.leg .shapes{display:flex}.leg button{font-size:9px;min-height:25px}.priority p{font-size:11px}.ctl{gap:5px}.seg button{font-size:8px;padding:8px 6px}.ctl .cnt{font-size:8px}.w-prep p,.w-wait p{font-size:12px}.rt{font-size:10px}}