/* Shared PLAUD-derived presentation. Scoring and product selection stay page-owned. */
:root { --color-primary:#1267e5; --color-primary-dark:#103365; }
.quiz > .shell { max-width:860px; }
.quiz .quiz-card,.quiz > .shell:has(> .quiz-progress) { padding:36px; border:1px solid #dce8f4; border-radius:24px; background:#fff; box-shadow:0 12px 36px rgba(16,51,101,.05); }
.quiz .question-panel { min-height:0; padding:36px 0 24px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.quiz .question-panel h2 { margin:14px 0 28px; font-size:clamp(1.45rem,3vw,2.35rem); line-height:1.5; letter-spacing:-.035em; }
.quiz .answer-list { display:grid; gap:12px; margin-top:28px; }
.quiz .answer-button { min-height:64px; border-radius:16px; font-size:.95rem; padding:15px 54px 15px 18px; }
.quiz .progress-track { height:6px; background:#e4edf7; }
.quiz .progress-track span { background:#1267e5; }
.results .result-hero { text-align:left; }
.results :is(.accessory-result,.simulator,.next-steps) { margin-top:28px; padding:28px; border:1px solid #dce8f4; border-radius:18px; background:#fff; box-shadow:none; }
.results :is(.accessory-result__heading,.simulator__intro,.next-steps__heading) h2 { font-size:clamp(1.3rem,2.4vw,1.8rem); line-height:1.5; letter-spacing:-.02em; }
.results .model-comparison { margin-top:40px; }
.results .model-comparison h2 { font-size:clamp(1.4rem,2.6vw,2rem); line-height:1.5; }
.results :is(.result-buy-button,.result-buy-link,.result-article-link) { box-shadow:none; border-radius:12px; min-height:48px; line-height:1.6; }
.results .result-buy-button--official { background:#103365; color:#fff; }
.results :is(.result-buy-button--amazon,.result-buy-button--rakuten) { color:#103365; background:#f4f8fc; border:1px solid #cbdced; }
.results .disclaimer { margin-top:32px; padding:24px; border-radius:16px; }
.results .restart-area { padding:28px 0; }
.results .accessory-link { min-height:44px; color:#103365; background:#f4f8fc; border:1px solid #cbdced; border-radius:10px; box-shadow:none; }
.results .accessory-link:hover { border-color:#1267e5; background:#edf5ff; box-shadow:none; }
.results .other-picks .insight-icon { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:15px; background:#eaf6ff; color:#1267e5; }
.results .other-picks .insight-icon svg { width:22px; height:22px; }
@media(max-width:600px) {
 .quiz .quiz-card,.quiz > .shell:has(> .quiz-progress) { padding:24px 18px; }
 .quiz .question-panel { padding:24px 0 16px; }
 .results :is(.accessory-result,.simulator,.next-steps) { padding:20px; }
 .results .result-buy-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
 .result-details .insight-block__heading { gap:12px; }
 .result-details .insight-block__heading h3 { font-size:1rem; overflow-wrap:anywhere; }
 .result-details .insight-icon { width:40px; height:40px; flex-basis:40px; }
}
@media(prefers-reduced-motion:reduce) { .quiz *, .results * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
.brand-alternatives { margin-top:24px; padding:28px; border:1px solid #d5e5f7; border-radius:18px; background:#fff; }
.brand-alternatives__heading { display:flex; gap:16px; align-items:center; }
.brand-alternatives__heading > span { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; color:#1267e5; background:#eaf6ff; }
.brand-alternatives__heading svg { width:22px; height:22px; }
.brand-alternatives h3 { margin:6px 0; font-size:1.4rem; color:#103365; }
.brand-alternatives > p { font-size:.85rem; color:#61768e; }
.brand-alternatives__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
.brand-alternatives__card { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:18px; padding:20px; border:1px solid #d5e5f7; border-radius:14px; background:#f7fbff; color:#103365; text-decoration:none; }
.brand-alternatives__card img { width:100%; height:110px; object-fit:contain; }
.brand-alternatives__card h4 { margin:0; font-size:1rem; }
.brand-alternatives__card p { margin:10px 0; font-size:.8rem; line-height:1.8; color:#536a83; }
.brand-alternatives__card span { font-size:.75rem; color:#1267e5; font-weight:700; }
.brand-alternatives__card:hover { border-color:#1267e5; background:#edf5ff; }
@media(max-width:700px) { .brand-alternatives { padding:20px; } .brand-alternatives__list { grid-template-columns:minmax(0,1fr); } .brand-alternatives__card { grid-template-columns:76px minmax(0,1fr); gap:12px; padding:16px; } }
.result-details { margin-top:24px; padding:24px; border:1px solid #d5e5f7; border-radius:16px; background:#fff; }
.result-details > summary { cursor:pointer; color:#103365; font-size:1rem; font-weight:750; }
.result-details > summary:focus-visible { outline:3px solid #8db9ff; outline-offset:4px; }
.results .result-details .insight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; gap:28px; }
.results .result-details .insight-block { padding:36px; border-radius:24px; }
.results .result-details .insight-block--caution { background:#fffdfa; }
.result-details .insight-block__heading { display:flex; align-items:center; gap:16px; }
.result-details .insight-block__heading p { margin:0 0 6px; font-size:.65rem; letter-spacing:.18em; color:#1267e5; font-weight:800; }
.result-details .insight-block__heading h3 { margin:0; font-size:1.2rem; line-height:1.5; color:#103365; }
.result-details .insight-icon { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:15px; background:#eaf6ff; color:#1267e5; }
.result-details .insight-icon--caution { background:#fff2de; color:#ad600c; }
.result-details .insight-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; }
.result-details .insight-list { margin-top:26px; padding:0; list-style:none; }
.result-details .insight-list li { position:relative; padding:18px 0 18px 26px; border-top:1px solid #d5e5f7; font-size:.85rem; line-height:1.9; }
.result-details .insight-list li::before { top:27px; left:4px; width:6px; height:6px; border-radius:50%; background:#1267e5; box-shadow:0 0 0 4px #eaf3ff; }
.result-details .insight-block--caution .insight-list li::before { background:#ad600c; box-shadow:0 0 0 4px #faf0e3; }
@media(max-width:700px) { .result-details { padding:16px; } .results .result-details .insight-grid { grid-template-columns:minmax(0,1fr); gap:16px; } .results .result-details .insight-block { padding:24px 20px; } }
.results .result-hero { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:28px; padding:28px; min-height:0; border:0; border-radius:18px; background:#103365; box-shadow:none; }
.results .score-wrap { min-height:170px; padding:0; background:none; }
.results .score-wrap::before,.results .score-wrap::after { display:none; }
.results :is(.score-ring,.score-gauge) { width:170px; height:170px; filter:none; }
.results :is(.score-ring,.score-gauge) circle { stroke-width:17; }
.results :is(.score-ring__track,.score-gauge__track) { stroke:#41638e; }
.results :is(.score-ring__value,.score-gauge__value) { stroke:#65ddff; filter:none; }
.results .score-center strong,.results .score-center b { color:#fff; font-family:"DIN Alternate","DIN Condensed",Bahnschrift,"Arial Narrow",sans-serif; font-size:4rem; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-.025em; line-height:1; }
.results .score-center small { color:#fff; font-size:1.4rem; }
.results .score-center > span { color:#eef6ff; font-size:.7rem; }
.results .score-center em,.results .score-center__max { display:none; }
.results .result-copy { min-width:0; padding:0; background:none; }
.results .result-copy .section-kicker { color:#8db9ff; }
.results .result-copy h2 { color:#c4d8f1; font-size:.8rem; line-height:1.6; margin:8px 0; letter-spacing:.02em; }
.results .result-copy__title { color:#fff; font-size:clamp(1.4rem,2.8vw,2rem); }
.results .result-copy__description { color:#c4d8f1; font-size:.9rem; line-height:1.9; }
.results .model-result { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:14px 28px; margin-top:18px; padding:28px; border:1px solid #dce8f4; border-radius:18px; background:#fff; }
.results .model-result > * { min-width:0; grid-column:2; margin:0; }
.results .model-result > :is(.model-media,.brand-result-image) { grid-column:1; grid-row:1 / span 8; align-self:center; }
.results .model-result :is(.model-media img,.brand-result-image img) { display:block; width:100%; height:270px; object-fit:contain; padding:20px; box-sizing:border-box; }
.results .model-media__item,.brand-result-image { border:0; border-radius:14px; background:#f2f6fa; overflow:hidden; }
.results .model-result h3 { font-size:clamp(1.3rem,2.4vw,1.8rem); line-height:1.5; }
.results .model-media figcaption { display:none; }
.results .model-result:has(.model-media[hidden]) > * { grid-column:1 / -1; }
.results .insight-grid { gap:18px; margin-top:20px; }
.results .insight-block { padding:24px; border:1px solid #dce8f4; border-radius:18px; background:#fff; }
.question-panel { border-radius:18px; box-shadow:0 12px 36px rgba(16,51,101,.05); }
.answer-button:focus-visible,.results a:focus-visible,.results button:focus-visible { outline:3px solid #1267e5; outline-offset:4px; }
.results [hidden] { display:none !important; }
@media(max-width:600px) {
 .results .result-hero { grid-template-columns:100px minmax(0,1fr); padding:20px 16px; gap:14px; }
 .results .score-wrap { min-height:110px; }
 .results :is(.score-ring,.score-gauge) { width:110px; height:110px; }
 .results .score-center strong,.results .score-center b { font-size:2.65rem; }
 .results .score-center small { font-size:1rem; }
 .results .score-center > span { font-size:.55rem; }
 .results .result-copy__title { font-size:1.25rem; }
 .results .result-copy__description { font-size:.8rem; }
 .results .model-result { grid-template-columns:minmax(0,1fr); padding:20px; gap:16px; }
 .results .model-result > *,.results .model-result > :is(.model-media,.brand-result-image) { grid-column:1; grid-row:auto; }
 .results .model-result > :is(.model-media,.brand-result-image) { grid-row:1; }
 .results .model-result :is(.model-media img,.brand-result-image img) { height:220px; }
 .results .insight-block { padding:20px; }
}