/* Content-led editorial prototypes. Shared 6-item navigation stays unchanged. */
.editorial-page{color:#153e2f;background:#f6f8f1}
.editorial-page .story-hero{padding-top:72px;padding-bottom:112px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:6%}
.editorial-page .story-copy{min-width:0}
.editorial-page .story-copy .directory-back{display:inline-flex;margin:0 0 55px;font-size:12px;color:#61806e}
.editorial-page .story-eyebrow{display:block;color:#4c9871;letter-spacing:1.7px;font-size:10px;font-weight:800;margin-bottom:23px}
.editorial-page .story-copy h1{font-weight:750;font-size:clamp(46px,5vw,77px);letter-spacing:-.073em;line-height:1.11;margin:0 0 27px;max-width:750px}
.editorial-page .story-lead{font-size:16px;line-height:1.9;color:#607769;max-width:590px}
.editorial-page .story-promise{font-size:15px;color:#2d724e;line-height:1.75;margin-top:20px;font-weight:700;max-width:590px}
.editorial-page .story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:31px}
.editorial-page .story-link{font-size:12px;color:#2d6f51;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.editorial-page .story-section{padding-top:119px;padding-bottom:119px}
.editorial-page .story-section h2,.editorial-page .story-cta h2{font-size:clamp(34px,4.3vw,59px);letter-spacing:-.062em;line-height:1.16;max-width:880px}
.editorial-page .story-section p{font-size:14px;line-height:1.9;color:#677e70}
.editorial-page .story-section-heading{display:grid;grid-template-columns:1fr .63fr;gap:45px;align-items:end;margin-bottom:49px}
.editorial-page .story-section-heading h2{margin-bottom:0}
.editorial-page .story-section-heading p{margin-bottom:0}
.editorial-page .story-market-hero{background:radial-gradient(circle at 20% 20%,#edf8e9,#f6f8f1 57%)}
.editorial-page .story-capacity-board{border-radius:20px;overflow:hidden;background:#0c342a;border:1px solid #356650;color:white;min-height:530px;box-shadow:0 34px 70px -49px #0d3326;display:flex;flex-direction:column}
.editorial-page .story-board-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:1.5px;font-weight:800;padding:26px 28px;color:#b4d3bc;border-bottom:1px solid #466b5c}
.editorial-page .board-state{background:#d7ffa4;color:#265a42;border-radius:50px;padding:6px 11px;font-size:9px}
.editorial-page .story-board-task{padding:31px 30px 29px;background:#17493a}
.editorial-page .story-board-task>span,.editorial-page .story-board-grid span{display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#b9d6c0}
.editorial-page .story-board-task strong{font-size:25px;letter-spacing:-.8px;line-height:1.4;display:block;margin-top:13px}
.editorial-page .story-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4a745e;flex:1}
.editorial-page .story-board-grid>div{background:#113c2f;padding:23px 21px}
.editorial-page .story-board-grid b{font-size:13px;line-height:1.5;font-weight:700;display:block;margin-top:15px}
.editorial-page .story-board-bottom{padding:20px 25px;color:#a1c0ac;font-size:10px;letter-spacing:.5px;line-height:1.5}
.editorial-page .story-problem{background:#eaf1e6}
.editorial-page .story-problem-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:9%;align-items:start}
.editorial-page .story-problem-layout>div>p{font-size:15px;max-width:520px}
.editorial-page .story-contrast{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.editorial-page .story-contrast article{padding:27px 24px;background:#fff;border:1px solid #dfe8dd;border-radius:13px;min-height:330px}
.editorial-page .story-contrast article.positive{background:#d6f4c5;border-color:#c6e0bb}
.editorial-page .story-contrast article>span{font-size:31px;color:#4b9169;line-height:1}
.editorial-page .story-contrast h3{font-size:18px;line-height:1.45;letter-spacing:-.7px;margin:30px 0 18px}
.editorial-page .story-contrast ul{padding-left:17px;font-size:12px;color:#687d70;line-height:1.8}
.editorial-page .story-contrast li{margin-top:11px}
.editorial-page .story-capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.editorial-page .story-capacity-tile{min-height:265px;border-radius:14px;background:#fff;border:1px solid #e1ebe0;padding:25px 25px 30px;transition:transform .2s,box-shadow .2s}
.editorial-page .story-capacity-tile:hover{transform:translateY(-4px);box-shadow:0 25px 40px -38px #0f3f2b}
.editorial-page .story-capacity-tile>div{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px;font-weight:800;color:#78a089}
.editorial-page .story-capacity-tile b{font-size:20px;color:#3e9468}
.editorial-page .story-capacity-tile h3{font-size:22px;line-height:1.3;letter-spacing:-.8px;margin:65px 0 14px}
.editorial-page .story-capacity-tile p{font-size:12px;line-height:1.8;color:#718879;margin:0}
.editorial-page .story-market-example{background:#123d2f;color:#fff}
.editorial-page .story-market-example .section-kicker{color:#bde8a4}
.editorial-page .story-market-example>div>p{color:#b5cdbb;max-width:750px}
.editorial-page .story-step-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:52px}
.editorial-page .story-step-row article{border:1px solid #46745d;border-radius:12px;padding:24px 18px;min-height:230px;background:#1b4e3d}
.editorial-page .story-step-row span{color:#bdeea8;font-size:11px;font-weight:800}
.editorial-page .story-step-row h3{font-size:17px;line-height:1.3;letter-spacing:-.6px;margin:31px 0 13px}
.editorial-page .story-step-row p{color:#bed5c1;font-size:11px;line-height:1.8;margin:0}
.editorial-page .story-criteria{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:80px}
.editorial-page .story-criteria ol,.editorial-page .story-checklist ol,.editorial-page .story-developer-summary ol{counter-reset:q;list-style:none;padding:0;margin:0}
.editorial-page .story-criteria li,.editorial-page .story-checklist li,.editorial-page .story-developer-summary li{position:relative;counter-increment:q;padding:16px 6px 16px 49px;border-bottom:1px solid #d7e6d9;font-size:13px;color:#496b56;line-height:1.5}
.editorial-page .story-criteria li:before,.editorial-page .story-checklist li:before,.editorial-page .story-developer-summary li:before{content:counter(q,decimal-leading-zero);position:absolute;left:2px;top:15px;font-size:11px;color:#54a571;font-weight:800}
.editorial-page .story-marketing-hero{background:radial-gradient(circle at 20% 20%,#fffbee,#f6f8f1 60%)}
.editorial-page .story-kanban{background:#f0ece2;border:1px solid #cbdacc;border-radius:20px;padding:26px 22px 19px;box-shadow:0 30px 60px -46px #234e39;min-height:520px}
.editorial-page .kanban-heading,.editorial-page .kanban-footer{display:flex;justify-content:space-between;align-items:center;gap:13px;color:#52775f;font-size:10px;font-weight:800;letter-spacing:1px}
.editorial-page .kanban-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:37px 0 30px;align-items:stretch}
.editorial-page .kanban-lanes article{display:flex;flex-direction:column;gap:12px;padding:12px 9px;background:#dce8d8;border-radius:11px;min-height:310px}
.editorial-page .kanban-lanes article:nth-child(2){background:#d4eadf}
.editorial-page .kanban-lanes article:nth-child(3){background:#d9e7ca}
.editorial-page .lane-head{display:flex;flex-direction:column;gap:10px;min-height:70px;color:#2d6046;font-size:11px;line-height:1.3}
.editorial-page .lane-head span{font-size:10px;color:#85a98c}
.editorial-page .kanban-lanes p{padding:13px 8px;background:#fff;border:1px solid #e1e8dc;border-radius:6px;font-size:11px;line-height:1.45;color:#486351;margin:0;box-shadow:0 5px 12px #2950340d}
.editorial-page .lane-status{font-size:9px;font-weight:800;margin-top:auto;padding:8px;text-align:center;color:#457359;letter-spacing:.4px;border-top:1px solid #b8d1bc}
.editorial-page .kanban-footer{padding-top:10px;border-top:1px solid #cadbc8;line-height:1.5}
.editorial-page .story-sss{background:#eef3ea}
.editorial-page .story-sss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:42px}
.editorial-page .story-sss-grid article{background:#fff;padding:32px 27px 34px;border:1px solid #dde9dc;border-radius:14px}
.editorial-page .sss-label{font-size:10px;color:#4e936b;font-weight:800;letter-spacing:1.7px}
.editorial-page .story-sss-grid h3{font-size:24px;letter-spacing:-1px;line-height:1.3;margin:39px 0 21px}
.editorial-page .story-sss-grid p{color:#6e8475;font-size:13px;line-height:1.95}
.editorial-page .story-caveat{font-size:11px!important;line-height:1.8!important;color:#719181!important;margin-top:26px}
.editorial-page .story-marketing-flow>p{max-width:800px}
.editorial-page .story-flow-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:45px}
.editorial-page .story-flow-rail article{border-top:3px solid #70a781;padding-top:27px}
.editorial-page .story-flow-rail article span{color:#317a51;font-size:10px;letter-spacing:.8px;font-weight:800}
.editorial-page .story-flow-rail article p{font-size:12px;line-height:1.8;padding-right:9px;margin-top:22px}
.editorial-page .story-hybrid{background:#e4eee5}
.editorial-page .story-hybrid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:48px}
.editorial-page .story-hybrid-cards article{padding:25px 22px;background:#fff;border:1px solid #d7e4d7;border-radius:12px;min-height:218px}
.editorial-page .story-hybrid-cards h3{font-size:18px;letter-spacing:-.7px;line-height:1.35}
.editorial-page .story-hybrid-cards p{font-size:12px;line-height:1.8;color:#698071}
.editorial-page .story-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.editorial-page .story-developer-hero{background:radial-gradient(circle at 20% 20%,#f0f7e9,#f6f8f1 57%)}
.editorial-page .story-code-board{background:#0a2922;border-radius:20px;box-shadow:0 31px 65px -48px #073023;min-width:0;overflow:hidden;border:1px solid #3b604d}
.editorial-page .code-head{height:65px;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:0 22px;border-bottom:1px solid #426350;color:#abd5b1;font-size:10px;letter-spacing:1.2px}
.editorial-page .code-head span{color:#7da78a;letter-spacing:5px}
.editorial-page .story-code-board pre{font:500 13px/2.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d2f0d2;padding:35px 25px;margin:0;white-space:pre;overflow:auto}
.editorial-page .code-note{font-size:10px;line-height:1.8;color:#a0bead;border-top:1px solid #426350;padding:20px 24px}
.editorial-page .story-developer-tension{background:#e9f0e6}
.editorial-page .story-developer-tension>.shell>p{font-size:16px;color:#546e5a}
.editorial-page .story-developer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px}
.editorial-page .story-developer-benefits article{background:#fff;border:1px solid #dce8d8;border-radius:12px;min-height:245px;padding:28px 24px}
.editorial-page .story-developer-benefits span{font-size:11px;color:#4d9768;font-weight:800}
.editorial-page .story-developer-benefits h3{font-size:19px;line-height:1.35;letter-spacing:-.6px;margin:47px 0 12px}
.editorial-page .story-developer-benefits p{font-size:12px;line-height:1.8;color:#698070}
.editorial-page .story-unknown{background:#163f32;color:#fff}
.editorial-page .story-unknown .section-kicker{color:#b3e3a0}
.editorial-page .story-unknown>div>p{color:#bfdbc4;max-width:820px;font-size:15px}
.editorial-page .state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:40px}
.editorial-page .state-grid article{padding:26px 19px;background:#245240;border:1px solid #4a7557;border-radius:12px}
.editorial-page .state-pill{display:inline-block;background:#d3faa6;color:#25543b;border-radius:5px;font-size:11px;font-weight:800;padding:7px 10px;letter-spacing:1.1px}
.editorial-page .state-grid p{font-size:12px;color:#c7deca;line-height:1.75;margin:25px 0 0}
.editorial-page .story-developer-summary>p{max-width:850px}
.editorial-page .story-developer-summary ol{margin-top:32px;max-width:850px}
.editorial-page .story-cta{margin-bottom:110px;margin-top:40px;padding:83px 77px;background:#103c2d;color:#fff;border-radius:23px}
.editorial-page .story-cta .section-kicker{color:#bceea5}
.editorial-page .story-cta h2{max-width:850px}
.editorial-page .story-cta p{color:#b8d2c0;max-width:820px;font-size:15px;line-height:1.85}
.editorial-page .story-cta .story-actions{margin-top:30px}
.editorial-page .story-light-link{font-size:13px;font-weight:800;color:#c0e6cc}
@media(max-width:1120px){
.editorial-page .story-hero{gap:26px}
.editorial-page .story-copy h1{font-size:clamp(44px,5.3vw,67px)}
.editorial-page .story-problem-layout{gap:32px}
.editorial-page .story-step-row,.editorial-page .story-flow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-page .story-hybrid-cards,.editorial-page .story-developer-benefits,.editorial-page .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:890px){
.editorial-page .story-hero{grid-template-columns:1fr;padding-top:55px}
.editorial-page .story-capacity-board,.editorial-page .story-kanban,.editorial-page .story-code-board{max-width:680px;width:100%;justify-self:center}
.editorial-page .story-problem-layout{grid-template-columns:1fr}
.editorial-page .story-section-heading{grid-template-columns:1fr;gap:17px}
.editorial-page .story-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.editorial-page .story-hero{padding-top:36px;padding-bottom:72px}
.editorial-page .story-copy .directory-back{margin-bottom:39px}
.editorial-page .story-copy h1{font-size:clamp(40px,10vw,57px)}
.editorial-page .story-lead{font-size:14px}
.editorial-page .story-promise{font-size:13px}
.editorial-page .story-section{padding-top:79px;padding-bottom:79px}
.editorial-page .story-section h2,.editorial-page .story-cta h2{font-size:clamp(31px,8.9vw,44px)}
.editorial-page .story-capacity-board{min-height:0}
.editorial-page .story-board-top{padding:17px 16px;font-size:8px}
.editorial-page .story-board-task{padding:22px 19px}
.editorial-page .story-board-task strong{font-size:20px}
.editorial-page .story-board-grid>div{padding:18px 12px}
.editorial-page .story-board-grid b{font-size:11px}
.editorial-page .story-contrast,.editorial-page .story-capacity-grid,.editorial-page .story-sss-grid,.editorial-page .story-criteria,.editorial-page .story-checklist{grid-template-columns:1fr}
.editorial-page .story-contrast article{min-height:0}
.editorial-page .story-capacity-tile{min-height:190px}
.editorial-page .story-capacity-tile h3{margin-top:34px}
.editorial-page .story-step-row,.editorial-page .story-flow-rail{grid-template-columns:1fr 1fr}
.editorial-page .story-step-row article{min-height:180px}
.editorial-page .story-kanban{padding:16px 12px}
.editorial-page .kanban-lanes{gap:5px;margin-top:22px}
.editorial-page .kanban-lanes article{padding:8px 5px;min-height:260px;gap:9px}
.editorial-page .lane-head{font-size:9px;min-height:65px}
.editorial-page .kanban-lanes p{padding:10px 5px;font-size:9px;word-break:normal;overflow-wrap:anywhere}
.editorial-page .lane-status{font-size:8px;padding:6px 2px}
.editorial-page .story-sss-grid article{padding:26px 20px}
.editorial-page .story-sss-grid h3{margin-top:20px}
.editorial-page .story-hybrid-cards,.editorial-page .story-developer-benefits,.editorial-page .state-grid{grid-template-columns:1fr}
.editorial-page .story-hybrid-cards article,.editorial-page .story-developer-benefits article{min-height:0}
.editorial-page .story-developer-benefits h3{margin-top:25px}
.editorial-page .story-code-board pre{font-size:10px;line-height:2.25;padding:25px 13px}
.editorial-page .code-head{font-size:8px;padding-inline:14px}
.editorial-page .story-cta{padding:65px 23px;border-radius:16px;margin-bottom:80px}
}
@media(max-width:400px){
.editorial-page .story-step-row,.editorial-page .story-flow-rail{grid-template-columns:1fr}
.editorial-page .kanban-heading{font-size:8px}
.editorial-page .story-board-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.editorial-page .story-capacity-tile{transition:none}}