﻿.mag-hero{background:linear-gradient(120deg,#0a203d,#174e83);color:white;border-radius:28px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden;position:relative}.mag-hero:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff24;border-radius:50%;left:-100px;top:-150px}.mag-hero h1{font-size:clamp(27px,4vw,48px);line-height:1.65;margin:8px 0}.mag-hero p{color:#c7d9ed;line-height:2.2;font-size:14px}.mag-hero img{height:320px;width:100%;object-fit:cover;border-radius:22px;box-shadow:0 20px 60px #0005}.tag{display:inline-flex;background:#eaf4ff;color:#1767a8;border-radius:30px;padding:6px 12px;font-size:11px;font-weight:800}.mag-hero .tag{background:#ffffff20;color:#d7efff}.sectiontitle{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:38px 0 20px}.sectiontitle h2{font-size:24px;margin:0;color:#102b50}.sectiontitle p{color:#71849b}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.story{background:white;border:1px solid #e7edf5;border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s;min-width:0}.story:hover{transform:translateY(-6px);box-shadow:0 20px 50px #173c6815}.story img{width:100%;height:215px;object-fit:cover}.story .inner{padding:21px}.story h3{font-size:17px;line-height:1.9;margin:13px 0 9px}.story p{color:#738299;line-height:2;font-size:12px}.story .meta{display:flex;justify-content:space-between;color:#8493a7;font-size:11px;margin-top:16px}.catbar{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chip{border:1px solid #dae5f0;background:white;border-radius:50px;padding:11px 20px;color:#405771;font-weight:700}.chip.active,.chip:hover{background:#12375e;color:white}.mag-search{padding:14px 20px;border:1px solid #dae5f0;border-radius:13px;background:white;min-width:260px}.mag-ad{margin:36px 0;border-radius:22px;padding:34px 42px;background:linear-gradient(100deg,#e3f3ff,#fff);border:1px solid #dceaf7;display:flex;align-items:center;justify-content:space-between;gap:20px}.mag-ad h3{font-size:24px;margin:0 0 9px}.mag-ad p{color:#69829b;margin:0}.mag-ad a,.cta{background:#10345d;color:white;padding:13px 23px;border-radius:12px;display:inline-flex;font-weight:800}.mag-foot{margin-top:60px;background:#0c2442;color:#dce9f8;padding:55px 0 25px}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.mag-foot h3,.mag-foot h4{color:white}.mag-foot p{line-height:2.2;color:#aebfd3}.mag-foot a{display:block;margin:13px 0;color:#b5c8dd}.copyright{border-top:1px solid #ffffff22;padding-top:22px;margin-top:30px;color:#a6bad0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px;align-items:start}.article-main{background:white;border:1px solid #e8eef5;border-radius:23px;padding:35px}.article-main h1{font-size:clamp(25px,3vw,37px);line-height:1.7;margin:18px 0}.article-main .lead{font-size:16px;line-height:2.3;color:#536a84}.article-main h2{font-size:23px;margin:42px 0 14px;scroll-margin-top:125px;color:#102e52}.article-main p,.article-main li{font-size:15px;line-height:2.5;color:#465b73}.article-main figure{margin:28px 0}.article-main figure img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px}.article-main figcaption{color:#8492a4;text-align:center;margin-top:10px}.asidebox{background:white;border:1px solid #e8eef5;border-radius:20px;padding:24px;margin-bottom:17px}.asidebox a{display:block;margin:14px 0;color:#526d88}.sticky{position:sticky;top:135px}.article-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#7c8da0}.sharebtn{border:1px solid #dce5ee;background:white;padding:9px 14px;border-radius:10px}.progress{position:fixed;top:0;right:0;height:4px;width:0;background:#2c9fff;z-index:90}.comment{padding:18px 0;border-bottom:1px solid #e9edf4}.comment strong{color:#102b50}.comment p{margin:5px 0}.commentform input,.commentform textarea{width:100%;border:1px solid #dce6f1;padding:14px;border-radius:12px;margin:7px 0;font:inherit}.commentform textarea{min-height:110px}.newsletter{background:#e8f3ff;border-radius:22px;padding:28px;margin:38px 0;display:flex;gap:18px;align-items:center;justify-content:space-between}.newsletter input{padding:13px;border:1px solid #d6e4f3;border-radius:11px;min-width:230px}.mobile-nav{display:none}@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.sticky{position:static}.mag-hero{grid-template-columns:1fr}.mag-hero img{height:260px}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 15px}.article-grid{grid-template-columns:1fr}.mag-hero{padding:26px}.mag-hero img{height:205px}.mag-ad,.newsletter{flex-direction:column;align-items:stretch;padding:24px}.article-main{padding:20px}.footgrid{grid-template-columns:1fr 1fr;gap:16px}.sectiontitle{align-items:flex-start;flex-direction:column}.mag-search{width:100%}.headmain{gap:12px}.actions{display:none}.nav{overflow:auto;gap:20px}.logo{font-size:23px}.search input{padding:12px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.mag-feature{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,.92fr) minmax(0,.72fr);gap:14px;height:365px;margin-top:20px}.feature-slider,.flagship-pair a,.feature-ad{position:relative;overflow:hidden;border-radius:20px;background:#e9f0f8;min-width:0}.feature-slider img,.flagship-pair img,.feature-ad img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.flagship-pair{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0}.flagship-pair a:hover img,.feature-ad:hover img{transform:scale(1.045)}.feature-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.feature-slide.active{opacity:1;visibility:visible}.feature-controls{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.feature-controls button{pointer-events:auto;border:0;background:#ffffffdf;color:#102b50;border-radius:50%;width:34px;height:34px;cursor:pointer}.feature-dots{display:flex;gap:6px}.feature-dots button{width:9px;height:9px;padding:0;background:#ffffffa8}.feature-dots button.active{width:25px;border-radius:12px;background:white}@media(max-width:850px){.mag-feature{grid-template-columns:1.7fr 1fr;height:320px}.feature-ad{display:none}}@media(max-width:540px){.mag-feature{grid-template-columns:1fr;height:auto}.feature-slider{height:225px}.flagship-pair{grid-template-columns:1fr 1fr;grid-template-rows:none;height:135px}.feature-ad{display:block;height:130px}.feature-ad img{object-position:center}}
/* Premium editorial refinement */
body{background:#f5f8fc}.mag-feature{border-radius:26px;overflow:hidden;box-shadow:0 24px 54px #102b501a}.story{background:#fff;border:1px solid #e6edf5;border-radius:22px!important;overflow:hidden;box-shadow:0 12px 32px #0b2b4d0b;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.story:hover{transform:translateY(-7px);box-shadow:0 25px 48px #0b2b4d1d}.story img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.story:hover img{transform:scale(1.045)}.article-main{background:white;border:1px solid #e6edf5;border-radius:26px;box-shadow:0 20px 50px #102b500b;overflow:hidden}.article-main h1{color:#102d50;line-height:1.75;letter-spacing:-.4px}.article-main>figure:first-of-type{position:relative;margin-top:25px!important;margin-bottom:30px!important;border-radius:23px!important;overflow:hidden;box-shadow:0 18px 40px #0b2d5125;background:#102d50}.article-main>figure:first-of-type img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#edf3fa}.article-main>figure:first-of-type:hover img{transform:none}.article-main>figure:first-of-type figcaption{position:absolute;bottom:0;right:0;left:0;padding:32px 22px 17px;background:linear-gradient(transparent,#061b33d9);color:white!important;font-size:12px}.article-main h2{color:#123b66;border-right:4px solid #4b9ee1;padding-right:13px}.article-main p{line-height:2.35}.article-toolbar{background:#f3f7fc;border:1px solid #e5edf6;border-radius:14px;padding:11px 15px}.article-main figure:not(:first-of-type) img{width:auto;max-width:100%;height:auto;border-radius:18px;box-shadow:0 12px 30px #092d5016;margin-inline:auto}.mag-editorial{background:linear-gradient(115deg,#091f39,#174a79);color:white;border-radius:25px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 32px;position:relative;overflow:hidden}.mag-editorial:before{content:'✦';position:absolute;left:20%;top:-75px;font-size:200px;color:#ffffff0a;pointer-events:none}.mag-editorial strong{display:block;font-size:23px;line-height:1.8}.mag-editorial span{display:block;color:#8fd3ff;font-size:11px;letter-spacing:1.2px}.mag-editorial p{color:#c4d9ed;font-size:12px;line-height:2}.mag-editorial a{color:#103455;background:#fff;padding:13px 20px;border-radius:12px;text-decoration:none;white-space:nowrap;font-weight:800}.article-top-accent{display:flex;align-items:center;gap:9px;color:#4b91c8;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:10px}.article-top-accent:before{content:'';height:7px;width:7px;background:#36a9e7;border-radius:50%}@media(max-width:700px){.mag-editorial{padding:23px;display:block}.mag-editorial a{display:inline-block;margin-top:12px}.article-main>figure:first-of-type img{height:auto}.article-main>figure:first-of-type figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){.story,.story img,.article-main>figure:first-of-type img{transition:none}}
