:root{--bg: #ffffff;--fg: #111827;--muted: #6b7280;--line: #e5e7eb;--soft: #f3f4f6;--accent: #2563eb;--accent-soft: #eff6ff;--max: 760px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--fg: #e5e7eb;--muted: #9ca3af;--line: #262a33;--soft: #171a21;--accent: #60a5fa;--accent-soft: #14213a}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}header.top{border-bottom:1px solid var(--line)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}header.top .brand{font-weight:800;font-size:20px;color:var(--fg);letter-spacing:-.02em}header.top .brand span{color:var(--accent)}header.top nav{display:flex;gap:14px;font-size:15px}header.top nav a{color:var(--muted);font-weight:600}header.top nav a[aria-current=page],header.top nav a:hover{color:var(--fg);text-decoration:none}main{padding:32px 0 64px}footer.bottom{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:14px}footer.bottom nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}footer.bottom a{color:var(--muted)}h1{font-size:30px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}h2{font-size:22px;line-height:1.35;margin:40px 0 12px;padding-left:12px;border-left:4px solid var(--accent);letter-spacing:-.01em}h3{font-size:18px;margin:28px 0 8px}p{margin:0 0 16px}.meta{color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:20px}.meta .chip{background:var(--accent-soft);color:var(--accent);padding:2px 10px;border-radius:999px;font-weight:600}.lead{font-size:18px;color:var(--fg)}table{border-collapse:collapse;width:100%;margin:16px 0 20px;font-size:15px}th,td{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}th{background:var(--soft);font-weight:700}.table-scroll{overflow-x:auto}table.toc,table.point{width:100%}table.toc td,table.point td{background:var(--soft);border:0;border-radius:10px;padding:16px 18px}table.point td{background:var(--accent-soft);font-weight:600}blockquote{margin:24px 0;padding:12px 16px;border-left:4px solid var(--accent);background:var(--soft);border-radius:0 8px 8px 0}figure{margin:24px 0}figure img{display:block;border-radius:10px;border:1px solid var(--line)}figcaption,p.caption{color:var(--muted);font-size:14px;margin-top:8px;text-align:center}ul,ol{padding-left:22px}li{margin:4px 0}.card-list{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.card img{aspect-ratio:1200 / 630;object-fit:cover;width:100%;display:block}.card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.card .title{font-weight:700;line-height:1.4;color:var(--fg);font-size:16px}.card .desc{color:var(--muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .sub{color:var(--muted);font-size:13px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:36px 0 14px}.section-head h2{margin:0}.section-head a{font-size:14px}.notice{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--muted);margin:28px 0}.sources{font-size:14px;color:var(--muted)}.sources li{margin:2px 0}.ad-slot{margin:28px 0;min-height:0}.faq dt{font-weight:700;margin-top:14px}.faq dd{margin:4px 0 0}.method{font-size:14px;color:var(--muted);margin:-4px 0 20px}article[data-type=compare] h2{border-left:0;border-bottom:2px solid var(--line);padding-left:0;padding-bottom:6px}article[data-type=compare] table.point td{background:var(--soft);border-left:4px solid var(--accent);border-radius:0 10px 10px 0}article[data-type=howto] h2{border-left:0;padding-left:0}article[data-type=howto] h2:before{content:"▸ ";color:var(--accent)}article[data-type=howto] ol{counter-reset:step;list-style:none;padding-left:0}article[data-type=howto] ol>li{counter-increment:step;position:relative;padding-left:38px;margin:10px 0}article[data-type=howto] ol>li:before{content:counter(step);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}article[data-type=record] h2{border-left:0;padding:6px 12px;background:var(--soft);border-radius:8px}article[data-type=record] table th{background:var(--accent-soft);color:var(--accent)}article[data-type=record] table.point td{background:var(--bg);border:1px dashed var(--accent)}.hero{padding:8px 0 24px}.hero p{color:var(--muted);font-size:18px;margin:0}.prose>:first-child{margin-top:0}@media(max-width:640px){body{font-size:16px}h1{font-size:24px}h2{font-size:20px}header.top nav{gap:10px;font-size:14px}}