/* ---------- guide pages ---------- */
body.guidePage{background:var(--page); color:var(--ink)}
.guideWrap{max-width:760px; margin:0 auto; padding:38px 24px 70px}
@media(max-width:640px){ .guideWrap{padding:26px 18px 54px} }
.crumb{display:inline-block; font-size:14.5px; font-weight:600; color:var(--ink-3);
  text-decoration:none; margin-bottom:22px}
.crumb:hover{color:var(--blue-lit)}
.guideWrap .gTag{display:inline-block; margin-bottom:16px}
.guideWrap h1{font:800 clamp(30px,4.4vw,44px)/1.12 Outfit,sans-serif;
  letter-spacing:-.022em; margin:0 0 16px; color:var(--ink)}
.guideWrap .dek{font-size:20px; line-height:1.55; color:var(--ink-2); margin:0 0 22px}
.byline{font-size:14.5px; line-height:1.62; color:var(--ink-3); font-style:italic;
  padding:14px 0 20px; border-bottom:1px solid var(--line); margin:0 0 30px}
.byline strong{color:var(--ink-2); font-style:normal}

.gBody{font-size:17.5px; line-height:1.72; color:var(--ink-2)}
.gBody h2{font:700 clamp(23px,2.7vw,30px)/1.22 Outfit,sans-serif; letter-spacing:-.015em;
  color:var(--ink); margin:44px 0 14px}
.gBody h3{font:700 20px/1.3 Outfit,sans-serif; color:var(--ink); margin:32px 0 10px}
.gBody p{margin:0 0 18px}
.gBody strong{color:var(--ink); font-weight:600}
.gBody a{color:var(--blue-lit); text-decoration:underline; text-underline-offset:2px}
html[data-mode="light"] .gBody a{color:var(--blue-deep)}
.gBody a:hover{color:var(--ink)}
.gBody ul, .gBody ol{margin:0 0 20px; padding-left:22px}
.gBody li{margin-bottom:9px}
.gBody blockquote{margin:0 0 20px; padding:16px 20px; border-left:3px solid var(--line-2);
  background:var(--card); border-radius:0 12px 12px 0; font-size:16.5px; line-height:1.66}

.quickBox, .warnBox{border-radius:14px; padding:20px 22px; margin:0 0 26px}
.quickBox{background:rgba(47,107,255,.10); border:1px solid rgba(110,156,255,.34)}
.warnBox{background:rgba(255,176,32,.10); border:1px solid rgba(255,176,32,.36)}
.quickBox p, .warnBox p{margin:0; font-size:17px; line-height:1.66; color:var(--ink-2)}
.cLab{display:block; font:600 12px/1 Figtree,sans-serif; letter-spacing:.15em;
  text-transform:uppercase; margin-bottom:10px}
.quickBox .cLab{color:var(--blue-lit)}
html[data-mode="light"] .quickBox .cLab{color:var(--blue-deep)}
.warnBox .cLab{color:#B47500}
html:not([data-mode="light"]) .warnBox .cLab{color:var(--amber)}

.tWrap{overflow-x:auto; margin:0 0 26px; border:1px solid var(--line); border-radius:12px}
.gBody table{border-collapse:collapse; width:100%; font-size:15.5px; min-width:420px}
.gBody th{text-align:left; padding:12px 14px; background:var(--card);
  font:600 12.5px/1.3 Figtree,sans-serif; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-3); border-bottom:1px solid var(--line)}
.gBody td{padding:11px 14px; border-bottom:1px solid var(--line-2); color:var(--ink-2)}
.gBody tbody tr:last-child td{border-bottom:0}
.gBody td:first-child{color:var(--ink)}

.pager{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:44px 0 0}
@media(max-width:560px){ .pager{grid-template-columns:1fr} }
.pager a{display:block; padding:16px 18px; border:1px solid var(--line); border-radius:14px;
  background:var(--card); text-decoration:none; color:var(--ink); font-weight:600; font-size:15.5px;
  line-height:1.4}
.pager a:hover{border-color:var(--blue); transform:translateY(-2px)}
.pager a.nx{text-align:right}
.pager span{display:block; font:600 11.5px/1 Figtree,sans-serif; letter-spacing:.15em;
  text-transform:uppercase; color:var(--ink-3); margin-bottom:7px}

.ctaBox{margin:44px 0 0; padding:28px 26px; border-radius:18px; text-align:center;
  background:linear-gradient(160deg,rgba(47,107,255,.16),rgba(23,65,196,.08));
  border:1px solid rgba(110,156,255,.3)}
.ctaBox h3{font:700 23px/1.2 Outfit,sans-serif; color:var(--ink); margin:0 0 9px}
.ctaBox p{font-size:16.5px; line-height:1.6; color:var(--ink-2); margin:0 auto 18px; max-width:46ch}
.ctaBox .btn{display:inline-block; text-decoration:none; padding:12px 26px}
.guidePage .guideGrid a.guideCard{text-decoration:none}
.guidePage .guideGrid{margin-top:34px}