*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.65}
.guide-page{max-width:1080px;margin:32px auto;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow-wrap:anywhere}
.guide-top{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.guide-actions{display:flex;gap:14px;flex-wrap:wrap}
a{color:#2454a1;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--select);outline-offset:3px}
h1{font-size:clamp(26px,5vw,38px);line-height:1.2;margin:28px 0 10px}
h2{font-size:22px;line-height:1.35;margin:32px 0 14px}
h3{font-size:18px;line-height:1.4;margin:0 0 8px}
p{margin:10px 0}
.guide-languages{display:flex;flex-wrap:wrap;gap:6px 16px;margin:22px 0;padding:14px 0;border-block:1px solid var(--line);font-size:14px}
.guide-languages a[aria-current=page]{font-weight:700;color:var(--ink)}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.guide-steps li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.guide-step-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:800}
.guide-steps strong{display:block;margin-bottom:5px}
.guide-ad{width:100%;margin:28px 0;padding-top:12px;border-top:1px solid var(--line)}
.guide-ad-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.guide-ad .adsbygoogle{width:100%}
.guide-examples{display:grid;gap:18px}
.guide-example{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.guide-example figure{margin:0}
.diagram-flow{display:flex;align-items:stretch;gap:8px;margin:18px 0;overflow-x:auto;padding:5px 2px 12px}
.diagram-node{display:grid;place-items:center;min-width:125px;min-height:68px;padding:10px;text-align:center;background:var(--panel-2);border:1px solid var(--line-strong);border-top:4px solid var(--accent);border-radius:10px;font-weight:700;font-size:14px}
.diagram-arrow{display:grid;place-items:center;min-width:24px;color:var(--select);font-size:22px;font-weight:800}
.guide-tips{columns:2;column-gap:36px;padding-left:22px}
.guide-tips li{break-inside:avoid;margin:0 0 10px}
.guide-warning{margin-top:30px;padding:18px;border:1px solid #d6a443;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink)}
.guide-foot{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
@media(max-width:760px){.guide-page{margin:12px;padding:20px;border-radius:12px}.guide-steps{grid-template-columns:1fr}.guide-tips{columns:1}.diagram-node{min-width:112px}}