 :root{--bg:#f5f7fa;--card:#fff;--ink:#17243a;--muted:#5c6b80;--brand:#284b82;--brand-d:#19345f;--accent:#e8eef8;--warm:#eaf0f8;--line:#dce3ed;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.72;font-size:16px}h1,h2,h3{font-family:Georgia,serif;line-height:1.28}img,svg{max-width:100%}a{color:var(--brand)}a:hover{color:var(--brand-d)}.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:10px;z-index:100}.skip:focus{left:10px}.sr{position:absolute;left:-9999px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(22,40,68,.04)}.header-in{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-weight:700;font-size:1.35rem;color:var(--brand-d);text-decoration:none}.logo{background:var(--brand);color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:.88rem;font-family:Arial,sans-serif}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:3px;flex-wrap:wrap}.main-nav a{display:block;padding:8px 10px;border-radius:7px;text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:600}.main-nav a:hover,.main-nav a.active{background:var(--accent);color:var(--brand-d)}.nav-toggle{position:absolute;left:-9999px}.nav-btn{display:none;cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.nav-btn span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0}.hero{background:linear-gradient(115deg,#eaf0f8,#f5f7fa 72%);padding:76px 0 68px;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(2.1rem,4vw,3.2rem);margin:0 0 16px;max-width:800px;color:var(--brand-d)}.hero p{max-width:700px;font-size:1.1rem;margin:0 0 26px;color:#40516a}.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 23px;border-radius:7px;font-weight:650;text-decoration:none;margin-right:10px;margin-bottom:8px}.btn:hover{background:var(--brand-d);color:#fff}.btn.alt{background:transparent;color:var(--brand-d);border:1px solid var(--brand)}.btn.alt:hover{background:var(--accent)}section.block{padding:48px 0}section.block h2{font-size:1.8rem;margin:0 0 8px}.lead{color:var(--muted);margin:0 0 26px;max-width:740px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:23px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(25,52,95,.035)}.card h3{margin:10px 0 8px;font-size:1.15rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--brand)}.card p{color:var(--muted);font-size:.95rem;margin:0 0 14px;flex:1}.more{font-weight:650;text-decoration:none;font-size:.95rem}.tag{display:inline-block;background:var(--accent);color:var(--brand-d);font-size:.74rem;font-weight:700;padding:4px 11px;border-radius:5px;letter-spacing:.3px;align-self:flex-start}.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--ink);display:block}.cat-card:hover{border-color:var(--brand);box-shadow:0 6px 18px rgba(25,52,95,.09)}.cat-card h3{margin:0 0 8px}.page-head{background:var(--warm);padding:38px 0;border-bottom:1px solid var(--line)}.page-head h1{margin:0 0 7px}.page-head p{margin:0;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;padding-top:32px;padding-bottom:55px}.content{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(20px,4vw,38px)}.content h1{font-size:2.1rem}.content h2{margin-top:30px;font-size:1.55rem}.content p,.content li{color:#34445a}.meta,.crumbs{color:var(--muted);font-size:.88rem}.crumbs{padding:18px 0}.sidebar .box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:18px}.sidebar h3{margin-top:0}.sidebar ul{padding-left:19px}.sidebar li{margin:8px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:var(--accent)}.note,.disc{background:#f2f5f9;border-left:3px solid var(--brand);padding:13px 16px}.contact-box{padding:16px;background:var(--accent);border-radius:8px}.site-footer{background:#17243a;color:#eaf0f8;padding:42px 0}.site-footer a{color:#dbe7fb}.site-footer h3{color:#fff}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.site-footer ul{padding-left:18px}.site-footer li{margin:6px 0}.copyright{border-top:1px solid #3a4960;margin-top:28px;padding-top:18px;color:#c4cfdf;font-size:.88rem}
@media(max-width:900px){.main-nav{display:none}.nav-btn{display:block}.nav-toggle:checked~.main-nav{display:block;position:absolute;top:75px;left:0;right:0;background:#fff;padding:14px 22px;border-bottom:1px solid var(--line)}.nav-toggle:checked~.main-nav ul{display:block}.main-nav a{padding:10px}.layout{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding:52px 0}.hero h1{font-size:2.1rem}.foot-grid{grid-template-columns:1fr}.content h1{font-size:1.75rem}.wrap{padding-left:16px;padding-right:16px}}
