/* The guides (guides/*.html): one readable column of prose, in the feature pages' editorial style. Like the feature
   pages they load no motion script, so everything is visible on first paint. */
.fhero .byline{margin-top:-6px;color:var(--ink-3)}
.article{max-width:72ch;display:grid;gap:18px}
.article>p,.article li p{color:var(--ink-2);font-size:17.5px;line-height:1.65}
.article h2{font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.02em;font-weight:700;margin-top:32px;padding-top:24px;border-top:1px solid var(--rule)}
.article h3{font-size:18.5px;line-height:1.3;font-weight:650;letter-spacing:-.01em}
.article b{color:var(--ink);font-weight:650}

/* the answer first: what an assistant or a busy coach reads */
.inshort{border:1px solid var(--ink);border-radius:var(--r);padding:22px 24px;display:grid;gap:10px;background:var(--paper)}
.inshort p:last-child{color:var(--ink);font-size:18px;line-height:1.6}

/* numbered steps, one under the other */
.article .steps{display:grid;gap:0;counter-reset:st;border-top:1px solid var(--rule)}
.article .steps li{display:grid;gap:6px;padding:18px 0 18px 52px;border-bottom:1px solid var(--rule);counter-increment:st;position:relative}
.article .steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:20px;font:500 13px/1 var(--mono);color:var(--accent-ink)}

/* checklists: a tick, or a cross for what to avoid */
.article .ticks{display:grid;gap:12px}
.article .ticks li{position:relative;padding-left:30px;color:var(--ink-2);font-size:17px;line-height:1.6}
.article .ticks li::before{content:"";position:absolute;left:2px;top:9px;width:11px;height:6px;border-left:1.8px solid var(--ok);border-bottom:1.8px solid var(--ok);transform:rotate(-45deg)}
.article .ticks.no li::before{width:12px;height:1.8px;border:0;background:var(--accent-ink);top:12px;transform:rotate(45deg);box-shadow:none}
.article .ticks.no li::after{content:"";position:absolute;left:2px;top:12px;width:12px;height:1.8px;background:var(--accent-ink);transform:rotate(-45deg)}

.article .table-scroll{margin:4px 0}
.gfaq{border-top:1px solid var(--ink)}