.codex-design-page.codex-article-page{--article-max:1168px;background:var(--paper)}.codex-design-page .codex-article-shell{max-width:var(--article-max);margin:0 auto;padding-left:32px;padding-right:32px}.codex-design-page .codex-article-skip-link{background:var(--strong-surface);color:var(--ink);z-index:100;padding:11px 16px;font-size:12px;transition:top .16s;position:fixed;top:-80px;left:20px}.codex-design-page .codex-article-skip-link:focus{top:18px}.codex-design-page.codex-article-page .site-header{position:sticky;top:0}.codex-design-page .codex-article-masthead{border-bottom:1px solid var(--line);padding:76px 0 64px}.codex-design-page .codex-article-breadcrumb{color:var(--muted);font:9px var(--font-geist-mono), monospace;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.codex-design-page .codex-article-breadcrumb a{color:var(--muted)}.codex-design-page .codex-article-breadcrumb a:hover{color:var(--ink)}.codex-design-page .codex-article-title-block{max-width:990px;margin-top:75px}.codex-design-page .codex-article-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;font-size:10px;display:flex}.codex-design-page .codex-article-byline i{background:var(--surface-raised);border-radius:50%;width:3px;height:3px}.codex-design-page .codex-article-avatar{background:var(--purple);border:1px solid var(--line-strong);color:var(--accent);font:700 7px var(--font-geist-mono), monospace;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex;transform:rotate(-3deg)}.codex-design-page .codex-article-title-block h1{letter-spacing:-.075em;margin:0;font-size:clamp(62px,8.2vw,116px);font-weight:550;line-height:.86}.codex-design-page .codex-article-title-block>p{color:var(--muted);letter-spacing:-.025em;max-width:850px;margin:40px 0 0;font-size:clamp(18px,2vw,26px);line-height:1.42}.codex-design-page .codex-article-hero-frame{background:var(--card);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1.75fr) minmax(280px,.78fr);gap:0;margin-top:72px;display:grid;overflow:hidden}.codex-design-page .codex-brief-window{background:var(--mint);border-right:1px solid var(--line);min-height:520px;padding:24px}.codex-design-page .codex-brief-toolbar{background:var(--card);border:1px solid var(--line-strong);border-radius:11px 11px 0 0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:0 15px;display:grid}.codex-design-page .codex-brief-toolbar>div{gap:5px;display:flex}.codex-design-page .codex-brief-toolbar>div span{background:var(--surface-raised);border-radius:50%;width:6px;height:6px}.codex-design-page .codex-brief-toolbar p{color:var(--accent);font:8px var(--font-geist-mono), monospace;margin:0}.codex-design-page .codex-brief-toolbar i{color:var(--positive);font:normal 7px var(--font-geist-mono), monospace;text-transform:uppercase;justify-self:end}.codex-design-page .codex-brief-content{background:var(--paper);border:1px solid var(--line-strong);border-radius:0 0 11px 11px;min-height:420px;padding:clamp(32px,5vw,58px)}.codex-design-page .codex-brief-heading{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.codex-design-page .codex-brief-heading>span{color:var(--accent);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.codex-design-page .codex-brief-heading strong{letter-spacing:-.05em;text-align:right;font-size:clamp(24px,3vw,38px);font-weight:560;line-height:1}.codex-design-page .codex-brief-lines{border-top:1px solid var(--line)}.codex-design-page .codex-brief-lines p{border-bottom:1px solid var(--line);grid-template-columns:25px 75px 1fr;align-items:start;gap:12px;margin:0;padding:16px 0;display:grid}.codex-design-page .codex-brief-lines p span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.codex-design-page .codex-brief-lines p strong{font-size:9px}.codex-design-page .codex-brief-lines p i{color:var(--muted);font-size:9px;font-style:normal;line-height:1.45}.codex-design-page .codex-hero-principle{flex-direction:column;padding:40px;display:flex}.codex-design-page .codex-hero-principle-mark{background:var(--strong-surface);color:var(--ink);border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex;transform:rotate(-3deg)}.codex-design-page .codex-hero-principle-label{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:55px 0 13px}.codex-design-page .codex-hero-principle h2{letter-spacing:-.05em;margin:0;font-size:clamp(26px,2.7vw,37px);font-weight:560;line-height:1.03}.codex-design-page .codex-hero-principle>p:not(.codex-hero-principle-label){color:var(--muted);margin:19px 0 28px;font-size:12px;line-height:1.6}.codex-design-page .codex-hero-principle a{border-top:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:10px;font-weight:650;display:flex}.codex-design-page .codex-article-layout{grid-template-columns:210px minmax(0,720px);justify-content:space-between;gap:clamp(60px,9vw,130px);padding-top:110px;padding-bottom:130px;display:grid}.codex-design-page .codex-article-rail{align-self:start;position:sticky;top:104px}.codex-design-page .codex-article-rail nav{border-top:1px solid var(--line);flex-direction:column;padding-top:18px;display:flex}.codex-design-page .codex-article-rail nav p{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.codex-design-page .codex-article-rail nav a{border-left:1px solid var(--line);color:var(--muted);padding:7px 0 7px 13px;font-size:10px;line-height:1.25;transition:border-color .15s,color .15s}.codex-design-page .codex-article-rail nav a:hover{border-color:var(--purple-deep);color:var(--ink)}.codex-design-page .codex-rail-cta{background:var(--purple);border:1px solid var(--line-strong);border-radius:12px;margin-top:34px;padding:21px}.codex-design-page .codex-rail-cta>span{color:var(--accent);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.codex-design-page .codex-rail-cta strong{letter-spacing:-.035em;margin:22px 0 10px;font-size:17px;line-height:1.1;display:block}.codex-design-page .codex-rail-cta p{color:var(--accent);margin:0;font-size:9px;line-height:1.55}.codex-design-page .codex-rail-cta a{border-top:1px solid var(--line-strong);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;font-size:9px;font-weight:650;display:flex}.codex-design-page .codex-article-body section{scroll-margin-top:104px}.codex-design-page .codex-article-body section+section{border-top:1px solid var(--line);margin-top:90px;padding-top:90px}.codex-design-page .codex-article-section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted)!important;font:8px var(--font-geist-mono), monospace!important;margin:0 0 24px!important}.codex-design-page .codex-article-body h2{letter-spacing:-.062em;margin:0 0 32px;font-size:clamp(39px,5vw,60px);font-weight:560;line-height:.97}.codex-design-page .codex-article-body h3{font-weight:610}.codex-design-page .codex-article-body>section>p:not(.codex-article-section-label),.codex-design-page .codex-source-note{color:var(--muted);margin:0 0 23px;font-size:15px;line-height:1.75}.codex-design-page .codex-article-body .codex-article-lede{letter-spacing:-.025em;color:var(--ink)!important;font-size:clamp(20px,2.2vw,25px)!important;line-height:1.48!important}.codex-design-page .codex-article-citation{border-bottom:1px solid var(--line);color:var(--ink);font-weight:650;text-decoration:none}.codex-design-page .codex-article-citation:hover{border-bottom-color:var(--line-strong)}.codex-design-page .codex-article-body code{background:var(--surface-subtle);border:1px solid var(--line);font:.84em var(--font-geist-mono), monospace;border-radius:4px;padding:2px 5px}.codex-design-page .codex-answer-card{background:var(--yellow);border:1px solid var(--line-strong);border-radius:14px;margin-top:42px;padding:clamp(27px,4vw,42px)}.codex-design-page .codex-answer-card span{font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.codex-design-page .codex-answer-card p{letter-spacing:-.035em;margin:24px 0 0;font-size:clamp(20px,2.6vw,30px);font-weight:540;line-height:1.25}.codex-design-page .codex-context-cards{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:44px;display:grid}.codex-design-page .codex-context-cards article{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;min-height:250px;padding:23px}.codex-design-page .codex-context-cards article>span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.codex-design-page .codex-context-cards h3{letter-spacing:-.035em;margin:75px 0 11px;font-size:17px}.codex-design-page .codex-context-cards p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.codex-design-page .codex-workflow-list{border-top:1px solid var(--line);margin-top:48px}.codex-design-page .codex-workflow-list article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:28px;padding:32px 0;display:grid}.codex-design-page .codex-workflow-list article>span{border:1px solid var(--line);color:var(--muted);font:7px var(--font-geist-mono), monospace;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.codex-design-page .codex-workflow-list h3{letter-spacing:-.04em;margin:1px 0 11px;font-size:23px}.codex-design-page .codex-workflow-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.68}.codex-design-page .codex-template-card{background:var(--strong-surface);border:1px solid var(--line);color:var(--ink);border-radius:14px;margin-top:42px;overflow:hidden}.codex-design-page .codex-template-card-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.codex-design-page .codex-template-card-bar span{font-size:10px;font-weight:650}.codex-design-page .codex-template-card-bar i{color:var(--muted);font:normal 7px var(--font-geist-mono), monospace;text-transform:uppercase}.codex-design-page .codex-template-card pre{margin:0;padding:clamp(24px,4vw,40px);overflow-x:auto}.codex-design-page .codex-template-card code{color:var(--muted);font:10px/1.8 var(--font-geist-mono), monospace;white-space:pre-wrap;background:0 0;border:0;padding:0;display:block}.codex-design-page .codex-editorial-note{background:var(--mint);border-left:3px solid var(--purple-deep);grid-template-columns:auto 1fr;align-items:start;gap:14px;margin-top:25px;padding:22px 24px;display:grid}.codex-design-page .codex-editorial-note>span{color:var(--purple-deep)}.codex-design-page .codex-editorial-note p{color:var(--accent);margin:0;font-size:11px;line-height:1.65}.codex-design-page .codex-editorial-note strong{color:var(--ink)}.codex-design-page .codex-surface-table{border:1px solid var(--line);border-radius:12px;margin-top:42px;overflow:hidden}.codex-design-page .codex-surface-row{border-top:1px solid var(--line);grid-template-columns:120px 1fr 90px;align-items:center;gap:20px;padding:17px 20px;display:grid}.codex-design-page .codex-surface-row:first-child{border-top:0}.codex-design-page .codex-surface-row--head{background:var(--surface-subtle);color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase}.codex-design-page .codex-surface-row strong{font-size:11px}.codex-design-page .codex-surface-row>span{color:var(--muted);font-size:10px;line-height:1.45}.codex-design-page .codex-surface-row i{color:var(--accent);font:normal 7px var(--font-geist-mono), monospace;text-align:right;text-transform:uppercase}.codex-design-page .codex-failure-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.codex-design-page .codex-failure-grid article{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:305px;padding:25px;display:flex}.codex-design-page .codex-failure-grid article>span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.codex-design-page .codex-failure-grid h3{letter-spacing:-.04em;margin:55px 0 11px;font-size:23px}.codex-design-page .codex-failure-grid article>p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.codex-design-page .codex-failure-grid article>div{border-top:1px solid var(--line);gap:6px;margin-top:auto;padding-top:15px;display:grid}.codex-design-page .codex-failure-grid div strong{text-transform:uppercase;font-size:8px}.codex-design-page .codex-failure-grid div i{color:var(--muted);font-size:9px;font-style:normal;line-height:1.45}.codex-design-page .codex-qa-list{border-top:1px solid var(--line);margin-top:42px}.codex-design-page .codex-qa-list>div{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr auto;align-items:center;gap:13px;min-height:58px;display:grid}.codex-design-page .codex-qa-list>div>span{background:var(--mint);border:1px solid var(--line-strong);color:var(--positive);border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:8px;display:flex}.codex-design-page .codex-qa-list p{margin:0;font-size:11px;line-height:1.4}.codex-design-page .codex-qa-list i{color:var(--muted);font:normal 7px var(--font-geist-mono), monospace}.codex-design-page .codex-article-body .codex-rendyn-section{background:var(--purple);border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:1fr 250px;gap:45px;margin-left:-48px;margin-right:-48px;padding:48px;display:grid}.codex-design-page .codex-rendyn-section h2{font-size:clamp(38px,4.6vw,56px)}.codex-design-page .codex-rendyn-section>div:first-child>p:not(.codex-article-section-label){color:var(--accent);margin:0 0 17px;font-size:12px;line-height:1.65}.codex-design-page .codex-rendyn-actions{flex-wrap:wrap;gap:8px;margin-top:27px;display:flex}.codex-design-page .codex-rendyn-actions .button--ghost{background:#46494e1f}.codex-design-page .codex-ingredient-stack{flex-direction:column;align-self:center;gap:7px;display:flex}.codex-design-page .codex-ingredient-stack>div{background:var(--card);border:1px solid var(--line-strong);border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.codex-design-page .codex-ingredient-stack span,.codex-design-page .codex-ingredient-stack i{color:var(--accent);font:7px var(--font-geist-mono), monospace}.codex-design-page .codex-ingredient-stack strong{font-size:9px}.codex-design-page .codex-ingredient-stack i{text-transform:uppercase;font-style:normal}.codex-design-page .codex-faq-list{border-top:1px solid var(--line)}.codex-design-page .codex-faq-list details{border-bottom:1px solid var(--line)}.codex-design-page .codex-faq-list summary{cursor:pointer;padding:23px 40px 23px 0;font-size:15px;font-weight:610;list-style:none;position:relative}.codex-design-page .codex-faq-list summary::-webkit-details-marker{display:none}.codex-design-page .codex-faq-list summary:after{color:var(--muted);content:"+";font:18px var(--font-geist-mono), monospace;position:absolute;top:20px;right:4px}.codex-design-page .codex-faq-list summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.codex-design-page .codex-faq-list details[open] summary:after{content:"−"}.codex-design-page .codex-faq-list details p{color:var(--muted);margin:-3px 42px 24px 0;font-size:12px;line-height:1.7}.codex-design-page .codex-source-list{border-top:1px solid var(--line)}.codex-design-page .codex-source-list>a{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:18px;padding:19px 4px;transition:background .16s,padding .16s;display:grid}.codex-design-page .codex-source-list>a:hover{background:var(--surface-subtle);padding-left:12px;padding-right:12px}.codex-design-page .codex-source-list>a>span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.codex-design-page .codex-source-list strong{font-size:11px}.codex-design-page .codex-source-list p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.45}.codex-design-page .codex-source-list>a>span:last-child{color:var(--ink);font-size:12px}.codex-design-page .codex-source-note{margin-top:22px!important;font-size:10px!important}.codex-design-page .codex-related-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.codex-design-page .codex-related-grid>a{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:290px;padding:25px;transition:box-shadow .18s,transform .18s;display:flex}.codex-design-page .codex-related-grid>a:hover{transform:translateY(-3px);box-shadow:0 15px 34px #201d1a14}.codex-design-page .codex-related-grid>a>span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.codex-design-page .codex-related-grid h3{letter-spacing:-.045em;margin:70px 0 12px;font-size:25px;line-height:1.04}.codex-design-page .codex-related-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.codex-design-page .codex-related-grid i{border-top:1px solid var(--line);color:var(--ink);text-transform:uppercase;margin-top:auto;padding-top:14px;font-size:9px;font-style:normal;font-weight:650}.codex-design-page .codex-article-final-cta{border-top:1px solid var(--line);padding:92px 24px}.codex-design-page .codex-article-final-cta-card{background:var(--yellow);border:1px solid var(--line-strong);text-align:center;border-radius:16px;max-width:1040px;margin:0 auto;padding:clamp(55px,8vw,92px) 30px;position:relative;overflow:hidden}.codex-design-page .codex-article-final-cta-card:before,.codex-design-page .codex-article-final-cta-card:after{border:1px solid var(--line);content:"";border-radius:50%;width:320px;height:320px;position:absolute;top:-180px}.codex-design-page .codex-article-final-cta-card:before{left:-150px}.codex-design-page .codex-article-final-cta-card:after{right:-150px}.codex-design-page .codex-article-final-cta-card h2{letter-spacing:-.073em;margin:0;font-size:clamp(50px,6.5vw,82px);font-weight:560;line-height:.9;position:relative}.codex-design-page .codex-article-final-cta-card>p:not(.eyebrow){max-width:520px;margin:25px auto;font-size:13px;line-height:1.6;position:relative}.codex-design-page .codex-article-final-cta-card>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.codex-design-page .codex-article-end{border-top:1px solid var(--line);color:var(--muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:33px;padding-bottom:33px;display:flex}.codex-design-page .codex-article-end a{color:var(--ink)}@media (max-width:900px){.codex-design-page .codex-article-hero-frame{grid-template-columns:1fr}.codex-design-page .codex-brief-window{border-bottom:1px solid var(--line);border-right:0}.codex-design-page .codex-hero-principle{min-height:330px}.codex-design-page .codex-hero-principle-label{margin-top:38px}.codex-design-page .codex-article-layout{grid-template-columns:170px minmax(0,1fr);gap:60px}.codex-design-page .codex-context-cards{grid-template-columns:1fr}.codex-design-page .codex-context-cards article{min-height:190px}.codex-design-page .codex-context-cards h3{margin-top:55px}.codex-design-page .codex-article-body .codex-rendyn-section{grid-template-columns:1fr;margin-left:0;margin-right:0}}@media (max-width:700px){.codex-design-page .codex-article-shell{padding-left:20px;padding-right:20px}.codex-design-page.codex-article-page .site-header{position:relative}.codex-design-page .codex-article-masthead{padding:46px 0 35px}.codex-design-page .codex-article-title-block{margin-top:48px}.codex-design-page .codex-article-byline{gap:8px;line-height:1.5}.codex-design-page .codex-article-byline i{display:none}.codex-design-page .codex-article-title-block h1{font-size:clamp(48px,14vw,69px);line-height:.89}.codex-design-page .codex-article-title-block>p{margin-top:28px;font-size:17px}.codex-design-page .codex-article-hero-frame{border-radius:13px;margin-top:46px}.codex-design-page .codex-brief-window{min-height:0;padding:10px}.codex-design-page .codex-brief-content{min-height:0;padding:26px 20px}.codex-design-page .codex-brief-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:27px}.codex-design-page .codex-brief-heading strong{text-align:left;font-size:27px}.codex-design-page .codex-brief-lines p{grid-template-columns:20px 62px 1fr;gap:8px;padding:13px 0}.codex-design-page .codex-brief-lines p i{font-size:8px}.codex-design-page .codex-hero-principle{min-height:340px;padding:30px}.codex-design-page .codex-article-layout{padding-top:65px;padding-bottom:85px;display:block}.codex-design-page .codex-article-rail{margin-bottom:70px;position:static}.codex-design-page .codex-article-rail nav{grid-template-columns:1fr 1fr;gap:0;display:grid}.codex-design-page .codex-article-rail nav p{grid-column:1/-1}.codex-design-page .codex-rail-cta{display:none}.codex-design-page .codex-article-body section+section{margin-top:68px;padding-top:68px}.codex-design-page .codex-article-body h2{font-size:39px}.codex-design-page .codex-article-body>section>p:not(.codex-article-section-label){font-size:14px}.codex-design-page .codex-answer-card p{font-size:21px}.codex-design-page .codex-workflow-list article{grid-template-columns:36px 1fr;gap:16px;padding:27px 0}.codex-design-page .codex-workflow-list h3{font-size:20px}.codex-design-page .codex-template-card-bar{flex-direction:column;align-items:flex-start;gap:6px}.codex-design-page .codex-template-card code{font-size:9px}.codex-design-page .codex-surface-row{grid-template-columns:95px 1fr;align-items:start;gap:7px 12px}.codex-design-page .codex-surface-row>i{text-align:left;grid-column:2}.codex-design-page .codex-surface-row--head>span:last-child{display:none}.codex-design-page .codex-failure-grid{grid-template-columns:1fr}.codex-design-page .codex-failure-grid article{min-height:280px}.codex-design-page .codex-article-body .codex-rendyn-section{padding:30px 24px}.codex-design-page .codex-rendyn-actions{flex-direction:column;align-items:stretch}.codex-design-page .codex-source-list>a{align-items:start}.codex-design-page .codex-related-grid{grid-template-columns:1fr}.codex-design-page .codex-related-grid>a{min-height:270px}.codex-design-page .codex-article-final-cta{padding-left:14px;padding-right:14px}.codex-design-page .codex-article-final-cta-card>div{flex-direction:column;align-items:stretch;max-width:290px;margin:0 auto}.codex-design-page .codex-article-end{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){.codex-design-page .codex-article-skip-link,.codex-design-page .codex-article-rail nav a,.codex-design-page .codex-source-list>a{transition:none}}