/* Catalog chrome stays quiet; each test owns its illustrated question world. */
body[data-play="true"]{--ink:#202020;--muted:#666;--line:#e2e2e2;--paper:#fff;background:#fff;color:#202020;font-family:Pretendard,sans-serif}
body[data-play="true"] .site-header{background:#fff;color:#202020;border-color:#ececec}
body[data-play="true"] .themed-result{max-width:600px;padding-top:12px}
body[data-play="true"] .themed-result>.result-heading{display:none}
body[data-play="true"] #result-card{margin:0 -20px;width:calc(100% + 40px);max-width:none;overflow:hidden}
body[data-play="true"] #result-card>svg{display:block;width:100%;height:auto}
body[data-play="true"] .result-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
body[data-play="true"] .result-actions button{min-height:58px;font-size:17px;font-weight:700;border-radius:8px;padding:16px;box-shadow:none}
body[data-play="true"] .result-actions .primary-button{background:#202020;color:#fff;border:2px solid #202020}
body[data-play="true"] .result-actions .secondary-button{background:#fff;color:#202020;border:2px solid #202020}
body[data-play="true"] .share-note{font-size:14px;color:#666;line-height:1.6}
body[data-play="true"] .eyebrow{color:#666;letter-spacing:0;font-size:12px}
body[data-play="true"] .result-section{border-color:#dedede}
body[data-play="true"] .insight-card{background:#f5f5f5;border:0;box-shadow:none;color:#202020}
body[data-play="true"] .result-description{font-size:16px;line-height:1.8;color:#424242}
body[data-play="true"] .match-card{background:#f5f5f5;border-color:#dedede;color:#202020}
body[data-play="true"] .type-mini{border-color:#dedede;background:white;color:#202020}
body[data-play="true"] .type-mini.is-active{border-color:#202020;background:#f5f5f5}
body[data-play="true"] .type-mini svg:not(.icon),body[data-play="true"] .match-card svg:not(.icon){display:block;width:100%;height:100%;max-height:145px}
body[data-play="true"] .share-sheet{background:#fff;color:#202020;font-family:Pretendard,sans-serif}
body[data-play="true"] .share-sheet svg[viewBox]{max-width:100%;height:auto}
body[data-play="true"] .share-sheet .share-option svg{width:22px;height:22px}
body[data-play="true"] .share-sheet .sheet-close svg{width:20px;height:20px}
body[data-play="true"] .share-sheet .share-options{border-color:#e2e2e2}
body[data-play="true"] .share-sheet .share-url-input{background:#f6f6f6;border-color:#d5d5d5;color:#303030}

body[data-play="true"] .match-card>.icon{width:22px;height:22px;flex:0 0 22px}
body[data-play="true"] .match-card>.match-image{width:88px;height:100px;flex:0 0 88px;max-width:88px;overflow:hidden}
body[data-play="true"] .match-card>.match-copy{min-width:0;flex:1}
body[data-play="true"] .match-card{gap:12px;padding:14px}