/* Editorial directory layer for /blog hubs. Cards: 14px; controls: pill. */
:root{--ed-rule:color-mix(in srgb,var(--ink) 14%,transparent);--ed-wash:color-mix(in srgb,var(--mint) 8%,var(--bg));--ed-shadow:0 18px 48px color-mix(in srgb,var(--ink) 9%,transparent)}
html{scroll-behavior:smooth}.skip-link{position:fixed;left:16px;top:12px;z-index:120;transform:translateY(-160%);padding:10px 16px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:700;transition:transform .2s}.skip-link:focus{transform:none}
.blog-subnav{position:sticky;top:var(--nav-h,72px);z-index:20;display:flex;gap:2px;justify-content:center;padding:8px 18px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--hairline);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}.blog-subnav a{flex:0 0 auto;padding:9px 15px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--fg-soft)}.blog-subnav a[aria-current]{background:var(--ink);color:var(--paper)}.blog-subnav a:hover{color:var(--mint-deep)}
.blog-subnav a:focus-visible,.post-link:focus-visible,.ed-link:focus-visible,.ed-search input:focus-visible,.fchips button:focus-visible,.cs-tab:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.blog-hero{padding:clamp(56px,8vw,98px) 0 clamp(42px,6vw,72px)!important}.blog-hero-inner{max-width:1120px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:clamp(28px,5vw,80px);align-items:end}.blog-hero-inner>div>p{margin:0!important}.blog-hero h1{max-width:13ch;text-wrap:balance}
.ed-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden}.ed-stat{padding:18px;background:rgba(8,25,22,.6)}.ed-stat strong{display:block;font:600 clamp(1.4rem,3vw,2rem)/1 var(--f-serif);color:var(--paper);font-variant-numeric:tabular-nums}.ed-stat span{display:block;margin-top:6px;font-size:.75rem;color:var(--concrete-2)}
.ed-section{padding:clamp(48px,7vw,88px) 0;border-bottom:1px solid var(--ed-rule)}.ed-head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(250px,.3fr);gap:28px;align-items:end;margin-bottom:30px}.ed-head h2{font-size:clamp(1.75rem,4vw,3rem);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.ed-head p{margin:0;color:var(--fg-soft);line-height:1.65}
.start-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1px;background:var(--ed-rule);border:1px solid var(--ed-rule);border-radius:14px;overflow:hidden}.start-card{position:relative;min-height:260px;padding:clamp(24px,3vw,38px);background:var(--paper);display:flex;flex-direction:column}.start-card:first-child{background:var(--ink);color:var(--paper)}.start-card .post-cat{font:500 .7rem/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint-deep)}.start-card:first-child .post-cat{color:var(--mint)}.start-card h3{margin:38px 0 10px;font:500 clamp(1.35rem,2.5vw,2rem)/1.1 var(--f-serif);letter-spacing:-.025em;color:inherit}.start-card p{margin:0 0 22px;color:var(--fg-soft);line-height:1.6}.start-card:first-child p{color:var(--concrete-2)}.start-card .ed-link{margin-top:auto;width:max-content;color:inherit;font-weight:650}.start-card:hover .ed-link{color:var(--mint-deep)}.start-card:first-child:hover .ed-link{color:var(--mint)}
.editorial-latest{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;gap:1px!important;background:var(--ed-rule);border:1px solid var(--ed-rule);border-radius:14px;overflow:hidden}.editorial-latest .post-card{border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px!important;display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:20px;background:var(--paper)}.editorial-latest .post-card:first-child{grid-row:span 5;display:flex;padding:clamp(26px,3vw,40px)!important}.editorial-latest .post-card .post-thumb{grid-row:1/5;margin:0!important;aspect-ratio:4/3;border:0;border-radius:10px}.editorial-latest .post-card:first-child .post-thumb{margin:calc(clamp(26px,3vw,40px)*-1) calc(clamp(26px,3vw,40px)*-1) 28px!important;aspect-ratio:16/9;border-radius:0}.editorial-latest .post-card h2{font-size:1.05rem!important;margin:7px 0!important}.editorial-latest .post-card:first-child h2{font-size:clamp(1.65rem,3vw,2.6rem)!important}.editorial-latest .post-card p{display:none}.editorial-latest .post-card:first-child p{display:block}.editorial-latest .post-card:hover{transform:none!important;background:var(--ed-wash)}
.post-card{border-radius:14px!important;box-shadow:none!important}.post-card:active{transform:translateY(1px)!important}.post-card h2{text-wrap:balance}.post-card p{text-wrap:pretty}.post-thumb img{filter:saturate(.92) contrast(1.02)}.post-card:hover .post-thumb img{transform:scale(1.025)!important}
.topic-explorer{display:grid;grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);gap:clamp(28px,5vw,72px);align-items:start}.ed-search label{display:block;margin-bottom:9px;font-size:.8rem;font-weight:650;color:var(--fg-soft)}.ed-search input{width:100%;min-height:48px;padding:12px 15px;border:1px solid var(--hairline);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ed-rule)}.topic-link{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--ed-rule);color:var(--ink);font-weight:600}.topic-link:nth-child(odd){padding-right:24px}.topic-link:nth-child(even){padding-left:24px;border-left:1px solid var(--ed-rule)}.topic-link small{font:500 .72rem var(--f-mono);color:var(--fg-muted);font-variant-numeric:tabular-nums}
.case-ribbon{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.case-ribbon .post-card:first-child{grid-row:span 2}.case-ribbon .post-card:first-child .post-thumb{aspect-ratio:4/3}
.news-directory,#cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.news-directory .post-card:first-child,#cs-grid .post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr auto;column-gap:clamp(24px,4vw,52px);align-items:start}.news-directory .post-card:first-child .post-thumb,#cs-grid .post-card:first-child .post-thumb{grid-row:1/5;margin:-32px 0 -32px -32px!important;aspect-ratio:auto;height:calc(100% + 64px);border:0}.news-directory .post-card:first-child h2,#cs-grid .post-card:first-child h2{font-size:clamp(1.55rem,3vw,2.35rem)!important}
.directory-tools{position:sticky;top:calc(var(--nav-h,72px) + 58px);z-index:10;padding:22px 0 18px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);transition:transform .26s var(--ease),opacity .2s ease;will-change:transform}.directory-tools.is-scroll-hidden{transform:translateY(calc(-100% - var(--nav-h,72px) - 70px));opacity:0;pointer-events:none}.directory-tools .filter-line{display:grid;grid-template-columns:minmax(240px,.5fr) minmax(0,1fr);gap:20px;align-items:end}.directory-search label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:650}.directory-search input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--hairline);border-radius:9px;background:var(--paper);color:var(--ink);font:inherit}.topic-group{scroll-margin-top:190px}.topic-group .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.topic-group .post-card{padding:22px!important}.topic-group .post-thumb{margin:-22px -22px 18px!important}.topic-group .post-card h2{font-size:1.22rem!important}.directory-empty{display:none;padding:44px 0;text-align:center;color:var(--fg-soft)}
@media(max-width:900px){.blog-hero-inner,.ed-head,.topic-explorer{grid-template-columns:1fr}.start-grid{grid-template-columns:1fr 1fr}.start-card:first-child{grid-column:1/-1}.editorial-latest{grid-template-columns:1fr!important}.editorial-latest .post-card:first-child{grid-row:auto}.topic-group .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.case-ribbon{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.blog-subnav{justify-content:flex-start;top:64px}.blog-hero-inner{display:block}.blog-hero-inner>div>p{margin-top:18px!important}.start-grid,.case-ribbon,.news-directory,#cs-grid{grid-template-columns:1fr!important}.start-card:first-child{grid-column:auto}.start-card{min-height:220px}.news-directory .post-card:first-child,#cs-grid .post-card:first-child{grid-column:auto;display:flex}.news-directory .post-card:first-child .post-thumb,#cs-grid .post-card:first-child .post-thumb{margin:-32px -32px 22px!important;aspect-ratio:16/9;height:auto}.editorial-latest .post-card,.editorial-latest .post-card:first-child{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr;padding:16px!important}.editorial-latest .post-card .post-thumb,.editorial-latest .post-card:first-child .post-thumb{grid-row:1/4;margin:0!important;aspect-ratio:4/3;border-radius:9px}.editorial-latest .post-card p,.editorial-latest .post-card:first-child p{display:none}.editorial-latest .post-card h2,.editorial-latest .post-card:first-child h2{font-size:1rem!important}.editorial-latest .post-meta{display:none}.topic-list{grid-template-columns:1fr}.topic-link:nth-child(n){padding:16px 0;border-left:0}.directory-tools,.directory-tools.is-scroll-hidden{position:static;transform:none;opacity:1;pointer-events:auto}.directory-tools .filter-line{grid-template-columns:1fr}.topic-group .blog-grid{grid-template-columns:1fr!important}.topic-group .post-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;padding:16px!important}.topic-group .post-thumb{grid-row:1/4;margin:0!important;border:0;border-radius:9px;aspect-ratio:4/3}.topic-group .post-card p,.topic-group .post-meta{display:none}.topic-group .post-card h2{font-size:1rem!important;margin:5px 0!important}.blog-list{padding:48px 0!important}}
@media(max-width:640px){.news-directory .post-card:not(:first-child),#cs-grid .post-card:not(:first-child),.directory-cards .post-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;padding:16px!important}.news-directory .post-card:not(:first-child) .post-thumb,#cs-grid .post-card:not(:first-child) .post-thumb,.directory-cards .post-thumb{grid-row:1/4;margin:0!important;border:0;border-radius:9px;aspect-ratio:4/3}.news-directory .post-card:not(:first-child) p,.news-directory .post-card:not(:first-child) .post-meta,#cs-grid .post-card:not(:first-child) p,#cs-grid .post-card:not(:first-child) .post-meta,.directory-cards p,.directory-cards .post-meta{display:none}.news-directory .post-card:not(:first-child) h2,#cs-grid .post-card:not(:first-child) h2,.directory-cards h2{font-size:1rem!important;margin:5px 0!important}}
@media(max-width:640px){.news-directory .post-card:not(:first-child),#cs-grid .post-card:not(:first-child),.directory-cards .post-card{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;column-gap:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-card,.post-thumb img,.directory-tools{transition:none!important}}