.seo-content-figure { margin: 28px 0; }
.seo-content-figure img { display:block; width:100%; height:auto; border-radius:12px; border:1px solid #dce5e1; }
.seo-content-figure figcaption { margin-top:10px; font-size:.88rem; line-height:1.65; color:#475569; }
.seo-answer-box { padding:18px 20px; border-left:4px solid #087e8b; background:#edf8f7; border-radius:0 10px 10px 0; color:#173e45; }
.interactive-sample-quiz { margin:20px 0; padding:20px; border:1px solid #c9ded8; border-radius:14px; background:#f7fcfa; }
.interactive-sample-quiz [hidden] { display:none!important; }
.interactive-sample-quiz progress { width:100%; height:8px; accent-color:#087e8b; }
.quiz-progress { font-size:.85rem; color:#475569; }
.quiz-options { display:grid; gap:10px; }
.quiz-options button,.quiz-next { font:inherit; line-height:1.6; min-height:48px; border:1px solid #bacdc8; border-radius:9px; padding:12px 16px; background:white; color:#203c42; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.quiz-options button:focus-visible,.quiz-next:focus-visible { outline:3px solid #087e8b; outline-offset:3px; }
.quiz-options button:disabled { cursor:default; opacity:1; }
.quiz-options .is-correct,.quiz-feedback.is-correct { background:#e6f5ea; color:#14532d; border-color:#25844a; }
.quiz-options .is-wrong,.quiz-feedback.is-wrong { background:#fff0ec; color:#8f2c19; border-color:#b64c35; }
.quiz-feedback:not(:empty) { padding:14px; border-radius:9px; }
.quiz-next { background:#087e8b; color:white; font-weight:600; }
.seo-printable { padding:16px 0; border-block:1px solid #dce5e1; }
.editorial-body table caption { text-align:left; font-weight:600; padding:10px 0; color:#334155; }
.seo-child-privacy { max-width:1100px; margin:16px auto; padding:0 24px; font-size:.85rem; line-height:1.7; }
@media(max-width:600px) { .interactive-sample-quiz { padding:16px; } .quiz-options button { padding:12px; } }
.editorial-body details[name="giai-de-2026"] { margin: 12px 0; padding: 0 16px; border: 1px solid #dce5e1; border-radius: 10px; background: #fff; }
.editorial-body details[name="giai-de-2026"] > summary { padding: 16px 0; min-height: 48px; font-weight: 600; line-height: 1.6; cursor: pointer; overflow-wrap: anywhere; }
.editorial-body details[name="giai-de-2026"][open] > summary { border-bottom: 1px solid #dce5e1; margin-bottom: 12px; }
.editorial-body details[name="giai-de-2026"] > p:last-child,
.editorial-body details[name="giai-de-2026"] > ol:last-child { margin-bottom: 16px; }