﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e14;--ink:#eaf3f8;--muted:#8ea6b5;--line:#b8dbef23;--accent:#a2d8ed}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#18324645,transparent 35%),var(--bg);color:var(--ink);font:14px/1.7 Inter,'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-size:31px;font-weight:700}.brand span{font-size:12px;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400}.topbar nav{display:flex;gap:28px;font-size:12px;color:#b3c6d1}main{max-width:1220px;margin:auto;padding:38px 38px 70px;min-height:70vh}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#8da9ba;margin-bottom:47px}.breadcrumb a:hover{color:white}.article-top{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:75px;padding-bottom:48px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8ab3cb;display:block}.eyebrow span{display:inline-block;margin-left:16px;padding:3px 8px;border:1px solid #76a1bb44;border-radius:3px;letter-spacing:1px;font-size:8px}h1{font-size:clamp(28px,3.3vw,43px);letter-spacing:-1.6px;line-height:1.35;font-weight:500;margin:22px 0;overflow-wrap:anywhere}.lead{font-size:14px;line-height:1.95;color:#b6cbd7;max-width:730px;margin:0}#tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}#tags span{font-size:9px;color:#91aebf;padding:5px 9px;background:#a8cfe80c;border:1px solid #759ab52a;border-radius:4px}.facts{border-top:1px solid #92c6e275;padding-top:17px;margin-top:8px}.facts dl{font-size:11px;margin:20px 0}.facts dl>div{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}dt{color:#7d9bad;white-space:nowrap}dd{margin:0;color:#c8dbe6;text-align:right}.facts a{display:block;font-size:10px;color:#9dd6ed;margin-top:24px}.section{padding:38px 0;border-top:1px solid var(--line)}.section-heading{margin-bottom:25px}.section-heading>span{font-size:8px;letter-spacing:1.8px;color:#7699af}h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:10px 0}.section-heading p{font-size:11px;color:#829dab;margin:8px 0}.key-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.key-point{background:linear-gradient(145deg,#13233199,#0f1c2780);border:1px solid var(--line);border-radius:9px;padding:22px;min-width:0}.key-point>span{color:#7099b2;font-size:10px;letter-spacing:2px}.key-point h3{font-size:14px;line-height:1.65;font-weight:500;margin:13px 0 10px;color:#d3e4ee}.key-point p{font-size:12px;line-height:1.85;color:#9cb6c6;margin:0;overflow-wrap:anywhere}.source-note{font-size:10px;color:#738c9e;margin:18px 0 0;line-height:1.8}.preview-tabs{display:flex;gap:8px;margin-bottom:14px}.preview-tabs button{border:1px solid var(--line);border-radius:5px;background:#0e1a24;font-size:10px;padding:8px 12px;color:#8eacbd}.preview-tabs button[aria-pressed=true]{background:#1e3545;border-color:#9bc7dd66;color:#e8f5fc}figure{margin:0}#preview-open{display:block;position:relative;width:100%;padding:0;background:#111b23;border:1px solid #7592a144;border-radius:12px;overflow:hidden}#preview-image{display:block;width:100%;max-height:710px;object-fit:contain;object-position:top;background:#e9edef}#preview-open>span{position:absolute;right:17px;bottom:17px;background:#07121de0;color:#eaf5fa;padding:8px 14px;font-size:10px;border-radius:30px;border:1px solid #aecada44;backdrop-filter:blur(12px)}figcaption{display:flex;justify-content:space-between;font-size:10px;color:#8aa4b4;line-height:1.9;margin:12px 2px}#preview-empty{padding:45px 24px;border:1px dashed #526f84;border-radius:10px;color:#90a9ba;font-size:13px;background:#10202a50}#contents{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:12px}.content-item{padding:18px 0;border-bottom:1px solid #799bb320}.content-item h3{font-size:13px;font-weight:500;color:#c1d8e6;margin:0 0 8px}.content-item p{font-size:12px;color:#89a5b7;line-height:1.85;margin:0;overflow-wrap:anywhere}#related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{border:1px solid var(--line);padding:19px;background:#10202b55;border-radius:7px;display:flex;flex-direction:column;gap:9px;transition:border-color .15s}.related-card:hover{border-color:#97c6e2aa}.related-card small{font-size:9px;color:#7e9db2}.related-card strong{font-size:12px;font-weight:500;line-height:1.6}.related-card>span{color:#addcf2;font-size:10px}.source-box{border:1px solid var(--line);background:#11212c80;border-radius:12px;padding:28px;display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:28px}.source-box h2{font-size:17px}.source-box p{font-size:11px;color:#8eabba;margin:6px 0;overflow-wrap:anywhere}.source-box a{font-size:11px;color:#bbdce9;white-space:nowrap;border:1px solid #7297ab50;border-radius:6px;padding:11px 15px}.site-footer{max-width:1220px;margin:auto;padding:30px 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:#678293;font-size:9px}.site-footer>a{font-weight:600;color:#a3bbc9}dialog{border:1px solid #648da4;border-radius:12px;background:#07101a;color:#c7dfec;max-width:94vw;width:max-content;max-height:95svh;padding:50px 18px 15px}dialog::backdrop{background:#02080de8;backdrop-filter:blur(7px)}#large-image{display:block;max-width:88vw;max-height:77svh;object-fit:contain}#image-close{position:absolute;right:17px;top:12px;border:0;background:#254052;font-size:11px;padding:6px 13px;border-radius:5px}#large-caption{font-size:11px;margin:12px 0 0}#loading,#error{padding:70px 0;color:#9dbccd}#error a{color:#bfebff}body.modal-open{overflow:hidden}
@media(max-width:850px){.article-top{gap:30px;grid-template-columns:minmax(0,1fr) 200px}.key-points{grid-template-columns:1fr}.key-point{padding:20px}.key-point h3{margin:8px 0}.key-point p{font-size:13px}#related{grid-template-columns:repeat(2,minmax(0,1fr))}.source-box{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.topbar{height:66px;padding:0 22px}.topbar nav{gap:18px;font-size:10px}.brand{font-size:27px}.brand span{font-size:10px}main{padding:28px 22px 45px}.breadcrumb{font-size:9px;gap:8px;margin-bottom:32px}.article-top{display:block;padding-bottom:28px}h1{font-size:29px;letter-spacing:-1px}.lead{font-size:13px}.facts{margin-top:29px;padding-top:14px}.facts dl{display:flex;gap:15px;margin:10px 0}.facts dl>div{display:block;flex:1;padding:10px 0}.facts dd{text-align:left;margin-top:5px}.facts a{margin-top:15px}h2{font-size:21px}.section{padding:29px 0}.section-heading{margin-bottom:19px}#contents{grid-template-columns:1fr}#related{grid-template-columns:1fr}#preview-image{max-height:520px}#preview-open>span{font-size:9px;right:9px;bottom:9px;padding:6px 10px}.source-box{padding:22px}.site-footer{padding:24px 22px;flex-direction:column;gap:10px}dialog{padding:46px 10px 12px}.preview-tabs{flex-wrap:wrap}}
h1,h2,h3,.lead,.key-point p,.content-item p{word-break:keep-all;overflow-wrap:anywhere}
