:root{
  --font-sans:'Pretendard Variable',Pretendard,-apple-system,system-ui,sans-serif;
  --font-display:'Space Grotesk','Pretendard Variable',sans-serif;
  --bg-app:#F5FAFB; --surface-1:#FFFFFF; --surface-inverse:#08201F; --glass:rgba(255,255,255,.82);
  --text-strong:#0B2A2C; --text:#26403F; --text-muted:#577071; --text-subtle:#7E9597;
  --border:#E5EEEE; --border-strong:#D2E0E0;
  --primary:#0E7C8B; --on-primary:#ffffff; --primary-soft:rgba(14,124,139,.10); --primary-border:rgba(14,124,139,.24);
  --accent:#12A150; --accent-soft:rgba(18,161,80,.13); --accent-hover:#0E8A45;
  --ring:0 0 0 3px rgba(14,124,139,.32);
  --shadow-xs:0 1px 2px rgba(11,42,44,.06);
  --shadow-sm:0 2px 10px rgba(11,42,44,.06);
  --shadow-md:0 8px 22px rgba(11,42,44,.10);
  --shadow-lg:0 18px 44px rgba(11,42,44,.13);
  --dur-base:200ms; --ease-out:cubic-bezier(.22,1,.36,1); --ease-spring:cubic-bezier(.34,1.56,.64,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg-app:#081A1C; --surface-1:#10282A; --surface-inverse:#050F0F; --glass:rgba(16,40,42,.8);
  --text-strong:#EAF6F6; --text:#C6DBDB; --text-muted:#8FACAC; --text-subtle:#6E8788;
  --border:rgba(255,255,255,.10); --border-strong:rgba(255,255,255,.16);
  --primary:#13909F; --on-primary:#ffffff; --primary-soft:rgba(43,188,205,.15); --primary-border:rgba(43,188,205,.30);
  --accent:#28B765; --accent-soft:rgba(40,183,101,.16); --accent-hover:#34C673;
  --ring:0 0 0 3px rgba(43,188,205,.42);
  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:0 2px 10px rgba(0,0,0,.42);
  --shadow-md:0 8px 24px rgba(0,0,0,.48);
  --shadow-lg:0 18px 44px rgba(0,0,0,.55);
  color-scheme:dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-sans);background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease-out),color .3s var(--ease-out);}
::selection{background:#7C5CFF;color:#fff;}
.ms{font-family:'Material Symbols Rounded';font-weight:normal;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
a:focus-visible,button:focus-visible,select:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px;}

/* Header */
.l-header{position:sticky;top:0;z-index:60;background:var(--glass);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.l-header-in{max-width:880px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.l-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;}
.l-logo{width:40px;height:40px;border-radius:13px;background:conic-gradient(from 130deg at 50% 50%,#E0436B,#E8870E,#12A150,#1A93E6,#7C5CFF,#E0436B);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);}
.l-logo span{width:30px;height:30px;border-radius:9px;background:var(--surface-1);display:flex;align-items:center;justify-content:center;}
.l-brand-txt{display:flex;flex-direction:column;line-height:1.12;}
.l-brand-txt b{font-size:15px;font-weight:700;color:var(--text-strong);letter-spacing:-.01em;}
.l-brand-txt small{font-size:11px;font-weight:500;color:var(--text-subtle);letter-spacing:.02em;}
.l-tools{display:flex;align-items:center;gap:8px;}
.l-back{text-decoration:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-muted);font-size:13.5px;font-weight:600;}
.l-langwrap{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);}
.l-langwrap select{border:none;background:transparent;color:var(--text-strong);font-family:var(--font-sans);font-size:13.5px;font-weight:600;cursor:pointer;outline:none;}
.l-theme{width:38px;height:38px;flex:none;border:1px solid var(--border);background:var(--surface-1);border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);}

/* Document */
.l-hero{background:linear-gradient(180deg,var(--primary-soft) 0%,var(--bg-app) 70%);border-bottom:1px solid var(--border);}
.l-hero-in{max-width:880px;margin:0 auto;padding:56px 24px 40px;}
.l-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--primary);text-transform:uppercase;}
.l-title{margin:12px 0 0;font-family:var(--font-display);font-size:40px;line-height:1.14;font-weight:700;letter-spacing:-.025em;color:var(--text-strong);word-break:keep-all;}
.l-meta{margin:16px 0 0;font-size:14px;color:var(--text-muted);}
.l-doc{max-width:880px;margin:0 auto;padding:44px 24px 80px;}
.l-doc h2{margin:38px 0 12px;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--text-strong);line-height:1.3;word-break:keep-all;}
.l-doc h2:first-child{margin-top:0;}
.l-doc p{margin:0 0 16px;font-size:16px;line-height:1.72;color:var(--text);word-break:keep-all;}
.l-doc ul{margin:0 0 16px;padding-inline-start:22px;}
.l-doc li{font-size:16px;line-height:1.72;color:var(--text);margin:0 0 6px;word-break:keep-all;}
.l-doc a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;}
.l-lead{font-size:16.5px;line-height:1.7;color:var(--text-muted);padding:18px 22px;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xs);}

/* Footer */
.l-footer{background:var(--surface-inverse);color:rgba(255,255,255,.55);padding:34px 24px;}
.l-footer-in{max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:13px;}
.l-footer a{color:rgba(255,255,255,.72);text-decoration:none;}
.l-footer .l-foot-links{display:flex;gap:20px;flex-wrap:wrap;}

@media (max-width:560px){
  .l-title{font-size:30px;}
  .l-brand-txt small{display:none;}
  .l-back span.txt{display:none;}
  .l-back{padding:0 11px;}
}