
/* Long story long: scoped to preserve existing page design. */
.long-story{background:#f3eef0;color:#292629;border-top:1px solid #d9cdd3;border-bottom:1px solid #d9cdd3}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,6vw,90px);align-items:start}
.story-intro h2{font-size:clamp(38px,5vw,66px);line-height:1.08;margin:0 0 24px}
.story-intro p{max-width:39ch}
.story-panel{min-width:0}
.story-preview{font-size:13px;line-height:1.5;color:#665660;margin:0 0 18px}
.story-panel textarea,.story-panel select{width:100%;box-sizing:border-box;background:#fff;color:#292629;border:1px solid #8b7582;border-radius:0;padding:18px;font:inherit;font-size:16px;line-height:1.6}
.story-panel textarea{min-height:190px;resize:vertical}
.story-panel label{display:block;font-size:19px;line-height:1.4;margin-bottom:12px}
.story-panel textarea:focus-visible,.story-panel select:focus-visible,.story-panel button:focus-visible{outline:3px solid #735a6b;outline-offset:4px}
.story-panel .story-help{font-size:13px;line-height:1.5;margin:12px 0 22px;color:#665660}
.story-panel .story-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.story-panel .story-back{background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;color:inherit;padding:6px 0;cursor:pointer;font:inherit}
.story-panel h3{margin:0 0 20px}
.story-panel dl{margin:20px 0}
.story-panel dt{font-weight:600;margin-top:18px}
.story-panel dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.story-panel .story-note{border-top:1px solid #bdaab5;padding-top:20px}
@media(max-width:700px){.story-layout{grid-template-columns:1fr;gap:24px}.story-intro h2{font-size:42px}.story-intro p{max-width:none}.story-panel textarea{min-height:180px}.long-story{padding-top:42px;padding-bottom:42px}.story-panel .button{white-space:normal}}
