@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--navy:#071322;--navy2:#0d1b2e;--card:#162b44;--cyan:#00c8f0;--cyan2:#68e4ff;--white:#f4f8fb;--muted:#9bb7cc;--border:rgba(0,200,240,.18);--body:'Inter',system-ui,sans-serif;--head:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:400 17px/1.76 var(--body)}a{color:var(--cyan2)}a:hover{color:white}button{font:inherit}img{max-width:100%;display:block}
.site-header{background:#06111f;border-bottom:1px solid var(--border);position:relative;z-index:5}.header-inner{max-width:1180px;margin:auto;min-height:100px;padding:16px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#f4f8fb}.brand img{width:72px;height:72px;object-fit:contain;border-radius:16px}.brand span{font:700 clamp(1.2rem,2.7vw,1.8rem)/1.25 var(--head);max-width:230px}.nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.nav a{text-decoration:none;font-weight:700;font-size:.9rem;color:#d7ebf5}.nav a:hover,.nav .current{color:var(--cyan2)}.nav-toggle{display:none;background:#10263d;color:var(--white);padding:10px 14px;border:1px solid var(--border);border-radius:12px;font-weight:800;cursor:pointer}
.editorial-main{max-width:1080px;padding:46px 24px 96px;margin:auto}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:var(--cyan2);text-decoration:none}.tag{color:var(--cyan2);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}.editorial-main h1,.editorial-main h2,.editorial-main h3{font-family:var(--head);line-height:1.13}.editorial-main h1{font-size:clamp(2.5rem,5.7vw,5.1rem);letter-spacing:-.035em;max-width:920px;margin:12px 0 24px}.editorial-main h2{font-size:clamp(1.7rem,3.5vw,2.5rem);margin:48px 0 16px}.editorial-main p,.editorial-main li{color:#d8e4ed}.editorial-main>p{max-width:790px}.editorial-main .tag{color:var(--cyan2)}.editorial-main .intro{font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.7;color:var(--muted);max-width:840px}.hero-visual{margin:34px 0 44px;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:#10253a;position:relative}.hero-visual img{width:100%;max-height:500px;aspect-ratio:16/8.5;object-fit:cover}.hero-visual figcaption{font-size:.8rem;color:var(--muted);padding:12px 20px;background:#102238}.panel{background:linear-gradient(145deg,#10283e,#0a1b2d);padding:28px;border:1px solid var(--border);border-radius:18px;margin:42px 0}.panel h2{margin-top:0}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.links a{border:1px solid var(--border);border-radius:14px;padding:17px 19px;text-decoration:none;font-weight:700;background:#102238}.links a:hover{border-color:var(--cyan)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:12px;font-weight:800;font-size:.9rem;text-decoration:none;border:1px solid var(--border)}.btn-primary{background:var(--cyan);color:#071322;border-color:var(--cyan)}.btn-primary:hover{background:#68e4ff;color:#071322}.site-footer{border-top:1px solid var(--border);background:#06111f;color:var(--muted);padding:30px 24px;text-align:center;font-size:.88rem}
@media(max-width:760px){.header-inner{min-height:86px;padding:14px 19px;gap:12px}.brand{gap:11px}.brand img{width:56px;height:56px}.brand span{font-size:1.26rem;max-width:190px}.nav-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px 26px;background:#071322;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:16px}.nav.open{display:flex}.nav a{font-size:1rem}.editorial-main{padding:35px 22px 64px}.editorial-main h1{font-size:clamp(2.15rem,9vw,3.6rem)}.editorial-main h2{margin-top:36px}.hero-visual{margin:24px 0 35px}.hero-visual img{aspect-ratio:4/3}.links{grid-template-columns:1fr}.panel{padding:22px}}