/* devlog — Palette B monocromatica */

/* hero eyebrow override for devlog pages */
.hero-eyebrow{text-transform:uppercase;margin-bottom:20px;gap:10px}

/* devlog index hero */
.devlog-hero{padding:140px 48px 64px;max-width:760px;margin:0 auto;text-align:center;animation:fadeUp .7s ease both}
.devlog-h1{font-family:var(--sans);font-size:clamp(40px,5.5vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1.0;color:var(--ink);margin-bottom:16px}
.devlog-h1 em{font-style:normal;color:var(--ink2)}
.devlog-intro{font-family:var(--mono);font-size:14px;color:var(--muted);line-height:1.7;max-width:520px;margin:0 auto}

/* post list */
.devlog-body{max-width:680px;margin:0 auto;padding:0 48px 120px}
.post-list{display:flex;flex-direction:column;gap:0}
.post-card{display:block;text-decoration:none;padding:28px 0;border-bottom:1px solid var(--line);transition:opacity .2s}
.post-card:first-child{border-top:1px solid var(--line)}
.post-card:hover .post-card-title{color:var(--ink2)}
.post-card-date{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.05em;display:block;margin-bottom:8px}
.post-card-title{font-family:var(--sans);font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.2;margin-bottom:8px;transition:color .2s}
.post-card-excerpt{font-family:var(--mono);font-size:13px;color:var(--muted);line-height:1.65}

/* loading / error states */
.posts-loading{font-family:var(--mono);font-size:12px;color:var(--muted);padding:48px 0;text-align:center}
.load-error{font-family:var(--mono);font-size:12px;color:var(--ink);padding:48px 0;text-align:center}

/* single post */
.reading-width{max-width:680px;margin:0 auto;padding:0 48px 120px}
.post-header{padding-top:120px;padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:48px;animation:fadeUp .6s ease both}
.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.post-meta-date{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.05em}
.post-meta-sep{font-family:var(--mono);font-size:10px;color:var(--muted2)}
.post-meta-read{font-family:var(--mono);font-size:10px;color:var(--muted)}

/* prose — rendered markdown */
.prose{animation:fadeUp .6s ease .1s both}
.prose h1{font-family:var(--sans);font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--ink);margin:0 0 28px}
.prose h2{font-family:var(--sans);font-size:clamp(20px,2.5vw,26px);font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--ink);margin:48px 0 16px}
.prose h3{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:36px 0 12px}
.prose p{font-family:var(--mono);font-size:14px;color:var(--ink2);line-height:1.8;margin-bottom:20px}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--ink);font-weight:500}
.prose em{font-style:normal;color:var(--muted)}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:2px;transition:text-decoration-color .2s}
.prose a:hover{text-decoration-color:var(--ink)}
.prose ul,.prose ol{padding-left:24px;margin-bottom:20px}
.prose li{font-family:var(--mono);font-size:14px;color:var(--ink2);line-height:1.75;margin-bottom:4px}
.prose hr{border:none;border-top:1px solid var(--line);margin:40px 0}
.prose blockquote{border-left:2px solid var(--ink);margin:28px 0;padding:4px 0 4px 20px}
.prose blockquote p{color:var(--muted);margin-bottom:0}
.prose code{font-family:var(--mono);font-size:12px;background:var(--bg2);padding:2px 6px;border-radius:4px;color:var(--ink2);border:1px solid var(--line)}
.prose pre{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:20px 24px;overflow-x:auto;margin-bottom:24px}
.prose pre code{background:none;border:none;padding:0;font-size:12px;line-height:1.7;color:var(--ink2)}

@media(max-width:768px){
  .devlog-hero{padding:110px 24px 48px}
  .devlog-body{padding:0 24px 80px}
  .reading-width{padding:0 24px 80px}
  .post-header{padding-top:100px}
}