.editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:35px 0 48px}.editorial-hero h1{font-size:clamp(32px,3.5vw,56px);line-height:1.08;letter-spacing:-.035em;margin:16px 0 24px;overflow-wrap:anywhere}.editorial-hero .lead{max-width:620px;font-size:19px;line-height:1.65;color:#4b6074}.editorial-hero figure{margin:0;min-width:0}.editorial-hero figure img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:4px}.editorial-hero figcaption,.article-diagram figcaption{font-size:12px;line-height:1.5;color:#64798b;margin-top:10px}.article-contents{display:flex;flex-wrap:wrap;gap:10px 20px;padding:24px;background:#edf3f8;border-left:4px solid #1261c2;margin-bottom:30px}.article-contents>span{font-size:11px;letter-spacing:.12em;color:#526e86;width:100%;font-weight:700}.article-contents a{font-size:14px;color:#124f84;text-decoration:underline;text-underline-offset:4px}.article-block{display:grid;grid-template-columns:75px minmax(0,850px);gap:28px;padding:40px 0;border-bottom:1px solid #dce6ee;scroll-margin-top:150px}.article-section-number{font-size:24px;color:#1261c2;font-weight:700;padding-top:6px}.article-block h2{font-size:clamp(24px,2.3vw,34px);line-height:1.25;margin:0 0 22px;letter-spacing:-.02em}.article-block p{font-size:17px;line-height:1.85;color:#364e64;margin:0 0 20px}.article-block p:last-child{margin-bottom:0}.article-diagram{margin:32px 0 24px 103px;max-width:850px}.article-diagram img{width:100%;height:auto;display:block}.article-sources{padding:28px 32px;background:#f1f5f8;margin-top:40px;border:1px solid #dce6ee}.article-sources h2{font-size:23px;margin:0 0 14px}.article-sources p,.article-sources li{font-size:14px;line-height:1.7;color:#4e6579}.article-sources ul{padding-left:20px}.article-sources a{color:#15598e;text-decoration:underline;text-underline-offset:3px}.editorial-topic-grid,.opening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.editorial-topic,.opening-card{border:1px solid #dbe5ed;background:white;overflow:hidden;border-radius:4px}.editorial-topic{display:block;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s}.editorial-topic:hover,.editorial-topic:focus-visible{border-color:#1261c2;box-shadow:0 12px 35px #12365312}.editorial-topic img,.opening-card img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}.editorial-topic>div,.opening-card>div{padding:24px}.editorial-topic h3,.opening-card h3{font-size:23px;line-height:1.3;margin:0 0 16px}.editorial-topic p,.opening-card p{font-size:15px;line-height:1.7;color:#51677a}.editorial-topic span{color:#1261c2;font-size:14px;font-weight:700}.opening-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0}.opening-card img{max-height:300px;object-fit:contain;background:#f2f6f9}.opening-card h4{font-size:14px;letter-spacing:.03em;margin:22px 0 6px}.opening-limit{border-top:1px solid #dbe5ed;padding-top:16px}.editorial-article .table-wrap{max-width:100%}.editorial-article table{min-width:550px}.editorial-article td{vertical-align:top;line-height:1.7}.editorial-article .actions{flex-wrap:wrap}
@media(max-width:1000px){.editorial-hero{gap:24px;grid-template-columns:1fr}.editorial-hero figure{max-width:850px}.editorial-hero figure img{aspect-ratio:auto}.editorial-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-block{grid-template-columns:42px minmax(0,1fr);gap:16px}.article-diagram{margin-left:58px}}
@media(max-width:620px){.editorial-hero{padding:18px 0 30px}.editorial-hero h1{font-size:34px}.editorial-hero .lead{font-size:17px}.article-contents{padding:20px;gap:14px}.article-contents a{width:100%;line-height:1.5}.article-block{display:block;padding:30px 0}.article-section-number{font-size:17px;margin-bottom:14px}.article-block p{font-size:16px;line-height:1.8}.article-diagram{margin:24px 0}.editorial-topic-grid,.opening-grid{grid-template-columns:1fr}.article-sources{padding:22px}.editorial-article .table-wrap{overflow-x:auto}.editorial-topic>div,.opening-card>div{padding:22px}.opening-card img{max-height:none}}
@media print{.article-contents{display:none}.editorial-hero{grid-template-columns:1fr 1fr}.article-block{break-inside:avoid}.opening-card{break-inside:avoid}.article-sources a{word-break:break-word}}
.editorial-article{margin:0 4%;max-width:1600px}.editorial-article>.content-section{padding-left:0;padding-right:0}@media(min-width:1740px){.editorial-article{margin-left:auto;margin-right:auto}}@media(max-width:620px){.editorial-article{margin-left:5%;margin-right:5%}}
/* Text and its own illustration share one section, rather than leaving an empty column. */
.article-block.with-visual{grid-template-columns:48px minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start}.article-step-copy{min-width:0}.article-step-visual{margin:4px 0 0;min-width:0}.article-step-visual>a{display:block;border:1px solid #dce6ee;background:#f3f7fa;border-radius:4px;overflow:hidden}.article-step-visual img{display:block;width:100%;height:auto;aspect-ratio:800/540}.article-step-visual figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#61788b}.article-step-visual figcaption a{color:#1261c2;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.article-step-visual>a:hover,.article-step-visual>a:focus-visible{border-color:#1261c2;outline:2px solid #1261c2;outline-offset:3px}@media(max-width:1000px){.article-block.with-visual{grid-template-columns:42px minmax(0,1fr);gap:16px}.article-block.with-visual .article-step-visual{grid-column:2;max-width:700px;margin-top:8px}}@media(max-width:620px){.article-block.with-visual{display:block}.article-block.with-visual .article-step-visual{margin-top:22px}.article-step-visual figcaption{font-size:12px}}@media print{.article-block.with-visual{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:16px;break-inside:avoid}.article-step-visual figcaption a{display:none}}
