﻿
    :root { --primary:#F97316; --primary-dark:#EA580C; --ink:#1F2937; --muted:#6B7280; --border:#E5E7EB; --bg:#FAFAF8; }
    * { box-sizing:border-box; margin:0; padding:0; }
    body { font-family:'Segoe UI',Inter,sans-serif; background:var(--bg); color:var(--ink); line-height:1.7; }
    .topbar { background:#fff; border-bottom:1px solid var(--border); padding:16px 20px; display:flex; align-items:center; gap:12px; position:sticky; top:0; z-index:10; }
    .topbar a { color:var(--ink); text-decoration:none; width:34px; height:34px; border-radius:50%; background:#F3F4F6; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .topbar h1 { font-size:1.05rem; font-weight:800; }
    .wrap { max-width:720px; margin:0 auto; padding:28px 20px 60px; }
    .updated { font-size:.8rem; color:var(--muted); margin-bottom:24px; }
    h2 { font-size:1.1rem; font-weight:800; color:var(--primary-dark); margin:28px 0 10px; }
    h2:first-of-type { margin-top:0; }
    p, li { font-size:.92rem; color:#374151; margin-bottom:10px; }
    ul { padding-left:20px; margin-bottom:14px; }
    .highlight { background:#FFF7ED; border:1px solid #FDBA74; border-radius:12px; padding:14px 16px; margin:16px 0; font-size:.88rem; }
    .highlight b { color:var(--primary-dark); }
    .contact-box { background:#fff; border:1px solid var(--border); border-radius:14px; padding:16px; margin-top:20px; }
  