.stories-main{max-width:1120px;margin:auto;padding:48px 24px 80px;color:#243a43}.stories-main *{box-sizing:border-box;min-width:0}.stories-main h1{font-size:clamp(26px,4vw,42px);line-height:1.5;margin:20px 0 28px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.story-card{border:1px solid #d6dfe0;border-radius:14px;overflow:hidden;background:white}.story-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}.story-card-body{padding:24px}.story-card h2{font-size:21px;line-height:1.65}.story-pair{font-weight:700;line-height:1.8}.story-category{color:#a51a31;font-size:14px;font-weight:700}.story-hero{width:100%;max-height:540px;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin:16px 0 32px}.story-section{margin:40px 0}.story-section h2{font-size:25px;line-height:1.6}.story-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.story-section blockquote{margin:0;padding:24px;background:#f2f5f4;border-left:4px solid #c01838;border-radius:0 12px 12px 0}.story-section cite{font-style:normal;font-weight:700}.story-outcome{padding:24px;background:#f4eee5;border-radius:12px}.story-flow{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.story-flow li{position:relative;padding:18px 12px;border:1px solid #b8cac6;border-radius:10px;background:#f1f5f3;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;line-height:1.6;font-size:14px}.story-step{font-weight:800;color:#a51a31}.story-flow li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:44%;color:#465c63}.story-cta{padding:32px;background:#f6f0eb;border-radius:14px;border-top:4px solid #c01838;margin:48px 0}.story-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.story-filter{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#f3f6f5;padding:20px;border-radius:12px;margin:24px 0}.story-filter select{flex:1 1 160px}.stories-main label{display:block;font-weight:600}.stories-main input:not([type=hidden]):not([type=checkbox]),.stories-main textarea,.stories-main select{width:100%;padding:12px;border:1px solid #88999e;border-radius:5px;background:white;color:#243a43;font:inherit}.stories-main input[type=file]{font-size:14px}.stories-main input[type=checkbox]{width:auto}.stories-main textarea{resize:vertical}.stories-main button,.stories-main .primary,.stories-main summary{min-height:44px;white-space:normal}.stories-main fieldset{border:1px solid #d6dfe0;padding:20px;border-radius:10px;display:grid;gap:16px}.stories-main legend{font-weight:700;padding:0 8px}.stories-main .member-form{max-width:880px}.story-admin-row{border:1px solid #d6dfe0;padding:24px;border-radius:12px;margin:24px 0}.story-admin-row summary{cursor:pointer;padding:10px 0;font-weight:700}.stories-main :focus-visible{outline:3px solid #0865a4;outline-offset:4px}.stories-main .hint{color:#465c63}.stories-main p,.stories-main a{overflow-wrap:anywhere}.stories-main [hidden]{display:none!important}.stories-main .pages{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.permission-warning{background:#fff1e6;color:#74350d;padding:16px;border-left:4px solid #a64e1b}
@media(max-width:1024px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-flow{grid-template-columns:1fr}.story-flow li{flex-direction:row;text-align:left;padding:14px 20px}.story-flow li:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-23px}}@media(max-width:700px){.stories-main{padding:32px 16px 48px}.story-grid{grid-template-columns:1fr}.story-card-body,.story-admin-row,.story-cta{padding:20px}.story-section h2{font-size:22px}.stories-main .member-form{padding:20px 14px}.stories-main fieldset{padding:14px 10px}.story-section{margin:32px 0}.story-cta .primary{width:100%;justify-content:center}.story-filter{padding:16px}.story-filter button{width:100%}}