.materials-main{padding-bottom:64px}.materials-header{max-width:870px;padding:46px 0 36px}.materials-header h1,.guide h1{font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:-1.4px;overflow-wrap:break-word}.materials-header .eyebrow,.guide-header .eyebrow{margin-bottom:18px}.article-lead{font-size:18px;line-height:1.8;color:#35485f}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.material-card{padding:30px;border:1px solid #bdc9d8;border-radius:20px;background:#fff}.material-card h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:18px 0}.material-card h2 a{text-decoration:none}.material-card h2 a:hover{text-decoration:underline}.material-card p{line-height:1.85;color:#4e5d71}.guide{max-width:820px;margin:42px auto}.guide-header{margin-bottom:28px}.article-meta{font-size:13px;line-height:1.8;color:#526176;margin-top:22px}.guide-body{font-size:16px;line-height:1.85;color:#35485f}.guide-body h2,.article-next h2{font-size:clamp(25px,3vw,32px);line-height:1.25;letter-spacing:-.7px;color:#152034;margin:36px 0 18px}.guide-body h3{font-size:21px;line-height:1.4;color:#152034;margin:24px 0 12px}.guide-body p{margin:16px 0}.guide-body ul,.guide-body ol{padding-left:25px}.guide-body li{margin:12px 0}.guide-body a,.article-related a{text-underline-offset:4px}.article-toc,.article-note{background:#eaf2d9;border:1px solid #d5e4bd;padding:24px;border-radius:16px;margin:28px 0}.article-toc h2,.article-note h3{margin-top:0}.article-toc a{color:#304327}.article-checklist dt{font-weight:700;color:#152034;margin-top:20px}.article-checklist dd{margin:7px 0 0}.article-next{border-top:1px solid #b9c7d7;padding-top:12px;margin-top:38px}.article-next .button{margin-top:12px}.article-related{max-width:820px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;font-size:14px;line-height:1.8}.guide-body section{scroll-margin-top:100px}@media(max-width:700px){.materials-grid{grid-template-columns:1fr}.materials-header{padding-top:30px}.material-card{padding:23px}.guide{margin-top:30px}.guide-body{font-size:15px}.article-lead{font-size:16px}.article-toc,.article-note{padding:20px}.article-meta{font-size:12px}.materials-main{padding-bottom:38px}}

/* Original editorial illustrations, 18 October 2026. */
.article-figure{margin:32px 0 40px;max-width:100%}
.article-figure img{display:block;width:100%;height:auto;aspect-ratio:40/21;border:1px solid #c6cebf;border-radius:20px;background:#f6f3e9}
.article-figure figcaption{font-size:14px;line-height:1.65;color:#526176;margin:12px 4px 0;max-width:740px}
.article-cover{margin-top:0;margin-bottom:32px}
.article-comic{margin:38px 0}
.material-card{overflow:hidden}
.material-card-visual{display:block;margin:-30px -30px 26px;overflow:hidden;border-bottom:1px solid #c6cebf;background:#f6f3e9}
.material-card-visual img{display:block;width:100%;height:auto;aspect-ratio:40/21;transition:transform .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.material-card:hover .material-card-visual img{transform:scale(1.025)}}
@media(max-width:700px){.article-figure img{border-radius:14px}.article-figure figcaption{font-size:13px;margin-top:10px}.article-figure{margin-bottom:28px}.article-cover{margin-top:0}.material-card-visual{margin:-23px -23px 22px}}

.article-comic a{display:block;border-radius:20px}.article-comic a:focus-visible{outline:3px solid #4c6d24;outline-offset:5px}@media(max-width:600px){.article-comic img{aspect-ratio:auto}}
