/* Codex Insider. Brand semantic tokens are served from /brand/assets/tokens. */
:root { color-scheme: light; --ci-success-text:#117348; --ci-warning-text:#85500b; }
:root[data-theme="dark"] { color-scheme: dark; --ci-success-text:#3ecf8e; --ci-warning-text:#e8a33d; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text-1); font: 16px/1.6 var(--font-sans, Geist, sans-serif); }
body.ci-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; } a:hover { color: var(--accent); }
button,input { font: inherit; } button { color: inherit; } a:active,button:active { transform:scale(.98); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.ci-skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:10px 14px; border-radius:8px; background:var(--text-1); color:var(--bg); font-weight:600; transform:translateY(-160%); transition:transform 120ms ease-out; }
.ci-skip-link:focus { color:var(--bg); transform:translateY(0); }
.ci-container,.ci-shell { width:min(1120px,calc(100% - 80px)); margin-inline:auto; }
.ci-kicker,.ci-meta,.ci-label,.ci-wire time,.ci-wire__tag,.ci-handbook__status { font-family:var(--font-mono,ui-monospace,monospace); }
.ci-kicker,.ci-label { color:var(--accent); font-size:11px; font-weight:500; letter-spacing:.06em; line-height:1.4; text-transform:uppercase; }
.ci-meta { color:var(--text-2); font-size:11px; line-height:1.4; }
.ci-button,.ci-signup button,.ci-header [data-ci-subscribe] { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:8px 17px; border:1px solid var(--text-1); border-radius:999px; background:var(--text-1); color:var(--bg); cursor:pointer; font-size:13px; font-weight:500; line-height:1.2; transition:color 160ms ease-out,background-color 160ms ease-out,border-color 160ms ease-out,transform 160ms ease-out; }
.ci-button:hover,.ci-signup button:hover,.ci-header [data-ci-subscribe]:hover { border-color:var(--accent); background:var(--accent); color:var(--on-accent); }
.ci-text-link { color:var(--link); font-size:14px; font-weight:500; }

/* Header, nav, and mobile drawer. */
.ci-header { position:sticky; z-index:20; top:0; border-bottom:1px solid var(--border); background:color-mix(in srgb,var(--bg) 92%,transparent); backdrop-filter:blur(12px); }
.ci-header__inner,.ci-nav { width:min(1120px,calc(100% - 80px)); min-height:56px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ci-brand { display:inline-flex; align-items:center; gap:10px; color:var(--text-1); font-size:15px; font-weight:600; letter-spacing:-.015em; white-space:nowrap; }
.ci-brand img,.ci-brand__mark { width:24px; height:24px; object-fit:contain; }
.ci-nav__links { display:flex; align-items:center; gap:26px; margin-left:auto; }
.ci-nav__links a,.ci-nav__theme,.ci-theme-toggle { border:0; background:transparent; color:var(--text-2); cursor:pointer; font-size:14px; }
.ci-nav__theme,.ci-theme-toggle { min-width:44px; min-height:44px; padding:8px; font-family:var(--font-mono,ui-monospace,monospace); font-size:11px; }
.ci-mobile__toggle { display:none; width:44px; height:44px; padding:0; border:1px solid var(--border); border-radius:8px; background:transparent; cursor:pointer; }
.ci-mobile { display:none; }
.ci-noscript-nav { display:none; }

/* Homepage. Sections are deliberately separated by rules, never cards/shadows. */
.ci-hero { border-bottom:1px solid var(--border); background:var(--gradient-mist); }
.ci-hero__inner { width:min(1120px,calc(100% - 80px)); min-height:348px; margin-inline:auto; padding:72px 0 56px; display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr); align-items:end; gap:64px; }
.ci-hero h1 { max-width:12ch; margin:12px 0 0; font-size:clamp(42px,5vw,54px); font-weight:600; letter-spacing:-.03em; line-height:1.05; }
.ci-hero__deck { max-width:31ch; margin:0; color:var(--text-2); font-size:17px; line-height:1.55; }
.ci-section { padding:64px 0; border-bottom:1px solid var(--border); }
.ci-section__head { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:24px; }
.ci-section h2 { margin:0; font-size:24px; font-weight:600; letter-spacing:-.015em; line-height:1.15; }
.ci-section__head>a { color:var(--text-2); font-size:13px; }

/* Fresh updates: the one terminal treatment. */
.ci-wire { border-bottom:1px solid var(--border); background:var(--gradient-ink); color:#f2f2f7; }
.ci-wire__inner { width:min(1120px,calc(100% - 80px)); margin-inline:auto; padding:44px 0; }
.ci-wire .ci-kicker { color:#a9b6f8; }.ci-wire h2 { margin:7px 0 22px; font-size:24px; font-weight:600; letter-spacing:-.015em; line-height:1.15; }
.ci-wire__live { display:inline-flex; align-items:center; gap:7px; color:#a9a9b8; font:11px var(--font-mono,ui-monospace,monospace); }.ci-wire__live::before { width:6px; height:6px; border-radius:50%; background:var(--success); content:""; }
.ci-wire__list { margin:0; padding:0; border-top:1px solid rgba(255,255,255,.16); list-style:none; }
.ci-wire__item,.ci-wire li { display:grid; grid-template-columns:72px 64px minmax(0,1fr); gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.16); }
.ci-wire time { color:#a9a9b8; font-size:11px; }.ci-wire__tag { font-size:10px; font-weight:600; letter-spacing:.04em; }.ci-wire__tag--ship { color:#3ecf8e; }.ci-wire__tag--rumor { color:#e8a33d; }.ci-wire__tag--news { color:#a9b6f8; }
.ci-wire a { color:#f2f2f7; font-size:14px; line-height:1.45; }.ci-wire a:hover { color:#a9b6f8; }
.ci-terminal { overflow:auto; padding:18px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:#0d0d12; color:#f2f2f7; font:13px/1.65 var(--font-mono,ui-monospace,monospace); white-space:pre-wrap; }.ci-terminal::after { color:#a9b6f8; content:"▍"; animation:ci-blink 1.1s step-end infinite; } @keyframes ci-blink { 50% { opacity:0; } }

.ci-catchup__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:56px; }.ci-catchup__item { display:grid; grid-template-columns:88px minmax(0,1fr); gap:16px; padding:18px 0; border-top:1px solid var(--border); }.ci-catchup__item:first-child,.ci-catchup__item:nth-child(2) { border-top:0; }
.ci-catchup__item h3,.ci-oneliners h3,.ci-watch h3,.ci-resources h3 { margin:0; font-size:16px; font-weight:500; letter-spacing:-.01em; line-height:1.4; }.ci-catchup__item p { margin:6px 0 0; color:var(--text-2); font-size:13px; line-height:1.5; }
.ci-oneliners__grid,.ci-watch__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }.ci-oneliners__item { padding-top:16px; border-top:1px solid var(--border); }
.ci-copy,[data-copy] { display:flex; width:100%; min-height:44px; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; padding:10px 12px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); color:var(--text-1); cursor:copy; font:12px var(--font-mono,ui-monospace,monospace); text-align:left; }.ci-copy__feedback { color:var(--ci-success-text); font-size:11px; white-space:nowrap; }
.ci-oneliners p,.ci-watch p,.ci-resources p { margin:6px 0 0; color:var(--text-2); font-size:13px; line-height:1.5; }
.ci-watch__thumb { position:relative; display:grid; aspect-ratio:16/9; place-items:center; overflow:hidden; border-radius:8px; background:var(--gradient-brand); color:#fff; }.ci-watch__thumb--ink { background:var(--gradient-ink); }.ci-watch__thumb--mist { background:var(--gradient-mist); }.ci-watch__play { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:rgba(13,13,18,.72); color:#fff; font-size:14px; }.ci-watch__duration { position:absolute; right:10px; bottom:10px; padding:2px 6px; border-radius:4px; background:rgba(13,13,18,.72); color:#fff; font:10px var(--font-mono,ui-monospace,monospace); }.ci-watch h3 { margin-top:12px; }
.ci-handbook { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:72px; }.ci-handbook h2 { margin:12px 0 14px; font-size:30px; letter-spacing:-.02em; }.ci-handbook p { margin:0; color:var(--text-2); font-size:15px; line-height:1.6; }.ci-handbook__list { margin:0; padding:0; list-style:none; }.ci-handbook__item { display:grid; grid-template-columns:26px minmax(0,1fr) auto; align-items:baseline; gap:14px; padding:14px 0; border-bottom:1px solid var(--border); }.ci-handbook__item:last-child { border-bottom:0; }.ci-handbook__number { color:var(--text-2); font:12px var(--font-mono,ui-monospace,monospace); }.ci-handbook__title { font-size:16px; font-weight:500; letter-spacing:-.01em; }.ci-handbook__status { color:var(--ci-success-text); font-size:10px; letter-spacing:.04em; white-space:nowrap; }.ci-handbook__status--warning { color:var(--ci-warning-text); }
.ci-resources__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }.ci-resources__item { display:block; padding:16px 0; border-top:1px solid var(--border); }
.ci-signup { border-top:1px solid var(--border); background:var(--surface-2); }.ci-signup__inner { width:min(1120px,calc(100% - 80px)); margin-inline:auto; padding:56px 0; display:flex; align-items:center; justify-content:space-between; gap:40px; }.ci-signup h2 { margin:0; font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.2; }.ci-signup p { margin:8px 0 0; color:var(--text-2); font-size:14px; }.ci-signup form { display:flex; align-items:flex-start; gap:10px; }.ci-signup input { width:220px; min-height:44px; padding:9px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text-1); font-size:14px; }.ci-signup input:focus { border-color:var(--accent); }.ci-signup input:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }.ci-signup [role="status"] { display:block; margin-top:8px; color:var(--ci-success-text); font-size:13px; }.ci-signup__noscript { max-width:40ch; }
.ci-footer { border-top:1px solid var(--border); color:var(--text-2); }.ci-footer__inner { width:min(1120px,calc(100% - 80px)); min-height:74px; margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; font-size:12px; }.ci-footer .ci-brand { font-size:13px; }.ci-footer .ci-brand img { width:18px; height:18px; }

/* Article reading measure. */
.ci-article { width:min(760px,calc(100% - 80px)); margin-inline:auto; padding:72px 0 96px; }.ci-article__header { padding-bottom:40px; border-bottom:1px solid var(--border); }.ci-article h1 { max-width:15ch; margin:12px 0 18px; font-size:clamp(38px,5vw,56px); font-weight:600; letter-spacing:-.03em; line-height:1.06; }.ci-article__deck { margin:0; color:var(--text-2); font-size:20px; line-height:1.5; }.ci-article__byline { display:flex; align-items:center; gap:10px; margin-top:24px; color:var(--text-2); font-size:13px; }.ci-article__body { padding-top:40px; font-size:18px; line-height:1.75; }.ci-article__body>* { max-width:680px; }.ci-article__body h2 { margin:2em 0 .65em; font-size:28px; letter-spacing:-.02em; line-height:1.2; }.ci-article__body h3 { margin:1.7em 0 .5em; font-size:20px; line-height:1.3; }.ci-article__body p,.ci-article__body ul,.ci-article__body ol { margin:0 0 1.25em; }.ci-article__body a { color:var(--link); text-decoration:underline; text-underline-offset:3px; }.ci-article__body pre { overflow-x:auto; padding:18px; border-radius:8px; background:var(--gradient-ink); color:#f2f2f7; font:13px/1.65 var(--font-mono,ui-monospace,monospace); }.ci-article blockquote { margin:1.8em 0; padding:18px 20px; border-left:2px solid var(--accent); background:var(--accent-soft); color:var(--text-1); font-size:20px; line-height:1.5; }.ci-article img { max-width:100%; height:auto; border-radius:8px; }

/* Existing bare brand page uses the same visual vocabulary. */
.site-header,.site-footer { min-height:76px; padding:20px clamp(20px,4vw,56px); display:flex; align-items:center; justify-content:space-between; gap:24px; border-color:var(--border); font:10px var(--font-mono,ui-monospace,monospace); letter-spacing:.06em; text-transform:uppercase; }.site-header { border-bottom:1px solid var(--border); }.site-footer { border-top:1px solid var(--border); color:var(--text-2); }.brand { display:flex; align-items:center; gap:12px; }.brand img { width:30px; height:30px; }.brand strong { font:600 17px/1 var(--font-sans,sans-serif); letter-spacing:-.03em; text-transform:none; }.utility-link { color:var(--link); }.brand-stage { min-height:calc(100vh - 152px); display:grid; place-items:center; padding:64px 24px; background:var(--gradient-mist); }.brand-stage__inner { width:min(800px,92vw); text-align:center; }.hero-lockup { display:flex; align-items:center; justify-content:center; gap:clamp(16px,3vw,32px); }.hero-lockup img { width:clamp(72px,11vw,126px); }.hero-lockup h1 { margin:0; font-size:clamp(48px,9vw,112px); letter-spacing:-.065em; line-height:.9; }.brand-stage p { margin:38px auto 0; font-size:clamp(22px,3vw,34px); font-weight:500; letter-spacing:-.03em; }.brand-stage span { display:block; margin-top:14px; color:var(--text-2); font-size:16px; }

@media(max-width:900px){.ci-container,.ci-shell,.ci-header__inner,.ci-nav,.ci-hero__inner,.ci-wire__inner,.ci-signup__inner,.ci-footer__inner{width:min(100% - 48px,1120px)}.ci-nav__links{display:none}.ci-mobile__toggle{display:inline-grid;place-items:center;margin-left:auto}.ci-mobile{position:absolute;z-index:30;inset:100% 0 auto;height:calc(100dvh - 56px);display:flex;visibility:hidden;overflow-y:auto;flex-direction:column;gap:8px;padding:24px;background:var(--bg);opacity:0;pointer-events:none;transition:opacity 160ms ease-out,visibility 160ms ease-out}.ci-mobile[data-open="true"],.ci-mobile.is-open{visibility:visible;opacity:1;pointer-events:auto}.ci-mobile a,.ci-mobile button{display:flex;min-height:44px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-1);font-size:18px;text-align:left}.ci-noscript-nav{display:flex;flex-wrap:wrap;gap:4px 18px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.ci-noscript-nav a{display:flex;min-height:44px;align-items:center;color:var(--text-2);font-size:14px}.ci-hero__inner,.ci-handbook{grid-template-columns:1fr;gap:32px}.ci-hero__inner{min-height:0;padding-block:56px 48px}.ci-catchup__grid{grid-template-columns:1fr}.ci-catchup__item:nth-child(2){border-top:1px solid var(--border)}.ci-oneliners__grid,.ci-watch__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-resources__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-signup__inner{align-items:flex-start;flex-direction:column}.ci-footer__inner{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:20px}}
@media(max-width:620px){.ci-container,.ci-shell,.ci-header__inner,.ci-nav,.ci-hero__inner,.ci-wire__inner,.ci-signup__inner,.ci-footer__inner,.ci-article{width:min(100% - 40px,1120px)}.ci-hero__inner{padding-block:44px 40px}.ci-hero h1{font-size:32px}.ci-section{padding-block:40px}.ci-section__head{align-items:flex-start;flex-direction:column;gap:8px}.ci-wire__inner{padding-block:36px}.ci-wire__item,.ci-wire li{grid-template-columns:58px 52px minmax(0,1fr);gap:8px}.ci-oneliners__grid,.ci-watch__grid,.ci-resources__grid{grid-template-columns:1fr;gap:28px}.ci-catchup__item{grid-template-columns:1fr;gap:6px}.ci-handbook{gap:36px}.ci-handbook__item{grid-template-columns:24px minmax(0,1fr)}.ci-handbook__status{grid-column:2}.ci-signup form{width:100%;flex-wrap:wrap}.ci-signup input{width:100%}.ci-article{padding-block:48px 64px}.ci-article h1{font-size:36px}.ci-article__deck{font-size:18px}.ci-article__body{font-size:17px}.site-footer{align-items:flex-start;flex-direction:column}.hero-lockup{flex-direction:column}.brand-stage{min-height:calc(100vh - 180px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Current static renderer: it uses direct class-family sections rather than BEM wrappers. */
.ci-header { min-height:56px; padding:0 max(24px,calc((100vw - 1120px)/2)); display:flex; align-items:center; gap:24px; }
.ci-header__brand { display:inline-flex; align-items:center; gap:10px; color:var(--text-1); font-size:15px; font-weight:600; letter-spacing:-.015em; white-space:nowrap; }.ci-header__brand img { width:24px; height:24px; }
.ci-header>.ci-nav { width:auto; min-height:0; margin-left:auto; justify-content:flex-end; gap:26px; }.ci-header__actions { display:flex; align-items:center; gap:8px; }
.ci-header+.ci-mobile { top:56px; }
.ci-hero,.ci-wire,.ci-catchup,.ci-oneliners,.ci-watch,.ci-handbook,.ci-resources,.ci-section { padding-inline:max(24px,calc((100vw - 1120px)/2)); }
.ci-hero { min-height:0; padding-top:0; padding-bottom:0; display:block; }.ci-hero>p:not(.ci-kicker) { max-width:52ch; margin:0; color:var(--text-2); font-size:17px; }.ci-hero .ci-button { width:max-content; margin-top:8px; }
.ci-wire,.ci-catchup,.ci-oneliners,.ci-watch,.ci-handbook,.ci-resources { padding-top:64px; padding-bottom:64px; }.ci-wire .ci-card { max-width:720px; }
.ci-section__heading { margin-bottom:24px; }.ci-section__heading .ci-kicker { margin:0 0 7px; }.ci-section__heading h2 { margin:0; font-size:24px; font-weight:600; letter-spacing:-.015em; line-height:1.15; }
.ci-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ci-card { padding:18px 0; border-top:1px solid var(--border); }.ci-card__meta { margin:0 0 8px; color:var(--text-2); font:11px var(--font-mono,ui-monospace,monospace); }.ci-card h3 { margin:0; font-size:20px; font-weight:600; letter-spacing:-.015em; line-height:1.25; }.ci-card>p:not(.ci-card__meta) { margin:9px 0 0; color:var(--text-2); font-size:14px; line-height:1.55; }.ci-card__read { display:inline-block; margin-top:14px; color:var(--link); font-size:13px; font-weight:500; }.ci-card--compact h3 { font-size:16px; font-weight:500; line-height:1.4; }
.ci-oneliners>h2 { margin:0 0 24px; font-size:24px; font-weight:600; letter-spacing:-.015em; line-height:1.15; }.ci-oneliners ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:0; padding:0; list-style:none; }.ci-oneliners li { padding:16px 0; border-top:1px solid var(--border); color:var(--text-2); font-size:15px; }
.ci-watch>.ci-card,.ci-handbook>.ci-card,.ci-resources>.ci-card { max-width:520px; }.ci-handbook { display:block; }.ci-resources { display:block; }
.ci-signup { padding:56px max(24px,calc((100vw - 1120px)/2)); }.ci-signup>div { max-width:48ch; }.ci-signup form>label { display:block; margin-bottom:6px; color:var(--text-2); font-size:13px; }.ci-signup form>div { display:flex; gap:10px; }.ci-signup__status[hidden] { display:none; }.ci-signup__status:not([hidden]) { display:block; }
.ci-footer { min-height:74px; padding:20px max(24px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:32px; }.ci-footer p { margin:4px 0 0; color:var(--text-2); font-size:12px; }.ci-footer a { font-size:13px; font-weight:500; }
.ci-article__dek { margin:0; color:var(--text-2); font-size:20px; line-height:1.5; }.ci-copy-button { min-height:44px; margin-top:24px; padding:8px 12px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); color:var(--text-1); cursor:copy; font:12px var(--font-mono,ui-monospace,monospace); }.ci-article__body aside { margin:0 0 32px; padding:18px 20px; border-left:2px solid var(--accent); background:var(--accent-soft); }.ci-article__body aside p:last-child { margin:6px 0 0; }
@media(max-width:900px){.ci-header{padding-inline:24px}.ci-header>.ci-nav{display:none}.ci-header__actions{margin-left:auto}.ci-mobile[hidden]{display:none}.ci-mobile:not([hidden]){display:flex}.ci-hero,.ci-wire,.ci-catchup,.ci-oneliners,.ci-watch,.ci-handbook,.ci-resources,.ci-section,.ci-signup,.ci-footer{padding-inline:24px}.ci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-oneliners ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-signup{display:block}.ci-signup form{margin-top:24px}}
@media(max-width:620px){.ci-header{padding-inline:20px}.ci-hero,.ci-wire,.ci-catchup,.ci-oneliners,.ci-watch,.ci-handbook,.ci-resources,.ci-section,.ci-signup,.ci-footer{padding-inline:20px}.ci-hero{padding-top:0;padding-bottom:0}.ci-grid,.ci-oneliners ul{grid-template-columns:1fr;gap:28px}.ci-signup form>div{flex-wrap:wrap}.ci-signup form input{width:100%}.ci-footer{align-items:flex-start;flex-direction:column}}

/* Generated editorial pages. */
.ci-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.ci-button--nav { min-height:44px; padding-inline:16px; }
.ci-hero__inner>article small { display:block; margin-top:20px; color:var(--text-2); font-size:13px; }
.ci-hero__inner>aside { display:flex; flex-direction:column; align-self:end; }
.ci-hero__inner>aside .ci-kicker { margin:0 0 10px; }
.ci-hero__inner>aside a { padding:13px 0; border-bottom:1px solid color-mix(in srgb,var(--text-1) 12%,transparent); font-size:15px; font-weight:500; line-height:1.35; }
.ci-hero__inner>aside a:last-child { border-bottom:0; }
.ci-home>.ci-section,.ci-editorial-split { width:min(1120px,calc(100% - 80px)); margin-inline:auto; padding-inline:0; }
.ci-editorial-split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:72px; padding-block:64px; border-bottom:1px solid var(--border); }
.ci-editorial-split .ci-wire { padding:0; border:0; background:transparent; color:var(--text-1); }
.ci-editorial-split .ci-wire__inner { width:auto; padding:0; }
.ci-editorial-split .ci-wire h2 { margin:0; color:var(--text-1); }
.ci-editorial-split .ci-wire__live { color:var(--text-2); }
.ci-editorial-split .ci-wire__list { padding:16px 20px 8px; border:0; border-radius:8px 8px 0 0; background:var(--gradient-ink); }
.ci-editorial-split .ci-wire li { grid-template-columns:52px 56px minmax(0,1fr); padding:7px 0; border:0; }
.ci-editorial-split .ci-terminal { margin-bottom:12px; padding:0 20px 16px; border:0; border-radius:0 0 8px 8px; }
.ci-editorial-split .ci-wire .ci-text-link { color:var(--link); }
.ci-editorial-split .ci-catchup { padding:0; border:0; }
.ci-editorial-split .ci-catchup__grid { display:block; }
.ci-editorial-split .ci-card { padding:15px 0; }
.ci-editorial-split .ci-card:first-child { border-top:0; }
.ci-editorial-split .ci-card>p:not(.ci-card__meta),.ci-editorial-split .ci-card__read { display:none; }
.ci-section__head>div>p { margin:7px 0 0; color:var(--text-2); font-size:14px; }
.ci-oneliners__grid,.ci-resources__grid,.ci-handbook__list { margin:0; padding:0; list-style:none; }
.ci-watch__thumb--violet { background:var(--gradient-brand); }
.ci-resources__grid li { min-width:0; }
.ci-signup { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.ci-signup>div { flex:1 1 auto; }
.ci-signup form { display:block; flex:0 1 372px; }
.ci-signup form>div { display:flex; }
.ci-signup form>div input { flex:1 1 auto; min-width:0; }
.ci-signup__status { width:100%; }
.ci-section--index { width:min(920px,calc(100% - 80px)); min-height:60vh; margin-inline:auto; padding-inline:0; }
.ci-section--index>h1 { margin:14px 0 12px; font-size:clamp(44px,6vw,72px); letter-spacing:-.04em; line-height:1; }
.ci-section__intro { max-width:54ch; margin:0 0 48px; color:var(--text-2); font-size:18px; }
.ci-section__list .ci-card h3 { font-size:28px; }
.ci-section__feature { margin-bottom:48px; }
.ci-section__archive { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:64px; padding-top:32px; border-top:1px solid var(--border); }
.ci-section__archive>.ci-kicker { grid-column:1/-1; margin:0; }
.ci-author-dot { width:28px; height:28px; border-radius:50%; background:var(--gradient-brand); }
.ci-code-block { margin:32px 0; }
.ci-code-block pre { margin:0; }
.ci-code-block code span:first-child { color:#a9a9b8; }
.ci-code-block code span:nth-child(2),.ci-code-block code span:nth-child(3) { color:var(--success); }
.ci-code-block figcaption { padding:9px 14px; border:1px solid var(--border); border-top:0; border-radius:0 0 8px 8px; color:var(--text-2); font-size:12px; }
.ci-video-notice { border-left-color:var(--ci-warning-text)!important; }
.ci-article__related { display:flex; flex-direction:column; gap:8px; margin-top:40px!important; padding:22px 0; border-block:1px solid var(--border); }
.ci-article__related .ci-kicker { margin:0 0 4px; }

@media(max-width:900px){.ci-button--nav{display:none}.ci-home>.ci-section,.ci-editorial-split{width:min(100% - 48px,1120px)}.ci-editorial-split{grid-template-columns:1fr;gap:56px}.ci-signup{align-items:flex-start;flex-direction:column}.ci-signup form{width:100%;flex-basis:auto}.ci-section--index{width:min(100% - 48px,920px)}.ci-section__archive{grid-template-columns:1fr 1fr}.ci-hero__inner>aside{align-self:stretch}}
@media(max-width:620px){.ci-home>.ci-section,.ci-editorial-split,.ci-section--index{width:min(100% - 40px,1120px)}.ci-editorial-split{padding-block:44px}.ci-editorial-split .ci-wire li{grid-template-columns:44px 52px minmax(0,1fr);gap:6px}.ci-section__archive{grid-template-columns:1fr}.ci-signup form>div{display:grid;grid-template-columns:1fr}.ci-signup form button{width:100%}.ci-article__byline{align-items:flex-start;flex-wrap:wrap}.ci-author-dot{flex-basis:28px}}

/* Brand-kit detail page inherited from the production brand surface. */
.kit-wrap { width:min(1120px,calc(100% - 40px)); margin:0 auto; }
.kit-hero { padding:clamp(72px,10vw,132px) 0 64px; }
.eyebrow { color:var(--accent); font:600 11px/1.4 var(--font-mono,ui-monospace,monospace); letter-spacing:.1em; text-transform:uppercase; }
.kit-hero h1,.kit-section h2 { margin:16px 0; letter-spacing:-.055em; }
.kit-hero h1 { max-width:12ch; font-size:clamp(48px,8vw,96px); line-height:.92; }
.kit-hero p,.kit-section p { max-width:62ch; color:var(--text-2); font-size:18px; line-height:1.65; }
.kit-section { padding:64px 0; border-top:1px solid var(--border); }
.kit-section h2 { font-size:clamp(30px,5vw,54px); }
.logo-grid,.swatch-grid,.asset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:30px; }
.logo-card { min-height:230px; display:grid; place-items:center; padding:34px; border:1px solid var(--border); border-radius:18px; background:#fff; }
.logo-card.dark { border-color:#24242e; background:#0d0d12; }
.logo-card img { max-width:46%; max-height:150px; }
.swatch-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.swatch { min-height:150px; padding:16px; display:flex; flex-direction:column; justify-content:flex-end; border-radius:14px; color:#fff; font:500 12px/1.5 var(--font-mono,ui-monospace,monospace); }
.swatch.light { border:1px solid var(--border); color:#0d0d12; }
.asset { padding:20px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.asset strong { display:block; margin-bottom:8px; }
.asset a { color:var(--link); text-underline-offset:3px; }
.rules { padding-left:20px; color:var(--text-2); line-height:1.8; }

/* Shared production newsletter states. */
.ci-signup button:disabled { cursor:progress; opacity:.65; }
.ci-signup__status { min-height:20px; }
.ci-signup__status[data-state="error"] { color:var(--danger); }
.ci-signup__status[data-state="success"] { color:var(--ci-success-text); }

@media(max-width:720px){.logo-grid,.swatch-grid,.asset-grid{grid-template-columns:1fr}}