body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1a1a1a;background:#fff;line-height:1.65}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header{background:#0d1b2a;color:#fff}
.head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px}
.brand{color:#fff;text-decoration:none;font-weight:800;font-size:20px}
.brand span{display:block;font-size:12px;font-weight:400;color:#9fc3dd;letter-spacing:.04em}
nav a{color:#cfe3f2;text-decoration:none;margin:0 8px;font-size:14px}
nav a:hover{color:#fff;text-decoration:underline}
main{padding:28px 20px 40px}
.hero{border-top:4px solid #1d4e6b;border-bottom:1px solid #cbd8e2;padding:8px 0 22px;margin-bottom:24px}
.kicker{color:#1d4e6b;font-weight:700;letter-spacing:.03em;margin:0 0 6px}
h1{font-size:32px;line-height:1.25;margin:0 0 12px}
h2{font-size:21px;color:#1d4e6b;border-bottom:1px solid #cbd8e2;padding-bottom:6px}
.ruler{position:relative;height:56px;margin:16px 0 2px}
.ruler .dimline{position:absolute;left:12px;right:12px;top:15px;height:2px;background:#d97a2b}
.ruler .arrow-l{position:absolute;left:0;top:11px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:11px solid #d97a2b}
.ruler .arrow-r{position:absolute;right:0;top:11px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:11px solid #d97a2b}
.ruler .tick{position:absolute;top:6px;width:2px;height:20px;background:#b8641f}
.ruler .tick:nth-child(4){left:12px}.ruler .tick:nth-child(5){left:25%}.ruler .tick:nth-child(6){left:50%}.ruler .tick:nth-child(7){left:75%}.ruler .tick:nth-child(8){right:12px}
.ruler .tick.minor{top:10px;width:1px;height:12px;background:#d97a2b}
.ruler .tick.minor:nth-child(9){left:13.5%}.ruler .tick.minor:nth-child(10){left:37.5%}.ruler .tick.minor:nth-child(11){left:62.5%}.ruler .tick.minor:nth-child(12){left:86.5%}
.ruler em{position:absolute;left:50%;top:32px;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:700;color:#8a4a12;font-style:normal;background:#fff;border:1px solid #d97a2b;padding:2px 10px}
.evidence{background:#eef4f8;border-left:4px solid #1d4e6b;padding:10px 14px;font-size:14px;margin-top:34px}
.cta{display:inline-block;background:#d97a2b;color:#fff;text-decoration:none;font-weight:700;padding:10px 18px;margin-top:10px}
.cta:hover{background:#b8641f}
figure{margin:24px 0}
figure img{max-width:100%;height:auto;display:block;border:1px solid #cbd8e2}
figcaption{font-size:13px;color:#4a5568;margin-top:6px}
section{margin-bottom:28px}
li{margin-bottom:6px}
.cta-box{background:#eef4f8;border:1px solid #cbd8e2;padding:16px 20px}
footer{background:#0d1b2a;color:#cfe3f2;padding:24px 0}
footer a{color:#cfe3f2}
@media(max-width:640px){h1{font-size:26px}.head{flex-direction:column;align-items:flex-start}}
.lang-switch{position:relative;margin-left:auto}
.lang-switch summary{cursor:pointer;list-style:none;color:#fff;font-weight:700}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch ul{position:absolute;right:0;top:100%;background:#0d1b2a;list-style:none;margin:4px 0 0;padding:8px 0;min-width:150px;z-index:50}
.lang-switch ul li a{color:#cfe3f2;text-decoration:none;display:block;padding:4px 14px}
.lang-switch ul li a:hover{color:#fff}
.lang-switch .cur{color:#fff;padding:4px 14px;display:block}