
:root{--blue:#145b91;--navy:#09334e;--deep:#0c486e;--teal:#1a9ca4;--bg:#f4f9fc;--line:#d8e8ee;--muted:#516c7c;--card:#ffffff;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#183548;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:#146597;text-underline-offset:3px}a:hover{color:#07808a}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.22;color:#0b3d5d;letter-spacing:-.035em}h1{font-size:clamp(2.15rem,4vw,3.55rem);margin:16px 0 22px;max-width:850px}h2{font-size:clamp(1.45rem,2.5vw,2.05rem);margin:0 0 17px}h3{font-size:1.25rem;margin:30px 0 12px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:0 8px 28px #0d31530a}.header-inner{max-width:1250px;margin:auto;padding:12px 26px;display:flex;align-items:center;gap:30px;min-height:94px}.logo{display:flex;align-items:center;gap:12px;color:var(--deep);font-size:1.23rem;font-weight:780;line-height:1.2;text-decoration:none;flex-shrink:0;letter-spacing:-.025em}.logo:hover{color:var(--deep)}.logo-mark{background:linear-gradient(140deg,#0f70aa,#25b4ba);color:#fff;display:grid;place-items:center;border-radius:16px;width:44px;height:44px;font-size:23px;box-shadow:0 6px 16px #008daa2c}.dotcom{color:#06a3a7}.logo small{display:block;font-weight:520;font-size:10px;color:#668290;letter-spacing:.01em}.nav-main{display:flex;gap:10px;flex:1;align-items:center;justify-content:flex-end}.nav-group{position:relative}.nav-group summary{cursor:pointer;list-style:none;padding:9px 10px;border-radius:10px;color:#244c65;font-size:.87rem;font-weight:650;white-space:nowrap}.nav-group summary:hover,.nav-group[open] summary{background:#e8f5fa;color:#087890}.nav-group summary:after{content:'⌄';margin-left:7px;color:#06a4a3}.nav-panel{position:absolute;top:38px;right:0;width:min(390px,90vw);max-height:min(66vh,520px);overflow:auto;background:white;border:1px solid #d7e8ee;border-radius:15px;padding:10px;box-shadow:0 19px 45px #0b39572b}.nav-panel a{display:block;font-size:.86rem;line-height:1.45;text-decoration:none;color:#205470;padding:9px 12px;border-radius:9px}.nav-panel a:hover{background:#eaf7fa}.languages{display:flex;gap:4px;border-left:1px solid #e2e9ee;padding-left:13px}.languages a{padding:6px 9px;text-decoration:none;font-size:.8rem;font-weight:740;color:#547083;border-radius:8px}.languages .active{background:#087ba0;color:#fff}.layout{max-width:1230px;margin:0 auto;padding:30px 26px 74px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:.85rem;color:#718994;margin:2px 0 20px}.breadcrumb a{text-decoration:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:380px;background:#e8f4fa;border-radius:var(--radius);overflow:hidden;border:1px solid #dbebf2;box-shadow:0 14px 38px #24577a10}.hero-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,62px);background:radial-gradient(ellipse at left top,#d9f6f7 0,transparent 50%)}.eyebrow{text-transform:uppercase;font-size:.76rem;color:#067989;font-weight:800;letter-spacing:.09em}.hero h1{margin:16px 0 19px}.hero-meta{font-size:.8rem;color:#416f82;display:flex;flex-wrap:wrap;gap:10px}.hero-meta span{padding:6px 9px;background:#ffffffab;border-radius:7px}.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.hero-layout-1{grid-template-columns:1fr 1.06fr;background:#f0f8f5}.hero-layout-2{background:#e6f4fa}.hero-layout-3{background:#e9f8fa}.hero-layout-3 .hero-visual img{filter:saturate(.94)}.body-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(230px,.85fr);gap:28px;margin:30px 0}.article-body{background:#fff;border:1px solid #e1edf2;padding:clamp(24px,4vw,42px);border-radius:var(--radius)}.article-body p{font-size:1.06rem;color:#345063;margin:0 0 15px}.article-body h3{margin-top:29px}.sidebar-panel{position:sticky;top:116px;background:#e8f5f4;border:1px solid #cbe6e5;border-radius:18px;padding:25px}.sidebar-panel .side-symbol{display:grid;place-items:center;width:40px;height:40px;background:#16a1ad;color:white;border-radius:12px;margin-bottom:13px}.sidebar-panel strong{font-size:1.02rem;color:#125d71}.sidebar-panel p{color:#426b77;font-size:.91rem;margin:10px 0 0}.sources,.related,.homepage-links{margin:28px 0;padding:28px;background:#fff;border:1px solid #e0ecf1;border-radius:var(--radius)}.sources h2,.related h2{font-size:1.43rem}.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sources-grid a{padding:21px;border:1px solid #d7e9ee;border-radius:14px;background:#f6fbfb;text-decoration:none}.sources-grid a strong{display:block;font-size:1rem;color:#0d6279}.sources-grid a span{display:block;font-size:.89rem;color:#4c7281;margin-top:8px}.sources-grid a:hover{border-color:#28a6af;background:#f0fcfc}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.4;text-decoration:none;background:#f4f9fb;border-radius:12px;font-size:.89rem;color:#205977}.related-grid a:hover{background:#e4f5f7}.historical{margin:18px 0}.historical details{font-size:.82rem;color:#667b86}.historical summary{cursor:pointer}.historical p{padding-left:16px}.section-top{display:flex;align-items:center;gap:15px;justify-content:space-between}.section-top span{font-size:.8rem;color:#708a99}.categories-home .homepage-links{margin:28px 0}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.link-grid a{background:linear-gradient(120deg,#f3fafc,#fff);border:1px solid #deebf1;border-radius:13px;display:flex;justify-content:space-between;gap:10px;padding:17px 20px;line-height:1.4;text-decoration:none;font-weight:625;color:#205878}.link-grid a:hover{border-color:#0da1ae}.link-grid b{color:#19a1a8}.footer{background:#082f46;color:#d1e2e9;padding:43px 25px 18px}.foot-wrap{max-width:1210px;margin:auto;display:flex;justify-content:space-between;gap:48px}.foot-wrap strong{font-size:1.2rem;color:#fff}.foot-wrap p{font-size:.85rem;max-width:390px}.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.foot-links a{color:#cde5ed;text-decoration:none;font-size:.86rem}.foot-links a:hover{color:white}.copyright{max-width:1210px;margin:30px auto 0;padding-top:14px;border-top:1px solid #34566a;font-size:.76rem;color:#91b4c1}.legal{min-height:65vh}.legal h1{font-size:2.4rem}.legal-content{padding:30px 40px;background:white;border-radius:20px;border:1px solid var(--line);max-width:930px}.legal-content h2{font-size:1.36rem;margin-top:28px}.legal-content p{color:#385468;margin:12px 0}.back-link{font-weight:650;text-decoration:none}@media(max-width:1100px){.header-inner{flex-wrap:wrap;gap:8px}.nav-main{order:3;flex-basis:100%;justify-content:space-between}.nav-group summary{white-space:normal}.languages{margin-left:auto}.site-header{position:relative}}@media(max-width:790px){.hero{grid-template-columns:1fr}.hero-visual{height:280px}.hero-visual img{object-position:center}.body-layout{grid-template-columns:1fr}.sidebar-panel{position:static}.sources-grid,.related-grid,.link-grid{grid-template-columns:1fr}.foot-wrap{flex-direction:column;gap:24px}.nav-main{overflow-x:auto;justify-content:flex-start}.nav-panel{position:fixed;left:5vw;right:5vw;top:auto;width:90vw}.article-body{padding:25px}.layout{padding:21px 16px 50px}.header-inner{padding:12px 14px}}
