/* Magazine rhythm: compact navigation, one hero, small-image lists and native text. */
:root{--mag-ink:#18212b;--mag-muted:#647080;--mag-blue:#285be7;--mag-line:#e4e8ed;--mag-soft:#f5f7fa}
body{color:var(--mag-ink);background:#fff}
.site-header{background:#fff;border-bottom:1px solid var(--mag-line)}
.site-header .brand{letter-spacing:-.055em}
.site-header .brand-note{font-size:11px;letter-spacing:.1em;color:var(--mag-muted)}
.primary-nav a{font-size:15px}.wrap.mag-home{max-width:1180px}
.mag-home{padding-bottom:38px}.mag-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 0 29px;border-bottom:0}
.mag-eyebrow{margin:0 0 9px;font-size:12px;font-weight:700;letter-spacing:.07em;color:var(--mag-blue)}
.mag-intro h1{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.05em;margin:0 0 9px;max-width:none}
.mag-intro p:not(.mag-eyebrow){font-size:15px;color:var(--mag-muted);margin:0}
.mag-intro form{width:310px;max-width:100%;flex-shrink:0}.mag-intro input{font-size:15px;min-width:0}.mag-intro button{font-size:14px}
.mag-story{display:flex;gap:18px;min-width:0;align-items:flex-start}
.mag-image{display:block;flex:0 0 112px;overflow:hidden;aspect-ratio:4/3;background:var(--mag-soft);border-radius:5px}
.mag-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.mag-story:hover .mag-image img{transform:scale(1.025)}
.mag-copy{min-width:0;flex:1}.mag-copy a,.mag-topic a{text-decoration:none;color:inherit}.mag-copy h3 a:hover,.mag-copy h2 a:hover,.mag-topic a:hover{color:var(--mag-blue)}
.mag-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:11px;line-height:1.5;margin-bottom:8px;color:var(--mag-muted)}
.mag-meta span{color:var(--mag-blue);font-weight:700}.mag-copy h3{font-size:17px;line-height:1.55;letter-spacing:-.03em;margin:0;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.mag-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--mag-soft);border:1px solid var(--mag-line);border-radius:9px;overflow:hidden;align-items:stretch}
.mag-feature .mag-image{border-radius:0;aspect-ratio:auto;min-height:345px;background:#eef2f8}.mag-feature .mag-image img{height:100%;object-fit:contain;padding:18px;box-sizing:border-box}
.mag-feature .mag-copy{padding:32px;align-self:center}.mag-feature .mag-meta{font-size:12px;margin-bottom:16px}.mag-feature h2{font-size:clamp(24px,2.7vw,34px);letter-spacing:-.05em;line-height:1.4;margin:0 0 17px;word-break:keep-all;overflow-wrap:anywhere}
.mag-feature p{font-size:16px;line-height:1.85;color:#526071;margin:0 0 21px}.mag-feature .mag-read{font-size:14px;color:var(--mag-blue);font-weight:700}.mag-feature.mag-no-image{grid-template-columns:1fr}
.mag-section{margin-top:42px}.mag-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:23px;padding-bottom:14px;border-bottom:2px solid var(--mag-ink)}
.mag-section-head h2{font-size:22px;line-height:1.4;letter-spacing:-.04em;margin:0}.mag-section-head>span{font-size:12px;color:var(--mag-muted)}
.mag-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 25px}.mag-latest-grid .mag-story{padding-bottom:22px;border-bottom:1px solid var(--mag-line)}
.mag-home .pagination{margin:26px 0 0}.mag-home .page-numbers{font-size:14px}
.mag-topic-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.mag-topic-note{font-size:12px;color:var(--mag-muted);margin:0 0 7px}.mag-topic>h3{font-size:21px;margin:0;letter-spacing:-.04em}.mag-topic>h3 span{color:var(--mag-blue)}
.mag-topic ul{padding:0;margin:20px 0;list-style:none}.mag-topic li{padding:16px 0;border-top:1px solid var(--mag-line)}.mag-topic li>a{display:block;font-size:16px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.mag-topic time{display:block;font-size:11px;color:var(--mag-muted);margin-top:6px}.mag-topic .mag-more{font-size:13px;font-weight:700;color:var(--mag-blue)}
/* Article reading size remains the owner's shared 20px preference. */
.article-body{font-size:20px;line-height:1.75}.article-body img{max-width:100%;height:auto}.mag-home a:focus-visible{outline:3px solid var(--mag-blue);outline-offset:4px}
@media(max-width:1000px){.mag-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mag-feature .mag-copy{padding:25px}.mag-feature .mag-image{min-height:320px}.mag-topic-columns{gap:25px}}
@media(max-width:680px){.mag-intro{display:block;padding:25px 0}.mag-intro form{width:100%;margin-top:20px}.mag-feature{grid-template-columns:1fr}.mag-feature .mag-image{aspect-ratio:16/10;min-height:0}.mag-feature .mag-copy{padding:23px}.mag-feature h2{font-size:25px}.mag-feature p{font-size:15px}.mag-latest-grid,.mag-topic-columns{grid-template-columns:1fr}.mag-image{flex-basis:100px}.mag-latest-grid{gap:18px}.mag-copy h3{font-size:17px}.mag-section{margin-top:32px}.mag-section-head>span{display:none}.mag-topic{padding-top:4px}.mag-intro p:not(.mag-eyebrow){font-size:14px}.primary-nav{flex-wrap:wrap}.mag-home{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.mag-image img{transition:none}.mag-story:hover .mag-image img{transform:none}}
/* Four concise navigation labels fit a narrow phone without a second menu row. */
@media(max-width:520px){.primary-nav{gap:17px;flex-wrap:nowrap}.primary-nav a{font-size:12px}.mag-intro h1{font-size:25px}}
