/* T2 layout shares T1 tokens; no layout-hiding overflow rules. */
.msc-editorial-main{padding-block:clamp(30px,4vw,64px) 80px;min-height:60vh;overflow-wrap:anywhere}
.msc-editorial-main>h1{max-width:1000px;margin:0 0 18px;font-size:clamp(28px,3vw,52px);line-height:1.12;letter-spacing:-.035em;color:var(--msc-petrol)}
.msc-editorial-deck{color:var(--msc-muted);max-width:680px;line-height:1.7;margin:0 0 40px}
.msc-editorial-section{padding-block:28px 38px;border-top:1px solid var(--msc-rule);min-width:0}
.msc-section-title{display:flex;gap:16px;align-items:baseline;margin-bottom:24px}
.msc-section-title>span{font:12px monospace;color:var(--msc-muted);border-top:3px solid var(--msc-orange);padding-top:8px}
.msc-section-title h1,.msc-section-title h2{margin:0;font-size:clamp(23px,2vw,32px);line-height:1.2;color:var(--msc-petrol);letter-spacing:-.025em}
.msc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.msc-card,.msc-card-copy{min-width:0}.msc-card-link{display:block;text-decoration:none;height:100%}
.msc-card-link:hover h3,.msc-card-link:hover h2{text-decoration:underline;text-decoration-color:var(--msc-orange);text-underline-offset:.18em}
.msc-card-cover{aspect-ratio:4/3;background:#e5e7e1;display:grid;place-items:center;min-width:0}
.msc-card-cover img{width:100%;height:100%;object-fit:contain;display:block;aspect-ratio:4/3}
.msc-cover-missing{font:12px/1.6 monospace;color:var(--msc-muted);padding:24px;text-align:center}
.msc-card-copy{padding-block:18px}.msc-kicker{font:11px/1.5 monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:var(--msc-muted)}
.msc-card h3{font-size:clamp(21px,1.8vw,28px);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px;color:var(--msc-petrol);overflow-wrap:anywhere}
.msc-card-tech{font:12px/1.7 monospace;color:var(--msc-muted);margin:0 0 12px}.msc-card time{font:11px/1.5 monospace;color:var(--msc-muted)}
.msc-section-hero .msc-card-grid{grid-template-columns:minmax(0,1fr)}
.msc-card-hero .msc-card-link{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.msc-card-hero .msc-card-copy{padding-block:20px}.msc-card-hero h2{font-size:clamp(30px,3.2vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;color:var(--msc-petrol);overflow-wrap:anywhere}
.msc-section-discover{background:var(--msc-petrol);color:var(--msc-paper);padding:clamp(20px,3vw,44px)}
.msc-section-discover h2,.msc-section-discover h3,.msc-section-discover a{color:var(--msc-paper)}
.msc-section-discover .msc-kicker,.msc-section-discover time,.msc-section-discover .msc-card-tech,.msc-section-discover .msc-section-title>span{color:#cbd6d7}
.msc-empty{font-size:15px;line-height:1.7;padding-block:16px;max-width:640px}
.msc-preview-banner{background:var(--msc-graphite);color:var(--msc-paper);padding:12px 20px;font:12px/1.6 monospace}
@media(max-width:1100px){.msc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msc-card-hero .msc-card-link{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
@media(max-width:700px){.msc-card-hero .msc-card-link{grid-template-columns:minmax(0,1fr);gap:0}.msc-card-hero h2{font-size:clamp(30px,7vw,48px)}}
@media(max-width:600px){.msc-card-grid{grid-template-columns:minmax(0,1fr)}.msc-editorial-section{padding-block:24px 30px}.msc-section-title{gap:12px}.msc-section-discover{padding:20px}.msc-card h3{font-size:24px}}

/* T2.1: editorial rhythm, bounded titles and compact secondary stories.
 * Clamping affects presentation only: the full linked title remains in the DOM
 * and is revealed on keyboard focus. No public permission behavior changes.
 */
.msc-card-link{display:flex;flex-direction:column}
.msc-card-copy{display:flex;flex-direction:column;flex:1;gap:0}
.msc-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:3.6em;margin-bottom:12px;font-size:clamp(20px,1.65vw,27px)}
.msc-card-tech{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.msc-card time{margin-top:auto;padding-top:4px}
.msc-card-link:focus-visible h3{display:block;-webkit-line-clamp:unset;overflow:visible}
.msc-card-hero h2{font-size:clamp(30px,3vw,54px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.msc-card-hero .msc-card-link:focus-visible h2{display:block;-webkit-line-clamp:unset;overflow:visible}
.msc-cover-missing{display:grid;place-content:center;width:100%;height:100%;min-height:0;border:1px dashed #aeb9b6;background:repeating-linear-gradient(135deg,transparent 0,transparent 15px,#173b4705 15px,#173b4705 16px)}
.msc-section-latest .msc-section-title{justify-content:flex-start}
.msc-section-picks{margin-block:18px;padding:clamp(20px,3vw,44px);background:#e8e9e2;border-top:3px solid var(--msc-petrol)}
.msc-section-picks .msc-card-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.msc-section-picks .msc-card:first-child{grid-row:span 2}
.msc-section-picks .msc-card:not(:first-child) .msc-card-link{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);align-items:start;gap:20px}
.msc-section-picks .msc-card:not(:first-child) .msc-card-copy{padding:0}
.msc-section-picks .msc-card:not(:first-child) h3{font-size:clamp(18px,1.4vw,23px)}
.msc-section-picks .msc-card:not(:first-child) .msc-cover-missing{font:10px/1.4 monospace;padding:6px}
.msc-section-technique .msc-card-cover{aspect-ratio:16/9}
.msc-section-technique .msc-card-cover img{aspect-ratio:16/9}
.msc-section-reference{border-top:3px solid var(--msc-petrol)}
.msc-section-discover{margin-top:20px}
.msc-section-discover .msc-card-link{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;gap:18px}
.msc-section-discover .msc-card-copy{padding:0}
.msc-section-discover .msc-card-cover,.msc-section-discover .msc-card-cover img{aspect-ratio:1}
.msc-section-discover h3{font-size:20px;min-height:0;-webkit-line-clamp:3}
.msc-section-discover .msc-card-tech{font-size:11px}
.msc-section-discover .msc-cover-missing{font-size:10px;padding:8px}
@media(max-width:1100px){
 .msc-section-discover .msc-card-grid{grid-template-columns:minmax(0,1fr)}
 .msc-section-discover .msc-card-link{grid-template-columns:100px minmax(0,1fr)}
 .msc-section-picks .msc-card:not(:first-child) .msc-card-link{grid-template-columns:90px minmax(0,1fr);gap:14px}
}
@media(max-width:700px){
 .msc-editorial-main{padding-block:24px 44px}.msc-section-title{margin-bottom:18px}
 .msc-editorial-section{padding-block:20px 24px}.msc-card-grid{gap:22px}
 .msc-card-hero .msc-card-copy{padding-block:18px 8px}.msc-card-hero h2{font-size:clamp(29px,6.5vw,40px);margin-bottom:16px;-webkit-line-clamp:4}
 .msc-card-copy{padding-block:13px 0}.msc-kicker{font-size:10px;margin-bottom:7px}
 .msc-card h3{font-size:21px;min-height:0;-webkit-line-clamp:3;margin-bottom:10px}
 .msc-card-tech{font-size:11px;line-height:1.6;margin-bottom:7px}.msc-card time{font-size:10px}
 .msc-section-picks{padding:18px;margin-block:8px 18px}
 .msc-section-picks .msc-card-grid{grid-template-columns:minmax(0,1fr)}
 .msc-section-picks .msc-card:first-child{grid-row:auto}
 .msc-section-picks .msc-card:first-child .msc-card-cover,.msc-section-picks .msc-card:first-child img{aspect-ratio:16/9}
 .msc-section-picks .msc-card:not(:first-child) .msc-card-link{grid-template-columns:82px minmax(0,1fr);gap:12px}
 .msc-section-picks .msc-card:not(:first-child) h3{font-size:18px}
 .msc-section-discover{padding:18px;margin-top:12px}.msc-section-discover .msc-card-link{grid-template-columns:76px minmax(0,1fr);gap:12px}
 .msc-section-discover h3{font-size:18px}.msc-section-discover .msc-card-grid{gap:18px}
}
@media(max-width:600px){
 .msc-section-latest .msc-card:not(:first-child) .msc-card-link,.msc-section-technique .msc-card-link,.msc-section-reference .msc-card-link{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:start}
 .msc-section-latest .msc-card:not(:first-child) .msc-card-copy,.msc-section-technique .msc-card-copy,.msc-section-reference .msc-card-copy{padding:0}
 .msc-section-latest .msc-card:not(:first-child) h3,.msc-section-technique h3,.msc-section-reference h3{font-size:18px}
 .msc-section-latest .msc-card:not(:first-child) .msc-cover-missing{font-size:10px;padding:8px}
 .msc-section-technique .msc-card-cover,.msc-section-technique .msc-card-cover img{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){
 .msc-section-latest .msc-card--no-cover:first-child .msc-card-link{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:start}
 .msc-section-latest .msc-card--no-cover:first-child .msc-card-copy{padding:0}
 .msc-section-latest .msc-card--no-cover:first-child h3{font-size:18px}
 .msc-section-latest .msc-card--no-cover:first-child .msc-cover-missing{font-size:10px;padding:8px}
}

.msc-article-topics{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.5rem}.msc-article-topics a{display:inline-block;padding:.6rem 1rem;border:1px solid currentColor;border-radius:2px}.msc-article-topics a[aria-current]{background:#173B47;color:#F6F4EF}
