/* Magazine content only: shared navigation, footer and other pages are untouched. */
.magazine-feature,.magazine-hero{--magazine-navy:#0c2c50;--magazine-blue:#1c508a;--magazine-gold:#ffda86;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:48px;padding:40px 48px;border-radius:16px;background:linear-gradient(120deg,var(--magazine-navy),var(--magazine-blue));color:#fff;overflow:hidden}
.interior-page main :is(.magazine-feature,.magazine-hero) .eyebrow{color:var(--magazine-gold);font-size:.875rem;margin-bottom:16px;letter-spacing:.1em}
.magazine-feature h3,.magazine-hero h1{color:#fff;font-size:clamp(2.2rem,3.6vw,3.7rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}
.magazine-feature p:not(.eyebrow),.magazine-hero p:not(.eyebrow){color:#e0ebf9;font-size:1.125rem;line-height:1.7;max-width:690px}
.magazine-feature .magazine-tagline,.magazine-hero .magazine-tagline{font-size:1.4rem;font-weight:700;line-height:1.45;color:var(--magazine-gold);margin:0 0 14px}
.magazine-issue-meta{display:flex;gap:10px 24px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0;color:#fff;font-size:1rem;font-weight:600}
.magazine-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.magazine-feature .magazine-actions a,.magazine-hero .magazine-actions a,.magazine-reader-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;border-radius:7px;border:1px solid #b3c9e3;font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none}
.magazine-feature .magazine-primary,.magazine-hero .magazine-primary{background:var(--magazine-gold);border-color:var(--magazine-gold);color:#0c2c50}
.magazine-feature .magazine-secondary,.magazine-hero .magazine-secondary{background:transparent;color:#fff}
.magazine-feature .magazine-primary:hover,.magazine-hero .magazine-primary:hover{background:#ffe6b0;border-color:#ffe6b0}
.magazine-feature .magazine-secondary:hover,.magazine-hero .magazine-secondary:hover{background:#ffffff17}
.magazine-cover{margin:0;min-width:0;justify-self:center;max-width:330px;width:100%}
.magazine-cover a{display:block;border-radius:3px;box-shadow:0 16px 35px #061e3c55;transition:transform .18s}
.magazine-cover a:hover{transform:translateY(-4px)}
.magazine-cover img{display:block;width:100%;height:auto;border-radius:3px;max-height:465px;object-fit:contain}
.magazine-cover figcaption{font-size:.875rem;line-height:1.5;margin-top:14px;color:#d8e6f7;text-align:center}
.magazine-feature a:focus-visible,.magazine-hero a:focus-visible{outline:3px solid #ffda86;outline-offset:5px}
.magazine-project-main{padding-bottom:56px}
.magazine-project-main .magazine-hero{margin-bottom:42px}
.magazine-project-main .magazine-section{padding-block:0 34px;margin-bottom:32px;border-bottom:1px solid #d8dade}
.magazine-section-heading{max-width:840px;margin-bottom:26px}
.magazine-project-main .magazine-section-heading .eyebrow{margin-bottom:10px;font-size:.875rem}
.magazine-section-heading h2{font-size:clamp(1.85rem,2.6vw,2.6rem);line-height:1.2;color:#0c2c50;margin-bottom:15px}
.magazine-section-heading p{font-size:1.125rem;color:#52637a;line-height:1.75}
.magazine-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.magazine-topic{display:flex;flex-direction:column;border:1px solid #d4deeb;border-top:4px solid #cfa452;border-radius:6px;padding:26px;min-width:0;background:#f6f9fd}
.magazine-topic .magazine-pages{font-size:.875rem;font-weight:700;color:#285d98;margin-bottom:14px}
.magazine-topic h3{font-size:1.4rem;line-height:1.25;color:#0c2c50;margin:0 0 14px}
.magazine-topic p:not(.magazine-pages){font-size:1rem;line-height:1.7;color:#52637a;margin:0 0 18px}
.magazine-topic a{margin-top:auto;font-weight:700;color:#245bda;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.magazine-reader{padding:30px 34px;border:1px solid #d4deeb;background:#eef5ff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.magazine-reader h2{font-size:1.9rem;line-height:1.2;color:#0c2c50;margin-bottom:12px}
.magazine-reader p{font-size:1.0625rem;line-height:1.7;color:#52637a;max-width:680px}
.magazine-reader-actions{display:flex;flex-wrap:wrap;gap:12px}
.magazine-reader-actions a{color:#fff;background:#163f70;border-color:#163f70}
.magazine-reader-actions a:hover{background:#0c2c50;border-color:#0c2c50}
.magazine-project-main .magazine-back{display:inline-flex;align-items:center;min-height:44px;margin-top:26px;color:#245bda;text-decoration:underline;text-underline-offset:4px;font-weight:700}
@media(max-width:900px){.magazine-feature,.magazine-hero{grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);padding:32px;gap:28px}.magazine-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-cover{max-width:280px}}
@media(max-width:620px){.magazine-feature,.magazine-hero{grid-template-columns:1fr;padding:28px 22px;gap:32px}.magazine-feature h3,.magazine-hero h1{font-size:2.4rem}.magazine-cover{max-width:265px}.magazine-actions{flex-direction:column}.magazine-actions a{width:100%}.magazine-topics{grid-template-columns:1fr}.magazine-topic{padding:23px}.magazine-reader{padding:26px 22px}.magazine-reader-actions{width:100%;flex-direction:column}.magazine-reader-actions a{width:100%}.magazine-project-main .magazine-hero{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.magazine-cover a{transition:none}.magazine-cover a:hover{transform:none}}
