:root { --accent:#2563eb; --cyan:#22d3ee; --navy:#12233f; --text:#12233f; --muted:#5b6b82; --border:#e4e9f1; --bg2:#f5f7fa; }
* { box-sizing:border-box; }
body { margin:0; font-family:'Segoe UI',system-ui,sans-serif; color:var(--text); line-height:1.7; background:#fff; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.lg-nav { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between;
  padding:14px 6vw; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
.lg-brand { display:inline-flex; align-items:center; gap:9px; font-weight:800; font-size:19px; color:var(--navy); }
.lg-nav a.lg-home { color:var(--muted); font-weight:600; font-size:14px; }
.lg-wrap { max-width:820px; margin:0 auto; padding:44px 6vw 20px; }
.lg-wrap h1 { font-size:34px; letter-spacing:-.5px; margin:0 0 6px; }
.lg-updated { color:var(--muted); font-size:13px; margin:0 0 30px; }
.lg-wrap h2 { font-size:20px; margin:34px 0 10px; color:var(--navy); }
.lg-wrap h3 { font-size:16px; margin:22px 0 8px; }
.lg-wrap p, .lg-wrap li { font-size:15.5px; color:#25324a; }
.lg-wrap ul { padding-left:22px; }
.lg-note { background:var(--bg2); border:1px solid var(--border); border-left:4px solid var(--accent);
  border-radius:10px; padding:14px 18px; margin:18px 0; font-size:14.5px; }
.lg-contact { background:var(--bg2); border:1px solid var(--border); border-radius:12px; padding:22px; margin-top:18px; }
.lg-foot { border-top:1px solid var(--border); background:var(--navy); color:#c3d0e4; margin-top:40px;
  padding:30px 6vw; font-size:14px; }
.lg-foot-links { display:flex; flex-wrap:wrap; gap:8px 20px; margin-bottom:14px; }
.lg-foot-links a { color:#c3d0e4; } .lg-foot-links a:hover { color:#fff; }
.lg-foot-muted { color:#7e91ad; font-size:13px; }
svg.lg-mark { display:block; }