.category-shell{width:min(calc(100% - 24px),980px);margin:0 auto;padding:30px 0 58px}
.category-hero{text-align:center;max-width:760px;margin:0 auto 28px}
.category-hero .kicker{display:inline-flex;margin-bottom:7px}
.category-hero h1{font-size:clamp(2rem,8vw,4rem);letter-spacing:-.05em;line-height:.96;margin:5px 0 12px}
.category-hero p{color:var(--muted);line-height:1.55;margin:0 auto;max-width:700px}
.category-note{display:flex;align-items:flex-start;gap:9px;width:min(100%,760px);margin:17px auto 0;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left;color:var(--muted);font-size:.86rem;line-height:1.4;box-shadow:var(--shadow-soft)}
.category-note b{color:var(--ink)}
.category-grid{display:grid;grid-template-columns:1fr;gap:12px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft);scroll-margin-top:86px}
.category-card:target{outline:3px solid rgba(46,103,255,.22);box-shadow:var(--shadow)}
.category-head{display:flex;align-items:flex-start;gap:13px}
.category-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;font-size:1.25rem;background:#eef3ff}
.category-icon.tone-green{background:#eaf8ee}.category-icon.tone-red{background:#ffefed}.category-icon.tone-yellow{background:#fff6d8}.category-icon.tone-blue{background:#edf2ff}
.category-heading{min-width:0}.category-label{display:block;color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.category-heading h2{margin:0;font-size:1.12rem;line-height:1.24}
.category-subtitle{margin:12px 0 0;font-weight:780;line-height:1.45}.category-description{margin:7px 0 0;color:var(--muted);line-height:1.5}
.category-info{display:grid;gap:7px;margin-top:13px;font-size:.91rem}.category-info a{text-decoration:underline;text-underline-offset:2px}
.category-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.category-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:12px;border:1px solid var(--line);font-size:.86rem;font-weight:900;background:#f8faff}.category-action.primary{background:var(--blue);border-color:var(--blue);color:#fff}.category-action.green{background:#edf8f0;color:var(--green);border-color:#d5ecda}
.category-empty{display:grid;gap:4px;text-align:center;padding:40px 16px;color:var(--muted)}
.category-source-note{margin:28px 0 0;padding:14px 16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:.78rem;line-height:1.45;text-align:center}
.category-back{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:850;box-shadow:var(--shadow-soft)}
body.theme-night .category-note,body.theme-night .category-card,body.theme-night .category-back{background:#121d31;border-color:rgba(222,231,255,.1);color:#f8faff}
body.theme-night .category-description,body.theme-night .category-label,body.theme-night .category-hero p,body.theme-night .category-source-note{color:#b8c3d8}
body.theme-night .category-action{background:#17243b;border-color:rgba(222,231,255,.12);color:#edf2ff}body.theme-night .category-action.primary{background:#5e83ff}
@media(min-width:720px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-shell{padding-top:38px}}
@media(max-width:520px){.category-shell{padding-top:22px}.category-card{padding:16px}.category-back{font-size:.8rem;padding:0 11px}}