/* ASIV legal documents (privacy.html, cookies.html). Fonts are first-party: /assets/fonts/. */
:root{color-scheme:dark;--bg:#051b18;--bg-2:#072420;--ink:#f3f1ea;--text:#d9e5e0;--muted:#97ada6;--faint:#6f8780;
  --line:rgba(214,236,228,.14);--line-2:rgba(214,236,228,.3);--accent:#6ee7b7;--accent-2:#34d399;
  --serif:'Tinos','Noto Serif KR',Georgia,'Times New Roman',serif;
  --sans:'Inter','Pretendard Variable','Apple SD Gothic Neo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pad:clamp(20px,5.3vw,84px)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html:lang(ko){word-break:keep-all}
body{margin:0;font:16.5px/1.7 var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;
  background:radial-gradient(1100px 620px at 92% -8%,rgba(52,211,153,.13),transparent 62%),
    linear-gradient(180deg,var(--bg-2) 0,var(--bg) 640px);min-height:100vh}
a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(110,231,183,.45);text-underline-offset:4px;overflow-wrap:anywhere}
a:hover{text-decoration-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
code{font:.86em/1.5 'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:#cdeee0;overflow-wrap:anywhere}
strong{color:var(--ink);font-weight:600}

/* language: only one language is shown; the other is a switch away */
html[data-lang=en] [data-l=ko],html[data-lang=ko] [data-l=en]{display:none!important}

/* header */
.site-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--pad);
  border-bottom:1px solid var(--line)}
.site-head .brand{display:inline-flex;align-items:center;text-decoration:none}
.site-head .brand img{height:26px;width:auto;display:block}
.back{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:16px}
.back svg{width:18px;height:18px}
.back:hover{color:#fff}

/* hero */
.hero{position:relative;padding:40px var(--pad) 0;overflow:hidden}
.globe{position:absolute;top:-1px;right:0;width:min(920px,66vw);height:auto;pointer-events:none;z-index:0}
.hero>*:not(.globe){position:relative;z-index:1}
.eyebrow{margin:0;font:600 13px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
h1{margin:14px 0 10px;font:400 clamp(42px,5.4vw,70px)/1.04 var(--serif);color:var(--ink);letter-spacing:-.012em}
html:lang(ko) h1{letter-spacing:-.02em;line-height:1.15}
html:lang(ko) .eyebrow,html:lang(ko) .toc .toc-title,html:lang(ko) .toc summary{letter-spacing:.08em}
.lede{margin:0;font-size:clamp(17px,1.5vw,20px);color:#c4d3cd;max-width:44ch}
.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:15px;color:var(--ink)}
.meta-row .sep{width:1px;height:18px;background:var(--line-2)}
.lang{position:relative;display:inline-flex;align-items:center}
.lang select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--ink);font:500 15px/1.4 var(--sans);
  padding:6px 26px 6px 2px;cursor:pointer;border-radius:6px}
.lang select option{background:#0a2722;color:var(--ink)}
.lang svg{position:absolute;right:4px;width:14px;height:14px;pointer-events:none}

/* tabs */
.tabs{display:flex;gap:4px;margin-top:30px;border-bottom:1px solid var(--line-2)}
.tabs a{display:block;padding:12px 16px 13px;margin-bottom:-1px;color:var(--muted);text-decoration:none;font-size:16px;
  border-bottom:3px solid transparent}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current=page]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}

/* body: contents rail + document */
.doc{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);padding:0 var(--pad)}
.toc{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:40px 28px 40px 0;border-right:1px solid var(--line-2);
  margin:38px 0 60px}
.toc summary{display:none}
.toc h2,.toc .toc-title{margin:0 0 18px;font:600 13px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);padding-left:6px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{margin:0}
.toc a{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:8px 0 8px 42px;color:var(--text);
  text-decoration:none;font-size:16px;line-height:1.45}
.toc a .n{color:var(--muted);font-variant-numeric:tabular-nums}
.toc a:hover{color:var(--ink)}
.toc a[aria-current=true]{color:var(--ink);font-weight:600}
.toc a[aria-current=true] .n{color:var(--ink)}
.toc a[aria-current=true]::before{content:'';position:absolute;left:0;top:50%;width:24px;height:2px;background:var(--accent);border-radius:2px}

.content{min-width:0;padding:38px 0 40px 68px}
.content>*{max-width:980px}
.lead{margin:0 0 46px 56px}
.lead p{margin:0 0 14px;font-size:17.5px;color:var(--text);max-width:72ch}
.lead .meta{font-size:14px;color:var(--muted)}
.lead .meta a{color:var(--text)}

.sec{position:relative;padding-left:56px;margin:0 0 58px;scroll-margin-top:24px}
.sec>h2{margin:0 0 16px;font:400 clamp(30px,2.9vw,42px)/1.14 var(--serif);color:var(--ink);letter-spacing:-.008em}
html:lang(ko) .sec>h2{letter-spacing:-.025em;line-height:1.28}
.sec>h2 .n{position:absolute;left:0;top:.62em;font:400 22px/1 var(--serif);color:var(--accent);font-variant-numeric:lining-nums}
.sec h3{margin:28px 0 8px;font:600 18px/1.4 var(--sans);color:var(--ink)}
.sec p,.sec li{max-width:76ch;font-size:17px}
.sec p{margin:0 0 14px}
.sec ul,.sec ol{margin:0 0 16px;padding-left:1.2em}
.sec li{margin:0 0 8px}
.sec li::marker{color:var(--accent)}
.sec .meta{font-size:14px;color:var(--muted)}

.table-wrap{overflow-x:auto;margin:20px 0 22px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px;line-height:1.6;border:1px solid var(--line-2)}
th,td{text-align:left;vertical-align:top;border:1px solid var(--line-2);padding:12px 20px}
th{color:var(--ink);font-weight:600;background:rgba(214,236,228,.03)}
td{color:var(--text)}

/* "Cookie settings" controls written inside the text read as links */
.content [data-asiv-cookie-settings]{font:inherit;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(110,231,183,.45);text-underline-offset:4px}
.content [data-asiv-cookie-settings]:hover{text-decoration-color:var(--accent)}
.content p>[data-asiv-cookie-settings]:only-child{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid var(--line-2);
  border-radius:999px;text-decoration:none}
.content p>[data-asiv-cookie-settings]:only-child:hover{border-color:var(--accent)}

/* footer */
.site-foot{display:flex;justify-content:space-between;align-items:center;gap:18px 32px;flex-wrap:wrap;margin:0 var(--pad);
  padding:26px 4px 34px;border-top:1px solid var(--line-2);font-size:15px;color:var(--ink)}
.site-foot nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px}
.site-foot nav a,.site-foot nav button{color:var(--ink);text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.site-foot nav a:hover,.site-foot nav button:hover{color:var(--accent)}
.site-foot .sep{width:1px;height:22px;background:var(--line-2)}
.site-foot .social{display:flex;gap:18px}
.site-foot .social a{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--ink)}
.site-foot .social svg{width:20px;height:20px}

@media (max-width:899px){
  .site-head{height:56px}
  .site-head .brand img{height:22px}
  .back{font-size:15px}
  .hero{padding-top:30px}
  .globe{width:min(560px,92vw);opacity:.75}
  .tabs{margin-top:24px}
  .tabs a{padding:11px 12px 12px;font-size:15px}
  .doc{display:block}
  .toc{position:static;max-height:none;margin:22px 0 4px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .toc summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:14px 16px;
    font:600 13px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
  .toc summary::-webkit-details-marker{display:none}
  .toc summary svg{width:14px;height:14px;transition:transform .2s}
  .toc[open] summary svg{transform:rotate(180deg)}
  .toc .toc-title{display:none}
  .toc ol{padding:0 8px 10px;border-top:1px solid var(--line)}
  .toc a{padding:9px 8px;grid-template-columns:28px 1fr;font-size:15px}
  .toc a[aria-current=true]::before{display:none}
  .content{padding:30px 0 24px}
  .lead{margin:0 0 38px}
  .lead p{font-size:16.5px}
  .sec{padding-left:0;margin-bottom:46px}
  .sec>h2 .n{position:static;display:block;margin-bottom:8px;font-size:18px}
  table{font-size:14px;min-width:600px}
  th,td{padding:10px 14px}
  .site-foot{flex-direction:column;align-items:flex-start;padding:24px 0 30px}
  .site-foot nav{gap:12px 22px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.globe,.toc,.tabs,.site-foot,.lang,#asiv-cookie-ui{display:none!important}body{background:#fff;color:#000}
  .doc{display:block}.content{padding:0}h1,.sec>h2{color:#000}}