.yomia-choice{background:#f4f0e7;color:#20362f;padding:40px clamp(20px,3vw,48px) 64px;text-align:center;min-height:65vh}
.yomia-choice__back{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:14px}
.yomia-choice__intro{margin:24px auto 36px;max-width:960px}
.yomia-choice__intro h1{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(32px,3.5vw,60px);line-height:1.12;margin:0 0 18px;text-wrap:balance}
.yomia-choice__intro p{font-size:18px;line-height:1.55;margin:0;color:#60675d}
.yomia-choice__options{border:0;padding:0;margin:0 auto;max-width:1500px;min-width:0}
.yomia-choice__legend{font-size:14px;margin:0 auto 16px;color:#60675d}
.yomia-choice__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.yomia-choice__option{position:relative;cursor:pointer;min-width:0}
.yomia-choice__option input{position:absolute;opacity:0;width:1px;height:1px}
.yomia-choice__tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:180px;height:100%;padding:24px 12px;border:1px solid #d7d1c5;transition:background 350ms,border-color 350ms}
.yomia-choice__option input:checked+.yomia-choice__tile{border-color:#20362f;background:#e3e6dd;box-shadow:inset 0 0 0 1px #20362f}
.yomia-choice__option input:focus-visible+.yomia-choice__tile{outline:2px solid #87734e;outline-offset:4px}
.yomia-choice__symbol{font-size:32px;line-height:1.2;font-family:serif}
.yomia-choice__color{width:24px;height:24px;border-radius:50%;background:var(--choice-color)}
.yomia-choice__name{font-size:16px;letter-spacing:.08em}
.yomia-choice__detail{font-size:14px;line-height:1.5;color:#60675d}
.yomia-choice__status{min-height:24px;margin:24px 0 8px;font-size:15px}
.yomia-choice__continue{min-height:48px;padding:12px 24px;background:transparent;border:1px solid #d7d1c5;font:inherit;font-size:14px;letter-spacing:.08em;color:#697066;cursor:not-allowed}
.yomia-choice__continue[hidden]{display:none}
.yomia-choice__note{font-size:13px;color:#60675d;margin-top:12px}
.yomia-choice__birthday{max-width:620px;margin:auto}
.yomia-choice__fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}
.yomia-choice__fields label{font-size:13px;letter-spacing:.1em}
.yomia-choice__fields select{display:block;width:100%;min-height:52px;margin-top:12px;padding:12px;border:1px solid #bbb6aa;border-radius:0;background:#faf8f2;color:#20362f;font:inherit;font-size:16px}
.yomia-choice a:focus-visible,.yomia-choice select:focus-visible{outline:2px solid #87734e;outline-offset:4px}
@media(max-width:1100px){.yomia-choice__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:767px){.yomia-choice__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yomia-choice__tile{min-height:165px;padding:18px 8px}.yomia-choice__name{font-size:13px;letter-spacing:.025em}.yomia-choice__detail{font-size:13px}.yomia-choice__intro p{font-size:16px}.yomia-choice__fields{gap:16px}.yomia-choice{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.yomia-choice__tile{transition:none}}
.yomia-choice__option { display: block; width: 100%; } .yomia-choice__tile { width: 100%; box-sizing: border-box; }