/* Legacy Overview — late-loading archival presentation authority. */
.legacy-hub--overview {
  width:100%!important;
  max-width:1560px!important;
  margin:0 auto!important;
  padding:clamp(18px,2.4vw,34px)!important;
  color:#35261f!important;
}

.legacy-hub--overview .legacy-overview-hero {
  display:grid!important;
  grid-template-columns:minmax(430px,.95fr) minmax(360px,.72fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin:0 0 16px!important;
}

.legacy-hub--overview .legacy-overview-title-card,
.legacy-hub--overview .legacy-overview-note,
.legacy-hub--overview .legacy-panel,
.legacy-hub--overview .legacy-entry-card {
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(112,76,58,.17)!important;
  box-shadow:0 16px 38px rgba(58,35,27,.10),0 3px 9px rgba(58,35,27,.04),inset 0 1px rgba(255,255,255,.9)!important;
}

.legacy-hub--overview .legacy-overview-title-card {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:154px!important;
  padding:18px 22px!important;
  border-radius:23px!important;
  background:
    linear-gradient(145deg,rgba(255,250,242,.98),rgba(239,222,199,.86))!important;
}

.legacy-hub--overview .legacy-overview-title-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(129,84,64,.025) 1px,transparent 1px) 0 0/38px 100%,
    radial-gradient(circle at 82% 25%,rgba(148,95,75,.05),transparent 27%);
}

.legacy-hub--overview .legacy-overview-title-copy {
  position:relative!important;
  z-index:1!important;
}

.legacy-hub--overview .legacy-overview-title-copy h1 {
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4a3028!important;
  font:500 clamp(2.7rem,4vw,4.35rem)/.96 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.035em!important;
}

.legacy-hub--overview .legacy-eyebrow,
.legacy-hub--overview .legacy-panel-eyebrow {
  margin:0!important;
  color:#8b6049!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

.legacy-hub--overview .legacy-overview-script {
  margin:9px 0 0!important;
  color:#754a42!important;
  font:500 1.3rem/1.15 Caveat,"Segoe Script","Brush Script MT",cursive!important;
}

.legacy-hub--overview .legacy-overview-title-art {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:108px!important;
  border:1px solid rgba(122,83,62,.12)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.96),rgba(226,203,176,.72) 58%,rgba(202,171,144,.5))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 7px 18px rgba(70,43,31,.06)!important;
}

.legacy-hub--overview .legacy-overview-title-art>span {
  position:relative!important;
  z-index:2!important;
  color:#865c48!important;
  font-size:3.45rem!important;
  text-shadow:0 1px rgba(255,255,255,.8)!important;
}

.legacy-hub--overview .legacy-overview-title-art>i {
  position:absolute!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
}
.legacy-hub--overview .legacy-overview-title-art>i:first-of-type{width:106px!important;height:106px!important;right:-28px!important;top:-26px!important}
.legacy-hub--overview .legacy-overview-title-art>i:last-of-type{width:76px!important;height:76px!important;left:-18px!important;bottom:-18px!important;opacity:.6!important}

.legacy-hub--overview .legacy-overview-note {
  min-height:154px!important;
  padding:23px 26px 20px!important;
  border-radius:23px!important;
  color:#674f46!important;
  background:
    linear-gradient(145deg,rgba(250,245,237,.98),rgba(229,210,194,.82))!important;
}
.legacy-hub--overview .legacy-overview-note::after {
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-48px;
  bottom:-68px;
  border:1px solid rgba(128,78,64,.09);
  border-radius:50%;
  box-shadow:0 0 0 14px rgba(128,78,64,.025),0 0 0 28px rgba(128,78,64,.018);
}
.legacy-hub--overview .legacy-overview-quote {
  position:absolute!important;
  left:17px!important;
  top:9px!important;
  color:#cfb3a3!important;
  font:700 3.9rem/1 Georgia,serif!important;
}
.legacy-hub--overview .legacy-overview-note p {
  position:relative!important;
  z-index:1!important;
  margin:18px 0 11px!important;
  font-size:1rem!important;
  line-height:1.62!important;
}
.legacy-hub--overview .legacy-overview-note small {
  position:relative!important;
  z-index:1!important;
  color:#7d6054!important;
  font-size:.82rem!important;
  font-weight:650!important;
  letter-spacing:.02em!important;
}

/* Internal Legacy shortcut cards are kept, but visually quieter than the canonical child bar. */
.legacy-hub--overview .legacy-shortcuts {
  display:grid!important;
  grid-template-columns:repeat(6,minmax(125px,1fr))!important;
  gap:9px!important;
  margin:0 0 16px!important;
}
.legacy-hub--overview .legacy-shortcut {
  min-height:58px!important;
  padding:.72rem .82rem!important;
  border:1px solid rgba(111,77,59,.13)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,251,244,.92),rgba(239,227,211,.76))!important;
  box-shadow:0 7px 18px rgba(60,37,28,.05)!important;
  color:#503a31!important;
}
.legacy-hub--overview .legacy-shortcut:hover,
.legacy-hub--overview .legacy-shortcut.is-active {
  transform:translateY(-1px)!important;
  border-color:rgba(120,79,61,.28)!important;
  background:linear-gradient(145deg,#fff9ef,#ecd9ca)!important;
  box-shadow:0 10px 22px rgba(60,37,28,.08)!important;
}
.legacy-hub--overview .legacy-shortcut span{color:#865e49!important}
.legacy-hub--overview .legacy-shortcut small{color:#856f63!important}

.legacy-hub--overview .legacy-dashboard {
  display:grid!important;
  grid-template-columns:236px minmax(0,1fr) 304px!important;
  gap:16px!important;
  align-items:start!important;
}
.legacy-hub--overview .legacy-sidebar {display:grid!important;gap:14px!important}

.legacy-hub--overview .legacy-panel {
  padding:1.15rem!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,rgba(255,251,244,.97),rgba(242,232,217,.84))!important;
}
.legacy-hub--overview .legacy-panel::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,rgba(126,75,62,.16),rgba(174,129,87,.07),transparent);
}

.legacy-hub--overview .legacy-stat-panel {
  background:linear-gradient(145deg,rgba(255,247,236,.98),rgba(234,217,194,.88))!important;
}
.legacy-hub--overview .legacy-stat-panel h2,
.legacy-hub--overview .legacy-toolbar-panel h2,
.legacy-hub--overview .legacy-empty-detail h2,
.legacy-hub--overview .legacy-no-results h2 {
  margin:.2rem 0 .85rem!important;
  color:#453027!important;
  font:500 1.74rem/1.08 Georgia,serif!important;
}
.legacy-hub--overview .legacy-stats {display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.legacy-hub--overview .legacy-stats div {
  padding:14px 11px!important;
  border:1px solid rgba(119,82,61,.10)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.42)!important;
}
.legacy-hub--overview .legacy-stats strong {
  display:block!important;
  color:#5c3c31!important;
  font:600 1.75rem/1 Georgia,serif!important;
}
.legacy-hub--overview .legacy-stats span {display:block!important;margin-top:5px!important;color:#7c695d!important;font-size:.75rem!important}

.legacy-hub--overview .legacy-filter {
  width:100%!important;
  margin:.18rem 0!important;
  padding:.76rem .84rem!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#534039!important;
  text-align:left!important;
}
.legacy-hub--overview .legacy-filter:hover,
.legacy-hub--overview .legacy-filter.is-active {
  border-color:rgba(120,82,60,.10)!important;
  background:linear-gradient(145deg,rgba(232,213,180,.72),rgba(245,235,220,.9))!important;
}

.legacy-hub--overview .legacy-main {min-width:0!important}
.legacy-hub--overview .legacy-toolbar-panel {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:17px 19px!important;
  background:linear-gradient(145deg,rgba(255,249,241,.98),rgba(237,222,207,.82))!important;
}
.legacy-hub--overview .legacy-toolbar {display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.legacy-hub--overview .legacy-toolbar input,
.legacy-hub--overview .legacy-toolbar select {
  min-height:43px!important;
  padding:.7rem .8rem!important;
  border:1px solid rgba(118,82,63,.18)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.67)!important;
  color:#46362f!important;
  box-shadow:inset 0 1px 2px rgba(65,42,31,.04)!important;
}

/* The live renderer uses legacy-entry / legacy-entry-card. */
.legacy-hub--overview .legacy-timeline {
  position:relative!important;
  display:grid!important;
  gap:13px!important;
  margin-top:14px!important;
}
.legacy-hub--overview .legacy-timeline::before {
  content:""!important;
  position:absolute!important;
  left:46px!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  background:linear-gradient(180deg,rgba(126,83,63,.13),rgba(147,104,72,.4),rgba(126,83,63,.13))!important;
}
.legacy-hub--overview .legacy-entry {
  position:relative!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:10px!important;
  margin:0!important;
}
.legacy-hub--overview .legacy-entry-date {
  position:relative!important;
  z-index:2!important;
  padding-top:12px!important;
  text-align:center!important;
}
.legacy-hub--overview .legacy-entry-date strong {
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  margin:auto!important;
  border:1px solid rgba(255,244,223,.25)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#8b6045,#684335)!important;
  color:#fff9ee!important;
  font-size:.82rem!important;
  line-height:1!important;
  box-shadow:0 9px 20px rgba(61,38,29,.18)!important;
}
.legacy-hub--overview .legacy-entry-date span {
  display:block!important;
  margin-top:6px!important;
  color:#786256!important;
  font-size:.65rem!important;
  font-weight:700!important;
  letter-spacing:.03em!important;
}
.legacy-hub--overview .legacy-entry-card {
  width:100%!important;
  padding:15px 17px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,252,247,.98),rgba(242,231,220,.84))!important;
  color:#49372f!important;
  text-align:left!important;
}
.legacy-hub--overview .legacy-entry:nth-child(even) .legacy-entry-card {
  background:linear-gradient(145deg,rgba(252,247,240,.98),rgba(234,220,207,.84))!important;
}
.legacy-hub--overview .legacy-entry-card:hover,
.legacy-hub--overview .legacy-entry.is-selected .legacy-entry-card {
  transform:translateY(-1px)!important;
  border-color:rgba(118,76,60,.32)!important;
  box-shadow:0 17px 34px rgba(58,35,27,.11),0 3px 8px rgba(58,35,27,.05)!important;
}
.legacy-hub--overview .legacy-entry-top {display:flex!important;justify-content:space-between!important;gap:12px!important;color:#826d61!important;font-size:.76rem!important}
.legacy-hub--overview .legacy-entry-top p {margin:0!important;color:#806a5d!important}
.legacy-hub--overview .legacy-entry-card h3 {
  margin:.3rem 0 .35rem!important;
  color:#433029!important;
  font:500 1.38rem/1.14 Georgia,serif!important;
}
.legacy-hub--overview .legacy-entry-card>p {margin:.15rem 0!important;color:#5f4c43!important;line-height:1.55!important}
.legacy-hub--overview .legacy-entry-people {display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin-top:9px!important}
.legacy-hub--overview .legacy-entry-people span,
.legacy-hub--overview .legacy-chip-list span {
  padding:.25rem .55rem!important;
  border:1px solid rgba(121,83,62,.07)!important;
  border-radius:999px!important;
  background:rgba(226,208,179,.85)!important;
  color:#5f493f!important;
  font-size:.71rem!important;
}

.legacy-hub--overview .legacy-no-results {
  min-height:300px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  text-align:center!important;
  background:linear-gradient(145deg,rgba(255,251,244,.96),rgba(239,227,212,.84))!important;
}
.legacy-hub--overview .legacy-no-results>span {color:#8c604a!important;font-size:2.4rem!important}
.legacy-hub--overview .legacy-no-results p {max-width:420px!important;color:#78665b!important}

.legacy-hub--overview .legacy-detail {position:sticky!important;top:18px!important}
.legacy-hub--overview .legacy-empty-detail,
.legacy-hub--overview .legacy-story-detail {
  min-height:220px!important;
  padding:25px 22px!important;
  background:
    linear-gradient(145deg,rgba(254,249,241,.98),rgba(232,216,202,.88))!important;
}
.legacy-hub--overview .legacy-empty-detail {
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  text-align:center!important;
}
.legacy-hub--overview .legacy-empty-detail>span {font-size:2.35rem!important;color:#8f624b!important}
.legacy-hub--overview .legacy-empty-detail p {max-width:235px!important;margin:.3rem auto 0!important;color:#68534a!important;line-height:1.55!important}
.legacy-hub--overview .legacy-story-detail h2 {margin:.25rem 0 .45rem!important;color:#473129!important;font:500 1.9rem/1.05 Georgia,serif!important}
.legacy-hub--overview .legacy-story-detail h3 {margin:1.1rem 0 .35rem!important;color:#533a30!important;font:600 1rem Georgia,serif!important}
.legacy-hub--overview .legacy-story-copy {padding:.9rem 0!important;border-top:1px solid rgba(116,80,61,.11)!important;border-bottom:1px solid rgba(116,80,61,.11)!important;color:#5a473f!important;line-height:1.7!important}
.legacy-hub--overview .legacy-detail-actions {display:flex!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:wrap!important}
.legacy-hub--overview .legacy-detail-actions button {
  padding:.42rem .62rem!important;
  border:1px solid rgba(120,78,61,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.5)!important;
  color:#704e40!important;
}

@media(max-width:1200px){
  .legacy-hub--overview .legacy-overview-hero{grid-template-columns:1fr 1fr!important}
  .legacy-hub--overview .legacy-shortcuts{grid-template-columns:repeat(3,minmax(130px,1fr))!important}
  .legacy-hub--overview .legacy-dashboard{grid-template-columns:220px minmax(0,1fr)!important}
  .legacy-hub--overview .legacy-detail{grid-column:1/-1!important;position:static!important}
}
@media(max-width:880px){
  .legacy-hub--overview .legacy-overview-hero,
  .legacy-hub--overview .legacy-dashboard{grid-template-columns:1fr!important}
  .legacy-hub--overview .legacy-shortcuts{grid-template-columns:repeat(2,minmax(130px,1fr))!important}
  .legacy-hub--overview .legacy-sidebar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .legacy-hub--overview{padding:12px!important}
  .legacy-hub--overview .legacy-overview-title-card{grid-template-columns:1fr!important}
  .legacy-hub--overview .legacy-shortcuts,
  .legacy-hub--overview .legacy-sidebar{grid-template-columns:1fr!important}
  .legacy-hub--overview .legacy-toolbar-panel{align-items:flex-start!important;flex-direction:column!important}
  .legacy-hub--overview .legacy-entry{grid-template-columns:68px minmax(0,1fr)!important}
  .legacy-hub--overview .legacy-timeline::before{left:35px!important}
}