/* animiru-font-weight-step-v1 */
.viewing-experience{padding:clamp(18px,3vw,28px);border:1px solid #d6dfeb;border-radius:20px;background:#fff;box-shadow:0 8px 25px #152b4810;scroll-margin-top:100px}
.viewing-experience [hidden]{display:none!important}
.viewing-experience h3{margin:0 0 12px;font-size:clamp(21px,2.5vw,27px);line-height:1.5;color:#13294b}
.viewing-experience h4,.viewing-experience h5{margin:0 0 12px;font-size:19px;line-height:1.6;color:#13294b}
.viewing-experience p{line-height:1.85;margin:10px 0 16px}
.viewing-experience fieldset{margin:20px 0;padding:0;border:0;min-width:0}
.viewing-experience legend{font-weight:750;margin-bottom:12px;line-height:1.65}
.viewing-experience__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.viewing-experience__options label,.viewing-experience__check{display:flex;align-items:flex-start;gap:10px;padding:15px;border:2px solid #d9e0eb;border-radius:12px;background:#f8fafc;line-height:1.6;cursor:pointer;font-weight:650;min-height:54px;box-sizing:border-box}
.viewing-experience input{accent-color:#a93d24;width:20px;height:20px;flex:0 0 20px;margin:3px 0 0}
.viewing-experience__options label:has(input:checked){border-color:#a93d24;background:#fff3ed}
.viewing-experience__options label:focus-within,.viewing-experience__check:focus-within{outline:3px solid #1c6197;outline-offset:3px}
.viewing-experience__reset{border:1px solid #50637b;padding:11px 16px;border-radius:10px;background:white;color:#243951;font:inherit;font-size:15px;cursor:pointer;min-height:48px}
.viewing-experience__reset:focus-visible,.viewing-experience__link:focus-visible{outline:3px solid #1c6197;outline-offset:3px}
.viewing-experience__result{border-left:4px solid #ce6537;padding:20px;background:#fff6ef;border-radius:0 12px 12px 0;margin:20px 0}
.viewing-experience__status{color:#354b63;font-size:15px;font-weight:650}
.viewing-experience .viewing-experience__note{font-size:14px;line-height:1.8;color:#4a5c70}
.viewing-experience__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 8px}
.viewing-experience__link{display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;line-height:1.6;padding:10px 14px;background:#fff;border:1px solid #52657e;border-radius:10px;color:#173b61;font-weight:650;text-decoration:underline;text-underline-offset:3px;box-sizing:border-box}
.viewing-experience__link small{font-size:12px;font-weight:400;color:#506074;margin-top:2px}
.viewing-experience__check-list{display:grid;gap:12px;margin:20px 0}
.viewing-experience__diagram{margin:24px auto 30px;max-width:560px}
.viewing-experience__diagram img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #e0e5ec}
.viewing-experience__diagram figcaption{padding:12px 4px;font-size:14px;line-height:1.8;color:#3e526b}
.viewing-experience__back{margin:22px 0 4px}
#viewing-choice-title,#viewing-checks-title{scroll-margin-top:100px}
html:has([data-viewing-experience]){scroll-behavior:auto}
body:has([data-viewing-experience]) #article-section-2,body:has([data-viewing-experience]) #article-section-3,body:has([data-viewing-experience]) #article-section-4{scroll-margin-top:100px}
@media(max-width:600px){.viewing-experience__options{grid-template-columns:1fr}.viewing-experience__result{padding:16px}.viewing-experience__actions{flex-direction:column;align-items:stretch}.viewing-experience__link{width:100%;text-align:center}.viewing-experience__reset{width:100%}.viewing-experience{border-radius:16px}}
@media(prefers-reduced-motion:reduce){html:has([data-viewing-experience]){scroll-behavior:auto!important}}
.viewing-experience--services{grid-column:1/-1;margin:24px 0 0}
.viewing-experience__back{grid-column:1/-1}
.viewing-experience__services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:20px 0}
.viewing-experience__service{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #d6dfeb;border-radius:14px;background:#f8fafc}
.viewing-experience__service h4{font-size:20px;margin:0 0 8px}
.viewing-experience__service h4 a{color:#173b61;text-underline-offset:4px}
.viewing-experience__service p,.viewing-experience__service dd{font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.viewing-experience__service dl{margin:0 0 18px}
.viewing-experience__service dl>div+div{margin-top:14px}
.viewing-experience__service dt{font-size:14px;font-weight:600;color:#253e5c;margin-bottom:4px}
.viewing-experience__service dd{margin:0}
.viewing-experience__service .db-cta{margin-top:auto}
.viewing-experience__service .c-button{width:100%;white-space:normal;text-align:center;box-sizing:border-box;min-height:48px}
.viewing-experience__service a:focus-visible{outline:3px solid #1c6197;outline-offset:3px}
[id^="viewing-services-"]{scroll-margin-top:100px}
@media(max-width:1100px){.viewing-experience__services{grid-template-columns:1fr}}