
:root{
  --bg:#0d1117; --panel:#0f141b; --border:#21262d; --text:#c9d1d9; --head:#e6edf3;
  --muted:#8b949e; --green:#3ddc97; --green-b:#26a69a; --red:#ff6b6b; --red-b:#ef5350;
  --blue:#5aa9ff; --gold:#f0b90b;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.55;
 font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans CJK KR',-apple-system,Arial,sans-serif;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:860px;margin:0 auto;padding:24px 18px 60px;}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 max-width:860px;margin:0 auto;padding:16px 18px;border-bottom:1px solid var(--border);}
.nav .brand{font-weight:800;font-size:19px;color:var(--head);}
.nav nav{display:flex;align-items:center;gap:16px;font-size:15px;color:var(--muted);}
.nav nav a:hover{color:var(--head);}
.nav .lang{border:1px solid var(--border);border-radius:8px;padding:2px 10px;}
.auth{font-size:14px;}
h1{color:var(--head);font-size:30px;margin:0 0 8px;line-height:1.25;}
h2{color:var(--head);font-size:21px;margin:32px 0 12px;}
.hero .intro,.intro{color:var(--muted);font-size:16px;}
.badge{display:inline-block;font-weight:800;letter-spacing:.5px;padding:3px 14px;border-radius:10px;font-size:15px;}
.long{background:#0f2e24;color:var(--green);border:2px solid var(--green-b);}
.short{background:#2e1416;color:var(--red);border:2px solid var(--red-b);}
.neutral{background:#231a0f;color:var(--gold);border:2px solid #b0870b;}
.prem{background:#231a0f;color:var(--gold);border:1px solid #b0870b;border-radius:8px;
 font-size:12px;font-weight:800;padding:2px 8px;letter-spacing:.5px;white-space:nowrap;}
/* 회원 전용(발행 24h 이내) 글: 배경 톤을 바꿔 페이지에 들어가자마자 구분되게 한다.
   색만으로 구분하지 않도록 .prem 배지 텍스트를 항상 함께 표기한다. */
body.premium{--bg:#141009; --panel:#1b1509; --border:#3a2f14;
 background:var(--bg);
 background-image:radial-gradient(1200px 400px at 50% -120px,rgba(240,185,11,.10),transparent 70%);}
body.premium .nav{border-bottom-color:#3a2f14;}
body.premium::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,#b0870b,var(--gold),#b0870b);z-index:10;}
@media (prefers-reduced-motion:no-preference){body.premium{transition:background-color .2s;}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;
 display:flex;flex-direction:column;gap:6px;transition:border-color .15s;}
.card:hover{border-color:#3a4657;}
.card-sym{font-size:22px;font-weight:800;color:var(--head);}
.card-meta{font-size:13px;color:var(--muted);}
.card-line{font-size:14px;color:var(--blue);}
.rows{display:flex;flex-direction:column;gap:8px;}
.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);
 border:1px solid var(--border);border-radius:12px;padding:12px 16px;}
.row:hover{border-color:#3a4657;} .row-t{color:var(--muted);font-size:14px;}
.row-i{color:var(--muted);font-size:13px;} .row-line{font-size:14px;color:var(--blue);margin-left:auto;}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px;}
.crumbs a:hover{color:var(--head);}
.rhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:16px;}
.rhead h1{margin:0;flex:1 1 auto;min-width:200px;}
.rhead time{width:100%;color:var(--muted);font-size:14px;}
.stats{width:100%;border-collapse:collapse;margin:20px 0;}
.stats th,.stats td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:16px;}
.stats th{color:var(--muted);font-weight:700;width:120px;}
.stats td{color:var(--head);font-weight:700;}
.v-entry{color:var(--green)!important;} .v-stop{color:var(--red)!important;} .v-tgt{color:var(--blue)!important;}
.chart img{width:100%;border:1px solid var(--border);border-radius:12px;}
figure.chart{margin:20px 0;}
.reasons{margin:0;padding-left:20px;}
.reasons li{margin:8px 0;color:#dce4ec;}
.block p{color:#dce4ec;}
.caveat{background:#231a0f;border-left:5px solid var(--gold);color:#e9cf9a;
 padding:14px 18px;border-radius:10px;margin:24px 0;font-size:15px;}
.paywall{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin:24px 0;text-align:center;}
.hook{color:#dce4ec;font-size:17px;}
.login{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 8px;}
.login input{background:#0d1117;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 14px;font-size:15px;min-width:220px;}
.login button{background:var(--green-b);color:#04231a;border:0;border-radius:10px;padding:10px 20px;font-weight:800;font-size:15px;cursor:pointer;}
.paywall-note{color:var(--muted);font-size:13px;}
.doc p{color:#dce4ec;margin:14px 0;} .doc a{color:var(--blue);text-decoration:underline;}
.muted{color:var(--muted);} .small{font-size:13px;}
.score-hero{text-align:center;background:var(--panel);border:1px solid var(--border);
 border-radius:16px;padding:28px 18px;margin:20px 0;}
.score-big{font-size:64px;font-weight:800;line-height:1;color:var(--head);}
.score-big.wr-pos{color:var(--green);} .score-big.wr-neg{color:var(--red);}
.score-sub{color:var(--muted);font-size:15px;margin-top:10px;}
table.score{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px;}
table.score th,table.score td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--border);}
table.score thead th{color:var(--muted);font-weight:700;font-size:13px;}
table.score tbody th{text-align:left;color:var(--head);font-weight:700;}
table.score td.muted{color:var(--muted);}
table.score td.wr-pos{color:var(--green);font-weight:800;}
table.score td.wr-neg{color:var(--red);font-weight:800;}
.adsbygoogle{margin:20px 0;display:block;}
.foot{max-width:860px;margin:40px auto 0;padding:24px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;}
.foot-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px;}
.foot-links a:hover{color:var(--head);} .disc{margin:6px 0;} .copy{color:#6e7681;}
@media(max-width:560px){h1{font-size:24px;} .wrap{padding:18px 14px 48px;}}
