*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:#18303e;font:16px/1.5 system-ui,sans-serif}header{height:74px;background:white;border-bottom:1px solid #dce7ec;display:flex;justify-content:space-between;align-items:center;padding:0 32px}header a{font-size:14px;color:#2d736e}.brand{font-weight:800;font-size:22px;letter-spacing:-.5px}.brand small{font-size:10px;letter-spacing:1.5px;color:#68928e;padding-left:12px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1500px;margin:auto}aside{padding:28px 18px;border-right:1px solid #dce7ec;min-height:calc(100vh - 74px)}.label{font-size:11px;letter-spacing:2px;color:#4b8b7f;font-weight:800;margin:0 0 15px}nav button{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;border-radius:7px;padding:10px 12px;text-align:left;color:#526977;cursor:pointer;font-size:14px}nav button:hover{background:#e9f0f3}nav button.active{background:#153b47;color:white}nav b{font-size:12px}.notice{margin:36px 12px;border-top:1px solid #d6e3e8;padding-top:22px;color:#647985;font-size:13px}.notice strong{color:#274856}main{min-width:0;padding:40px}h1{font-size:40px;letter-spacing:-1.5px;margin:0 0 6px}.lead{color:#718591;margin:0 0 28px}.search{display:flex;gap:12px;align-items:center;background:white;border:1px solid #c8d9df;border-radius:8px;padding:12px 18px;max-width:800px}.search input{border:0;outline:0;width:100%;font:inherit}.heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px}.heading h2{font-size:19px;margin:0}.heading span{font-size:13px;color:#758995}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid #dce7ec;border-radius:10px;padding:20px;min-height:200px}.icon{background:#e5f4ee;color:#277769;width:39px;height:39px;display:grid;place-items:center;border-radius:9px;font-weight:700}.card h3{font-size:16px;margin:14px 0 5px}.card p{font-size:13px;color:#6f8390;margin:0 0 12px}.badge{font-size:11px;color:#8a662c;background:#fff4de;border-radius:4px;padding:4px 7px}footer{border-top:1px solid #dce7ec;color:#718591;font-size:13px;margin-top:34px;padding-top:18px}footer a{color:#277769}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{padding:0 16px}.brand small{display:none}.layout{display:block}aside{min-height:0;overflow-x:auto;display:flex;padding:12px;gap:7px;border-right:0;border-bottom:1px solid #dce7ec}aside>.label,.notice{display:none}nav{display:flex;gap:7px}nav button{width:auto;white-space:nowrap}nav b{display:none}main{padding:26px 16px}h1{font-size:31px}.grid{grid-template-columns:1fr}.card{min-height:0}}
.card.working{display:block;text-decoration:none;color:inherit}.card.working:hover{border-color:#63a894;box-shadow:0 7px 20px #153b4715;transform:translateY(-2px)}.card.working .badge{background:#dff5ea;color:#166e54}

header nav{display:flex;gap:16px;align-items:center}.tool-guides{margin:28px auto 0;max-width:800px;padding:20px;background:#eef6f5;border-radius:10px}.tool-guides h2{font-size:1.15rem;margin:0 0 8px}.tool-guides li{margin:7px 0}.tool-guides a{color:#086b69}

.language-box{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}.language-box select{max-width:160px;border:1px solid #d0dee3;border-radius:6px;background:white;padding:6px;font:inherit;font-size:.83rem}.locale-scope{margin:14px auto;padding:12px 16px;background:#fff3d8;border:1px solid #e8d59d;border-radius:8px;max-width:950px;color:#6c4d16;font-size:.9rem}html[dir=rtl] .layout{direction:rtl}html[dir=rtl] .search{text-align:right}@media(max-width:630px){.language-box select{max-width:125px}header{flex-wrap:wrap;height:auto;min-height:72px;padding-block:10px}}
.seo-tool-help{max-width:800px;margin:34px auto 12px;padding:24px;background:#fff;border:1px solid #dce5e9;border-radius:12px;line-height:1.75}.seo-tool-help h2{font-size:1.5rem;line-height:1.3;margin:0 0 18px}.seo-tool-help h3{font-size:1.05rem;margin:20px 0 6px}.seo-tool-help p{margin:0 0 12px;color:#395161}

.featured-guides{margin:24px 0;padding:20px 25px;background:#ecf5f2;border-radius:12px}.featured-guides h2{margin:0 0 8px;font-size:1.25rem}.featured-guides p{margin:0 0 12px;color:#476473}.featured-guides ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 20px;padding-left:20px;margin:0}.featured-guides a{color:#116765}