.settings-page{max-width:1240px;margin:0 auto;padding:8.5rem 1.25rem 6rem}.settings-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:end;padding-bottom:5rem}.settings-hero h1{margin:.6rem 0 0;font-size:clamp(3rem,7vw,6.4rem);line-height:.91;letter-spacing:-.07em}.settings-hero h1 span{color:var(--violet)}.lede{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.75}.readiness-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.3rem}.readiness-badges span{padding:.38rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.62rem;font-weight:750}.readiness-badges span:first-child,.readiness-badges span:nth-child(2){color:var(--green);background:var(--green-soft)}
.readiness-section{padding:4rem 0 6rem;border-top:1px solid var(--line-soft)}.readiness-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.readiness-heading h2,.connector-section h2,.production-gates h2{margin:.4rem 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.055em}.readiness-heading>p{margin:0;color:var(--teal);font-size:.72rem}.adoption-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:2rem}.adoption-paths article{display:flex;flex-direction:column;min-height:300px;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.adoption-paths small{color:var(--teal);font-size:.6rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.adoption-paths h3{margin:2.5rem 0 .55rem;font-size:1.18rem}.adoption-paths p{margin:0 0 .8rem;color:var(--muted);font-size:.74rem;line-height:1.6}.adoption-paths dl{margin:auto 0 0}.adoption-paths dl div{padding:.5rem 0;border-top:1px solid var(--line-soft)}.adoption-paths dt{color:var(--subtle);font-size:.58rem;text-transform:uppercase}.adoption-paths dd{margin:.15rem 0 0;font-size:.67rem}.path-state{display:inline-block;margin-bottom:.8rem;padding:.28rem .48rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.56rem;font-weight:900;text-transform:uppercase}.path-state.configuration-required{background:color-mix(in srgb,var(--amber),transparent 88%);color:var(--amber)}.path-state.production-hardening-required{background:var(--red-soft);color:var(--red)}
.connector-section,.production-gates{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;margin-top:4rem;padding-top:4rem;border-top:1px solid var(--line-soft)}.connector-matrix{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface)}.connector-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line-soft)}.connector-row:last-child{border:0}.connector-row strong,.connector-row p{grid-column:1}.connector-row strong{font-size:.8rem}.connector-row p{margin:.2rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.5}.connector-row span{grid-column:2;grid-row:1/3;align-self:center;padding:.28rem .48rem;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.56rem;font-weight:900;text-transform:uppercase}.connector-row span.integration-required{background:color-mix(in srgb,var(--amber),transparent 88%);color:var(--amber)}.production-gates ol{margin:0;padding:0;list-style:none;counter-reset:gate}.production-gates li{counter-increment:gate;padding:1rem 0;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:.78rem}.production-gates li::before{content:"0" counter(gate);display:inline-block;width:2.4rem;color:var(--violet);font-weight:900}
.operator-section{padding-top:6rem;border-top:1px solid var(--line-soft)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem}.settings-grid article,.cli-escape{padding:1.7rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.settings-grid article{min-height:330px}.settings-grid .publish-card{grid-column:1/-1;min-height:0}.step{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--violet-soft);color:var(--violet);font-weight:900}.settings-grid h3{margin:1.2rem 0;font-size:1.35rem}.settings-grid dl div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line-soft)}.settings-grid dd{margin:0;overflow-wrap:anywhere;text-align:right}.settings-grid li{margin:.8rem 0;color:var(--muted)}.publish-card label,.publish-card input{display:block}.publish-card label{margin:1.5rem 0 .5rem;color:var(--muted)}.publish-card input{width:100%;max-width:650px;padding:.85rem;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit}.publish-card button{margin-top:1rem}.publish-card>p,#publish-status{color:var(--muted)}.cli-escape{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:1rem}.cli-escape p{margin:.35rem 0 0;color:var(--muted);font-size:.72rem}.cli-escape code{color:var(--teal);overflow-wrap:anywhere;text-align:right}
@media(max-width:900px){.settings-hero,.readiness-heading,.connector-section,.production-gates{grid-template-columns:1fr;gap:1.5rem}.adoption-paths{grid-template-columns:1fr 1fr}.settings-hero{gap:2rem}.cli-escape{align-items:flex-start;flex-direction:column}.cli-escape code{text-align:left}}
@media(max-width:700px){.settings-page{padding-top:6rem}.adoption-paths,.settings-grid{grid-template-columns:1fr}.settings-grid .publish-card{grid-column:auto}.adoption-paths article{min-height:240px}.settings-hero h1{font-size:3.4rem}}