:root{--blue:#08355d;--blue2:#0b4f8a;--gold:#f6c343;--ink:#1b2430;--muted:#5a6a7f;--soft:#f3f7fb;--line:#d9e3ee;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{color:#0b5fa8;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1180px,92%);margin:auto}
.top{background:#fff;border-bottom:1px solid var(--line)}.topin{display:flex;align-items:center;gap:18px;min-height:72px;flex-wrap:wrap}.brand{font-size:25px;font-weight:800;color:var(--blue)}.brand span{color:#d4a017}.tag{font-size:13px;color:var(--muted);flex:1}.langs a,.langs span{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:5px 10px;margin-left:4px;font-weight:700}.langs span{background:var(--blue2);color:#fff;border-color:var(--blue2)}.langs .home-btn{background:var(--gold);color:#1b2430;border-color:var(--gold)}
.nav{background:var(--blue)}.navin{display:flex;gap:2px 3px;flex-wrap:wrap}.nav a{color:#fff;font-weight:700;padding:11px 9px;font-size:14px;white-space:nowrap}
.hero{width:min(1180px,92%);margin:22px auto 8px}.band{background:linear-gradient(120deg,#08355d,#0b4f8a 60%,#1d78c4);color:#fff;border-radius:18px;padding:27px 29px}.band h1{font-size:34px;line-height:1.2;margin:0 0 10px}.band .lead{font-size:18px;margin:0;max-width:930px}.hero-pills{margin-top:14px}.pill{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;margin:4px 4px 0 0;font-weight:700;font-size:13px}
.pagephoto{margin:14px 0 0;position:relative;background:#d9e3ee;border-radius:16px;overflow:hidden}.pagephoto img{display:block;width:100%;height:420px;object-fit:cover}.photo-note{position:absolute;right:10px;bottom:8px;background:#0009;color:#fff;padding:3px 8px;border-radius:8px;font-size:11px}.photo-note a{color:#fff;text-decoration:underline}
.crumb{width:min(1180px,92%);margin:10px auto;font-size:14px;color:var(--muted)}.layout{width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding-bottom:40px}.article{overflow-wrap:anywhere}.article h2,.article h3,.article h4,.article h5{color:var(--blue);line-height:1.3;margin:28px 0 8px}.article h2{font-size:27px}.article h3{font-size:23px}.article h4{font-size:19px}.article h5{font-size:17px}.article p{margin:0 0 11px}.notice{font-size:15px;color:var(--muted);border-left:4px solid var(--gold);padding:12px 14px;background:#fffaf0;border-radius:0 10px 10px 0}.side{background:var(--soft);padding:20px;border-radius:16px;height:max-content}.side a{display:block;margin:8px 0;padding-bottom:8px;border-bottom:1px solid var(--line)}
.resources{margin-top:28px;background:var(--soft);padding:18px;border-radius:14px}.resources li{margin:10px 0}.resources a{font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin:18px 0}.cat{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 3px 10px rgba(8,53,93,.05)}.cat h3{margin-top:0}.cat ul{padding-left:18px}.langcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.langcards a{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:700}.small{display:block;font-size:13px;color:var(--muted);font-weight:400}.footer{background:var(--blue);color:#e6eef8;padding:27px 0 80px}.footer a{color:var(--gold)}.footer .links{display:flex;gap:10px 14px;flex-wrap:wrap;margin:10px 0}.home-float{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--gold);color:#1b2430;font-weight:700;padding:10px 16px;border-radius:999px;box-shadow:0 6px 18px #0004}
@media(max-width:860px){.layout{grid-template-columns:1fr}.band h1{font-size:27px}.pagephoto img{height:245px}.tag{display:none}.navin{flex-wrap:nowrap;overflow-x:auto}.langcards{grid-template-columns:1fr}}