/* Homepage stories: five equal panels, natural height and accessible controls. */
#discover .home-five-grid{gap:14px!important;align-items:stretch;margin:57px 0 0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
#discover .home-five-panel{height:auto!important;min-height:660px!important;padding:0!important;overflow:visible!important;border:1px solid #495258!important;border-radius:5px;background:linear-gradient(155deg,#13232c,#08131a)!important;box-shadow:none!important}
#discover .home-panel-head{padding:18px 18px 14px!important;margin:0!important;min-height:68px;border-bottom:1px solid #45504f}
#discover .home-panel-head small{font:600 10px/1.4 system-ui!important;letter-spacing:.12em;color:#d4b075!important}
#discover .home-panel-head h2{font:700 21px/1.2 Georgia,serif!important;color:#ecdfc8!important;margin-top:5px!important}
#discover .home-panel-body{display:flex!important;flex-direction:column;flex:1;min-height:0!important;padding:0!important}
#discover .story-slide{display:flex;flex:1;flex-direction:column;min-width:0}
#discover .story-identity{padding:18px;min-height:230px;box-sizing:border-box;overflow-wrap:anywhere;color:#c6d0d5;font:14px/1.55 system-ui}
#discover .story-identity h3{font:700 23px/1.22 Georgia,serif;color:#ecdfc8;margin:9px 0}
#discover .story-identity p{margin:8px 0 14px;font-size:14px;line-height:1.55;color:#c1cdd2}
#discover .story-identity a{color:#e7d7b9;text-decoration:none}#discover .story-identity a:hover{text-decoration:underline}
#discover .story-avatar{width:72px;height:72px;object-fit:cover;border:1px solid #8d7954;border-radius:5px;margin:0 12px 10px 0;float:left}
#discover .story-monogram{display:grid;place-items:center;background:#26363c;color:#d5b475;font:700 25px Georgia}
#discover .story-badge{color:#cfb17e;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
#discover .story-tags{display:flex;gap:5px;flex-wrap:wrap;clear:both}#discover .story-tags span{background:#27333a;border:1px solid #44534f;color:#c8d6dc;padding:3px 6px;font-size:11px;border-radius:3px}
#discover .story-scene{position:relative;isolation:isolate;min-height:330px;flex:1;display:flex;align-items:end;background:radial-gradient(ellipse at 70% 15%,#2d4541,transparent 65%),linear-gradient(145deg,#172f39,#07121b);overflow:hidden;border-radius:0 0 4px 4px}
#discover .story-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#discover .story-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#06101999 35%,#061019f5 88%);z-index:-1}
#discover .story-scene>div{padding:24px 18px;width:100%;box-sizing:border-box}
#discover .story-scene small{color:#d6b680;font:600 10px/1.6 system-ui;letter-spacing:.1em}
#discover .story-scene h3{font:700 24px/1.2 Georgia,serif;color:#f2e8d5;margin:10px 0}
#discover .story-scene p{font:14px/1.55 system-ui;color:#d2dde1;margin:0 0 13px;overflow-wrap:anywhere}
#discover .story-credit{display:block;font:12px/1.5 system-ui;color:#b9c8ce;margin-bottom:12px}
#discover .story-scene a{font:600 13px/1.5 system-ui;color:#e6c58b;text-decoration:none;display:inline-block;padding:10px 0}
#discover .story-controls{display:flex;align-items:center;justify-content:space-around;gap:3px;padding:8px;border-top:1px solid #4a514a;background:#0b171d;border-radius:0 0 4px 4px;color:#c1ccd1;font:12px system-ui}
#discover .story-controls[hidden]{display:none!important}#discover .story-controls button{min-width:38px;min-height:44px;padding:4px 9px;background:transparent;border:1px solid #49504b;border-radius:3px;color:#e3ca9f;font:13px system-ui;cursor:pointer}
#discover :focus-visible{outline:3px solid #f0c77e;outline-offset:3px}
#discover .home-stats-panel{border-color:#9b7840!important;background:radial-gradient(circle at 50% 0,#3a2b1838,transparent 42%),linear-gradient(170deg,#17272a,#08141a 72%)!important;box-shadow:inset 0 1px #d8af6240!important}
#discover .home-stats-panel .home-panel-head{position:relative;background:linear-gradient(90deg,#9a65231f,transparent)}
#discover .home-stats-panel .home-panel-head:after{content:'';position:absolute;right:18px;top:50%;width:7px;height:7px;border-radius:50%;background:#d99d43;box-shadow:0 0 0 4px #d99d4320,0 0 14px #d99d4380}
#discover #valbaseStats{display:flex!important;flex-direction:column;gap:8px;padding:10px 12px!important;margin:0!important;font:12px/1.3 system-ui;color:#c7d1d6}
#discover .stats-section{min-width:0}
#discover .stats-heading{display:flex;align-items:center;gap:6px;margin:0 0 5px}
#discover .stats-heading>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #7e633c;border-radius:50%;color:#e5bb72;font:700 8px/1 system-ui;background:#171d1b}
#discover #valbaseStats .stats-heading h3{margin:0;color:#dbc08f;font:700 10px/1.2 system-ui;text-transform:uppercase;letter-spacing:.12em}
#discover .stats-heading>a{margin-left:auto;color:#cfa85f;text-decoration:none;font:600 10px/1 system-ui}
#discover .stat-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#discover .stat-tile{position:relative;display:flex;align-items:center;min-width:0;min-height:39px;padding:7px 24px 7px 9px;border:1px solid #34484d;border-radius:3px;background:linear-gradient(135deg,#10232a,#09171d);color:#c8d5d9;text-decoration:none;transition:border-color .18s,transform .18s,background .18s}
#discover .stat-tile b{flex:0 0 32px;color:#e8c37e;font:700 16px/1 Georgia,serif}
#discover .stat-tile span{min-width:0;font:600 10px/1.15 system-ui;overflow-wrap:anywhere}
#discover .stat-tile i{position:absolute;right:8px;color:#718d94;font:400 10px/1 system-ui;font-style:normal}
#discover .stat-tile:hover{transform:translateY(-1px);border-color:#b0874c;background:linear-gradient(135deg,#17313a,#0b1b22)}
#discover .stat-tile-featured{min-height:45px;display:flex;padding:6px 20px 6px 8px;border-color:#4d5f5e;background:radial-gradient(circle at 100% 0,#bd7c2228,transparent 55%),#0b1a20}
#discover .stat-tile-featured b{display:block;margin:0 5px 0 0;font-size:20px}
#discover .stat-tile-featured span{color:#b8c8cc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
#discover .stat-tile-featured i{top:11px;color:#c99a52}
#discover .stat-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
#discover .stat-catalog .stat-tile{min-height:27px;padding-block:3px}
#discover .stat-catalog .stat-tile b{flex-basis:25px;font-size:13px}
#discover .stat-catalog .stat-tile span{font-size:9px}
#discover .stat-activity{display:grid;gap:3px}
#discover .stat-activity>a{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px;padding:5px 7px 5px 11px;border-left:2px solid #816235;background:#0a171c;color:#cbd7da;text-decoration:none;font-size:9px;line-height:1.2}
#discover .stat-activity>a:before{content:'';position:absolute;left:-5px;top:11px;width:6px;height:6px;border-radius:50%;background:#d29a45;border:1px solid #172329}
#discover .stat-activity>a>span{overflow-wrap:anywhere}#discover .stat-activity time{color:#92a9b0;font-size:9px;white-space:nowrap}
#discover .stat-activity>p{margin:0;padding:9px;background:#0a171c;color:#93a8ae;font-size:11px}
#discover #valbaseStats{flex:1;min-height:0}
#discover .stats-chronicle{display:flex;flex:1;min-height:0;flex-direction:column}
#discover .stats-chronicle .stat-activity{min-height:0;max-height:238px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:#a87b3d #0a171c}
#discover .stats-chronicle .stat-activity::-webkit-scrollbar{width:7px}
#discover .stats-chronicle .stat-activity::-webkit-scrollbar-track{background:#0a171c}
#discover .stats-chronicle .stat-activity::-webkit-scrollbar-thumb{border:2px solid #0a171c;border-radius:8px;background:#a87b3d}
#discover .stats-heading>a{padding:4px 0}
#discover .stats-chronicle .stat-activity:focus-within{outline:1px solid #b9924f;outline-offset:3px}
#discover #valbaseStatsNote{display:flex;align-items:center;gap:7px;margin:auto 0 0!important;padding:7px 12px!important;border-top:1px solid #344348;color:#8fa7ae!important;font:9px/1.3 system-ui!important;text-align:left!important}
#discover #valbaseStatsNote>span{width:6px;height:6px;border-radius:50%;background:#6fcf8f;box-shadow:0 0 8px #6fcf8f}
#discover .toolbox-slim-title{flex:0 0 auto!important;width:auto!important;min-width:0!important;display:flex!important}
#discover .toolbox-slim-title:has(.management-rune[hidden]){display:none!important}
#discover .management-rune{display:grid!important;place-items:center;width:76px!important;height:44px!important;margin:0!important;text-decoration:none;font-size:24px!important;border:1px solid #b8914a;border-radius:4px;background:#1d241b;color:#f3cb62}
#discover .management-rune[hidden]{display:none!important}
#discover .toolbox-shortcuts{flex:1!important;min-width:0!important}
#discover .lower-grid{margin-top:18px!important}
@media(max-width:1599px){#discover .home-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#discover .home-stats-panel{grid-column:1/-1;min-height:0!important}#discover #valbaseStats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}#discover .stats-community{grid-column:1/-1}#discover .stat-community-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#discover .stats-library,#discover .stats-chronicle{align-self:start}#discover .stats-chronicle{display:block;min-height:0}#discover .stats-chronicle .stat-activity{max-height:260px}#discover .stat-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#discover .home-five-grid{grid-template-columns:1fr!important;gap:16px!important}#discover .home-five-panel{min-height:0!important}#discover .home-panel-head{padding:17px!important}#discover .story-identity{min-height:0;padding:20px}#discover .story-scene{min-height:350px}#discover .home-stats-panel{grid-column:auto}#discover #valbaseStats{display:flex!important;padding:14px!important}#discover .stat-community-grid,#discover .stat-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}#discover .toolbox-panel-slim{padding:14px!important}#discover .toolbox-shortcuts a{min-width:0!important;overflow-wrap:anywhere}#discover .toolbox-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}#discover .toolbox-shortcuts span{white-space:normal!important}}

/* Phase 6.5: keep the five primary stories together and let sparse states shrink. */
#discover .home-five-grid { margin: 16px 0 0 !important; }
#discover .home-five-panel { min-height: 440px !important; }
#discover .story-identity { min-height: 150px; }
#discover .story-scene { min-height: 230px; }
#discover .home-five-panel:has(.home-error), #discover .home-five-panel:has(.home-empty) { min-height: 175px !important; }
#discover .home-feature-panel:has(.story-identity:only-child), #discover .home-stats-panel:has(.stats-unavailable) { min-height: 175px !important; }
@media (min-width: 1250px) {
  #discover .home-five-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  #discover .home-stats-panel { grid-column: auto; }
  #discover #valbaseStats { display: flex !important; flex-direction: column; gap: 8px; }
  #discover .stat-community-grid, #discover .stat-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1249px) and (min-width: 651px) {
  #discover .home-five-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 650px) {
  #discover .home-five-grid { grid-template-columns: 1fr !important; }
  #discover .home-five-panel { min-height: 0 !important; }
  #discover .home-five-panel:has(.home-error), #discover .home-five-panel:has(.home-empty) { min-height: 140px !important; }
  #discover .home-feature-panel:has(.story-identity:only-child), #discover .home-stats-panel:has(.stats-unavailable) { min-height: 140px !important; }
}
@media(prefers-reduced-motion:reduce){#discover *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Focused homepage readability: keep Community labels intact and give Chronicle context. */
#discover .stat-tile-featured span { flex:1 1 auto; min-width:0; white-space:nowrap; letter-spacing:0; font-size:9px; }
#discover .stats-chronicle-intro { margin:0 0 5px; color:#9db3b8; font:10px/1.35 system-ui,sans-serif; }
