/* Catalog and use cases share the homepage's editorial palette. */
.catalog-hero.hero-dark{background:#222426;border-bottom:1px solid #3c5547}
.catalog-hero h1{font-weight:600;letter-spacing:-.035em}
.catalog-hero .text-muted{color:#d8dde0}
.catalog-hero .section-label{color:#c4d2bf}
.catalog-body .catalog-paths{gap:18px}
.catalog-body .catalog-paths section{padding:24px;background:#f3f5f7;border:1px solid #dae2d7;border-radius:10px}
.catalog-body .catalog-paths h2{font-size:21px;letter-spacing:-.025em;color:#222426;margin-bottom:18px}
.catalog-body .catalog-paths ul{display:flex;flex-wrap:wrap;gap:8px}
.catalog-body .catalog-paths li{max-width:100%}
.catalog-body .catalog-paths a{display:flex;align-items:center;min-height:44px;padding:10px 13px;background:#fff;border:1px solid #d2dccd;border-radius:6px;font-size:13px;line-height:1.45;text-decoration:none;color:#41474c}
.catalog-body .catalog-paths a:hover{background:#e6eddF;border-color:#8aa080;text-decoration:none}
.catalog-body .catalog-paths a[aria-current=true]{background:#222426;color:#fff;border-color:#222426;text-decoration:none;font-weight:600}
.catalog-body #catalog-filters{padding:26px;border-radius:10px;border:1px solid #cbd7c5;background:#edf1f5;box-shadow:none;scroll-margin-top:145px}
.catalog-body #catalog-filters select{border-radius:6px;border-color:#aebfa7;min-height:48px;font-size:14px;color:#222426}
.catalog-body #catalog-active{font-weight:600;color:#222426}
.catalog-body #catalog-count{font-size:13px;color:#52644f}
.catalog-body #catalog-filters button{min-height:40px;padding:8px 14px;border:1px solid #aebfa7;border-radius:5px;background:#fff;text-decoration:none;color:#41474c}
.catalog-body [data-case-card]{border:1px solid #dae2d7;border-radius:10px;box-shadow:none;background:white;overflow:hidden}
.catalog-body [data-case-card]>div{display:flex;flex-direction:column;padding:23px}
.catalog-body [data-case-card] h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:#222426}
.catalog-body [data-case-card] p.text-sm{font-size:14px;line-height:1.75}
.catalog-body [data-case-card] p.text-xs{font-size:11px;line-height:1.6;color:#64735e}
.catalog-body [data-case-card]>div>a{align-self:flex-start;padding:10px 14px;border:1px solid #d1dbc9;border-radius:5px;background:#f3f5f7;color:#29452e;min-height:44px}
.catalog-body>section:last-child{background:#222426;color:#fff;padding:30px;border:0;border-radius:10px}
.catalog-body>section:last-child .text-muted{color:#d8dde0}
.catalog-body>section:last-child a{padding:12px 18px;border:1px solid #718c72;border-radius:6px;text-decoration:none;background:#303438;min-height:46px}
.use-case-detail>header{padding:28px 0 36px;border-bottom:1px solid #d8e2d2}
.use-case-detail h1{font-size:clamp(30px,3.6vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.16;color:#222426}
.use-case-detail>header .text-lg{font-size:17px;line-height:1.8}
.use-case-detail .blog-surface{background:#fff;border:0;box-shadow:none;padding:0;border-radius:0}
.use-case-detail .prose-article{color:#435447;font-size:16px;line-height:1.8}
.use-case-detail .prose-article h2{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:#222426;margin:40px 0 20px;padding:20px 22px;background:#edf1f5;border-left:3px solid #d44516;border-radius:0 8px 8px 0}
.use-case-detail .prose-article h2:first-child{margin-top:0}
.use-case-detail .prose-article h3{font-size:21px;line-height:1.4;color:#222426;margin:28px 0 12px}
.use-case-detail .prose-article p{margin:0 0 18px;line-height:1.85}
.use-case-detail .prose-article ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:20px 0 30px;list-style:none}
.use-case-detail .prose-article ul>li{margin:0;padding:16px 18px;background:#f6f8fa;border:1px solid #dce4d6;border-radius:7px;font-size:14px;line-height:1.7}
.use-case-detail .prose-article ul>li::marker{content:''}
.use-case-detail .prose-article ul ul{display:block;margin:12px 0 0}
.use-case-detail .prose-article ul ul>li{border:0;padding:6px 0;background:none}
.use-case-detail .prose-article ol{padding-left:24px}
.use-case-detail .prose-article ol>li{padding:10px 0 10px 8px;border-bottom:1px solid #dce4d6}
.use-case-detail .prose-article strong{color:#222426;font-weight:600}
.use-case-detail aside>.glass-panel{padding:26px;background:#edf1f5;border:1px solid #cdd9c6;border-radius:10px;box-shadow:none}
.use-case-detail aside h2{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.use-case-detail aside a{min-height:46px}
.use-case-detail section .glass-panel{border-radius:9px;box-shadow:none;border-color:#d6e0ce}
.use-case-detail :is(a,button,select):focus-visible,.catalog-body :is(a,button,select):focus-visible{outline:3px solid #ad4422;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-body [data-case-card]{transition:border-color .2s,box-shadow .2s}.catalog-body [data-case-card]:hover{border-color:#96aa8b;box-shadow:0 10px 24px -16px #22242655}.catalog-body .catalog-paths a{transition:background-color .2s,border-color .2s}}
@media(max-width:700px){
 .catalog-body #catalog-filters{padding:18px;scroll-margin-top:90px}
 .catalog-body [data-case-card]{padding:14px;gap:14px;border-radius:8px;grid-template-columns:88px minmax(0,1fr)}
 .catalog-body [data-case-card]>div{padding:0}
 .catalog-body [data-case-card]>a img{border-radius:5px}
 .catalog-body [data-case-card] h3{font-size:17px}
 .catalog-body [data-case-card]>div>a{font-size:12px;padding:8px 10px;margin-top:12px}
 .catalog-body>section:last-child{padding:24px}
 .use-case-detail>header{padding-top:12px;padding-bottom:24px}
 .use-case-detail .prose-article h2{font-size:23px;padding:16px;margin-top:30px}
 .use-case-detail .prose-article ul{grid-template-columns:1fr;gap:8px}
 .use-case-detail .prose-article ul>li{padding:14px 16px}
 .use-case-detail .prose-article p{font-size:15px;line-height:1.8}
}

/* Single owner of catalog navigation styles: no scoped legacy link rules. */
.catalog-body .catalog-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.catalog-body .catalog-paths section{padding:24px;background:#fff;border:1px solid #d8e0e4;border-radius:12px;box-shadow:0 8px 24px -20px #22242666}
.catalog-body .catalog-paths h2{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e2e7ea;font-size:22px;font-weight:600}
.catalog-body .catalog-paths ul{display:grid;grid-template-columns:1fr;gap:9px;list-style:none;padding:0;margin:0}
.catalog-body .catalog-paths a{min-height:48px;padding:12px 15px;background:#f3f5f7;border:1px solid #e0e6e9;font-size:14px;font-weight:500;line-height:1.45;border-radius:7px;text-decoration:none;scroll-margin-top:145px}
.catalog-body .catalog-paths a:hover{background:#e7eeea;border-color:#96ad9f;text-decoration:none}
.catalog-body .catalog-paths a[aria-current=true]{background:#222426;border-color:#222426;color:#fff;box-shadow:inset 4px 0 #ed5a20;text-decoration:none}
@media(max-width:700px){.catalog-body .catalog-paths{grid-template-columns:1fr;gap:16px}.catalog-body:has(#catalog-filters:not([hidden])) .catalog-paths{display:none}}