/* Shakha — stories and the file-storage card. Loaded after styles.css and mobile.css.
   Sizes are in rem so the reader's text size scales everything; rows wrap instead of overlapping. */

/* ── Stories on a profile ── */
.panel>h3 .n{font-weight:400;opacity:.85;font-variant-numeric:tabular-nums;letter-spacing:0}
.story-list{display:grid;gap:.9rem;margin-bottom:.9rem}
.story{display:grid;gap:.4rem;min-width:0;padding:.9rem 1rem;border-radius:var(--r);background:var(--panel-2);border:1px solid var(--rule)}
.story h4{font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere}
.story-by{overflow-wrap:anywhere}
.story-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}
.story-text.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.story-more{justify-self:start;min-height:var(--tap);display:inline-flex;align-items:center;font-weight:600}
.story-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.1rem}

/* ── Settings: file storage ── */
.storage-bar{display:grid;gap:.4rem;margin:.8rem 0 .5rem}
.storage-bar .meter{height:.7rem}
[data-mig] .meter i{animation:none;transition:width var(--dur-fast) linear}
[data-mig]{display:grid;gap:.4rem;margin-top:.8rem}