.howtopage .prose{margin-top:28px;padding-bottom:24px}.howtopage .prose h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line);margin:34px 0 12px;padding-bottom:10px;font-size:24px;font-weight:800;line-height:1.1}.howtopage .prose p,.howtopage .prose li{color:var(--ink-soft);margin:0 0 12px;font-size:15px;line-height:1.65}.howtopage .prose ul{margin:0 0 12px;padding-left:20px}.howtopage .prose strong{color:var(--ink);font-weight:700}.htp-board{grid-template-columns:repeat(4,minmax(48px,64px));grid-auto-rows:minmax(48px,64px);gap:6px;margin:18px 0 6px;display:grid}.htp-plate{font-family:var(--display);border-radius:12px;justify-content:flex-end;align-items:flex-end;padding:4px 10px 6px;font-size:20px;font-weight:700;display:flex}.htp-a{color:#084b75;background:#c2e7ff;grid-area:1/1/span 4/span 2}.htp-b{color:#4f378b;background:#eaddff;grid-area:1/3/span 2/span 2}.htp-c{color:#1e5233;background:#c4eed0;grid-area:3/3/auto/span 2}.htp-d{color:#633b48;background:#ffd8e4;grid-area:4/3/auto/span 2}.howtopage .prose a.pill,.howtopage .prose a.pill-ghost{margin:4px 0 2px}.howtopage .prose a.pill{color:var(--on-accent)}.howtopage .prose a.pill-ghost{color:var(--ink)}
