/* Category → problem structure → related applications. */
.application-categories .application-icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
body.application-categories .category-hero{padding:var(--hero-space-start) 0 0;border:0}
body.application-categories .category-hero .detail-breadcrumb{font-size:14px;margin-bottom:24px}
body.application-categories #main .category-hero h1{font:400 var(--type-display)/1.1 var(--font-sans);letter-spacing:-.04em;max-width:none;margin:0}
.category-hero-break{display:none}
body.application-categories #main .category-hero p{font:400 var(--type-lead)/var(--leading-body) var(--font-sans);color:var(--muted);margin:18px 0 32px}
.category-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);gap:28px}
.category-navigation a{display:grid;grid-template-rows:auto 1fr auto;justify-items:start;gap:16px;min-height:204px;padding:18px 0 22px;color:var(--ink);font:400 var(--type-body)/1.4 var(--font-sans);text-decoration:none;min-width:0}
.category-navigation-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;color:var(--lavender-ink);font-size:var(--type-caption);font-variant-numeric:tabular-nums}
.category-navigation-arrow{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none;color:var(--muted)}
.category-navigation-glyph{display:block;align-self:center;width:132px;height:88px;color:var(--sage-ink)}
.category-navigation-label{font-size:var(--type-body);line-height:1.35;color:var(--ink)}
.category-navigation a:hover .category-navigation-label,.category-navigation a:hover .category-navigation-arrow{color:var(--lavender-ink)}
.category-navigation a:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:5px}
.decision-category{padding:var(--section-space) 0 var(--layout-gap);scroll-margin-top:0;border-bottom:1px solid var(--line)}
.category-overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:var(--layout-gap)}
.category-copy{min-width:0}
.category-kicker{display:flex;gap:12px;align-items:center;font:400 var(--type-caption)/1.5 var(--font-sans);color:var(--sage-ink);margin:0 0 16px}
.category-kicker>span{color:var(--lavender-ink);font-variant-numeric:tabular-nums}
body.application-categories #main .category-copy h2{font:400 var(--type-section)/1.12 var(--font-sans);letter-spacing:-.035em;margin:0 0 22px;max-width:none}
body.application-categories #main .category-definition{font:400 var(--type-lead)/1.4 var(--font-sans);letter-spacing:-.015em;color:var(--ink);max-width:33ch;margin:0 0 16px}
body.application-categories #main .category-complexity{font:400 var(--type-body)/var(--leading-body) var(--font-sans);color:var(--muted);max-width:47ch;margin:0}
.category-examples{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line);color:var(--sage-ink);font:400 var(--type-caption)/1.5 var(--font-sans)}
.category-examples li{display:flex;gap:8px;align-items:baseline}
.category-examples li::before{content:"";display:block;width:4px;height:4px;flex:none;background:var(--sage-ink);border-radius:50%;align-self:center}
.category-cases-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 20px;min-height:44px}
body.application-categories #main .category-cases-heading h3{display:flex;align-items:baseline;gap:12px;font:400 var(--type-body)/1.4 var(--font-sans);letter-spacing:-.015em;margin:0}
.category-cases-heading h3>span{font-size:var(--type-caption);color:var(--muted);font-variant-numeric:tabular-nums}
.category-rail-controls{display:flex;gap:8px}
.category-case-rail{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-x:contain;padding:4px 4px 18px;margin:-4px -4px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.category-case-rail>article{flex:0 0 calc((100% - 48px)/3);min-width:0;display:flex;scroll-snap-align:start}
body.application-categories #main .application-card-meta{font:400 var(--type-caption)/1.5 var(--font-sans);min-height:42px;flex-direction:column;align-items:start;gap:4px;margin:0}
.application-categories .application-card-meta>span+span::before{display:none}
body.application-categories #main .application-card-summary{font:400 var(--type-compact)/var(--leading-body) var(--font-sans);min-height:0}
.category-case-rail:focus-visible{outline:2px solid var(--lavender-ink);outline-offset:4px}
.category-closing{padding:var(--layout-gap) 0 var(--section-space)}
body.application-categories #main .category-disclosure{font:400 var(--type-caption)/1.65 var(--font-sans);color:var(--muted);max-width:95ch;margin:0}
.category-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:32px;margin-top:32px}
body.application-categories #main .category-contact h2{font:400 var(--type-section)/1.2 var(--font-sans);letter-spacing:-.025em;margin:0;max-width:none}
body.application-categories .category-contact .text-link{font-size:var(--type-action);flex-shrink:0}
@media(min-width:1500px){.category-hero-break{display:none}}
@media(max-width:1100px){.category-navigation{gap:20px}.category-navigation a{gap:16px}.category-navigation-glyph{width:120px;height:80px}.category-overview{gap:var(--layout-gap)}.category-case-rail>article{flex-basis:calc((100% - 48px)/2.4)}}
@media(max-width:760px){body.application-categories .category-hero{padding-top:var(--hero-space-start)}.category-hero-break{display:block}body.application-categories #main .category-hero h1{font-size:var(--type-display)}body.application-categories #main .category-hero p{font-size:var(--type-lead);margin:18px 0 24px}.category-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.category-navigation a{min-height:174px;padding:16px 0 20px;gap:12px}.category-navigation-label{font-size:var(--type-action);min-height:2.7em}.category-navigation-glyph{width:108px;height:72px}.category-navigation a:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-navigation-arrow{width:16px;height:16px}.decision-category{padding:var(--section-space) 0 var(--layout-gap)}.category-overview{grid-template-columns:1fr;gap:var(--layout-gap)}.category-kicker{margin-bottom:12px}body.application-categories #main .category-copy h2{font-size:var(--type-section);margin-bottom:18px}body.application-categories #main .category-definition{font-size:var(--type-lead);max-width:34ch;margin-bottom:14px}.category-examples{margin-top:18px;padding-top:16px;gap:6px 16px}.category-cases-heading{margin:24px 0 16px;gap:12px}body.application-categories #main .category-cases-heading h3{font-size:16px;gap:8px}.category-case-rail{gap:18px}.category-case-rail>article{flex-basis:85%}body.application-categories #main .application-card-meta{font-size:14px;min-height:0}body.application-categories #main .application-card-title{font-size:22px}.category-contact{align-items:start;flex-direction:column;gap:18px;margin-top:24px;padding-top:24px}.category-closing{padding:var(--layout-gap) 0 var(--section-space)}}
@media(prefers-reduced-motion:reduce){.category-case-rail{scroll-behavior:auto}}

/* Keep the illustrated overview when shared page-contents navigation is present. */
body.comparison-site.readable-layout.application-categories .category-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0 28px;padding-block:0;border-block:1px solid var(--line)}
body.comparison-site.readable-layout.application-categories .category-navigation>.page-contents-label{grid-column:1/-1;padding-top:16px}
body.comparison-site.readable-layout.application-categories .category-navigation>a{display:grid;grid-template-rows:auto 1fr auto;align-items:start;gap:16px;width:auto;min-height:204px;padding:18px 0 22px;border:0;text-decoration:none}
body.comparison-site.readable-layout.application-categories .category-navigation>a>.category-navigation-meta{display:flex}
body.comparison-site.readable-layout.application-categories .category-navigation>a>.category-navigation-label{display:block}
@media(max-width:1100px){body.comparison-site.readable-layout.application-categories .category-navigation{gap:0 20px}}
@media(max-width:760px){body.comparison-site.readable-layout.application-categories .category-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}body.comparison-site.readable-layout.application-categories .category-navigation>a{min-height:174px;padding:16px 0 20px;gap:12px}body.comparison-site.readable-layout.application-categories .category-navigation>a:nth-of-type(-n+2){border-bottom:1px solid var(--line)}}
