.note-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 56px;border-bottom:1px solid var(--lt-line-strong);font-family:var(--font-ibm-mono),ui-monospace,monospace;gap:16px;flex-wrap:wrap}.note-nav .brand{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;color:var(--lt-fg-bright);text-decoration:none;white-space:nowrap}.note-nav .brand svg{display:block}.note-nav .back{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-body);text-decoration:none;transition:color .2s}.note-nav .back:hover{color:var(--lt-fg-bright)}.note-strip{display:flex;justify-content:space-between;padding:14px 56px;border-bottom:1px solid var(--lt-line);font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-body-dim);gap:16px;flex-wrap:wrap}.note-strip .signal{color:var(--lt-signal)}.note-content{max-width:980px;margin:0 auto;padding:80px 32px 64px;counter-reset:note-sections}.note-eyebrow{margin:0 0 24px;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--lt-signal)}h1.note-title{margin:0 0 18px;font-family:var(--font-ibm-sans),system-ui,sans-serif;font-weight:300;font-size:clamp(38px,5.5vw,60px);line-height:1.05;letter-spacing:-.03em;color:var(--lt-fg-bright);text-wrap:balance}.note-meta{margin:0 0 48px;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-body-dim)}.note-content p{font-size:16px;line-height:1.7;margin:0 0 1.25em;color:var(--lt-body);text-wrap:pretty}.note-content h2{margin:64px 0 18px;padding-top:32px;border-top:1px solid var(--lt-line);font-family:var(--font-ibm-sans),system-ui,sans-serif;font-weight:400;font-size:24px;letter-spacing:-.01em;color:var(--lt-fg-bright);counter-increment:note-sections}.note-content h2:before{content:counter(note-sections,decimal-leading-zero) " / ";font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.16em;color:var(--lt-signal);margin-right:8px;vertical-align:.15em}.note-content h3{margin:24px 0 12px;font-family:var(--font-ibm-sans),system-ui,sans-serif;font-weight:500;font-size:16px;letter-spacing:-.005em;color:var(--lt-fg-bright)}.note-content h3 .sub{font-family:var(--font-ibm-mono),ui-monospace,monospace;font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--lt-body-dim);text-transform:uppercase;margin-left:6px}.note-content ul{margin:0 0 1.25em;padding:0;list-style:none}.note-content li{position:relative;padding-left:22px;margin-bottom:10px;font-size:15px;line-height:1.6;color:var(--lt-body)}.note-content li:before{content:"·";position:absolute;left:6px;color:var(--lt-signal);font-size:18px;line-height:1}.note-content strong{color:var(--lt-fg);font-weight:500}.note-content a{color:var(--lt-signal);text-decoration:none;border-bottom:1px solid rgba(59,130,246,.35);transition:border-color .2s}.note-content a:hover{border-bottom-color:var(--lt-signal)}.note-content code{font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:.88em;color:var(--lt-moonlight);background:var(--lt-bg-elev);padding:1px 6px;border-radius:3px;border:1px solid var(--lt-line)}.note-content .win{color:#5fd39a}.note-content .bad{color:#ff8b7a}.note-content .warn{color:#fbbf24}.note-callout{margin:24px 0;padding:18px 22px;border:1px solid var(--lt-line-strong);border-left:3px solid var(--lt-signal);background:var(--lt-bg-elev)}.note-callout.win{border-left-color:#4cc38a}.note-callout h3{margin:0 0 8px;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-fg-bright)}.note-callout p{margin:0;font-size:15px}.note-callout ul{margin:4px 0 0}.note-callout li{font-size:15px}.note-card{margin:24px 0;padding:22px 24px;border:1px solid var(--lt-line);background:var(--lt-bg-elev)}.note-card h3{margin-top:0}.note-card .chart-cap{margin:12px 2px 0;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:11px;line-height:1.7;letter-spacing:.04em;color:var(--lt-body-dim)}.note-card .chart-cap b{color:var(--lt-fg);font-weight:500}.note-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.note-scroll{overflow-x:auto;border:1px solid var(--lt-line);margin-top:8px}.note-scroll table{border-collapse:collapse;width:100%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:12px;background:var(--lt-bg-elev);color:var(--lt-body)}.note-scroll td,.note-scroll th{padding:7px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--lt-line)}.note-scroll th{position:-webkit-sticky;position:sticky;top:0;background:var(--lt-bg-elev-2,var(--lt-bg-elev));color:var(--lt-body-dim);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.note-scroll td.model,.note-scroll th.model{text-align:left;position:-webkit-sticky;position:sticky;left:0;background:var(--lt-bg-elev);color:var(--lt-fg)}.note-scroll th.model{background:var(--lt-bg-elev-2,var(--lt-bg-elev));z-index:3}.note-scroll tr:hover td{filter:brightness(1.15)}.note-coh{display:inline-block;width:17px;height:17px;line-height:17px;text-align:center;border-radius:4px;font-size:10px;font-weight:600;margin-right:6px;color:var(--lt-bg)}.note-coh.c1{background:var(--lt-moonlight)}.note-coh.c2{background:#a78bfa}.note-content .sub{text-transform:uppercase}.note-content .sub,.note-foot{color:var(--lt-body-dim);font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.04em}.note-foot{margin-top:40px;padding-top:14px;border-top:1px solid var(--lt-line);line-height:1.7}.note-foot b{color:var(--lt-body);font-weight:500}.note-footer{padding:48px 56px 32px;border-top:1px solid var(--lt-line-strong);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-family:var(--font-ibm-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--lt-body-dim)}.note-footer a{color:var(--lt-body);text-decoration:none;transition:color .2s}.note-footer a:hover{color:var(--lt-fg-bright)}.note-footer .links{display:flex;gap:24px;flex-wrap:wrap}@media (max-width:880px){.note-cols{grid-template-columns:1fr}}@media (max-width:720px){.note-nav{padding:16px 24px}.note-strip{padding:12px 24px;flex-direction:column;gap:6px}.note-content{padding:48px 20px}.note-footer{padding:32px 24px;flex-direction:column;align-items:flex-start}}