/* solo-dev-with-claude — page-specific overrides */
html{scroll-behavior:smooth;}
body{font-size:16px;}
.container{padding:40px 20px;}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:40px;font-size:14px;color:var(--text-dim);font-family:var(--sans);border-bottom:none;}
.breadcrumb a{color:var(--accent);text-decoration:none;transition:color 0.3s ease;border:none;}
.breadcrumb a:hover{color:var(--accent2);}
.breadcrumb span{color:var(--text-muted);}
.article-header{margin-bottom:40px;}
.article-header h1{font-size:2.2em;font-weight:700;line-height:1.3;margin-bottom:20px;color:var(--text);letter-spacing:-0.02em;}
.article-meta{display:flex;gap:20px;font-size:14px;color:var(--text-dim);margin-bottom:20px;flex-wrap:wrap;font-family:var(--sans);}
.article-meta span{display:flex;align-items:center;gap:6px;}
.article-meta strong{color:var(--text);}
.article-body{color:var(--text);}
.article-body h2{font-size:1.6em;font-weight:700;margin-top:40px;margin-bottom:20px;color:var(--accent);letter-spacing:-0.01em;}
.article-body h3{font-size:1.2em;font-weight:600;margin-top:30px;margin-bottom:15px;color:var(--accent2);}
.article-body p{margin-bottom:20px;color:var(--text);}
.article-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(0,229,160,0.3);transition:all 0.3s ease;}
.article-body a:hover{color:var(--accent2);border-bottom-color:rgba(0,180,216,0.5);}
.highlight-box{background-color:var(--panel-bg);border-left:4px solid var(--accent3);border-radius:4px;padding:20px;margin:30px 0;border-top:1px solid var(--panel-border);border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);}
.highlight-box strong{color:var(--accent3);}
.highlight-box p{margin:0;font-size:15px;}
code{background-color:var(--code-bg);padding:2px 6px;border-radius:3px;font-family:var(--mono);font-size:0.9em;color:var(--accent);}
pre{background-color:var(--code-bg);border:1px solid var(--panel-border);border-radius:6px;padding:20px;margin:20px 0;overflow-x:auto;font-family:var(--mono);font-size:0.9em;}
pre code{background:none;padding:0;color:var(--accent);}
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.95em;}
.article-body table thead{background-color:rgba(8,8,20,0.5);border-bottom:2px solid var(--accent);}
.article-body table th{padding:12px;text-align:left;color:var(--accent);font-weight:600;}
.article-body table td{padding:12px;border-bottom:1px solid var(--panel-border);color:var(--text);}
.article-body table tr:hover{background-color:rgba(0,229,160,0.05);}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;}
.stat-box{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:20px;text-align:center;}
.stat-box .number{font-size:2.2em;font-weight:700;color:var(--accent);margin-bottom:8px;}
.stat-box .label{font-size:0.9em;color:var(--text-dim);font-weight:500;}
.nav-posts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid var(--panel-border);}
.nav-post{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:20px;text-decoration:none;transition:all 0.3s ease;}
.nav-post:hover{border-color:var(--accent);background-color:rgba(0,229,160,0.05);}
.nav-post .label{font-size:0.85em;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;}
.nav-post .title{font-size:0.95em;font-weight:600;color:var(--accent);}
.nav-post:hover .title{color:var(--accent2);}
.nav-post.next{grid-column:2;text-align:right;}
.nav-post.next .label{justify-content:flex-end;}
.nav-post.disabled{opacity:0.4;cursor:default;pointer-events:none;}
.footer{margin-top:60px;padding-top:30px;border-top:1px solid var(--panel-border);font-size:0.9em;color:var(--text-dim);text-align:center;font-family:var(--sans);}
.footer a{color:var(--accent);text-decoration:none;transition:color 0.3s ease;}
.footer a:hover{color:var(--accent2);}
.session-log-table{font-size:0.9em;margin:20px 0;overflow-x:auto;}
@media (max-width:640px){
  .article-header h1{font-size:1.8em;}
  .stats-grid{grid-template-columns:1fr;}
  .nav-posts{grid-template-columns:1fr;}
  .nav-post.next{grid-column:auto;text-align:left;}
  .article-meta{flex-direction:column;gap:8px;}
}