
:root{--navy:#0b2f4a;--mid:#14557e;--paper:#f4f7fa;--amber:#f2a900;--ink:#1c2b36;--line:#c9d6e0}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:var(--mid)}a:hover{color:var(--navy)}
header{background:var(--navy);color:#fff}
.topbar{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.brand{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#fff;text-decoration:none}
.brand small{display:block;font-family:system-ui,sans-serif;font-size:12px;font-weight:400;color:#cfe3f2;letter-spacing:.04em}
.lang{margin-left:auto;border:1px solid #7fa8c4;border-radius:20px;padding:4px 12px;font-size:13px;color:#fff}
.lang span[aria-current="true"]{color:var(--amber);font-weight:700}
.topcta{border:1px solid var(--amber);color:#fff;text-decoration:none;padding:6px 14px;border-radius:20px;font-size:14px}
.topcta:hover{background:var(--amber);color:var(--navy)}
nav{background:#082238}nav .wrap{max-width:1160px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:2px}
.nav-item{position:relative;list-style:none}
.nav-item>a,.nav-item>label{display:block;color:#fff;text-decoration:none;padding:12px 13px;font-size:15px;cursor:pointer}
.nav-item>a:hover,.nav-item>label:hover,.nav-item:focus-within>a,.nav-item:focus-within>label{background:var(--mid)}
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.navfold{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;cursor:pointer;color:#fff;padding:12px 20px;font-size:16px;font-weight:700}
.menu{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--amber);padding:6px 0;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.menu a{display:block;color:var(--ink);text-decoration:none;padding:8px 16px;font-size:14px}
.menu a:hover{background:var(--paper)}
.nav-item:hover .menu,.nav-item:focus-within .menu{display:block}
@media(max-width:900px){nav{position:relative}.burger{display:block}.menu{position:static;box-shadow:none;width:100%}.nav-item{width:100%}.nav-toggle:checked~.menu{display:block}.nav-item:hover .menu{display:none}.nav-item:focus-within .menu{display:block}nav .wrap{display:none}.navfold:checked~.wrap{display:flex;flex-direction:column;flex-wrap:nowrap;position:absolute;left:0;right:0;top:100%;z-index:60;max-width:none;background:#082238;max-height:60vh;overflow-y:auto;padding:8px 20px 14px;box-shadow:0 12px 24px rgba(0,0,0,.3)}}
.hero{background:var(--navy);color:#fff;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px}
.hero .wrap{max-width:1160px;margin:0 auto;padding:44px 20px 34px}
.hero h1{font-family:Georgia,serif;font-size:40px;line-height:1.2;margin:0 0 14px;max-width:820px}
.hero p.lead{font-size:18px;color:#d9e9f5;max-width:820px}
.evidence{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.evidence div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-left:4px solid var(--amber);padding:10px 14px;flex:1 1 200px}
.evidence b{display:block;color:var(--amber);font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.evidence span{font-size:14px}
.schematic{display:flex;gap:26px;align-items:flex-end;flex-wrap:wrap;margin:20px 0 6px}
.cell{border:2px solid #fff;border-radius:5px;position:relative;background:transparent}
.cell:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:16px;height:8px;background:var(--amber);border-radius:2px}
.cell.aa{width:44px;height:110px}.cell.cyl{width:52px;height:150px}.cell.wide{width:74px;height:96px}
.cell-lab{text-align:center;font-size:12px;color:#cfe3f2;margin-top:6px}
.schematic-cap{font-size:12px;color:#cfe3f2}
.cta{display:inline-block;background:var(--amber);color:var(--navy);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:6px;margin-top:16px}
.cta:hover{background:#ffc233}
main{max-width:1160px;margin:0 auto;padding:28px 20px 48px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;margin:0 0 20px}
.card h2,.card h3{color:var(--navy);font-family:Georgia,serif}
.card h2{font-size:26px;margin-top:0}.card h3{font-size:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.idx{background:#fff;border:1px solid var(--line);border-top:4px solid var(--mid);border-radius:8px;padding:18px}
.idx b.num{color:var(--amber);font-size:22px}.idx h3{margin:6px 0}.idx h3 a{color:var(--navy);text-decoration:none}
.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}
.numbers div{background:var(--navy);color:#fff;border-radius:8px;padding:20px;text-align:center}
.numbers b{font-size:36px;color:var(--amber);display:block}.numbers span{font-size:13px;color:#cfe3f2}
table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;font-size:15px}th{background:var(--navy);color:#fff}
.note{background:#fff8e1;border:1px solid #f0d48a;border-left:5px solid var(--amber);padding:14px 18px;margin:16px 0}
ul.tight li{margin-bottom:6px}
footer{background:#082238;color:#cfe3f2}footer .wrap{max-width:1160px;margin:0 auto;padding:28px 20px;font-size:14px}
footer a{color:#fff}
.breadcrumb{font-size:13px;color:#5a7184;margin-bottom:14px}
.langsw{margin-left:auto;position:relative}
.langsw summary{list-style:none;cursor:pointer;border:1px solid #7fa8c4;border-radius:20px;padding:4px 12px;font-size:13px;color:#fff;font-weight:700}
.langsw summary::-webkit-details-marker{display:none}
.langmenu{display:none;position:absolute;right:0;top:100%;z-index:50;margin:6px 0 0;padding:6px 0;list-style:none;background:#082238;border:1px solid #7fa8c4;border-radius:8px;min-width:150px}
.langmenu a{display:block;color:#dbe9f6;text-decoration:none;padding:6px 14px;font-size:14px}
.langmenu a:hover{color:#fff;text-decoration:underline}
.langmenu span{display:block;color:var(--amber);font-weight:700;padding:6px 14px;font-size:14px}
.langsw[open] .langmenu{display:block}
