/* Aurora Hire — blog (phase 18). Builds on styles.css ("Daylight Lab"); only blog-specific rules live here. */
.blog-main{display:block;flex:1;padding:28px 0 72px}
.blog-wrap{max-width:860px}
.blog .header-nav{gap:14px}
.nav-link{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.nav-link:hover{color:var(--teal)}
.lang-links{display:flex;gap:2px;list-style:none;border:1px solid var(--line);border-radius:var(--r);padding:2px}
.lang-links a{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);padding:6px 7px;border-radius:4px}
.lang-links a:hover{color:var(--ink);background:var(--line-2)}
.lang-links a[aria-current]{color:#fff;background:var(--ink)}

.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--teal)}
.crumbs li[aria-current]{color:var(--ink-2);max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.blog-head{margin:30px 0 34px}
.blog-head .eyebrow{margin-bottom:18px}
.blog-title{font-family:var(--f-head);font-size:clamp(32px,4.6vw,52px);font-weight:600;letter-spacing:-.022em;line-height:1.08;max-width:24ch;text-wrap:balance}
.blog-intro{margin-top:16px;font-size:clamp(16px,1.6vw,18px);color:var(--muted);max-width:60ch}
.blog-status .cta{margin-top:28px}

.post-list{list-style:none;display:grid;gap:14px}
.post-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 24px;transition:border-color .15s,transform .15s}
.post-card:hover{border-color:var(--ink);transform:translateY(-1px)}
.post-card h2,.post-card h3{font-family:var(--f-head);font-weight:600;letter-spacing:-.012em;line-height:1.2;font-size:clamp(20px,2.2vw,24px)}
.post-card h3{font-size:19px}
.post-card h2 a:hover,.post-card h3 a:hover{color:var(--teal)}
.post-meta{margin-top:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.post-excerpt{margin-top:10px;color:var(--ink-2)}
.post-more{display:inline-block;margin-top:12px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.post-more:hover{text-decoration:underline}
.blog-empty{background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:36px 28px;text-align:center}
.blog-empty h2{font-family:var(--f-head);font-weight:600;font-size:22px}
.blog-empty p{margin-top:8px;color:var(--muted)}

.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.pager a{border:1px solid var(--line);border-radius:var(--r);padding:9px 14px;background:var(--surface)}
.pager a:hover{border-color:var(--ink)}
.pager-pos{color:var(--faint)}

.post-head{margin:30px 0 30px}
.post-head .eyebrow{margin-bottom:18px}
.post-lead{margin-top:18px;font-size:clamp(17px,1.8vw,20px);color:var(--ink-2);max-width:62ch}
.byline{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.byline .sep{color:var(--line)}

.prose{font-size:17px;line-height:1.72;color:var(--ink-2);max-width:68ch}
.prose>*+*{margin-top:1.05em}
.prose h2,.prose h3,.prose h4{font-family:var(--f-head);color:var(--ink);font-weight:600;letter-spacing:-.012em;line-height:1.22;scroll-margin-top:24px}
.prose h2{font-size:clamp(24px,2.6vw,30px);margin-top:1.9em}
.prose h3{font-size:21px;margin-top:1.6em}
.prose h4{font-size:18px;margin-top:1.4em}
.prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--ink)}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.4em}
.prose li>ul,.prose li>ol{margin-top:.4em}
.prose blockquote{border-left:3px solid var(--teal);padding:4px 0 4px 18px;color:var(--muted)}
.prose blockquote>*+*{margin-top:.8em}
.prose code{font-family:var(--f-mono);font-size:.86em;background:var(--line-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.prose pre{background:#0B0D12;color:#E9EDF2;border-radius:8px;padding:16px 18px;overflow-x:auto;font-size:14px;line-height:1.6}
.prose pre code{background:none;border:0;padding:0;font-size:inherit;color:inherit}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose th,.prose td{padding:10px 14px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}
.prose th{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--bg)}
.prose tr:last-child td{border-bottom:0}

.post-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:30px}
.post-tags li{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px;background:var(--surface)}

.post-faq{margin-top:44px;max-width:68ch}
.post-faq h2,.post-related h2,.cta-block h2{font-family:var(--f-head);font-weight:600;letter-spacing:-.012em;font-size:clamp(22px,2.4vw,28px);color:var(--ink)}
.post-faq details{border-top:1px solid var(--line);padding:14px 0}
.post-faq details:last-of-type{border-bottom:1px solid var(--line)}
.post-faq h2{margin-bottom:14px}
.post-faq summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:"+";font-family:var(--f-mono);font-weight:500;color:var(--teal);transition:transform .15s}
.post-faq details[open] summary::after{transform:rotate(45deg)}
.post-faq summary:hover{color:var(--teal)}
.post-faq details p{margin-top:10px;color:var(--ink-2)}

.cta-block{margin-top:52px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 30px;position:relative;overflow:hidden}
.cta-block::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad)}
.cta-block p{margin-top:10px;color:var(--muted);max-width:60ch}
.cta-block .cta{margin-top:20px}

.post-related{margin-top:52px}
.post-related h2{margin-bottom:16px}
.back-link{margin-top:40px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.back-link a{color:var(--muted)}
.back-link a:hover{color:var(--teal)}

@media(max-width:700px){
  header{height:auto;padding:14px 0}
  header .wrap{flex-wrap:wrap;row-gap:10px}
  .blog .header-nav{width:100%;justify-content:space-between;gap:8px}
  .blog-wrap{padding:0 16px}
  .post-card{padding:18px}
  .cta-block{padding:22px 20px}
  .prose{font-size:16px}
}