/* PaperQuant — 정직한 모의투자 연구일지 */
:root{
  --paper:#FBFBF9; --card:#FFFFFF; --ink:#17171B; --muted:#5A5A63;
  --accent:#1B4965; --accent-soft:#E8EEF2;
  --up:#1E7A52; --down:#B23A2E; --hair:#E6E4DD;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"IBM Plex Sans KR","IBM Plex Sans",system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;
  --wrap:680px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:18px;line-height:1.75;font-weight:400;letter-spacing:-.01em;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* header */
.site-head{border-bottom:1px solid var(--hair);background:var(--paper);position:sticky;top:0;z-index:10}
.site-head .wrap{display:flex;align-items:baseline;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.brand{font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.brand b{color:var(--accent)}
.nav{font-family:var(--mono);font-size:13px}
.nav a{color:var(--muted);margin-left:18px}

/* transparency strip — signature */
.strip{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--muted);
  background:var(--accent-soft);border:1px solid var(--hair);border-radius:6px;
  padding:9px 13px;margin:18px 0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.strip .dot{color:var(--accent)}

/* hero */
.hero{padding:54px 0 30px;border-bottom:1px solid var(--hair)}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.hero h1{font-size:33px;line-height:1.28;font-weight:700;letter-spacing:-.025em;margin:14px 0 14px}
.hero p{font-size:18px;color:var(--muted);margin:0;max-width:60ch}

/* post list */
.list{padding:14px 0 40px}
.post-item{padding:26px 0;border-bottom:1px solid var(--hair)}
.post-item .meta{font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.02em;display:flex;gap:10px;flex-wrap:wrap}
.post-item .cat{color:var(--accent)}
.post-item h2{font-size:22px;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin:9px 0 7px}
.post-item h2 a{color:var(--ink)}
.post-item .sum{color:var(--muted);font-size:16px;margin:0}

/* article */
.article{padding:40px 0 24px}
.article .eyebrow{margin-bottom:12px}
.article h1{font-size:30px;line-height:1.32;font-weight:700;letter-spacing:-.025em;margin:0 0 22px}
.article-body{font-size:18px}
.article-body h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:40px 0 12px;line-height:1.4}
.article-body h3{font-size:18.5px;font-weight:600;margin:28px 0 8px}
.article-body p{margin:16px 0}
.article-body ul,.article-body ol{margin:16px 0;padding-left:22px}
.article-body li{margin:6px 0}
.article-body strong{font-weight:600}
.article-body em{color:var(--muted);font-style:normal;border-bottom:1px dotted var(--muted)}
.article-body blockquote{font-family:var(--mono);font-size:13.5px;line-height:1.7;color:var(--muted);
  background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;
  margin:24px 0;padding:14px 16px}
.article-body code{font-family:var(--mono);font-size:.86em;background:#F1F0EB;padding:1px 5px;border-radius:4px}
.article-body hr{border:0;border-top:1px solid var(--hair);margin:30px 0}
.article-body table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13.5px;margin:20px 0}
.article-body th,.article-body td{border:1px solid var(--hair);padding:8px 10px;text-align:left}
.article-body th{background:var(--accent-soft);color:var(--accent)}
.num-up{color:var(--up);font-family:var(--mono)}
.num-down{color:var(--down);font-family:var(--mono)}
.tags{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:22px 0 8px}

/* ad slot */
.adslot{margin:30px 0;min-height:1px}

/* footer */
.site-foot{border-top:1px solid var(--hair);margin-top:40px;padding:30px 0 60px}
.site-foot .wrap{font-family:var(--mono);font-size:12.5px;color:var(--muted);line-height:1.8}
.site-foot a{color:var(--muted)}
.back{font-family:var(--mono);font-size:13px;color:var(--accent);display:inline-block;margin:30px 0 0}

@media (max-width:560px){
  body{font-size:17px}
  .hero h1{font-size:27px}.article h1{font-size:25px}
  .nav a{margin-left:13px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}