/* NOONOO TRADING — blog 공용 스타일 */
:root{
  --bg:#0e1116; --card:#161b22; --line:#222b36;
  --text:#e6edf3; --muted:#9aa7b4; --accent:#2481cc; --accent2:#64b5ef;
  --max:760px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.75; font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent2); text-decoration:none;}
a:hover{text-decoration:underline;}

.site-head{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 18px; background:rgba(14,17,22,.92); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.brand{font-weight:800; letter-spacing:.5px; color:#fff; font-size:17px;}
.brand:hover{text-decoration:none;}
.head-cta{
  background:var(--accent); color:#fff; font-weight:700; font-size:13px;
  padding:8px 14px; border-radius:8px; white-space:nowrap;
}
.head-cta:hover{background:#2b82d9; text-decoration:none;}

main{max-width:var(--max); margin:0 auto; padding:28px 18px 64px;}
.crumb{font-size:13px; color:var(--muted); margin-bottom:18px;}
.crumb a{color:var(--muted);}

h1{font-size:30px; line-height:1.3; font-weight:800; color:#fff; margin:6px 0 14px; letter-spacing:-.3px;}
h2{font-size:21px; font-weight:700; color:#fff; margin:34px 0 12px; padding-top:6px;}
h3{font-size:18px; font-weight:700; color:#fff; margin:22px 0 8px;}
p{margin:0 0 16px;}
ul,ol{margin:0 0 16px; padding-left:22px;}
li{margin:6px 0;}
strong{color:#fff;}
.lead{font-size:18.5px; color:#cdd7e1; margin-bottom:24px;}
.muted{color:var(--muted); font-size:14px;}

table{width:100%; border-collapse:collapse; margin:14px 0 20px; font-size:15px;}
th,td{border:1px solid var(--line); padding:9px 11px; text-align:left;}
th{background:#1b222c; color:#fff;}

.example{
  background:var(--card); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:10px; padding:14px 16px; margin:16px 0; font-size:15.5px;
}
.example b{color:var(--accent2);}

.cta-box{
  background:linear-gradient(135deg,#13233a,#0e1116); border:1px solid #234; border-radius:14px;
  padding:22px; margin:34px 0; text-align:center;
}
.cta-box p{margin:0 0 14px; color:#cdd7e1;}
.cta-btn{
  display:inline-block; background:var(--accent); color:#fff; font-weight:800;
  padding:13px 26px; border-radius:10px; font-size:16px;
}
.cta-btn:hover{background:#2b82d9; text-decoration:none;}

.related{margin-top:40px; border-top:1px solid var(--line); padding-top:20px;}
.related h2{margin-top:0;}
.related a{display:block; padding:7px 0;}

.post-list{list-style:none; padding:0;}
.post-list li{border-bottom:1px solid var(--line); padding:0;}
.post-list a{display:block; padding:16px 4px; color:var(--text); font-weight:600; font-size:17px;}
.post-list a:hover{color:#fff; text-decoration:none;}
.post-list .pdesc{display:block; color:var(--muted); font-weight:400; font-size:14px; margin-top:3px;}

.site-foot{border-top:1px solid var(--line); padding:24px 18px; text-align:center; color:var(--muted); font-size:13px;}
.site-foot a{color:var(--muted);}

@media(max-width:480px){
  body{font-size:16px;}
  h1{font-size:25px;}
  h2{font-size:19px;}
}