/* GewapeSign user guide (/guide/): its own layout. Tokens follow site.css (Inter, magenta accent).
   Theme: light by default; dark via [data-theme=dark], or [data-theme=system] + prefers-color-scheme (site.js). */
:root{--gd-bg:#FFFFFF;--gd-alt:#F7F5F6;--gd-panel:#FFFFFF;--gd-ink:#17121A;--gd-ink-2:#3D3540;--gd-body:#574E59;--gd-muted:#776D78;
  --gd-line:#E9E4E7;--gd-line-2:#D9D2D6;--gd-accent:#E6197A;--gd-accent-ink:#C2125F;--gd-accent-soft:#FDEBF3;
  --gd-note:#E8EDFC;--gd-note-ink:#3552C9;--gd-top:88px}
:root[data-theme=dark]{--gd-bg:#0E0C0F;--gd-alt:#141116;--gd-panel:#19161B;--gd-ink:#F4F0F3;--gd-ink-2:#D5CDD2;--gd-body:#B3A9B0;
  --gd-muted:#958B94;--gd-line:#2A252C;--gd-line-2:#3A343C;--gd-accent-ink:#FF6FB0;--gd-accent-soft:rgba(230,25,122,.16);
  --gd-note:rgba(142,166,245,.14);--gd-note-ink:#8EA6F5}
@media (prefers-color-scheme:dark){:root[data-theme=system]{--gd-bg:#0E0C0F;--gd-alt:#141116;--gd-panel:#19161B;--gd-ink:#F4F0F3;
  --gd-ink-2:#D5CDD2;--gd-body:#B3A9B0;--gd-muted:#958B94;--gd-line:#2A252C;--gd-line-2:#3A343C;--gd-accent-ink:#FF6FB0;
  --gd-accent-soft:rgba(230,25,122,.16);--gd-note:rgba(142,166,245,.14);--gd-note-ink:#8EA6F5}}

.gd-body{background:var(--gd-bg);color:var(--gd-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.gd{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,4vw,64px);max-width:1240px;margin:0 auto;
  padding:40px clamp(16px,3vw,32px) 96px}

/* sidebar */
.gd-side{position:sticky;top:var(--gd-top);align-self:start;max-height:calc(100vh - var(--gd-top) - 24px);overflow:auto;
  padding-right:8px;font-size:14px}
.gd-side-h{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gd-muted)}
.gd-side-foot{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--gd-line);font-size:13.5px}
.gd-side-foot a{color:var(--gd-accent-ink);font-weight:600}
.gd-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.gd-toc a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;border-radius:8px;border-left:2px solid transparent;
  color:var(--gd-ink-2);text-decoration:none;line-height:1.35}
.gd-toc a:hover{background:var(--gd-alt);text-decoration:none}
.gd-toc a:focus-visible{outline:2px solid var(--gd-accent);outline-offset:1px}
.gd-n{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--gd-muted)}
/* current chapter: whichever chapter (or one of its sections) is the URL #target */
.gd:has(#start:target,[id^="start-"]:target) .gd-toc a[data-ch="start"],
.gd:has(#send:target,[id^="send-"]:target) .gd-toc a[data-ch="send"],
.gd:has(#track:target,[id^="track-"]:target) .gd-toc a[data-ch="track"],
.gd:has(#templates:target,[id^="templates-"]:target) .gd-toc a[data-ch="templates"],
.gd:has(#signers:target,[id^="signers-"]:target) .gd-toc a[data-ch="signers"],
.gd:has(#team:target,[id^="team-"]:target) .gd-toc a[data-ch="team"],
.gd:has(#account:target,[id^="account-"]:target) .gd-toc a[data-ch="account"],
.gd:has(#lifecycle:target,[id^="lifecycle-"]:target) .gd-toc a[data-ch="lifecycle"],
.gd:has(#plan:target,[id^="plan-"]:target) .gd-toc a[data-ch="plan"],
.gd:has(#proof:target,[id^="proof-"]:target) .gd-toc a[data-ch="proof"],
.gd:has(#developers:target,[id^="developers-"]:target) .gd-toc a[data-ch="developers"],
.gd:has(#help:target,[id^="help-"]:target) .gd-toc a[data-ch="help"]{
  background:var(--gd-accent-soft);border-left-color:var(--gd-accent);color:var(--gd-accent-ink);font-weight:600}

/* main column */
.gd-main{min-width:0;max-width:760px}
.gd-head{padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid var(--gd-line)}
.gd-eyebrow{margin:0 0 10px;font-size:13.5px;font-weight:600;color:var(--gd-accent-ink)}
.gd-head h1{margin:0 0 14px;font-size:clamp(32px,4.2vw,46px);line-height:1.08;letter-spacing:-.03em}
.gd-lede{margin:0;max-width:62ch;font-size:17px;line-height:1.65;color:var(--gd-body)}
.gd-lede a,.gd-article a{color:var(--gd-accent-ink);text-decoration:underline;text-underline-offset:2px}

.gd-article{font-size:15.5px;line-height:1.7;color:var(--gd-body)}
.gd-article h2{margin:56px 0 12px;padding-top:24px;border-top:1px solid var(--gd-line);font-size:clamp(24px,2.6vw,30px);
  line-height:1.2;letter-spacing:-.02em;color:var(--gd-ink);scroll-margin-top:var(--gd-top)}
.gd-article h2:first-child{margin-top:32px;border-top:none;padding-top:0}
.gd-article h3{margin:30px 0 8px;font-size:17.5px;line-height:1.35;letter-spacing:-.01em;color:var(--gd-ink);
  scroll-margin-top:var(--gd-top)}
.gd-article h2:target,.gd-article h3:target{color:var(--gd-accent-ink)}
.gd-article p{margin:0 0 14px;max-width:70ch}
.gd-article b{color:var(--gd-ink);font-weight:600}
.gd-article ul,.gd-article ol{margin:0 0 16px;padding-left:22px;max-width:70ch}
.gd-article li{margin:4px 0}
.gd-article li>ul{margin:6px 0 4px}
/* numbered steps */
.gd-article>ol{list-style:none;padding-left:0;counter-reset:gd-step}
.gd-article>ol>li{position:relative;counter-increment:gd-step;margin:0;padding:6px 0 6px 40px}
.gd-article>ol>li::before{content:counter(gd-step);position:absolute;left:0;top:6px;width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--gd-accent-soft);color:var(--gd-accent-ink);
  font-size:12.5px;font-weight:700;line-height:1}
.gd-note{padding:12px 16px;border-radius:10px;border-left:3px solid var(--gd-note-ink);background:var(--gd-note);color:var(--gd-ink-2)}
.gd-note b:first-child{display:block;margin-bottom:2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gd-note-ink)}
.gd-article code,.gd-article kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;border-radius:5px}
.gd-article code{padding:1px 6px;background:var(--gd-alt);color:var(--gd-ink-2);word-break:break-word}
.gd-article kbd{display:inline-block;min-width:1.7em;padding:1px 6px;text-align:center;border:1px solid var(--gd-line-2);
  border-bottom-width:2px;background:var(--gd-panel);color:var(--gd-ink)}
.gd-top{margin-top:48px;font-size:14px}

/* contents on phones and tablets */
.gd-mtoc{display:none;margin:20px 0 0;border:1px solid var(--gd-line);border-radius:12px;background:var(--gd-alt)}
.gd-mtoc summary{padding:14px 16px;font-weight:600;cursor:pointer;color:var(--gd-ink)}
.gd-mtoc summary:focus-visible{outline:2px solid var(--gd-accent);outline-offset:2px;border-radius:12px}
.gd-mtoc nav{padding:0 8px 10px}
.gd-mtoc-nav{margin:24px 0}

.gd-foot{border-top:1px solid var(--gd-line);padding:24px clamp(16px,3vw,32px);text-align:center}
.gd-copy{margin:0;font-size:13px;color:var(--gd-muted)}

@media (max-width:960px){
  .gd{grid-template-columns:minmax(0,1fr);padding-top:24px}
  .gd-side{display:none}
  .gd-mtoc{display:block}
  .gd-main{max-width:none}
}
@media (max-width:480px){
  .gd-article{font-size:15px}
  .gd-lede{font-size:16px}
  .gd-article h2{margin-top:44px}
}
@media print{.gd-side,.gd-mtoc,.gd-top{display:none}.gd{display:block}}