:root{--seo-soft:#fff7ea;--seo-line:#eadfd4;--seo-ink:#171717;--seo-muted:#646464;--seo-primary:#d84315}.seo-hero{padding:48px 0 24px;text-align:left}.seo-hero h1{max-width:900px;margin:10px 0 16px}.seo-hero p{max-width:780px;margin:0;color:var(--text-muted);font-size:1.05rem}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.seo-panel,.seo-sidebar{background:#fff;border:1px solid var(--border);border-radius:18px;padding:clamp(22px,4vw,34px);box-shadow:0 14px 38px var(--shadow)}.seo-sidebar{position:sticky;top:92px}.seo-sidebar h2{font-size:1.3rem;margin-top:0}.seo-sidebar a{display:block;padding:9px 0;color:var(--primary);font-weight:700;text-decoration:none;border-bottom:1px solid var(--border)}.seo-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:20px 0}.seo-toolbar .field{flex:1;min-width:220px}.seo-count{font-weight:800;color:var(--primary-dark)}.word-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.directory-word{background:#fffdf9;border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:8px}.directory-word strong{font-size:1.03rem}.directory-word small{color:var(--text-muted)}.directory-word a{color:var(--primary);font-size:.78rem;font-weight:800;text-decoration:none}.sample-table{width:100%;border-collapse:collapse;margin:16px 0}.sample-table th,.sample-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.sample-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sample-table a{color:var(--primary);font-weight:700}.learning-note{background:var(--accent);border-left:4px solid var(--secondary);padding:16px 18px;border-radius:10px;color:#65401f}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practice-item{border:1px solid var(--border);border-radius:13px;padding:15px;background:#fffdf9}.practice-item strong{display:block;font-size:1.15rem;margin-bottom:9px}.practice-item input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:0 11px}.practice-actions{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}.practice-actions button,.copy-answer{border:1px solid var(--border);background:var(--accent);border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:700}.practice-feedback{font-size:.86rem;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.related-card{border:1px solid var(--border);border-radius:13px;padding:16px;text-decoration:none;background:#fffdf9}.related-card strong{display:block;color:var(--primary)}.related-card span{display:block;color:var(--text-muted);font-size:.86rem;margin-top:4px}.empty-directory{padding:24px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);text-align:center}@media(max-width:850px){.seo-layout{grid-template-columns:1fr}.seo-sidebar{position:static}.practice-grid,.related-grid{grid-template-columns:1fr}}@media(max-width:600px){.seo-hero{padding-top:32px}.word-directory{grid-template-columns:1fr 1fr}.sample-table{font-size:.88rem}.sample-table th,.sample-table td{padding:9px 7px}}