.breadcrumbs{font-size:.84rem;color:var(--soft);margin-bottom:24px;overflow-wrap:anywhere}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li:before{content:'/';margin-right:6px;color:#778675}
.breadcrumbs a,.category-more a,.category-tip a,.demo-hint a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.breadcrumbs [aria-current=page]{color:var(--text)}
.category-page{max-width:1100px;padding-block:36px 72px;min-height:65vh}
.category-hero{max-width:740px;margin:38px 0 40px}
.category-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:700}
.category-hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.02;letter-spacing:-.065em;margin:10px 0 16px}
.category-hero>p:last-child,.category-tip p{color:var(--soft);line-height:1.7;max-width:68ch}
.category-page h2{font-size:1.4rem;letter-spacing:-.035em;margin:0 0 16px}
.category-page .cards{margin-bottom:40px}
.category-tip{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:36px}
.category-tip h2{margin-bottom:8px}.category-tip p{margin:0 0 12px}
.category-more ul{list-style:none;margin:0;padding:0;display:flex;gap:12px 22px;flex-wrap:wrap}
.tool-guide{max-width:72ch;margin:38px 0 48px;display:grid;gap:24px}
.tool-guide section h2{font-size:1.26rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px}
.tool-guide section p,.demo-hint{color:var(--soft);line-height:1.75;margin:0}
.demo-hint{font-size:.89rem;margin-top:20px}
.home-tool-label a{color:inherit;text-decoration:none}.home-tool-label a:hover,.home-tool-label a:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.category-page{padding-block:22px 48px}.category-hero{margin:28px 0 30px}.category-tip{padding:20px}.breadcrumbs{margin-bottom:18px}.tool-guide{gap:20px;margin:30px 0 38px}}
