:root{--bg:#f6f3eb;--paper:#fff;--ink:#101114;--muted:#6e6f72;--line:#dedbd2;--accent:#d84a3a;--max:1120px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh}.sf-content-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(246,243,235,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.sf-content-header__inner{width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.sf-content-brand{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-.02em}.sf-content-nav{display:flex;gap:18px}.sf-content-nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:650}.sf-content-nav a:hover,.sf-content-nav a[aria-current=page]{color:var(--ink)}main{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:64px 0 96px}.content-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.content-title{font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 18px;max-width:900px}.content-lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65;margin:0 0 42px}.content-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin:0 0 42px}.content-meta span+span:before{content:"·";margin-right:10px}.content-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.content-card{display:block;background:var(--paper);border:1px solid var(--line);padding:28px;text-decoration:none;color:var(--ink);min-height:210px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-3px);border-color:#bdb8ae;box-shadow:0 16px 40px rgba(20,20,20,.07)}.content-card__meta{font-size:12px;color:var(--muted);margin-bottom:42px}.content-card h2{font-size:24px;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}.content-card p{color:var(--muted);line-height:1.65;margin:0}.content-empty{border:1px solid var(--line);background:var(--paper);padding:36px;margin-top:32px;color:var(--muted)}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:72px;align-items:start}.article-body{font-size:17px;line-height:1.8;min-width:0}.article-body h2{font-size:34px;letter-spacing:-.04em;line-height:1.15;margin:56px 0 18px}.article-body h3{font-size:24px;letter-spacing:-.025em;margin:38px 0 12px}.article-body p{margin:0 0 22px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 22px}.article-body li{margin:7px 0}.article-body blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--ink);background:#efede7}.article-body pre{overflow:auto;background:#111216;color:#f5f5f5;padding:20px;border-radius:3px;font-size:14px;line-height:1.55}.article-body code{font-family:"SFMono-Regular",Consolas,monospace}.article-aside{position:sticky;top:110px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:13px;line-height:1.65}.article-aside a{color:var(--ink);font-weight:700}.content-error{max-width:680px;padding:48px;background:var(--paper);border:1px solid var(--line)}.content-error h1{font-size:34px;margin:0 0 12px}.content-error p{color:var(--muted);line-height:1.6}.content-skeleton{height:220px;background:linear-gradient(90deg,#eeece6 25%,#f8f6f1 37%,#eeece6 63%);background-size:400% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.article-flow{display:grid;gap:0;margin:30px 0 34px}.article-flow__step{position:relative;background:var(--paper);border:1px solid var(--line);padding:16px 18px;font-weight:720;line-height:1.45}.article-flow__step+.article-flow__step{margin-top:22px}.article-flow__step+.article-flow__step:before{content:"↓";position:absolute;left:50%;top:-24px;transform:translateX(-50%);color:var(--muted);font-weight:800}.article-flow__step.is-fail{border-color:#b94a3c;background:#fff8f5}.article-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 34px}.article-compare__item{background:var(--paper);border:1px solid var(--line);padding:20px}.article-compare__label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.article-figure{margin:30px 0 34px}.article-figure img{display:block;max-width:100%;height:auto;border:1px solid var(--line);background:var(--paper)}.article-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px}.article-bars{display:grid;gap:12px;margin:30px 0 34px}.article-bar{display:grid;grid-template-columns:minmax(100px,180px) 1fr auto;gap:12px;align-items:center}.article-bar__track{height:12px;background:#e7e3da;overflow:hidden}.article-bar__fill{height:100%;background:var(--ink)}.article-bar__value{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}
.article-table-wrap{width:100%;overflow-x:auto;margin:28px 0 34px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.045)}.article-table-wrap table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.6}.article-table-wrap th,.article-table-wrap td{padding:15px 18px;border-right:1px solid #eceef1;border-bottom:1px solid #eceef1;vertical-align:top}.article-table-wrap th:last-child,.article-table-wrap td:last-child{border-right:0}.article-table-wrap thead th{background:#f7f8fa;color:#111827;font-size:12px;font-weight:800;letter-spacing:.02em}.article-table-wrap tbody tr:last-child td{border-bottom:0}.article-table-wrap tbody tr{transition:background-color .18s ease}.article-table-wrap tbody tr:hover{background:#fafbfc}
@media(max-width:780px){.sf-content-nav{gap:10px}.sf-content-nav a{font-size:12px}.sf-content-header__inner,main{width:min(100% - 28px,var(--max))}main{padding-top:42px}.content-list{grid-template-columns:1fr}.article-shell{grid-template-columns:1fr;gap:30px}.article-aside{position:static}.content-title{font-size:44px}.content-lead{font-size:16px}.article-compare{grid-template-columns:1fr}.article-bar{grid-template-columns:1fr auto}.article-bar__track{grid-column:1/-1}.article-table-wrap{margin:22px 0 28px;border-radius:12px}.article-table-wrap table{min-width:560px}.article-table-wrap th,.article-table-wrap td{padding:13px 15px}}
.content-title{word-break:keep-all;overflow-wrap:break-word}.article-compare>div{background:var(--paper);border:1px solid var(--line);padding:20px}.article-compare>div>strong{display:block;margin-bottom:8px}.article-body>table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.6;margin:28px 0 34px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px rgba(17,24,39,.045)}.article-body>table th,.article-body>table td{padding:15px 18px;border-right:1px solid #eceef1;border-bottom:1px solid #eceef1;vertical-align:top}.article-body>table th:last-child,.article-body>table td:last-child{border-right:0}.article-body>table thead th{background:#f7f8fa;color:#111827;font-size:12px;font-weight:800;letter-spacing:.02em}.article-body>table tbody tr:last-child td{border-bottom:0}.article-body>table tbody tr{transition:background-color .18s ease}.article-body>table tbody tr:hover{background:#fafbfc}@media(max-width:780px){.article-body>table th,.article-body>table td{padding:12px 12px}}