/* Start here: a small block at the top of any section. See docs/WELCOME.md. Uses the v2.css tokens. */
.start-here{margin:28px 0 36px;padding:22px 22px 20px;background:var(--paper,#fffdf6);border:1px solid var(--line,#c9c9bd);border-left:6px solid var(--acid,#caff24);box-shadow:5px 5px 0 #dedccd}
.start-here-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue,#1028dc)}
.start-here h2{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.15;max-width:34ch;margin:0 0 16px}
.start-here-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.start-here-ways li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--cream,#f2efe4);border:1px solid var(--line,#c9c9bd)}
.start-here-ways span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#526075)}
.start-here-ways a{font-weight:600;line-height:1.35;text-decoration:none}
.start-here-ways a:hover,.start-here-ways a:focus-visible{text-decoration:underline}
.start-here-ways a::after{content:" →"}
.start-here-new{margin:14px 0 0;font-size:14px;color:var(--muted,#526075)}
@media(max-width:760px){
  .start-here{margin:20px 0 26px;padding:18px 16px 16px;box-shadow:3px 3px 0 #dedccd}
  .start-here-ways{grid-template-columns:1fr;gap:8px}
  .start-here-ways li{flex-direction:row;align-items:baseline;gap:12px;padding:13px 12px;min-height:48px}
  .start-here-ways span{flex:0 0 72px}
}
@media print{.start-here{box-shadow:none}}