.rules-button{background:none;border:0;font:inherit;color:#8b729e;padding:0;margin-left:7px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){
 body{padding-bottom:77px}
 .shell{padding-left:16px;padding-right:16px}
 .preview-bar{height:22px;font-size:9px}
 .header{height:55px}
 .brand{font-size:18px;gap:8px}
 .brand small{font-size:7px;letter-spacing:2px;margin-top:2px}
 .brand-mark,.brand-mark svg{width:27px;height:29px}
 .home-link{font-size:9px}
 .hero{height:117px;border-bottom-right-radius:23px}
 .hero-copy{padding:15px 17px;max-width:100%}
 .hero-copy h1{font-size:27px;line-height:1.3;margin:8px 0 4px;letter-spacing:.6px}
 .hero-copy h1 br{display:none}
 .question{font-size:26px}
 .eyebrow{font-size:8px;letter-spacing:1.7px;gap:6px}
 .eyebrow>span{width:15px}
 .hero-copy p{font-size:9px;max-width:215px;line-height:1.5}
 .hero-copy p br{display:none}
 .hero-anchor,.hero-caption{display:none}
 .hero-art{object-position:73% 49%;opacity:.92}
 .hero-shade{background:linear-gradient(90deg,#eae2f4fa 0%,#eae2f4ec 31%,#eae2f491 54%,#eae2f410 75%)}
 .hero-line{inset:7px;border-bottom-right-radius:17px}
 .invitation{padding:10px 0 11px;gap:9px;align-items:center;border-bottom:0}
 .invitation img{width:29px;height:29px;margin:0}
 .invitation .author{display:none}
 .invitation p{font-size:10px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .selection{padding-top:0;scroll-margin-top:8px}
 .section-heading{gap:5px;margin-bottom:10px}
 .section-kicker{display:none}
 .section-heading h2{font-size:18px;line-height:1.4;margin:0;letter-spacing:.4px}
 .choice-note{padding:0;font-size:9px;gap:5px}
 .cards{gap:9px}
 .choice-card{display:grid;grid-template-columns:56px 1fr;align-items:center;min-height:106px;overflow:visible;border-radius:5px 5px 14px 5px;background:#fffdfefa}
 .choice-card:hover{transform:none}
 .radio-indicator{right:11px;top:12px;width:15px;height:15px}
 .choice-card:has(input:checked){background:#f8f2fe}
 .choice-card:has(input:checked) .radio-indicator:after{width:6px;height:3px}
 .card-art{width:50px;height:72px;margin-left:7px;overflow:hidden;border-radius:4px;background:transparent}
 .card-art svg{width:62px;height:65px;top:10px;left:50%;transform:translateX(-50%)}
 .art-page-number{font-size:10px;left:7px;top:0}
 .art-caption{display:none}
 .card-body{padding:10px 27px 10px 8px}
 .category{font-size:8px;letter-spacing:1px;line-height:1.3}
 .category>span{display:none}
 .card-body h3{font-size:16px;line-height:1.4;margin:5px 0 4px;min-height:0;letter-spacing:.1px}
 .card-body h3 br{display:none}
 .card-body p{font-size:11.5px;line-height:1.55;margin:0;color:#81718b;flex:0}
 .card-footer{display:none}
 .vote-desk{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0;border:0;border-top:1px solid #dfd1e7;box-shadow:0 -7px 30px #4d29620a;background:#f4edf9f5;backdrop-filter:blur(12px);display:flex;gap:10px;align-items:center}
 .desk-copy{flex:1;gap:0}
 .desk-icon,.desk-copy>div>span{display:none}
 .desk-copy strong{font-size:11px;line-height:1.55;font-family:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .desk-actions{margin:0;gap:12px;flex-shrink:0}
 .text-button{font-size:9px;padding:8px 0}
 .text-button span{display:none}
 .primary-button{padding:13px 14px;min-width:116px;max-width:155px;font-size:11px;gap:11px;white-space:nowrap;flex:none}
 .primary-button:disabled{background:#b6a1c7;border-color:#b6a1c7;color:#fff}
 .primary-button span{font-size:15px}
 .status:empty{display:none}
 .status{font-size:10px;min-height:0;margin:8px 0 0}
 .notes{display:none}
 footer{margin-top:14px;border-top:1px solid var(--line);padding:10px 0 0;gap:8px}
 footer>span{font-size:9px;letter-spacing:0}
 footer i{margin:0 4px}
 footer small{font-size:7px;line-height:1.4}
 footer .footer-link{font-size:8px}
 dialog{max-height:calc(100dvh - 40px);overflow-y:auto}
 dialog .section-kicker{display:block}
}
@media(max-width:375px){
 .hero{height:108px}.hero-copy{padding:12px 15px}.hero-copy h1{font-size:25px}
 .choice-card{min-height:104px;grid-template-columns:45px 1fr}
 .card-art{width:42px;margin-left:2px}.card-body{padding:9px 24px 9px 8px}
 .card-body h3{font-size:15px}.card-body p{font-size:11px}
 .desk-copy strong{font-size:10px}.primary-button{min-width:111px;padding:13px 12px}.desk-actions{gap:10px}footer>span{font-size:8px}
}