:root{
  --navy: #262163;
  --navy-2: #383082;
  --navy-tint: #EEEDF9;
  --ink: #1B1A26;
  --gray: #6B6879;
  --line: #E7E5F0;
  --bg: #FFFFFF;
  --bg-soft: #F7F6FC;
  --accent: #FF7A3D;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg-soft); color:var(--ink); font-family:var(--sans); line-height:1.6; }
a{ color:inherit; text-decoration:none; }
.wrap{ max-width:960px; margin:0 auto; padding:0 24px; }

header.nav{ background:#fff; border-bottom:1px solid var(--line); }
.nav-inner{ max-width:960px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; }
.logo-wordmark{ height:30px; width:auto; display:block; }
.brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.05rem; color:var(--navy); }
.back-link{ font-size:0.88rem; font-weight:700; color:var(--navy); }
.back-link:hover{ text-decoration:underline; }

.board-hero{ padding:48px 0 28px; }
.board-hero .eyebrow{ font-size:0.8rem; font-weight:800; color:var(--accent); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:8px; }
.board-hero h1{ font-size:1.7rem; font-weight:800; margin:0 0 10px; }
.board-hero p{ color:var(--gray); margin:0; }

.board-tabs{ display:flex; gap:10px; padding:0 0 28px; }
.board-tab{ padding:9px 18px; border-radius:20px; font-size:0.88rem; font-weight:700; border:1.5px solid var(--line); background:#fff; color:var(--gray); }
.board-tab.active{ background:var(--navy); border-color:var(--navy); color:#fff; }

.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:60px; }
@media (max-width:800px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .post-grid{ grid-template-columns:1fr; } }

.post-card{ background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:box-shadow .2s, transform .2s; }
.post-card:hover{ box-shadow:0 14px 30px rgba(38,33,99,0.12); transform:translateY(-2px); }
.post-thumb{ height:150px; background-size:cover; background-position:center; background-color:var(--navy-tint); }
.post-body{ padding:16px; }
.post-title{ font-weight:700; font-size:0.96rem; margin:0 0 6px; }
.post-meta{ font-size:0.8rem; color:var(--gray); }
.post-tracking{ display:inline-block; margin-top:8px; font-family:'Courier New', monospace; font-size:0.82rem; font-weight:700; color:var(--navy); background:var(--navy-tint); padding:3px 8px; border-radius:6px; }

.empty-state{ text-align:center; padding:60px 20px; color:var(--gray); }

.post-detail{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:32px; margin-bottom:60px; }
.post-detail img{ width:100%; border-radius:12px; margin-bottom:20px; }
.post-detail h1{ font-size:1.4rem; margin:0 0 10px; }
.post-detail .post-meta{ margin-bottom:18px; }
.post-detail .content{ white-space:pre-wrap; line-height:1.8; }

.btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:8px; font-weight:700; font-size:0.88rem; cursor:pointer; border:none; }
.btn-primary{ background:var(--navy); color:#fff; }