:root{
  color-scheme:light;
  --paper:#f3efe6;--sheet:#fffdf8;--ink:#20231f;--muted:#62665f;--line:#c9c4b8;
  --cobalt:#2458a6;--cobalt-soft:#e8eef8;--amber:#d99a24;--amber-soft:#fbf0d6;
  --action:#c63e14;--action-hover:#9f2f0e;--ok:#176447;--danger:#87351f;
  --content:72rem;--reading:68ch;--gutter:clamp(1rem,4vw,3rem);--radius:5px;
  --section-space:clamp(3.25rem,7vw,5.5rem);--cta-cycle:4.1s;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:.2em}
img{display:block;max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
.skip-link{position:fixed;z-index:99;top:.75rem;left:.75rem;padding:.7rem 1rem;background:var(--ink);color:#fff;transform:translateY(-180%)}
.skip-link:focus{transform:none;outline:3px solid var(--amber)}
.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--ink);background:rgba(255,253,248,.97)}
.site-header nav{display:flex;width:min(100%,var(--content));margin:auto;overflow-x:auto;white-space:nowrap;padding:0 var(--gutter)}
.site-header a{flex:none;padding:1rem .9rem;text-decoration:none;font-size:.9rem;font-weight:700}
.site-header .brand{margin-right:auto;padding-left:0;color:var(--cobalt);font-weight:850}
.page-shell{width:min(100%,var(--content));margin-inline:auto;padding-inline:var(--gutter);background:var(--sheet);border-inline:1px solid var(--line)}
.hero{padding:clamp(3.5rem,8vw,7rem) 0 3.5rem;border-bottom:2px solid var(--ink)}
.eyebrow{margin:0 0 1.5rem;color:var(--cobalt);font-size:.78rem;font-weight:850;letter-spacing:.12em}
h1,h2,h3{margin-top:0;letter-spacing:-.045em;text-wrap:balance}
h1{max-width:14em;margin-bottom:1.75rem;font-size:clamp(2.5rem,7vw,5.4rem);line-height:1.06;font-weight:900}
h1 span{color:var(--cobalt)}
h2{max-width:24ch;margin-bottom:1.5rem;font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.18;font-weight:860}
h3{margin-bottom:.75rem;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.35}
p{max-width:68ch;margin-top:0;margin-bottom:1.25rem;text-wrap:pretty}
.affiliate-disclosure-top{margin:0 0 1.75rem;padding:1.15rem 1.25rem;border:1px solid var(--ink);border-left:6px solid var(--amber);border-radius:0;background:var(--amber-soft);font-size:1rem;line-height:1.65}
.affiliate-disclosure-top strong{margin-right:.45rem}
.lead{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.72}
.hero-condition{padding-left:1rem;border-left:3px solid var(--cobalt);color:var(--muted);font-weight:700}
figure{margin:2rem 0 0}
figure img{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#eee9df;object-fit:cover}
figcaption{max-width:78ch;padding:.75rem 0;color:var(--muted);font-size:.85rem;line-height:1.6}
.product-figure{display:grid;grid-template-columns:minmax(0,34rem) minmax(0,1fr);gap:1.5rem;align-items:end;margin-top:2.75rem}
.product-figure img{aspect-ratio:1;object-fit:contain}
.product-figure figcaption{padding:0 0 .25rem}
.section{position:relative;padding:var(--section-space) 0;border-bottom:1px solid var(--line)}
.section p:last-child{margin-bottom:0}
.section-mark{margin-bottom:1rem;color:var(--cobalt);font-size:.78rem;font-weight:900;letter-spacing:.14em}
.section-intro{margin-bottom:2rem;font-size:1.1rem;color:var(--muted)}
.verdict-grid,.scenario-grid,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.verdict-card{padding:1.5rem;border:1px solid var(--ink);border-top:6px solid var(--ok);border-radius:var(--radius);background:#fff}
.verdict-card.caution{border-top-color:var(--danger)}
.card-label{margin-bottom:.75rem;color:var(--muted);font-size:.8rem;font-weight:850;letter-spacing:.08em}
.signal-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;border:1px solid var(--ink)}
.signal-row div{padding:1.25rem;border-right:1px solid var(--line)}
.signal-row div:last-child{border-right:0}
.signal-row span,.signal-row small,.price-ledger span,.price-ledger small{display:block}
.signal-row span,.price-ledger span{color:var(--muted);font-size:.82rem;font-weight:700}
.signal-row strong,.price-ledger strong{display:block;margin:.15rem 0;font-size:1.4rem}
.signal-row small,.price-ledger small{color:var(--muted);font-size:.75rem;line-height:1.45}
.two-up{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:2rem;align-items:start}
.two-up figure{margin:0}
.decision-tool{padding:1.5rem;border:2px solid var(--cobalt);border-radius:var(--radius);background:var(--cobalt-soft)}
.decision-tool label{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.9rem;padding:.8rem;background:#fff;border:1px solid #b9c7df;font-weight:650}
.decision-tool input{width:1.25rem;height:1.25rem;margin-top:.18rem;accent-color:var(--cobalt)}
.decision-tool button{width:100%;min-height:50px;margin-top:.5rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.tool-result{margin:1rem 0 0;padding:1rem;border-left:4px solid var(--amber);background:#fff;font-weight:750}
.tool-result.pass{border-left-color:var(--ok)}.tool-result.hold{border-left-color:var(--danger)}
.fine-print{margin-top:1rem;color:var(--muted);font-size:.85rem}
.evidence-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2rem 0;background:var(--line);border:1px solid var(--line)}
.evidence-ledger>div{padding:1.4rem;background:#fff}
.evidence-ledger strong{display:block;margin:.65rem 0 .4rem}
.evidence-ledger p{color:var(--muted);font-size:.93rem}
.evidence-tag{display:inline-block;padding:.18rem .45rem;border:1px solid currentColor;font-size:.72rem;font-weight:850;letter-spacing:.08em}
.evidence-tag.verified{color:var(--ok)}.evidence-tag.unknown{color:var(--danger)}.evidence-tag.limit{color:var(--cobalt)}
.table-wrap{margin:2rem 0;overflow-x:auto;border:1px solid var(--ink)}
table{width:100%;min-width:760px;border-collapse:collapse;background:#fff;font-size:.95rem}
th,td{padding:1rem .95rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top}
thead th{background:var(--ink);color:#fff}tbody th{background:var(--cobalt-soft)}
.source-inline{color:var(--muted);font-size:.9rem}
.price-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink);margin-top:2.5rem}
.price-ledger div{padding:1.25rem;border-right:1px solid var(--line)}.price-ledger div:last-child{border:0}
.price-warning{margin-top:1rem;padding:1rem;border-left:4px solid var(--amber);background:var(--amber-soft);font-size:.9rem}
.cta-wrap{margin-top:2rem;padding:1.5rem;border:1px solid var(--ink);background:#fff}
.cta-wrap>p{max-width:none}
.cta-button{position:relative;display:flex;width:100%;min-height:56px;overflow:hidden;align-items:center;justify-content:center;padding:1rem 1.25rem;border:2px solid #7b230a;border-radius:var(--radius);background:var(--action);color:#fff;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:900;line-height:1.35;text-align:center;text-decoration:none;animation:cta-pulse var(--cta-cycle) ease-in-out infinite;box-shadow:0 0 0 0 rgba(198,62,20,.35);transition:transform .18s ease,background .18s ease}
.cta-button::before{position:absolute;top:-70%;left:-35%;width:22%;height:240%;background:#fff;content:"";opacity:0;transform:skewX(-18deg);animation:cta-runner var(--cta-cycle) ease-in-out infinite}
.cta-button:hover{background:var(--action-hover);transform:translateY(-2px) scale(1.008)}
.cta-button:active{transform:translateY(1px) scale(.99)}
.cta-button:focus-visible{outline:4px solid var(--amber);outline-offset:3px}
.cta-wrap small{display:block;margin-top:.7rem;color:var(--muted);text-align:center}
@keyframes cta-runner{0%,14%{left:-35%;opacity:0}18%{opacity:.38}46%{left:120%;opacity:.18}50%,100%{left:120%;opacity:0}}
@keyframes cta-pulse{0%,55%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,62,20,.34)}18%{transform:scale(1.018);box-shadow:0 0 0 8px rgba(198,62,20,0)}34%{transform:scale(1.005);box-shadow:0 0 0 0 rgba(198,62,20,0)}}
.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.scenario-grid article{padding:1.5rem;border:1px solid var(--line);border-top:4px solid var(--cobalt);background:#fff}
.scenario-grid span{color:var(--cobalt);font-size:.75rem;font-weight:900;letter-spacing:.12em}
.warning-list{max-width:var(--reading);margin:1.5rem 0;padding:0;list-style:none}
.warning-list li{margin-bottom:.75rem;padding:1rem 1rem 1rem 2.7rem;border:1px solid var(--line);background:#fff;position:relative}
.warning-list li::before{position:absolute;left:1rem;content:"!";color:var(--danger);font-weight:900}
.faq details{border-top:1px solid var(--ink);padding:1rem 0}
.faq details:last-of-type{border-bottom:1px solid var(--ink)}
.faq summary{cursor:pointer;font-weight:850;line-height:1.5}
.faq details p{padding:1rem 0 0;color:var(--muted)}
.related-grid a{display:flex;min-height:8rem;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid var(--ink);background:var(--cobalt-soft);text-decoration:none}
.related-grid a:hover{background:#dce6f5}.related-grid span{margin-top:.75rem;color:var(--muted)}
.final-decision{border-bottom:0}.final-decision>p{font-size:1.12rem}
.article-footer{margin-inline:calc(var(--gutter) * -1);padding:2.5rem var(--gutter);border-top:2px solid var(--ink);background:var(--ink);color:#eee}
.article-footer p{font-size:.9rem}.article-footer nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.article-footer a{color:#fff}
.support-article>header{padding:clamp(3.5rem,8vw,6rem) 0 2.5rem;border-bottom:2px solid var(--ink)}
.support-article>header .lead{max-width:64ch}
.worksheet-list,.number-list{max-width:var(--reading);padding-left:1.3rem}
.worksheet-list li,.number-list li{margin-bottom:.7rem}
.worksheet-box{max-width:38rem;margin:1.5rem 0;padding:1.5rem;border:2px solid var(--cobalt);background:var(--cobalt-soft)}
.worksheet-box p{padding:.65rem 0;border-bottom:1px solid #b9c7df}.worksheet-box p:last-child{border:0}
.source-list{max-width:var(--reading);padding-left:1.25rem}.source-list li{margin-bottom:1.5rem}.source-list a{font-weight:800}.source-list span{display:block;margin-top:.35rem;color:var(--muted);font-size:.92rem}
.identity-list{max-width:var(--reading);margin:0}.identity-list div{display:grid;grid-template-columns:9rem 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.identity-list dt{font-weight:850}.identity-list dd{margin:0}
img[data-editorial-visual]{max-height:min(56svh,24rem);object-fit:cover}
@media(max-width:780px){
  .site-header a{padding:.85rem .7rem;font-size:.82rem}.page-shell{border:0}
  .product-figure,.two-up{grid-template-columns:1fr}.product-figure img{height:clamp(15rem,56vw,21.25rem)}
  .verdict-grid,.evidence-ledger,.related-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr}
  .signal-row,.price-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
  .signal-row div:nth-child(2),.price-ledger div:nth-child(2){border-right:0}
  .signal-row div:nth-child(-n+2),.price-ledger div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  figure{margin-top:1.5rem}img[data-editorial-visual]{max-height:min(52svh,22rem);object-fit:cover}
  .identity-list div{grid-template-columns:1fr;gap:.3rem}
}
@media(max-width:420px){
  h1{font-size:clamp(2.2rem,12vw,3.2rem)}.section{padding-block:3rem}
  .signal-row,.price-ledger{grid-template-columns:1fr}.signal-row div,.price-ledger div{border-right:0;border-bottom:1px solid var(--line)}
  .signal-row div:last-child,.price-ledger div:last-child{border-bottom:0}
  .cta-wrap{padding:1.15rem}.cta-button{min-height:60px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta-button,.cta-button::before{animation:none}.cta-button{transition:none}}

.network-bar { width: min(calc(100% - 40px), 1160px); min-height: 58px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(25, 38, 34, .18); font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
.network-brand { display: inline-flex; align-items: baseline; gap: 9px; color: #17201d; text-decoration: none; }
.network-brand strong { font-size: 15px; letter-spacing: -.03em; }
.network-brand span { color: #65706c; font-size: 11px; letter-spacing: .04em; }
.network-bar nav { display: flex; align-items: center; gap: 20px; }
.network-bar nav a { color: #44504b; font-size: 12px; font-weight: 750; text-decoration: none; }
.network-bar nav a:hover { color: #173f37; text-decoration: underline; text-underline-offset: 3px; }
.network-related { width: min(calc(100% - 40px), 1120px); margin: 72px auto 88px; padding: 36px 0 0; border-top: 2px solid #17201d; }
.network-related > div > p { margin: 0 0 10px; color: #9f451d; font: 800 11px/1.3 Arial, sans-serif; letter-spacing: .13em; }
.network-related h2 { margin: 0 0 30px; color: #17201d; font-size: clamp(27px, 3.5vw, 40px); line-height: 1.3; letter-spacing: -.04em; }
.network-related nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid rgba(25, 38, 34, .18); }
.network-related nav a { min-height: 146px; padding: 25px 24px; border-right: 1px solid rgba(25, 38, 34, .18); color: #17201d; text-decoration: none; }
.network-related nav a:last-child { border-right: 0; }
.network-related nav span, .network-related nav strong { display: block; }
.network-related nav span { margin-bottom: 14px; color: #68736f; font-size: 11px; }
.network-related nav strong { font-size: 17px; line-height: 1.55; }
.network-related nav a:hover strong { color: #173f37; text-decoration: underline; text-underline-offset: 3px; }
.network-all { display: inline-block; margin-top: 24px; color: #173f37; font-size: 14px; font-weight: 800; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .network-bar { width: 100%; min-height: auto; padding: 13px 16px; align-items: flex-start; flex-direction: column; gap: 10px; }
  .network-brand { width: 100%; justify-content: space-between; }
  .network-bar nav { width: 100%; gap: 18px; overflow-x: auto; padding-bottom: 3px; }
  .network-bar nav a { white-space: nowrap; }
  .network-related { width: min(calc(100% - 32px), 1120px); margin-block: 56px 68px; }
  .network-related nav { grid-template-columns: 1fr; }
  .network-related nav a { min-height: auto; padding: 21px 0; border-right: 0; border-bottom: 1px solid rgba(25, 38, 34, .18); }
  .network-related nav a:last-child { border-bottom: 0; }
  .network-brand { align-items: center; column-gap: 12px; }
  .network-brand span { margin-left: auto; }
  .network-bar nav { display: grid; grid-template-columns: repeat(3, max-content); gap: 0; }
  .network-bar nav a { margin-right: 11px; padding-right: 11px; border-right: 1px solid rgba(25, 38, 34, .18); }
  .network-bar nav a:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
}