/* Korea Market Primer — shared stylesheet */
:root{
  --fg:#111;--bg:#fff;--muted:#555;--line:#ddd;--accent:#1a4b8c;--warn:#7a4b00;
  --card-bg:#f8f8f8;--card-border:#e0e0e0;
}
*{box-sizing:border-box}
body{
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  max-width:840px;margin:0 auto;padding:0 1.2rem 3rem;
  line-height:1.6;color:var(--fg);background:var(--bg);
}
header{border-bottom:1px solid var(--line);padding:1rem 0;margin-bottom:1.5rem}
header .brand{font-weight:700;font-size:1.05rem}
nav{margin-top:.6rem}
nav a{display:inline-block;margin:0 .5rem .4rem 0;font-size:.85rem;color:var(--accent);text-decoration:none}
nav a:hover{text-decoration:underline}
h1{font-size:1.7rem;margin-bottom:.2rem}
h2{font-size:1.2rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}
p.meta{color:var(--muted);font-size:.85rem;margin-top:0}
.sources ul{padding-left:1.2rem}
.sources li{margin-bottom:.4rem}
.faq dt{font-weight:600;margin-top:.8rem}
.faq dd{margin-left:0;color:var(--muted)}
.hedge{
  background:#fff8e6;border-left:3px solid var(--warn);
  padding:.6rem .9rem;font-size:.92rem;margin:1rem 0;
}
footer{
  border-top:1px solid var(--line);margin-top:2.5rem;
  padding-top:1rem;font-size:.8rem;color:var(--muted);
}
table{border-collapse:collapse;width:100%;font-size:.92rem}
th,td{border:1px solid var(--line);padding:.4rem .6rem;text-align:left;vertical-align:top}
th{background:#f5f5f5}
code{background:#f3f3f3;padding:.1rem .3rem;border-radius:3px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}
.card-list{
  display:grid;grid-template-columns:1fr;gap:1rem;
  list-style:none;padding:0;margin:1.5rem 0;
}
.card{
  border:1px solid var(--card-border);border-radius:6px;
  padding:1rem 1.2rem;background:var(--card-bg);
}
.card h3{margin:0 0 .3rem;font-size:1.05rem}
.card h3 a{color:var(--accent);text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.card p{margin:0;color:var(--muted);font-size:.9rem}
@media (max-width:600px){
  body{padding:0 .8rem 2rem}
  h1{font-size:1.4rem}
  h2{font-size:1.1rem}
  nav a{font-size:.8rem}
}
@media (prefers-color-scheme:dark){
  :root{
    --fg:#e8e8e8;--bg:#111;--muted:#aaa;--line:#333;--accent:#7fb2ff;--warn:#e0b34d;
    --card-bg:#1b1b1b;--card-border:#333;
  }
  .hedge{background:#2a2410}
  th{background:#1b1b1b}
  code{background:#2a2a2a}
}