/* Story pages (/stories, /stories/share; server/app/stories_pages.py). Loaded after /library/library.css and uses
   its tokens, so light and dark follow the device setting the same way. */
.note-h{font-size:1.05em;margin:.2em 0}
.filters{display:flex;flex-wrap:wrap;gap:4px 10px;margin:10px 0}
.filters a[aria-current="true"]{font-weight:700;color:var(--fg)}
.story{padding:14px 0 10px}
.story .outcome{font-weight:700;margin:.2em 0 .4em}
.story-text p{margin:.5em 0}
.founder{margin:.2em 0 .5em;font-size:.92em}
.founder-tag{color:var(--warn-fg);background:var(--warn-bg);border-color:var(--warn-line)}
.empty-state{border:2px dashed var(--line);border-radius:10px;padding:16px;margin:16px 0;text-align:center}
.empty-state h2{margin-top:.2em}
.share-more{margin-top:18px}
.story-form label{display:block;font-weight:700;margin:2px 0 4px}
.story-form label.opt{font-weight:400}
.story-form p{margin:14px 0}
.story-form .small{display:block;margin-bottom:4px}
.story-form input[type=text],.story-form input[type=email],.story-form select,.story-form textarea{width:100%;font:inherit;
  color:var(--fg);background:var(--bg);border:1px solid var(--muted);border-radius:6px;padding:8px 10px;min-height:44px}
.story-form textarea{resize:vertical}
.story-form fieldset{margin:16px 0}
.story-form fieldset.when{display:flex;flex-wrap:wrap;gap:10px 16px}
.story-form fieldset.when legend{width:100%}
.story-form fieldset.when span{flex:1 1 9rem}
.story-form [aria-invalid="true"]{border:2px solid var(--flag-fg)}
.story-form select:focus-visible,.story-form textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.consent span{flex:1 1 auto}
.req{font-weight:400;color:var(--muted);font-size:.9em}
.files-note{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 14px;margin:16px 0}
.files-note h2{font-size:1.05em;margin:.5em 0 .2em}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#storyStatus:empty{display:none}
.thanks{border:2px solid var(--ok);border-radius:10px;padding:8px 16px;margin:16px 0}
.thanks:focus{outline:3px solid var(--focus);outline-offset:2px}