/* Heating Digest – self-contained styles (no external framework) */
:root{
  --bg:#0f172a;           /* slate-900 */
  --bg-2:#111827;         /* gray-900 */
  --text:#e5e7eb;         /* gray-200 */
  --muted:#9ca3af;        /* gray-400 */
  --brand:#60a5fa;        /* blue-400 */
  --accent:#fbbf24;       /* amber-400 */
  --card:#1f2937;         /* gray-800 */
  --border:#374151;       /* gray-700 */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height:1.6;
  color:var(--text);
  background:linear-gradient(180deg,var(--bg),var(--bg-2));
}

/* Layout */
#layout{display:flex;flex-wrap:wrap;min-height:100vh}

.sidebar{
  background:radial-gradient(1200px 600px at -200px -200px, rgba(96,165,250,.15), transparent 60%),
             linear-gradient(180deg,#0b1224,#0a0f1d);
  color:#fff;
  padding:2rem 1.25rem;
  border-right:1px solid var(--border);
}

.content{
  padding:2rem 2rem 4rem;
}

/* Simple responsive grid mimicking pure-g / pure-u-* */
.pure-g{display:flex;flex-wrap:wrap}
.pure-u-1{flex:0 0 100%;max-width:100%}
@media (min-width: 900px){
  .pure-u-md-1-4{flex:0 0 25%;max-width:25%}
  .pure-u-md-3-4{flex:0 0 75%;max-width:75%}
}

/* Brand */
.brand-title{margin:.25rem 0 0 0;font-size:1.5rem}
.brand-title a{text-decoration:none;color:#fff}
.brand-tagline{margin:.25rem 0 1rem 0;font-weight:400;color:var(--muted);font-size:.95rem}

.nav .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.nav .pure-button{
  display:inline-block;padding:.5rem .8rem;border:1px solid var(--border);
  border-radius:.5rem;background:#0f172a;color:#d1d5db;text-decoration:none;
}
.nav .pure-button:hover{border-color:#4b5563;color:#fff}

/* Posts */
.posts{max-width:920px}
.post{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));
      border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin:1rem 0}
.post-title{margin:0 0 .25rem 0;font-size:1.4rem}
.post-header .post-meta{margin:.25rem 0 0 0;color:var(--muted);font-size:.9rem}
.post-description p{margin:.5rem 0}
.post a{color:var(--brand);text-decoration:none}
.post a:hover{text-decoration:underline}

/* Article spacing */
article.post{max-width:920px}
article.post .post-title{font-size:1.8rem;margin-bottom:.25rem}
article.post .post-meta{color:var(--muted);margin-bottom:1rem}
.content-subhead{margin:0 0 .75rem 0;font-weight:600;color:#cbd5e1}

/* Tables – mimic .pure-table */
.pure-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.pure-table th,.pure-table td{padding:.6rem .7rem;border-bottom:1px solid var(--border);text-align:left}
.pure-table thead th{background:#0f172a;color:#e5e7eb;border-bottom:1px solid var(--border)}
.pure-table-bordered td,.pure-table-bordered th{border-right:1px solid var(--border)}
.pure-table-bordered tr:last-child td{border-bottom:none}
.pure-table-bordered tr td:last-child,.pure-table-bordered tr th:last-child{border-right:none}

/* Footer */
.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}
.pure-menu{display:flex;gap:1rem;flex-wrap:wrap}
.pure-menu-link{color:var(--muted);text-decoration:none}
.pure-menu-link:hover{color:#fff}

/* Prose tweaks */
h1,h2,h3{line-height:1.25}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
ul,ol{padding-left:1.1rem}
blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:3px solid var(--brand);background:rgba(96,165,250,.06)}

/* Links */
a{color:var(--brand)}
a:hover{color:#93c5fd}