/* Kabin Clarity. Compact role-first pages; no framework. */
.cl-main{background:#f6f8f1;color:#123c2e}.cl-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5%;align-items:center;padding-block:55px 64px}.cl-intro .directory-back{display:inline-flex;margin:0 0 35px;font-size:11px;color:#698374}.cl-eyebrow{display:block;font-size:10px;letter-spacing:1.4px;font-weight:850;color:#33835c}.cl-intro h1{font-size:clamp(42px,5vw,75px);line-height:1.11;letter-spacing:-.068em;max-width:800px;margin:17px 0 20px;overflow-wrap:break-word}.cl-lead{font-size:15px;line-height:1.85;color:#60796b;max-width:620px}.cl-actions{margin-top:27px}.cl-main .button{white-space:normal}
.cl-flow{min-height:328px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;background:#133d2e;color:#e2f9d8;padding:23px;border-radius:17px;box-shadow:0 23px 60px -45px #103727}.cl-flow>span{grid-column:1/-1;font-size:9px;letter-spacing:1px;font-weight:850;color:#b6dbba}.cl-flow>div{min-height:92px;padding:19px 16px;background:#1d513c;border-radius:10px;border:1px solid #4c8461;display:flex;flex-direction:column;gap:14px}.cl-flow>div:first-of-type{background:#d9fda9;color:#174a31}.cl-flow small{font-size:9px;opacity:.75}.cl-flow strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.cl-market-hero{min-height:282px;background:#133d2e;color:#dff6d8;padding:30px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;gap:13px}.cl-market-mini{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:26px 20px;border:1px solid #4b8661;border-radius:10px;background:#1d503a}.cl-market-mini strong{font-size:19px;letter-spacing:-.6px}.cl-market-mini span{font-size:9px}.cl-market-mini-row{border:1px dashed #58876b;border-radius:10px;text-align:center;padding:17px 7px;font:800 11px/1.6 ui-monospace,Consolas,monospace}.cl-market-mini-row span{padding:0 10px;color:#d6ffb0}
.cl-code{min-width:0;border-radius:18px;background:#102b25;color:#d5f4cf;overflow:hidden}.cl-code>div{display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #37614d;font-size:12px;font-weight:750}.cl-code>div span{color:#d3f4a4;font-size:9px}.cl-code pre{padding:22px;overflow:auto;margin:0;font:12px/2 ui-monospace,Consolas,monospace}
.cl-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.cl-section-head h2,.cl-next h2{font-size:clamp(28px,3.4vw,45px);letter-spacing:-.055em;line-height:1.2;margin:0}.cl-section-head p{margin:0;max-width:435px;color:#698071;font-size:12px;line-height:1.8}.cl-main-steps,.cl-market-section{padding-block:56px 75px}.cl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cl-architecture .cl-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.cl-step{min-height:215px;background:white;border:1px solid #d8e6d8;border-radius:12px;padding:25px 19px}.cl-step span{display:block;color:#53996a;font-size:10px;font-weight:850;margin-bottom:28px}.cl-step strong{display:block;font-size:16px;letter-spacing:-.5px;line-height:1.35}.cl-step p{font-size:12px;line-height:1.75;color:#6d8472;margin-bottom:0}
.cl-example-band{background:#e8f0e4;padding-block:37px}.cl-example,.cl-explainer{display:grid;grid-template-columns:170px 1fr;gap:27px;align-items:start}.cl-example span,.cl-explainer strong{font-size:11px;color:#37845a;font-weight:850}.cl-example p,.cl-explainer p{font-size:14px;line-height:1.9;color:#3e624b;margin:0}
.cl-next{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding-block:56px 65px}.cl-next .cl-eyebrow{margin-bottom:12px}.cl-next-list{display:grid;gap:7px}.cl-next-list a{display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:8px;background:white;border:1px solid #dce8d8;padding:13px 17px;font-weight:750;font-size:13px}.cl-next-list a:hover{border-color:#60b57d}.cl-next-list span{color:#428a5f}
.cl-foot{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #dae8d9;padding-block:23px 52px}.cl-foot p{font-size:11px;color:#60796a;line-height:1.7;max-width:600px;margin:0 auto 0 0}.cl-foot>a:not(.button){font-size:12px;font-weight:800;color:#317d53}.cl-foot>.button.button-outline-light{border:1px solid #9dbfa7;color:#205e3e;background:transparent;border-radius:7px;font-size:11px;padding:10px 14px}
.cl-market-section{padding-top:28px}.cl-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cl-filters label{font-size:12px;font-weight:800}.cl-filters input{border-radius:9px;border:1px solid #cbdacc;background:white;padding:12px 14px;min-width:215px;flex:1;font:inherit;font-size:13px}.cl-filters>div{display:flex;gap:5px;flex-wrap:wrap}.cl-filter{padding:10px 12px;border:1px solid #d3e3d1;border-radius:8px;background:#e6efe4;color:#315e43;font-size:11px;font-weight:800;cursor:pointer}.cl-filter.is-active{background:#143f2e;color:white;border-color:#143f2e}.cl-result{font-size:11px;color:#64806d;margin:12px 0 15px}.cl-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.cl-capacity{min-height:215px;padding:24px;border:1px solid #d7e6d7;background:white;border-radius:12px;display:flex;flex-direction:column}.cl-capacity>div{display:flex;gap:10px;justify-content:space-between;color:#529a70;font-size:9px;font-weight:850;letter-spacing:.6px}.cl-concept{color:#879887}.cl-capacity h3{font-size:21px;line-height:1.3;letter-spacing:-.7px;margin:30px 0 11px}.cl-capacity p{font-size:12px;line-height:1.75;color:#6c8172;margin:0 0 20px}.cl-capacity a{font-size:12px;font-weight:850;color:#2d8253;margin-top:auto}.cl-main [hidden]{display:none!important}.cl-empty{padding:14px;font-size:12px;color:#667d6d}
.cl-role-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cl-role-paths a{display:flex;flex-direction:column;min-height:225px;background:white;border:1px solid #d5e6d5;border-radius:13px;padding:25px}.cl-role-paths span{font-size:10px;font-weight:850;color:#4c9667}.cl-role-paths strong{font-size:23px;line-height:1.25;letter-spacing:-.7px;margin:22px 0 10px}.cl-role-paths p{font-size:12px;line-height:1.7;color:#6c8271}.cl-role-paths b{margin-top:auto;font-size:12px;color:#2b7d51}.cl-home-loop{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.cl-home-loop span{border:1px solid #cbdccd;background:white;border-radius:80px;font-size:11px;font-weight:800;padding:8px 12px}
@media(max-width:1100px){.cl-architecture .cl-steps{grid-template-columns:repeat(3,1fr)}.cl-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.cl-hero{grid-template-columns:1fr;gap:25px}.cl-flow,.cl-market-hero,.cl-code{max-width:650px}.cl-section-head,.cl-next{display:block}.cl-section-head h2{margin-bottom:12px}.cl-next-list{margin-top:23px}.cl-shelf,.cl-role-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.cl-hero{padding-block:35px 39px}.cl-intro h1{font-size:clamp(37px,9.8vw,54px)}.cl-flow{padding:14px;min-height:0;gap:8px}.cl-flow>div{padding:13px;min-height:85px}.cl-flow strong{font-size:12px}.cl-code pre{font-size:10px}.cl-market-mini{padding:18px 10px}.cl-market-mini strong{font-size:14px}.cl-main-steps,.cl-market-section{padding-block:38px 55px}.cl-steps,.cl-architecture .cl-steps,.cl-shelf,.cl-role-paths{grid-template-columns:1fr}.cl-step,.cl-capacity,.cl-role-paths a{min-height:0}.cl-step{padding:19px}.cl-step span{margin-bottom:13px}.cl-example,.cl-explainer{display:block}.cl-example p,.cl-explainer p{margin-top:10px}.cl-next{padding-block:42px}.cl-filters input{min-width:0;width:100%}.cl-filters{display:block}.cl-filters>div{margin-top:8px}}

/* Short factual and resource pages use reference layouts, not orbital hero illustrations. */
.cl-factual-hero{padding-top:68px;padding-bottom:28px;max-width:1200px}
.cl-factual-hero .directory-back{display:inline-flex;margin-bottom:34px}
.cl-factual-hero h1{font-size:clamp(38px,5vw,66px);max-width:900px;letter-spacing:-.063em;line-height:1.15;margin:18px 0 17px}
.cl-factual-hero>p{font-size:15px;line-height:1.85;color:#627e6a;max-width:780px}
.cl-factual-body{padding-block:28px 44px}
.cl-factual-body dl{margin:0;border-top:1px solid #d2e4d6}
.cl-factual-body dl>div{display:grid;grid-template-columns:220px 1fr;gap:28px;border-bottom:1px solid #d2e4d6;padding:23px 6px}
.cl-factual-body dt{font-size:12px;font-weight:850;color:#32774e}
.cl-factual-body dd{font-size:14px;line-height:1.8;color:#466852;margin:0;overflow-wrap:anywhere}
.cl-resource-section{padding-top:19px;padding-bottom:62px}
.cl-resource-section h2{font-size:clamp(25px,3.2vw,42px);letter-spacing:-.053em;margin:0 0 25px}
.cl-resource-list{border-top:1px solid #d5e5d7}
.cl-resource-list>a{display:grid;grid-template-columns:55px 1fr 32px;align-items:start;gap:16px;padding:22px 8px;border-bottom:1px solid #d5e5d7;text-decoration:none}
.cl-resource-list>a:hover{background:#eaf1e6}
.cl-resource-list>a>span{font-size:11px;font-weight:850;color:#60a174}
.cl-resource-list strong{font-size:18px;letter-spacing:-.5px;line-height:1.4}
.cl-resource-list p{font-size:12px;color:#627c6a;line-height:1.75;margin:8px 0 0}
.cl-resource-list b{font-size:17px;color:#438763}
.cl-faq-item{padding:18px 8px;border-bottom:1px solid #d5e5d7}
.cl-faq-item summary{font-size:15px;font-weight:800;cursor:pointer}
.cl-faq-item p{font-size:13px;color:#60796b;line-height:1.8}
.cl-faq-item p a{color:#2a8152;font-weight:800}
@media(max-width:580px){
.cl-factual-hero{padding-top:40px}
.cl-factual-hero h1{font-size:clamp(35px,9vw,50px)}
.cl-factual-body dl>div{grid-template-columns:1fr;gap:7px}
.cl-resource-list>a{grid-template-columns:26px 1fr 16px;gap:10px}
.cl-resource-list strong{font-size:16px}
}