.guide nav a:not(.nav-cta){display:none}
@media(min-width:760px){.guide nav a:not(.nav-cta){display:inline}}
.g-wrap{max-width:1100px;margin:0 auto}
.g-hero{padding:44px 20px 56px;border-bottom:2px solid var(--ink)}
.tag-red{display:inline-block;background:var(--red);color:var(--paper);padding:.04em .14em 0;margin-top:.1em;transform:rotate(-1.2deg);box-shadow:6px 6px 0 var(--ink)}
.url-slip{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fffaf0;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--haldi);padding:14px 16px;max-width:640px;transform:rotate(-.4deg)}
.slip-l{font:400 14px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.url-slip code{font:600 16px/1.3 ui-monospace,Menlo,monospace;word-break:break-all;flex:1 1 260px}
.copy{font:400 16px var(--disp);text-transform:uppercase;background:var(--ink);color:var(--paper);border:0;padding:8px 14px;cursor:pointer}
.tiny-note{font-size:14px;color:var(--mut);margin-top:16px}
.g-sec{padding:56px 20px;border-bottom:2px solid var(--ink)}
.g-sec.dark{background:var(--ink);color:var(--paper)}
.g-sec.haldi{background:var(--haldi)}
.g-h{font:400 clamp(36px,7vw,64px)/1 var(--disp);text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:28px}
.num{display:inline-grid;place-items:center;width:1.25em;height:1.25em;border:3px solid currentColor;border-radius:50%;font-size:.7em;flex:none}
.cards{display:grid;gap:22px}
@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:#fffaf0;border:2px solid var(--ink);padding:20px 20px 16px;box-shadow:5px 5px 0 var(--ink)}
.card:nth-child(2){transform:rotate(.6deg)}.card:nth-child(3){transform:rotate(-.5deg)}
.card h3{font:400 28px var(--disp);text-transform:uppercase;margin-bottom:12px}
.card h3 small{display:block;font:600 13px var(--body);text-transform:none;color:var(--mut);letter-spacing:0}
.card ol{padding-left:20px;display:grid;gap:8px;font-size:16px}
.card pre{background:var(--ink);color:var(--paper);padding:12px;font-size:12.5px;overflow-x:auto;margin:4px 0 8px}
.fine{font-size:14px;color:var(--mut);margin-top:14px;border-top:1.5px dashed #bdb2a1;padding-top:10px}
.fine.light{color:#cfc5b5;border-color:#5a534a}
.steps{counter-reset:s;list-style:none;display:grid;gap:16px;max-width:760px}
.steps li{counter-increment:s;position:relative;padding-left:56px;font-size:18px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;font:400 38px/1 var(--disp);color:var(--haldi)}
.g-sec code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:rgba(233,181,43,.18);padding:0 4px}
.say{list-style:none;display:grid;gap:12px;max-width:780px}
.say li{background:#fffaf0;border:1.5px solid var(--ink);border-radius:16px 16px 16px 3px;padding:10px 16px;font-size:17px}
.say li span{display:block;font-size:13px;color:var(--mut)}
.haldi .say li{box-shadow:3px 3px 0 var(--ink)}
.say.light li{background:transparent;border-color:var(--paper)}
.faq-g{display:grid;gap:4px;max-width:820px}
.faq-g dt{font-weight:800;font-size:18px;margin-top:14px}
.faq-g dt::before{content:"✕ ";color:var(--red)}
.faq-g dd{font-size:16px;color:#3b352e;padding-left:22px}
.card{min-width:0}.cards{grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}