.story-browser [hidden]{display:none!important}.story-browser{--line:#d9d2c5;--ink:#162c40}#story-filters{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-top:32px;font-family:system-ui,sans-serif}#story-filters label{display:block;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}#story-filters input,#story-filters select{width:100%;height:48px;border:1px solid #bcb6aa;border-radius:6px;padding:0 14px;background:#fffdf8;color:var(--ink);font:15px system-ui,sans-serif}#story-filters input:focus-visible,#story-filters select:focus-visible,.story-browser button:focus-visible,.story-browser a:focus-visible{outline:3px solid #b48640;outline-offset:3px}.story-categories{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.story-categories button{border:1px solid var(--line);border-radius:22px;padding:9px 14px;background:transparent;color:var(--ink);font:13px system-ui,sans-serif;cursor:pointer}.story-categories button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.category-count{opacity:.7;margin-left:7px;font-variant-numeric:tabular-nums}.story-result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-top:16px;padding-bottom:12px;font:13px system-ui,sans-serif}.story-result-row p{margin:0}.story-result-row button{border:0;background:none;text-decoration:underline;color:#28627a;cursor:pointer;font:inherit}.story-browser .story-grid{margin-top:24px;gap:28px 24px}.story-browser .story-tile{display:flex;flex-direction:column;padding-bottom:22px;border-bottom:1px solid var(--line);min-width:0}.story-category{display:block;margin:15px 23px 0;font:10px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#806b47}.story-browser .story-tile h2{font-size:27px;margin:9px 23px 10px;color:var(--ink)}.story-browser .story-meta{font:12px system-ui,sans-serif;color:#647078;margin:0 0 12px}.story-browser .story-description{line-height:1.6;margin:0 0 20px}.story-browser .story-actions{margin-top:auto;display:flex;gap:10px}.story-browser .story-actions .button{padding:8px 16px}.story-browser .button-secondary{background:transparent;color:var(--ink);border:1px solid #bcb6aa}#story-empty{text-align:center;padding:40px 0}#story-empty p{margin:0 auto 20px}#story-empty button{border:0;cursor:pointer}@media(max-width:850px){.story-browser .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#story-filters{grid-template-columns:1fr;gap:14px}.story-browser .story-grid{grid-template-columns:1fr}.story-categories{gap:7px}.story-categories button{font-size:12px;padding:8px 11px}}

@media(max-width:760px){.story-browser .story-category{margin-left:20px;margin-right:20px}.story-browser .story-tile h2{margin-left:20px;margin-right:20px}}