.doc{max-width:1100px;margin:0 auto;padding:32px 24px 48px}
.doc h1{font-size:clamp(26px,3.2vw,38px);font-weight:800}
.doc h2{font-size:20px;margin-top:28px}
.doc p,.doc li{color:#c6cad2;max-width:72ch}
.doc .lede{color:var(--muted);font-size:17px;max-width:56ch}
.doc ol,.doc ul{padding-left:20px}
.doc li{margin-bottom:6px}
.doc li b{color:var(--text)}
.doc .src{font-size:13px;color:var(--muted)}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.g-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--text);font-size:14px}
.g-card img{width:100%;height:auto;aspect-ratio:1;border-radius:8px;border:1px solid var(--line);object-fit:cover}
.g-card:hover img{border-color:var(--accent)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column}
.plan h2{margin-top:0}
.plan .price{font-size:32px;font-weight:800;color:var(--text);margin:0 0 8px}
.plan ul{flex:1}
.plan a.primary{text-align:center;text-decoration:none}
.notify{margin-top:24px;background:var(--panel);border:1px solid var(--accent);border-radius:var(--r);padding:20px}
.notify form{display:flex;gap:8px;flex-wrap:wrap}
.notify input{flex:1;min-width:220px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px}
.notify .primary{width:auto;margin-top:0;padding:10px 18px}
@media (max-width:820px){.plans{grid-template-columns:1fr}}
.g-card small{color:var(--muted);font-size:12px;line-height:1.35}