/* The prototype's front door: pick a direction. Not part of any direction's design. */
.chooser { padding-bottom: 0; background: #f6f4f1; }
.chooser main { padding-top: 32px; padding-bottom: 48px; }
.chooser h1 { margin-top: 28px; font-size: clamp(28px, 6vw, 44px); }
.dirs { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 24px 0; }
.dir { background: #fff; border-radius: 18px; padding: 20px; border: 1px solid var(--line); display: grid; gap: 4px; align-content: start; }
.dir .letter { font-size: 44px; font-weight: 800; color: var(--red); margin: 0; line-height: 1; }
.dir h2 { font-size: 24px; margin: 4px 0; }
.dir-b { background: #eeeeeb; border-color: transparent; border-radius: 28px; }
.dir-c { background: #fffdf7; border: 2px dashed #171614; border-radius: 0; }
.dir-c .letter { font-family: ui-monospace, Menlo, Consolas, monospace; }