/* Översikt as a bento grid (P-122). 12 columns; Min dag spans two rows. Colours and spacing from tokens.css. */
.st-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s-4)}
.st-tile{padding:var(--s-4) var(--s-5);min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}
.st-tile h2{margin:0}
.st-tile p{margin:0}
.st-min{grid-column:span 8;grid-row:span 2;background:var(--surface);box-shadow:var(--sh),inset 0 0 0 1px var(--acc-line)}
.st-c4{grid-column:span 4}.st-c12{grid-column:span 12}
.st-big{font-size:var(--fs-xl);font-weight:600;overflow-wrap:anywhere;line-height:1.2}
.st-big.warn,.sub.warn{color:var(--red)}
.st-link{align-self:flex-start;margin-top:auto}
.st-h3{margin-top:var(--s-2)}
.st-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.st-brief{list-style:none;margin:var(--s-2) 0 0;padding:0;display:grid;gap:var(--s-4)}
.st-brief li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s-3);align-items:start}
.st-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-ink);font-weight:600;font-size:var(--fs-sm)}
.st-bm{display:grid;gap:var(--s-1);justify-items:start;min-width:0}
.st-bt{border:0;background:none;padding:0;text-align:left;font-size:var(--fs-md);font-weight:600;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.st-bt:hover{color:var(--acc-ink);text-decoration:underline}
.st-bm .ai-box{width:100%}
.st-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
@media (max-width:1000px){.st-min{grid-column:span 12;grid-row:auto}.st-c4{grid-column:span 6}}
@media (max-width:600px){.st-c4{grid-column:span 12}.st-tile{padding:var(--s-4)}}