@font-face{font-family:"Plus Jakarta Sans";src:url("/app/fonts/PlusJakartaSans.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{
  color-scheme:light;
  --ground:#F6F6F9; --surface:#FFFFFF; --sunken:#F1F1F5; --line:#E3E3EA; --line-2:#D2D2DC;
  --ink:#1E1F26; --ink-2:#3E404B; --muted:#646775;
  --acc:#4152D9; --acc-ink:#FFFFFF; --acc-soft:#ECEEFC;
  --r:16px;
  --font:"Plus Jakarta Sans","Segoe UI",-apple-system,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --ground:#14151B; --surface:#1D1F27; --sunken:#181A21; --line:#2C2F3A; --line-2:#3A3E4B;
  --ink:#ECEDF3; --ink-2:#C8CAD6; --muted:#9A9DAD;
  --acc:#9AA6F5; --acc-ink:#10121A; --acc-soft:#262B4A;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#14151B; --surface:#1D1F27; --sunken:#181A21; --line:#2C2F3A; --line-2:#3A3E4B;
  --ink:#ECEDF3; --ink-2:#C8CAD6; --muted:#9A9DAD;
  --acc:#9AA6F5; --acc-ink:#10121A; --acc-soft:#262B4A;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ground);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
.wrap{max-width:720px;margin:0 auto;padding:32px 16px 48px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:650}
.brand-name{color:inherit;text-decoration:none}
.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--acc);color:var(--acc-ink);font-weight:800}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 28px 20px}
h1{font-size:30px;line-height:1.15;margin:0 0 4px;letter-spacing:-.02em}
.date{margin:0 0 22px;color:var(--muted);font-size:14px}
h2{font-size:18px;line-height:1.3;margin:28px 0 8px;letter-spacing:-.01em}
p{margin:0 0 12px;color:var(--ink-2)}
ul{margin:0 0 12px;padding-left:22px;color:var(--ink-2)}
li{margin:6px 0}
b{color:var(--ink)}
a{color:var(--acc);text-underline-offset:3px}
.short{padding:18px 20px 8px;border-radius:12px;background:var(--acc-soft)}
.short h2{margin-top:0}
.what{margin:0 0 12px}
.what dt{margin:16px 0 4px;font-weight:700;color:var(--ink)}
.what dd{margin:0;padding:0 0 0 14px;border-left:3px solid var(--line-2);color:var(--ink-2)}
.foot{margin-top:16px;color:var(--muted);font-size:14px;text-align:center}
@media (max-width:560px){.card{padding:22px 16px 14px}h1{font-size:26px}body{font-size:15.5px}}