/* animiru-font-weight-step-v1 */
.ex2 {display:grid;gap:24px;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-lg);scroll-margin-top:96px;container-type:inline-size;}
.ex2 [hidden],.ex2-back[hidden] {display:none!important;}
.ex2 h2,.ex2 h3,.ex2 p {margin:0;}
.ex2 header,.ex2 form,.ex2-field {display:grid;gap:16px;}
.ex2 select {width:100%;min-height:48px;padding:12px;border:1px solid var(--color-border-strong);border-radius:12px;background:#fff;color:var(--color-text);font:inherit;}
.ex2 fieldset {min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:16px;display:grid;gap:16px;}
.ex2 legend,.ex2-field>span {font-weight:600;}
.ex2-services,.ex2-modes {display:grid;gap:10px;}
.ex2-option {display:flex;align-items:center;gap:10px;padding:12px;min-height:48px;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;background:#fafaff;overflow-wrap:anywhere;}
.ex2-option:has(input:checked) {background:#f0edff;border-color:#7664d9;}
.ex2 input {width:20px;height:20px;flex-shrink:0;accent-color:#6750b8;}
.ex2-result {display:grid;gap:20px;scroll-margin-top:96px;}
.ex2-result:focus-visible {outline:3px solid #7664d9;outline-offset:5px;}
.ex2-answer {font-size:1.1rem;font-weight:600;color:#152641;}
.ex2-results,.ex2-next,.ex2-details {display:grid;gap:12px;}
.ex2-row {display:grid;gap:8px;padding:16px;border:1px solid #d9d4f2;border-radius:12px;background:#faf9ff;}
.ex2-row[data-kind="paid"],.ex2-row[data-kind="unknown"] {background:#fffaf2;border-color:#ead6af;}
.ex2-row[data-kind="missing"] {background:#f7f8fa;border-color:#d8dce5;}
.ex2-row strong {font-weight:600;}
.ex2-badge {font-weight:600;color:#152641;}
.ex2-links {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.ex2-links a,.ex2-entry,.ex2-back {display:inline-flex;align-items:center;min-height:44px;padding-block:8px;text-decoration:underline;text-underline-offset:3px;}
.ex2-entry {font-size:.95rem;display:flex;}
.ex2-privacy,.ex2-limit {font-size:.95rem;line-height:1.75;color:#152641;}
.ex2-details {border-top:1px solid var(--color-border);padding-top:16px;}
.ex2-details summary {cursor:pointer;font-weight:600;min-height:44px;}
.ex2-announcement:empty {display:none;}
@container (min-width:460px) {.ex2-services {grid-template-columns:repeat(2,minmax(0,1fr));}}
.article-body-image--infographic:has(img[src*="article-exclusive-meaning"]) {grid-column:1/-1;min-width:0;width:100%;margin-inline:0;}
.article-body-image--infographic img[src*="article-exclusive-meaning"] {width:100%;height:auto;max-width:640px;display:block;margin-inline:auto;}
@media (prefers-reduced-motion:reduce) {html:has(.ex2) {scroll-behavior:auto;}}

/* Optional next reading stays after the answer and conditions. */
.ex2-guide-note{padding:1rem;border-left:3px solid var(--color-primary,#7357bb);background:#f7f4fd;line-height:1.8}
.ex2-value-actions{margin-top:1.5rem}.ex2-value-actions h3{margin-top:0}
.ex2-value-sidebar h3{font-size:1rem;margin:1.5rem 0 .75rem}
.ex2-value-navigation .c-card{min-width:0}.ex2-value-navigation .c-button-row{flex-wrap:wrap}