.z-article-layout{display:grid;grid-template-columns:minmax(0,820px);justify-content:center;gap:36px;margin:32px 0 64px;align-items:start}
.z-article-layout.has-cards{grid-template-columns:minmax(0,820px) 240px}
.z-article{min-width:0;color:#284654;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.z-article h1{font-size:clamp(28px,2.5vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.22;color:#173747;margin:0 0 28px}
.z-article-body h2{font-size:25px;line-height:1.4;font-weight:600;color:#173747;margin:36px 0 16px}
.z-article-body h3{font-size:20px;line-height:1.5;font-weight:600;color:#173747;margin:28px 0 12px}
.z-article-body :is(h2,h3){scroll-margin-top:28px;outline:none}
.z-article-body p{margin:0 0 20px}.z-article-body :is(ul,ol){padding-left:24px;margin-bottom:24px}.z-article-body li{margin-bottom:8px}
.z-article-body img{max-width:100%;height:auto;border-radius:10px}.z-article-body iframe{max-width:100%}
.z-text-bold{font-weight:600}.z-text-italic{font-style:italic}.z-article-table{overflow:auto;max-width:100%;margin:24px 0}.z-article-table td,.z-article-table th{padding:10px;border:1px solid #dce5ea}
.z-article-toc{min-width:0;position:sticky;top:24px}.z-article-toc details{border:1px solid #dce5ea;border-radius:12px;background:#f4f7f8;overflow:hidden}
.z-article-toc summary{padding:18px;font-size:15px;font-weight:600;color:#173747;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.z-article-toc summary::-webkit-details-marker{display:none}.z-article-toc summary:after{content:'';width:7px;height:7px;border:solid #526874;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .2s;flex-shrink:0}.z-article-toc details[open] summary:after{transform:rotate(225deg)}
.z-article-toc nav{max-height:calc(100dvh - 130px);overflow:auto;padding:0 8px 12px;scrollbar-width:thin}.z-article-toc ol{list-style:none;padding:0;margin:0}.z-article-toc li{margin:2px 0}
.z-store .z-article-toc a{display:block;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.55;color:#526874;transition:color .18s,background-color .18s;text-decoration:none}
.z-store .z-article-toc a:hover{color:#064a67;background:#e8f0f4}.z-store .z-article-toc a[aria-current]{color:#064a67;background:#dfeef4;font-weight:600}.z-article-toc .z-toc-sub a{padding-left:24px;font-size:12px}
.z-article-related{min-width:0;position:sticky;top:24px}.z-article-related h2{font-size:13px;color:#526874;font-weight:500;margin:0 0 16px;line-height:1.5}
.z-article-related-inner{display:grid;gap:16px}.z-article-related-inner>h2{margin-bottom:0}
.z-store .z-article-card{display:block;overflow:hidden;border:1px solid #dce5ea;border-radius:12px;background:#fff;color:#173747;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.z-store .z-article-card:hover{border-color:#b5cdd9;box-shadow:0 8px 24px #17374712;transform:translateY(-2px);text-decoration:none;color:#064a67}
.z-article-card-image{aspect-ratio:4/4.5;overflow:hidden;background:#edf3f6}.z-article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.z-article-card:hover img{transform:scale(1.025)}
.z-article-card-copy{padding:18px}.z-article-card h3{font-size:18px;line-height:1.45;font-weight:600;margin:0 0 16px}.z-article-card-copy>span{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#086186}
@media(min-width:1200px){.z-article-layout.has-toc{grid-template-columns:220px minmax(0,820px)}.z-article-layout.has-toc.has-cards{grid-template-columns:220px minmax(0,820px) 240px}}
@media(min-width:1600px){.z-article-layout.has-toc.has-cards{grid-template-columns:250px minmax(0,820px) 270px;gap:44px}}
@media(max-width:1199px){.z-article-toc{grid-column:1/-1;position:static}.z-article-toc nav{max-height:45dvh}.z-article-layout{gap:24px}.z-article-layout.has-cards{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:767px){.z-article-layout,.z-article-layout.has-cards{grid-template-columns:minmax(0,1fr);margin:24px 0 40px;gap:24px}.z-article{font-size:15px;line-height:1.8}.z-article h1{font-size:29px;margin-bottom:24px}.z-article-body h2{font-size:22px;margin-top:28px}.z-article-related{position:static}.z-article-related-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.z-article-related h2{grid-column:1/-1}.z-article-card-copy{padding:14px}.z-article-card h3{font-size:16px}.z-article-card-image{aspect-ratio:4/3}.z-article-card:only-of-type{grid-column:1/-1;display:grid;grid-template-columns:130px minmax(0,1fr)}.z-article-card:only-of-type .z-article-card-image{aspect-ratio:auto;min-height:170px}}
@media(max-width:359px){.z-article-card:only-of-type{grid-template-columns:100px minmax(0,1fr)}.z-article-related-inner{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.z-article-layout *{transition:none!important}}
/* Wider reading navigation and related cards, as requested. */
@media(min-width:1200px){.z-article-layout{gap:28px}.z-article-layout.has-toc{grid-template-columns:290px minmax(0,760px)}.z-article-layout.has-cards{grid-template-columns:minmax(0,760px) 300px}.z-article-layout.has-toc.has-cards{grid-template-columns:290px minmax(0,1fr) 300px}.z-article-toc a{font-size:14px}.z-article-card h3{font-size:20px}}
@media(min-width:1600px){.z-article-layout.has-toc.has-cards{grid-template-columns:320px minmax(0,760px) 340px;gap:36px}}
@media(min-width:1200px){.z-article-layout.has-toc.has-cards{width:100%;justify-content:stretch;grid-template-columns:minmax(270px,1fr) minmax(0,2.1fr) minmax(280px,1.05fr)}}
@media(min-width:1600px){.z-article-layout.has-toc.has-cards{grid-template-columns:minmax(320px,1fr) minmax(0,2.1fr) minmax(340px,1.05fr)}}