/* GGN magazine: compact masthead, clear story hierarchy, uncropped photographs. */
.site-header .masthead-tagline{padding-block:12px 0;font-size:14px}
.site-header .masthead-centered{padding-block:8px 14px}
.site-header .masthead-centered .brand img{width:140px}
.magazine-nav .nav-inner{justify-content:center}
.magazine-nav .nav-links{justify-content:center;column-gap:clamp(18px,3vw,40px)}
.magazine-nav .nav-links>a,.magazine-nav .nav-more>summary{min-height:46px}
.magazine-nav .nav-more{position:relative;font-size:13px;font-weight:700}
.magazine-nav .nav-more>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding-inline:5px;list-style:none}
.magazine-nav .nav-more>summary::-webkit-details-marker{display:none}
.magazine-nav .nav-more>summary::after{content:'+';font-size:19px;font-weight:400}
.magazine-nav .nav-more[open]>summary::after{content:'−'}
.magazine-nav .nav-more-links{position:absolute;z-index:20;right:0;top:100%;width:340px;max-width:calc(100vw - 40px);padding:14px 20px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 14px #19191912;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.magazine-nav .nav-more-links a{min-height:44px;line-height:1.4;padding-block:9px;font-weight:400}
.magazine-home{padding-block-start:28px}
.magazine-home .mag-lead-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:36px}
.magazine-home .mag-story{min-width:0}
.magazine-home .mag-story-copy{min-width:0}
.magazine-home .mag-kicker{color:var(--red);font-size:12px;font-weight:700;line-height:1.4;margin:0 0 8px}
.magazine-home .mag-story h1,.magazine-home .mag-story h2,.magazine-home .mag-story h2,.magazine-home .mag-story h3{margin:0 0 10px;overflow-wrap:anywhere}
.magazine-home .mag-story h1{font-size:clamp(29px,3.3vw,43px);line-height:1.12;max-width:26ch}
.magazine-home .mag-story h2,.magazine-home .mag-story h3{font-size:24px;line-height:1.2}
.magazine-home .mag-story h1 a,.magazine-home .mag-story h2 a,.magazine-home .mag-story h3 a{text-decoration:none}
.magazine-home .mag-story h1 a:hover,.magazine-home .mag-story h2 a:hover,.magazine-home .mag-story h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.magazine-home .story-meta{font-size:12px}
.magazine-home .mag-summary{font-size:15px;line-height:1.6;color:var(--muted);max-width:67ch;margin:12px 0 16px}
.magazine-home .mag-media{display:flex;align-items:center;justify-content:center;max-width:100%;background:#eeeae3;overflow:hidden;text-decoration:none}
.magazine-home .mag-media img{width:auto;max-width:min(100%,var(--ggn-image-width,100%));height:auto;max-height:270px;object-fit:contain;aspect-ratio:auto}
.magazine-home .mag-story--lead .mag-media{margin-block-start:16px;min-height:180px;padding:0;height:300px}
.magazine-home .mag-story--lead .mag-media img{max-height:300px}
.magazine-home .mag-supporting{display:grid;gap:22px;padding-inline-start:30px;border-inline-start:1px solid var(--rule);align-content:start}
.magazine-home .mag-story--support{display:grid;grid-template-columns:minmax(0,1fr) 40%;gap:18px;align-items:start;padding-block-end:22px;border-block-end:1px solid var(--rule)}
.magazine-home .mag-story--support:last-child{border-block-end:0;padding-block-end:0}
.magazine-home .mag-story--support h2{font-size:24px}
.magazine-home .mag-story--support .mag-media{height:172px}
.magazine-home .mag-story--support .mag-media img{max-height:172px}
.magazine-home .mag-section{margin-block-start:42px}
.magazine-home .mag-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-block-start:2px solid var(--ink);padding-block:16px 20px}
.magazine-home .mag-section-heading h2{font-size:29px;margin:0}
.magazine-home .mag-section-heading>a{font-size:12px;font-weight:700;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0}
.magazine-home .mag-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.magazine-home .mag-story--card{display:flex;flex-direction:column}
.magazine-home .mag-story--card .mag-media{order:-1;height:215px;margin-block-end:17px}
.magazine-home .mag-story--card .mag-media img{max-height:215px}
.magazine-home .mag-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.magazine-home .mag-recent-grid:has(>.mag-story:only-child){grid-template-columns:minmax(0,700px)}
.magazine-home .mag-story--recent{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start}
.magazine-home .mag-story--recent .mag-media{grid-column:1;grid-row:1;height:100px}
.magazine-home .mag-story--recent .mag-media img{max-height:100px}
.magazine-home .mag-story--recent .mag-story-copy{grid-column:2;grid-row:1}
.magazine-home .mag-story--recent:not(:has(.mag-media)){grid-template-columns:minmax(0,1fr)}
.magazine-home .mag-story--recent:not(:has(.mag-media)) .mag-story-copy{grid-column:1}
.magazine-home .mag-story--recent h3{font-size:21px}
@media(min-width:768px) and (max-width:1050px){
 .magazine-home .mag-lead-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}
 .magazine-home .mag-supporting{padding-inline-start:24px}
 .magazine-home .mag-story--support{grid-template-columns:minmax(0,1fr);gap:12px}
 .magazine-home .mag-story--support .mag-media{height:135px;order:-1}
 .magazine-home .mag-story--support .mag-media img{max-height:135px}
 .magazine-home .mag-story--support h2{font-size:21px}
 .magazine-home .mag-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .magazine-home .mag-card-grid{gap:20px}
 .magazine-home .mag-story--card h3{font-size:22px}
}
@media(max-width:767px){
 .site-header .masthead-tagline{font-size:12px;line-height:1.45;padding-block-start:10px}
 .site-header .masthead-centered{padding-block:7px 11px;gap:8px}
 .site-header .masthead-centered .brand img{width:105px}
 .magazine-nav .nav-links{justify-content:flex-start;gap:0 24px}
 .magazine-nav .nav-more{width:100%;border-block-start:1px solid var(--rule)}
 .magazine-nav .nav-more>summary{width:100%;justify-content:space-between;padding-inline:0}
 .magazine-nav .nav-more-links{position:static;width:100%;max-width:none;border:0;box-shadow:none;padding:0 0 12px;gap:0 18px}
 .magazine-home{padding-block-start:22px}
 .magazine-home .mag-lead-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .magazine-home .mag-story h1{font-size:31px;line-height:1.14;max-width:none}
 .magazine-home .mag-summary{font-size:14px;line-height:1.55;margin-block:10px 13px}
 .magazine-home .mag-story--lead .mag-media{height:210px;min-height:0;margin-block-start:13px}
 .magazine-home .mag-story--lead .mag-media img{max-height:210px}
 .magazine-home .mag-supporting{padding-inline-start:0;border-inline-start:0;gap:18px}
 .magazine-home .mag-story--support{grid-template-columns:100px minmax(0,1fr);gap:16px;padding-block-end:18px}
 .magazine-home .mag-story--support .mag-media{grid-column:1;grid-row:1;height:100px}
 .magazine-home .mag-story--support .mag-media img{max-height:100px}
 .magazine-home .mag-story--support .mag-story-copy{grid-column:2;grid-row:1}
 .magazine-home .mag-story--support h2{font-size:21px}
 .magazine-home .mag-story--support:not(:has(.mag-media)){grid-template-columns:minmax(0,1fr)}
 .magazine-home .mag-story--support:not(:has(.mag-media)) .mag-story-copy{grid-column:1}
 .magazine-home .mag-section{margin-block-start:32px}
 .magazine-home .mag-section-heading{padding-block:13px 17px;gap:12px;align-items:center}
 .magazine-home .mag-section-heading h2{font-size:26px}
 .magazine-home .mag-section-heading>a{font-size:11px;max-width:95px;line-height:1.4;white-space:normal}
 .magazine-home .mag-card-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .magazine-home .mag-story--card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;border-block-end:1px solid var(--rule);padding-block-end:22px}
 .magazine-home .mag-story--card:last-child{border-block-end:0;padding-block-end:0}
 .magazine-home .mag-story--card .mag-media{grid-column:1;grid-row:1;height:110px;margin:0}
 .magazine-home .mag-story--card .mag-media img{max-height:110px}
 .magazine-home .mag-story--card .mag-story-copy{grid-column:2;grid-row:1}
 .magazine-home .mag-story--card:not(:has(.mag-media)){grid-template-columns:minmax(0,1fr)}
 .magazine-home .mag-story--card:not(:has(.mag-media)) .mag-story-copy{grid-column:1}
 .magazine-home .mag-story--card h3{font-size:21px}
 .magazine-home .mag-recent-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .magazine-home .mag-kicker{font-size:11px;margin-block-end:6px}
 .magazine-home .story-meta{font-size:11px}
}
@media(max-width:360px){
 .site-header .masthead-centered .brand img{width:96px}
 .magazine-home .mag-story h1{font-size:28px}
 .magazine-home .mag-story--card,.magazine-home .mag-story--support,.magazine-home .mag-story--recent{grid-template-columns:82px minmax(0,1fr);gap:12px}
 .magazine-home .mag-story--card h3,.magazine-home .mag-story--support h2,.magazine-home .mag-story--recent h3{font-size:20px}
}

.magazine-home .mag-community{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-start:42px;padding:26px 30px;border-block-start:3px solid var(--red);background:#eeeae3}
.magazine-home .mag-community h2{font-size:27px;margin:0 0 8px}
.magazine-home .mag-community p{font-size:14px;color:var(--muted);margin:0;max-width:50ch}
.magazine-home .mag-community-links{display:flex;flex-direction:column;align-items:flex-start}
.magazine-home .mag-community-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;white-space:nowrap}
@media(max-width:1000px){
 .magazine-nav .nav-links{justify-content:flex-start;gap:0 24px}
 .magazine-nav .nav-more{width:100%;border-block-start:1px solid var(--rule)}
 .magazine-nav .nav-more>summary{width:100%;justify-content:space-between;padding-inline:0}
 .magazine-nav .nav-more-links{position:static;width:100%;max-width:none;border:0;box-shadow:none;padding:0 0 12px;gap:0 18px}
}
@media(max-width:767px){
 .magazine-home .mag-community{display:block;margin-block-start:32px;padding:22px}
 .magazine-home .mag-community h2{font-size:25px}
 .magazine-home .mag-community-links{margin-block-start:12px}
}
@media(max-width:360px){
 .magazine-home .mag-section-heading{flex-wrap:wrap;gap:2px 12px}
 .magazine-home .mag-section-heading h2{min-width:0;flex-basis:100%;overflow-wrap:anywhere}
 .magazine-home .mag-section-heading>a{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}