.wh-timeline-wrap { max-width: 1100px; margin: 0 auto; padding: 18px; }
.wh-topbar { display:flex; gap: 12px; align-items:flex-start; justify-content:space-between; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; margin-bottom: 18px; }
.wh-topbar__left { display:flex; flex-wrap:wrap; gap: 10px; align-items:center; }
.wh-topbar__right { max-width: 380px; text-align:right; color:#6b7280; }
#wh-birth-year { width: 92px; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 10px; }
.wh-btn { padding: 8px 10px; border-radius: 10px; border: 1px solid #111827; background:#111827; color:#fff; cursor:pointer; }
.wh-btn--ghost { background:#fff; color:#111827; border: 1px solid #d1d5db; }
.wh-index-intro h2 { margin: 8px 0 6px; }
.wh-index-intro p { margin: 0 0 14px; color:#4b5563; }
.wh-year-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.wh-year-tile { display:flex; flex-direction:column; justify-content:space-between; padding: 14px; border:1px solid #e5e7eb; border-radius:14px; text-decoration:none; background:#fff; }
.wh-year-tile:hover { border-color:#cbd5e1; }
.wh-year-tile__year { font-size: 22px; font-weight: 700; color:#111827; }
.wh-year-tile__cta { margin-top: 10px; color:#6b7280; font-size: 13px; }
.wh-empty { padding: 16px; border: 1px dashed #d1d5db; border-radius: 14px; color:#374151; background:#fafafa; }

.wh-hidden { display:none !important; }

/* Year template */
.wh-year-page { max-width: 900px; margin: 0 auto; padding: 18px; }
.wh-year-header { margin-bottom: 14px; }
.wh-year-title { font-size: 38px; line-height: 1.1; margin: 8px 0; }
.wh-year-sub { color:#4b5563; margin: 0 0 10px; }

.wh-card { border: 1px solid #e5e7eb; border-radius: 16px; background:#fff; overflow:hidden; }
.wh-card__hdr { padding: 14px 16px; border-bottom: 1px solid #f3f4f6; background:#fafafa; }
.wh-card__title { font-weight: 800; color:#111827; }
.wh-card__subtitle { color:#6b7280; font-size: 13px; margin-top: 2px; }
.wh-card__body { padding: 14px 16px; }
.wh-life-lines { display:flex; flex-direction:column; gap: 6px; margin-bottom: 10px; }
.wh-life-line { font-weight: 600; }
.wh-life-intro { margin-top: 10px; font-weight: 700; }
.wh-life-cues { margin: 8px 0 0 18px; color:#374151; }
.wh-section { margin-top: 16px; }
.wh-section h3 { margin: 0 0 8px; }
.wh-section .wh-section__body { color:#374151; }


.wh-kvgrid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 14px; }
.wh-kv { padding: 10px 12px; border: 1px solid #f3f4f6; border-radius: 12px; background: #fff; }
.wh-kv__k { font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color:#6b7280; margin-bottom: 4px; }
.wh-kv__v { font-weight: 700; color:#111827; }
.wh-subhead { margin: 12px 0 8px; font-size: 16px; }
.wh-list { margin: 0 0 0 18px; }
.wh-muted { color:#6b7280; font-size: 13px; margin-top: 4px; }
.wh-small { font-size: 12px; }