/* Situation feedback and targeted repetition. */
.quiz-variant-review{margin:20px 0}
.quiz-variant-review>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:15px;font-weight:700;line-height:1.6;color:#006d72}
.quiz-variant-list{padding:0;margin:12px 0;list-style:none}
.quiz-variant-list>li{padding:17px;margin-bottom:10px;border:1px solid #d3dfd8;border-radius:6px;background:#fff}
.quiz-variant-list>li.variant-correct{border-color:#80b7a8;background:#edf7f1}
.quiz-variant-list strong{font-size:15px;line-height:1.8}
.quiz-variant-list .variant-caption{display:block;font-size:13px;color:var(--muted);margin:8px 0}
.quiz-variant-list p{font-size:16px;line-height:1.8}
.quiz-law{margin-top:23px;border-left:3px solid #00777b;padding:17px;background:#f0f6f2;border-radius:0 6px 6px 0}
.quiz-law p{font-size:16px;line-height:1.8}
.quiz-law .quiz-law-note{font-size:14px;margin-top:13px}
.quiz-article-links{display:flex;flex-wrap:wrap;gap:5px 20px;margin-top:14px}
.quiz-article-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:#006d72;text-decoration:underline;text-underline-offset:4px}
.quiz-feedback .quiz-variant-list strong{font-size:15px}
.quiz-result-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}
.quiz-result .quiz-result-actions .button{margin-top:0;min-height:48px}
.review-answers>summary{font-size:16px;min-height:44px;padding-block:10px;line-height:1.6}
.review-answers>ol{padding-left:20px}
.review-answers>ol>li{padding:22px 0;border-bottom:1px solid var(--line)}
.review-answers h4{font-size:18px;line-height:1.6;margin:0 0 12px}
.review-answers li p{font-size:16px;margin-top:10px;line-height:1.8}
.review-label{color:#006d72;font-weight:700}
.card-detail .card-guide-link{display:flex;margin-top:8px;font-size:14px}
.nav>a.nav-help{color:#006d72;font-weight:800}
@media(min-width:761px) and (max-width:1380px){
 .header .menu-toggle{display:block}
 .header .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:13px 28px 23px;box-shadow:0 18px 22px #06334813;gap:0}
 .header .nav.is-open{display:flex}
 .header .nav>a{font-size:16px;padding:13px 7px;border-bottom:1px solid var(--line)}
 .header .nav>a::after{display:none}
}
/* The photograph remains a small, flowing part of the mobile hero. */
@media(max-width:760px){
 .hero{height:auto;display:grid;grid-template-rows:auto 150px;padding-bottom:20px}
 .hero-content{grid-row:1;padding-top:25px;padding-bottom:20px;pointer-events:auto}
 .hero h1{font-size:clamp(38px,9.9vw,54px);line-height:1.08;margin:18px 0;max-width:560px}
 .hero-description{font-size:16px;line-height:1.7;margin-bottom:21px}
 .hero-note{font-size:12px;margin-top:12px}
 .hero-photo{grid-row:2;position:relative;top:auto;bottom:auto;right:auto;width:100%;height:150px;border-radius:50% 45% 0 0 / 20% 20% 0 0}
 .hero-photo img{object-position:center 45%}
 .hero-bubble,.hero-orbit,.scroll-cue{display:none}
 .hero-wave{height:20px}
 .hero-eyebrow{font-size:10px;letter-spacing:.05em}
 .quiz-article-links{display:block}
 .quiz-article-links a{display:flex}
 .quiz-result-actions{flex-direction:column;align-items:stretch}
 .quiz-result-actions .button{justify-content:space-between}
}
@media(max-width:360px){.hero h1{font-size:38px}.hero-eyebrow{font-size:9px}}