.tools-hub{background:#faf9f5;color:#1a1a18;padding:clamp(48px,7vw,88px) 20px 80px}
.tools-shell{width:min(1120px,100%);margin:0 auto}
.tools-hero{max-width:780px;margin-bottom:48px}
.tools-kicker,.tools-section-label{font:600 .78rem/1.4 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#745b20}
.tools-hero h1{font:600 clamp(2.5rem,6vw,4.5rem)/.98 'Newsreader',Georgia,serif;letter-spacing:-.035em;margin:.45rem 0 1rem;color:#111}
.tools-hero p{font:400 clamp(1.05rem,2vw,1.24rem)/1.65 'Newsreader',Georgia,serif;color:#4f4e49;margin:0;max-width:66ch}
.tools-note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-left:4px solid #9a7a2e;background:#f1eee5;color:#35342f;font:500 .83rem/1.55 'DM Mono',monospace}
.tools-section{margin-top:44px}.tools-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;border-bottom:1px solid #d8d5ca;padding-bottom:12px}
.tools-section h2{font:600 clamp(1.75rem,3vw,2.45rem)/1.1 'Newsreader',Georgia,serif;margin:0;color:#171714}.tools-section-head p{margin:0;color:#68665f;font:400 .92rem/1.5 'DM Mono',monospace}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tool-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:26px;border:1px solid #d6d2c6;border-radius:14px;background:#fff;color:#171714;text-decoration:none;box-shadow:0 2px 0 rgba(17,17,17,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tool-card:hover{transform:translateY(-2px);border-color:#9a7a2e;box-shadow:0 10px 30px rgba(49,42,23,.09)}.tool-card:focus-visible{outline:3px solid #315ee7;outline-offset:4px}
.tool-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tool-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ece9df;color:#594712;font:600 .68rem/1 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.tool-tag--local{background:#e6f2eb;color:#145b36}.tool-tag--game{background:#eceafd;color:#3d328e}
.tool-card h3{font:600 1.65rem/1.12 'Newsreader',Georgia,serif;margin:0 0 10px}.tool-card p{font:400 1rem/1.55 'Newsreader',Georgia,serif;color:#56544e;margin:0 0 24px}.tool-card__action{margin-top:auto;font:600 .78rem/1.4 'DM Mono',monospace;color:#715618}
@media(max-width:720px){.tools-hub{padding:40px 16px 64px}.tools-grid{grid-template-columns:1fr}.tools-section-head{display:block}.tools-section-head p{margin-top:7px}.tool-card{min-height:0}.tools-note{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}
@media(forced-colors:active){.tool-card,.tools-note{border:2px solid CanvasText}.tool-tag{border:1px solid CanvasText}}