.rules-teaser{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,4vw,64px);padding:clamp(24px,4vw,48px);margin:40px 0;background:linear-gradient(135deg,#eef5ee,#fff 75%);border:1px solid #d7e4d9;border-radius:24px;color:#183b2d;box-shadow:0 12px 36px #193b2d06}.rules-teaser-badge{display:inline-block;border:1px solid #c9dbcd;background:#fff8;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:700}.rules-teaser-eyebrow{font-size:10px!important;letter-spacing:1.7px;font-weight:700;color:#397c57;margin:26px 0 12px!important}.rules-teaser-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.rules-teaser-intro p{font-size:15px;line-height:1.75;max-width:360px;color:#597163}.rules-teaser-guide{display:inline-block;margin-top:12px;color:#286846;font-weight:650;font-size:14px;text-decoration:underline;text-underline-offset:4px}.rules-teaser-content{min-width:0}.rules-teaser fieldset{border:0;min-width:0;margin:0;padding:0}.rules-teaser legend{font-size:18px;font-weight:650;line-height:1.6;margin-bottom:20px;padding:0;float:none;width:100%}.rules-teaser-choices{display:grid;gap:10px}.rules-teaser-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:14px;line-height:1.5;border:1px solid #d5dfd6;background:#fff;color:#243c2e;padding:13px 16px;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.rules-teaser-choice:hover:not(:disabled){border-color:#398158;background:#f3f8f2}.rules-teaser-choice:focus-visible,.rules-teaser a:focus-visible{outline:3px solid #368053;outline-offset:3px}.rules-teaser-letter{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#f0f5ef;font-size:12px;font-weight:700;color:#528063}.rules-teaser-choice [data-card-choice-note]{margin-left:auto;font-size:11px;font-weight:650;max-width:90px;flex-shrink:0}.rules-teaser-choice:disabled{opacity:1;cursor:default}.rules-teaser-choice.is-selected{border-color:#aa7862;background:#fff7ef}.rules-teaser-choice.is-correct{border-color:#3c8259;background:#edf8ed}.rules-teaser-feedback{margin:18px 0;padding:18px 20px;border-left:3px solid #39845a;background:#edf5eb;border-radius:0 12px 12px 0;font-size:14px;line-height:1.65}.rules-teaser-feedback[hidden],.rules-teaser-error[hidden],.rules-teaser-prompt[hidden]{display:none}.rules-teaser-result{font-weight:700;margin:0 0 8px}.rules-teaser-feedback p[data-card-explanation]{margin:0 0 10px}.rules-teaser-feedback a{font-size:12px;text-decoration:underline;text-underline-offset:3px;color:#286846}.rules-teaser-prompt{font-size:12px;color:#627768;margin:14px 0 20px}.rules-teaser-error{font-size:13px;color:#9a3d27;padding:10px 0}.rules-teaser-next{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:20px}.rules-teaser-next .button{font-size:14px}.rules-teaser-next>span{font-size:11px;color:#627768}html[data-theme=dark] .rules-teaser{background:linear-gradient(135deg,#193327,#15271f);border-color:#37503e;color:#edf6ee}html[data-theme=dark] .rules-teaser-badge{background:#254132;border-color:#46684f}html[data-theme=dark] .rules-teaser-intro p,html[data-theme=dark] .rules-teaser-prompt,html[data-theme=dark] .rules-teaser-next>span{color:#b0c3b3}html[data-theme=dark] .rules-teaser-eyebrow,html[data-theme=dark] .rules-teaser-guide{color:#a3d2ae}html[data-theme=dark] .rules-teaser-choice{background:#203a2b;border-color:#46604b;color:#eff7ef}html[data-theme=dark] .rules-teaser-letter{background:#304d39;color:#c5dec7}html[data-theme=dark] .rules-teaser-choice:hover:not(:disabled),html[data-theme=dark] .rules-teaser-choice.is-correct,html[data-theme=dark] .rules-teaser-feedback{background:#294832;border-color:#78b68a}html[data-theme=dark] .rules-teaser-choice.is-selected:not(.is-correct){background:#453829;border-color:#b29b78}html[data-theme=dark] .rules-teaser-feedback a{color:#b6dabe}html[data-theme=dark] .rules-teaser-error{color:#efb99c}@media(max-width:740px){.rules-teaser{grid-template-columns:1fr;gap:26px;border-radius:18px;margin:28px 0}.rules-teaser-intro p{max-width:none}.rules-teaser-intro h2{font-size:30px}.rules-teaser-eyebrow{margin-top:18px!important}.rules-teaser legend{font-size:16px}.rules-teaser-choice{padding:13px 12px}.rules-teaser-next .button{width:100%;white-space:normal;line-height:1.5;text-align:center}}