*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a6ef5;--orange:#f5821a;--orange-light:#fff4e6;--orange-dark:#d96c0a;--green:#059669;--green-light:#d1fae5;--green-dark:#065f46;--red:#dc2626;--red-light:#fee2e2;--red-dark:#7f1d1d;--bg:#eef2f7;--surface:#fff;--border:#e2e8f0;--text:#1a202c;--muted:#64748b;--subtle:#94a3b8;--brand-light:#e8f0fe}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}.breadcrumb-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 40px}.breadcrumb{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.breadcrumb a{color:var(--brand);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.cat-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:32px 40px 28px}.cat-hero-inner{max-width:1080px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.cat-hero-left h1{font-family:Fraunces,serif;font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px;color:var(--text)}.cat-hero-left p{font-size:14px;color:var(--muted);max-width:580px;line-height:1.7}.cat-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;padding-top:6px}.cat-hero-stats{display:flex;gap:20px}.stat-pill{background:var(--red-light);border:1px solid #fecaca;border-radius:12px;padding:10px 18px;text-align:center}.stat-num{font-family:Fraunces,serif;font-size:28px;font-weight:700;color:var(--red);display:block;line-height:1}.stat-label{font-size:11px;color:var(--red-dark);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cat-notice-wrap{max-width:1080px;margin:16px auto 0;padding:0 40px}.notice-box{background:#fef9c3;border:1px solid #fef08a;border-radius:12px;padding:12px 18px;font-size:13px;color:#713f12;display:flex;align-items:flex-start;gap:10px}.notice-icon{font-size:16px;flex-shrink:0;margin-top:1px}.ad-strip{max-width:1080px;margin:0 auto;padding:16px 40px}.cat-body{max-width:1080px;margin:0 auto;padding:28px 40px 60px}.section-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:32px}.feat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:13px;padding:15px;text-decoration:none;display:flex;align-items:flex-start;gap:12px;transition:all .2s;color:inherit}.feat-card:hover{border-color:var(--red);box-shadow:0 4px 16px #dc262626;transform:translateY(-1px)}.feat-icon{font-size:22px;width:30px;text-align:center;flex-shrink:0;margin-top:1px}.feat-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.feat-desc{font-size:12px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.fp{font-size:12px;padding:7px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-weight:500;font-family:inherit;transition:all .15s}.fp:hover{border-color:var(--red);color:var(--red)}.fp.active{border-color:var(--red);background:var(--red-light);color:var(--red-dark)}.tool-section{margin-bottom:36px}.tool-section-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--border);margin-bottom:8px}.tool-section-header h2{font-family:Fraunces,serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.2px}.tool-count-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:10px;background:var(--red-light);color:var(--red-dark);border:1px solid #fecaca}.tool-row{display:flex;align-items:baseline;justify-content:space-between;padding:10px 14px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s;gap:14px}.tool-row:hover{background:var(--red-light)}.tool-row:hover .t-name{color:var(--red)}.t-name{font-size:13px;font-weight:600;color:var(--text);flex-shrink:0;min-width:210px}.t-dash{color:var(--border);margin:0 4px;flex-shrink:0}.t-desc{font-size:12px;color:var(--muted);flex:1}.t-arrow{font-size:12px;color:var(--subtle);flex-shrink:0}.crosslink-section{margin-top:44px;padding-top:28px;border-top:1px dashed var(--border)}@media(max-width:960px){.feat-grid{grid-template-columns:1fr 1fr}.cat-hero-right{align-items:flex-start}.cat-hero-stats{display:none}.cat-notice-wrap{padding-left:20px;padding-right:20px}}@media(max-width:700px){.cat-hero,.cat-body,.ad-strip,.breadcrumb-bar,.cat-notice-wrap{padding-left:20px;padding-right:20px}.feat-grid{grid-template-columns:1fr}.t-name{min-width:140px}}