:root{--bg:#ffffff;--fg:#0f172a;--muted:#475569;--soft:#f1f5f9;--card:#ffffff;--acc:#2563eb;--b:#e2e8f0;}
@media (prefers-color-scheme: dark){
  :root{--bg:#0b1020;--fg:#e6ecff;--muted:#99a3c2;--soft:#0f1630;--card:#0d1328;--acc:#7aa2ff;--b:#1d2547;}
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,'Noto Sans KR',sans-serif;line-height:1.7}
a{color:var(--acc);text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:1024px;margin:0 auto;padding:24px}
header.site-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--b)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 8px}
.brand{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#c084fc);color:#fff;font-weight:800}
nav a{margin:0 10px;color:var(--muted);font-weight:600} nav a:hover{color:var(--fg)}
.cta{display:flex;gap:8px} .btn{border:1px solid var(--b);background:var(--card);padding:6px 12px;border-radius:10px;font-weight:700}
.btn.primary{background:var(--acc);color:#fff;border-color:transparent}
h1,h2{line-height:1.2}
.hero{display:flex;flex-direction:column;align-items:center;gap:16px}
.chip{display:inline-block;border:1px solid var(--b);padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted);margin-right:8px}
.grid{display:grid;gap:16px}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--b);border-radius:16px;padding:16px}
footer.site-footer{border-top:1px solid var(--b);margin-top:40px;padding:24px 8px;color:var(--muted)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.g-2,.g-3{grid-template-columns:1fr}}
:root { --news-max-h: 260px; }   
.news-scroll{max-height: var(--news-max-h);overflow-y:auto;padding-right: 8px;margin-top: .25rem;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;border-radius: 8px;}
.news-scroll ul{ margin:0; padding-left:1.25rem; }
.news-scroll li{ margin-bottom:.5rem; }
@media (max-width: 640px){:root { --news-max-h: 200px; } }
.news-scroll::-webkit-scrollbar{ width:8px; }
.news-scroll::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.2); border-radius:8px; }
.hero h1{float:none;display:block;margin:0 0 8px}
.content h2,section h2{font-size:clamp(18px,2vw,22px);line-height:1.3}

/* --- Width fix (force wider layout) --- */
.wrap,
.container,
.content,
.page-content,
main,
article {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  .wrap,
  .container,
  .content,
  .page-content,
  main,
  article {
    max-width: 1100px; 
  }
}
/* hide sidebar menu */
.sidebar,
.side-bar,
#sidebar,
.menu,
.drawer,
nav[role="navigation"] {
  display: none !important;
}