:root{
  --ink:#131316;--ink-2:#27272A;--ink-3:#52525B;--ink-4:#71717A;
  --line:#E9E9EB;--bg:#fff;--bg-2:#FAFAFA;--bg-3:#F4F4F5;
  --brand:#2C5CE6;--brand-2:#1E3FA8;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
svg{display:block}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}

.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.85);
  backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--line)}
.hdr-in{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;height:70px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.11rem;letter-spacing:-.03em;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo-mk{width:31px;height:31px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(145deg,var(--brand),var(--brand-2));display:grid;place-items:center}
.hdr-nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.hdr-nav a{padding:8px 13px;border-radius:8px;font-size:.93rem;font-weight:550;color:var(--ink-3)}
.hdr-nav a:hover{background:var(--bg-3);color:var(--ink);text-decoration:none}
.hdr-nav a.on{background:var(--bg-3);color:var(--ink);font-weight:650}

main{padding:64px 0 88px}
h1{font-size:clamp(2rem,4vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 12px}
.updated{color:var(--ink-4);font-size:.92rem;margin:0 0 48px;padding-bottom:24px;border-bottom:1px solid var(--line)}
h2{font-size:1.4rem;font-weight:750;letter-spacing:-.022em;margin:46px 0 14px;line-height:1.25}
h3{font-size:1.08rem;font-weight:700;margin:28px 0 8px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:9px}
strong,b{font-weight:650;color:var(--ink)}
.box{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:0 0 20px}
.box p:last-child{margin-bottom:0}
.box .lbl{font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em;
  color:var(--ink-4);margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.95rem}
th{text-align:left;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-4);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-2)}
td{padding:12px;border-bottom:1px solid var(--bg-3);vertical-align:top}
tr:last-child td{border-bottom:0}

.ft{background:var(--bg-2);border-top:1px solid var(--line);padding:44px 0;font-size:.9rem;color:var(--ink-4)}
.ft-in{max-width:1180px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ft-in a{color:var(--ink-3)}
.ft-l{display:flex;gap:22px;flex-wrap:wrap}

@media (max-width:660px){
  body{font-size:16px}
  .wrap,.hdr-in,.ft-in{padding-left:20px;padding-right:20px}
  main{padding:44px 0 64px}
  .hdr-in{height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}
  .hdr-nav{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}