.daily-explanation{border-color:#c8b994;background:linear-gradient(135deg,#fffdf8,#f6f0df)}
.daily-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.daily-summary>div{padding:11px;background:#fffdf8;border:1px solid var(--line);border-radius:8px}
.daily-summary span{display:block;color:var(--muted);font-size:9px}.daily-summary strong{font-size:18px}
.daily-summary p{grid-column:1/-1;margin:5px 0 12px;font-family:Georgia,serif;font-size:18px}
.daily-publication{display:grid;gap:5px;padding:12px;border-left:3px solid var(--amber);background:#f3eee1;font-size:11px}
.daily-publication p{margin:3px 0}.daily-family-attribution{margin-top:12px}
.family-attribution{border-top:1px solid var(--line)}.family-attribution>summary{display:grid;grid-template-columns:1fr 80px minmax(200px,auto);gap:12px;padding:13px 4px;cursor:pointer}
.family-attribution summary i{color:var(--muted);font-size:10px;font-style:normal;text-align:right}
.family-attribution-body{padding:0 12px 12px}.family-attribution-body dl,.metric-attribution dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:10px}
.family-attribution-body dt,.metric-attribution dt{color:var(--muted)}.family-attribution-body dd,.metric-attribution dd{margin:0}
.metric-attribution{margin-top:7px;padding:0 10px;background:#fffdf8;border:1px solid var(--line);border-radius:6px}.metric-attribution summary{padding:9px;cursor:pointer}.metric-attribution summary b{float:right}
.daily-reconciliation,.daily-historical-context{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:10px;background:#ebe7dc;font-size:10px}
.daily-historical-context p{margin:0}.journal-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.journal-tools label{display:grid;gap:4px;color:var(--muted);font-size:9px}
.journal-row{display:grid;grid-template-columns:100px 60px 60px 130px 110px 1fr;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.journal-row:hover{background:#f3f0e7}.journal-row p{margin:0}.button-link{padding:9px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none;background:var(--panel)}
@media(max-width:900px){.daily-summary{grid-template-columns:repeat(2,1fr)}.journal-row{grid-template-columns:90px 50px 50px 1fr}.journal-row span:nth-of-type(2),.journal-row p{grid-column:1/-1}}
.today-risk-explained,
.historical-comparables,
.explainability-timeline {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

#risk-change-windows {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

#risk-change-windows > div,
#risk-contribution-breakdown article {
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

#risk-change-windows span,
#risk-contribution-breakdown span,
#risk-contribution-breakdown small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
}

#risk-change-windows strong { display: block; margin-top: 6px; font-size: 18px; }

#risk-contribution-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

#risk-contribution-breakdown article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px 10px;
}

#risk-contribution-breakdown article > span,
#risk-contribution-breakdown article > em { grid-column: 1 / -1; }
#risk-contribution-breakdown em { font-size: 10px; font-style: normal; }
#risk-driver-narrative { margin: 12px 0; padding: 12px; background: #f5f2e9; border-radius: 8px; }
#risk-driver-narrative > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
.historical-comparables input { width: 70px; }
.historical-comparables tbody tr { cursor: pointer; }
.historical-comparables tbody tr:hover { background: #f3f0e7; }
.explainability-timeline { display: grid; gap: 8px; }
.explainability-timeline input { width: 100%; accent-color: var(--orange); }
.explainability-timeline > div { display: flex; justify-content: center; align-items: center; gap: 12px; }

@media (max-width: 760px) {
  #risk-change-windows,
  #risk-contribution-breakdown { grid-template-columns: 1fr 1fr; }
}
