/* Today home, open stories, and onboarding calm. */

.today-hero{display:flex;align-items:flex-start;gap:14px;margin:0 0 14px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.today-hero.calm{border-color:rgba(125,206,160,.28);background:linear-gradient(145deg,rgba(125,206,160,.06),rgba(255,255,255,.01))}
.today-hero.attention{border-color:var(--line-2)}
.today-hero.urgent{border-color:rgba(224,122,122,.4);background:linear-gradient(145deg,rgba(224,122,122,.07),rgba(255,255,255,.01))}
.today-hero .presence{width:2.75rem;height:2.75rem;margin:2px 0 0}
.today-copy{flex:1;min-width:0}
.today-copy h2{margin:0 0 6px;font:400 1.35rem/1.25 var(--display);letter-spacing:-.02em;color:var(--text)}
.today-copy p{margin:0;color:var(--mist);font-size:14px;line-height:1.45;max-width:36rem}
.today-copy p+p{margin-top:8px}
.today-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.today-actions form{margin:0}

.story-stack{display:flex;flex-direction:column;gap:12px;margin:0 0 22px}
.story-stack .section-head{margin:0 0 4px}

.story-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#14161c,#0f1116);border-left:3px solid var(--line-2)}
.story-card>div:first-child{display:flex;gap:12px;min-width:0;align-items:flex-start}
.story-card .flag{margin-top:4px;flex:0 0 auto}
.story-card>div:first-child>div{min-width:0;flex:1}
.story-card.sev-critical{border-left-color:var(--bad)}
.story-card.sev-warn{border-left-color:var(--ember)}
.story-card.sev-info{border-left-color:#8aa0b8}
.story-card h3{margin:0 0 4px;font:600 1.05rem/1.3 var(--sans)}
.story-card h3 a{color:inherit}
.story-card h3 a:hover{color:var(--ember-2);text-decoration:none}
.story-lede{margin:0;color:var(--mist);font-size:13.5px;line-height:1.45}
.story-meta{margin:8px 0 0;color:var(--mute);font-size:12.5px}
.story-card-aside{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center;padding:12px 14px 12px 8px}

.loop-story{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.02)}
.loop-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.loop-story-grid>div{padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:rgba(0,0,0,.2)}
.loop-story-grid h3{margin:0 0 6px;font:600 .78rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.loop-story-grid p{margin:0;color:var(--mist);font-size:13.5px;line-height:1.45}
.loop-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;color:var(--mist)}
.loop-status .dot{width:9px;height:9px}

.sig-lead{margin:-6px 0 14px;max-width:42rem;color:var(--mist);font-size:14px;line-height:1.45}
.sig-lead a{color:var(--ember-2)}

.onboard-hero{margin:0 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(230,168,92,.07),rgba(255,255,255,.01))}
.onboard-hero p{margin:0;color:var(--mist);font-size:14px;line-height:1.45;max-width:40rem}
.onboard-hero strong{color:var(--text);font-weight:600}

.blank.calm-story{min-height:9rem;border-style:solid;border-color:rgba(125,206,160,.22);background:rgba(125,206,160,.04)}
.blank.calm-story strong{color:var(--ok)}

@media (max-width:64em){
  .loop-story-grid{grid-template-columns:1fr}
}
@media (max-width:390px){
  .today-hero{flex-direction:column;align-items:flex-start;text-align:left}
  .today-hero .presence{align-self:center}
  .story-card{grid-template-columns:1fr}
  .story-card-aside{justify-content:flex-start}
}