assets/home-emergence.css
/* The homepage preview uses the same published snapshot; only the dashboard drills. */
.fact-day-dashboard{width:100%;max-width:31rem;margin:auto;padding:22px;border:1px solid var(--line);border-radius:6px;background:var(--panel);text-align:left;min-width:0;font-size:15px}
.fact-day-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px}
.fact-day-heading h2{font:32px/1.2 var(--serif);letter-spacing:-.025em}
.fact-day-heading time{font-size:15px;color:var(--ink)}
.fact-day-description{margin:10px 0 6px;font-size:16px;line-height:1.5}
.fact-day-status{font-size:15px;color:var(--accent)}
.fact-day-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;border-top:1px solid var(--line);padding-top:14px}
.fact-day-stats>div{display:flex;flex-direction:column-reverse;min-width:0}
.fact-day-stats dt{font-size:15px;overflow-wrap:anywhere;color:var(--ink)}
.fact-day-stats dd{font:28px/1.3 var(--serif);margin:0}
.fact-day-portrait{position:relative;height:240px;border:1px solid var(--line);background:var(--bg)}
.fact-day-tile{position:absolute;display:flex;align-items:end;border:2px solid var(--bg);color:#102723;overflow:hidden;container-type:inline-size}
.fact-day-tile>span{display:flex;flex-direction:column;gap:6px;padding:8px;min-width:0;font-size:16px;line-height:1.2}
.fact-day-tile b{font-size:15px;font-weight:500;overflow-wrap:normal}
.fact-day-tone-0{background:#a6b9aa}.fact-day-tone-1{background:#8ba69d}.fact-day-tone-2{background:#b6bdac}.fact-day-tone-3{background:#92aca3}
.fact-day-tile:hover{color:#102723;box-shadow:inset 0 0 0 2px #102723}
.fact-day-tile:focus-visible{outline:3px solid var(--ink);outline-offset:0;z-index:1}
.fact-day-caption{font-size:15px;line-height:1.5;color:var(--ink);margin-top:12px}
.fact-day-open{display:flex;justify-content:space-between;font-size:16px;min-height:44px;padding:14px 0 0;margin-top:8px;color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.fact-xray-art img{height:auto}
[data-mode=light] .fact-day-tone-0{background:#c2d1bf}[data-mode=light] .fact-day-tone-1{background:#acccc0}[data-mode=light] .fact-day-tone-2{background:#d7d8bd}[data-mode=light] .fact-day-tone-3{background:#bed1cd}
@media(max-width:460px){.fact-day-dashboard{padding:16px}.fact-day-portrait{height:240px}.fact-day-tile b{display:none}.fact-day-tile>span{padding:4px}.fact-day-tile{align-items:center;justify-content:center}.fact-day-stats{gap:8px}.fact-day-heading h2{font-size:30px}}
@media(max-width:760px){.chrome nav{flex-wrap:wrap}.chrome .badge{display:inline-block;flex-basis:100%;white-space:normal}}