*{box-sizing:border-box}:root{--bg:#050807;--line:#193027;--green:#45e3a2;--text:#edf5f1;--muted:#91a19a}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.top{border-bottom:1px solid var(--line);padding:20px 0}.brand{font-weight:850;letter-spacing:.04em;color:inherit;text-decoration:none}.brand span,.k{color:var(--green)}.hero{padding:58px 0 32px;border-bottom:1px solid var(--line)}h1{font:450 clamp(42px,7vw,76px)/1 Georgia,serif;letter-spacing:-.045em;margin:14px 0 18px}.lead{max-width:900px;color:#b4c0ba;font-size:17px;line-height:1.7}.search{width:100%;margin:26px 0 18px;background:#07100c;border:1px solid #254739;color:white;padding:15px 16px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0 60px}.item{background:#07100c;padding:22px;text-decoration:none;color:inherit}.item:hover{background:#0a1711}.item small{color:var(--green);font:700 10px ui-monospace,monospace}.item h2{font:500 22px Georgia,serif;margin:8px 0}.item p{color:var(--muted);line-height:1.55}.back{display:inline-block;margin:26px 0;color:var(--green);text-decoration:none}.article{max-width:850px;padding:20px 0 70px}.article p{color:#bdc8c2;line-height:1.8;font-size:17px}.article h2,.article h3{margin-top:34px}.foot{border-top:1px solid var(--line);padding:25px 0 45px;color:var(--muted);font-size:12px}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{padding-top:40px}}
.article{max-width:900px;padding:26px 0 84px}.article>.lead{font-size:20px;line-height:1.65;color:#d3ddd7;margin:18px 0 46px}.article-section{padding:30px 0 34px;border-top:1px solid var(--line)}.article-section h2{margin:0 0 16px;color:var(--green);font:750 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.article-section p{margin:0;color:#c5d0ca;font-size:18px;line-height:1.82;max-width:820px}.article h1{margin-bottom:16px}@media(max-width:700px){.article>.lead{font-size:18px;margin-bottom:34px}.article-section{padding:24px 0 28px}.article-section p{font-size:16.5px;line-height:1.75}}

.seo-directory{max-width:1180px;margin:56px auto;padding:32px 24px;border-top:1px solid #203229}
.seo-directory h2{margin:0 0 8px;font-size:26px}.seo-directory p{color:#8f9f97;max-width:760px}
.seo-directory ul{columns:3;column-gap:34px;padding:0;list-style:none}.seo-directory li{break-inside:avoid;border-bottom:1px solid #17241e;padding:9px 0}
.seo-directory a{color:#b9c8c0;text-decoration:none}.seo-directory a:hover{color:#55e69a}
.detail{max-width:920px;margin:0 auto;padding:52px 24px 70px}.detail .eyebrow{color:#55e69a;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.detail h1{font-size:clamp(34px,6vw,62px);line-height:1.02;margin:12px 0 18px}.detail .lede{font-size:19px;line-height:1.7;color:#a9b8b0}
.detail section{padding:25px 0;border-top:1px solid #203229}.detail h2{font-size:21px;margin:0 0 10px}.detail p{line-height:1.75;color:#b7c4bd}
.detail-nav{display:flex;justify-content:space-between;gap:18px;margin-top:35px;padding-top:24px;border-top:1px solid #203229}.detail-nav a,.back{color:#55e69a;text-decoration:none}
@media(max-width:720px){.seo-directory ul{columns:1}.detail{padding-top:34px}.detail-nav{flex-direction:column}}