.spire-category-shell{width:min(100% - 32px,1180px);margin:18px auto 72px;background:var(--paper,#fff);border:1px solid #cbc7cf}
.spire-category-hero{position:relative;display:grid;grid-template-columns:1.12fr .88fr;height:310px;min-height:310px;overflow:hidden;background:var(--soft);border-bottom:1px solid var(--ink,#17151c);text-align:left}
.spire-category-hero>*{min-width:0}
.spire-category-copy{z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:46px 24px 48px 52px}
.spire-category-hero .eyebrow{margin:0 0 13px;color:var(--accent-deep,var(--acc-deep,#4b3fb5));font-size:10px;font-weight:700;letter-spacing:.21em}
.spire-category-hero h1{position:relative;margin:0;color:var(--ink,#17151c);font-family:'Zen Old Mincho','Hiragino Mincho ProN',serif;font-size:clamp(31px,4vw,50px);font-weight:600;line-height:1.42;letter-spacing:.02em}
.spire-category-lead{max-width:570px;margin:16px 0 0;color:#514b5b;font-size:13px;line-height:1.85}
.spire-category-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.spire-category-tags>span,.spire-category-tags a,.spire-category-tags button{display:inline-flex;min-height:26px;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border:1px solid rgba(23,21,28,.58);border-radius:999px;background:rgba(255,255,255,.56);color:var(--ink,#17151c);font:inherit;font-size:9px;font-weight:700;line-height:1.35;text-decoration:none}
.spire-category-tags a:hover,.spire-category-tags a:focus-visible,.spire-category-tags button:hover,.spire-category-tags button:focus-visible{border-color:var(--accent,#6c5ce7);background:#fff;outline:0}
.spire-category-tags button{cursor:pointer}
.spire-category-tags button[aria-pressed="true"]{border-color:var(--accent,#6c5ce7);background:var(--accent,#6c5ce7);color:#fff}
.spire-category-art{position:relative;height:310px;min-width:0}
.spire-category-art svg{position:absolute;inset:0;width:100%;height:100%}
.spire-category-note{position:absolute;right:31px;bottom:23px;width:174px;padding:12px 14px;border:1px solid var(--ink,#17151c);background:rgba(255,255,255,.9)}
.spire-category-note small{display:block;color:var(--accent-deep,var(--acc-deep,#4b3fb5));font-size:8px;font-weight:700;letter-spacing:.15em}
.spire-category-note strong{display:block;margin-top:4px;font-family:'Zen Old Mincho','Hiragino Mincho ProN',serif;font-size:13px;line-height:1.5}
.spire-category-copy .word-group-nav{margin:0;padding:0;border:0;background:transparent}
.spire-category-copy .word-group-nav>p{width:100%;margin:0 0 2px;color:var(--muted,#6f6a76);font-size:9px;font-weight:700;letter-spacing:.12em}
.spire-category-copy .word-group-nav>div{display:flex;flex-wrap:wrap;gap:6px}
.spire-category-copy .word-group-nav a{min-height:25px;padding:4px 9px;font-size:8.5px}
.spire-category-copy .word-group-nav a span{font-size:8px}
.spire-category-hero .channel-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;margin-top:12px;padding:0;border:0;background:transparent}
.spire-category-hero .category-filter-label{width:100%;color:var(--muted,#6f6a76);font-size:9px;font-weight:700;letter-spacing:.12em}
.spire-category-hero .category-filter{display:grid;width:100%;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}
.spire-category-hero .category-filter button{min-height:29px;padding:3px 4px;font-size:7px}
.spire-category-hero .channel-tools>p{align-self:center;margin:0;color:var(--muted,#6f6a76);font-size:8px;white-space:nowrap}
.channel-index-page .spire-category-hero h1{font-size:clamp(29px,3vw,39px);letter-spacing:0;white-space:nowrap}
@media(max-width:860px){
  .spire-category-hero{grid-template-columns:1fr;height:auto;min-height:0}
  .spire-category-copy{padding:39px 29px 20px}
  .spire-category-art{height:210px}
  .channel-index-page .spire-category-hero h1{white-space:normal}
  .spire-category-hero .channel-tools{display:flex;gap:5px;margin-top:14px}
  .spire-category-hero .category-filter{display:flex;gap:5px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .spire-category-hero .category-filter button{flex:0 0 112px}
  .spire-category-hero .channel-tools>p{margin-left:0}
}
@media(max-width:640px){
  .spire-category-shell{width:100%;margin:0 0 56px;border-right:0;border-left:0}
  .spire-category-copy{padding:34px 22px 16px}
  .spire-category-hero h1{font-size:30px}
  .spire-category-lead{font-size:12px;line-height:1.8}
  .spire-category-art{height:180px}
  .spire-category-note{right:20px;bottom:17px;width:160px}
  .spire-category-hero .channel-tools{gap:5px}
  .spire-category-hero .category-filter{gap:5px}
  .spire-category-hero .category-filter button{padding:4px 7px;font-size:7.5px}
}