/* --- T_WRITING_TYPE_20261005 begin --- */
.writing-story{min-width:0;background:#faf7ef;border:1px solid #d9cbb7;border-radius:4px;box-shadow:0 16px 45px #5e493b0b;color:#373b32;font-family:var(--serif)}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 28px;border-bottom:1px solid #dfd3c0;font-size:14px;line-height:1.7;color:#7c304b}
.story-edition{font:9px/1.5 Georgia,serif;letter-spacing:1.1px;color:#95836c;white-space:nowrap}
.story-stage{display:grid;padding:18px 28px 12px;isolation:isolate}
.story-panel{grid-area:1/1;min-width:0;display:flex;flex-direction:column}
.story-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
.story-chapter{font:16px/1.5 Georgia,var(--serif);color:#aa8b60;margin-bottom:8px}
.story-chapter span{font:12px/1.5 var(--serif);margin-left:7px}
.story-panel h3{font:400 28px/1.5 var(--serif);letter-spacing:-.9px;margin:0 0 15px;color:#373b32}
.story-panel h3 em{font-style:normal;color:#7c304b}
.story-body{min-width:0;flex:1}
.story-body p{font:400 17px/1.75 var(--serif);letter-spacing:-.25px;word-break:keep-all;overflow-wrap:anywhere;margin:9px 0 0}
.story-body h4{font:400 18px/1.65 var(--serif);color:#7c304b;margin:8px 0 12px}
.story-label{display:inline-block;color:#8b7056;font:12px/1.6 var(--serif);letter-spacing:.1px}
.story-paper{position:relative;padding:14px 22px 16px;border:1px solid #ddceb7;background:#fffdf7;border-radius:2px;box-shadow:3px 4px 0 #f0e8d9}
.story-paper>.story-label{color:#7c304b}
.story-idea{margin-top:8px;padding:18px 25px 19px}
.story-idea .story-input{font-size:23px;line-height:1.75;margin-top:14px}
.story-reply{margin:20px 0 0 21px;padding-left:20px;border-left:2px solid #c6a482}
.story-reply p{color:#7c304b;font-size:19px;margin-top:7px}
.story-outline{padding:0 0 11px;border-bottom:1px solid #dfd3c0}
.story-outline p{margin-top:7px;font-size:16px;line-height:1.65}
.story-episodes{list-style:none;margin:4px 0 0;padding:0}
.story-episodes li{display:flex;gap:18px;padding:10px 0 9px;border-bottom:1px solid #e2d7c5}
.story-episodes li:last-child{border-bottom:0}
.story-episodes li>span{font:18px/1.5 Georgia,serif;color:#b59468}
.story-episodes h4{margin:0;font-size:17px;color:#373b32}
.story-episodes p{margin:3px 0 0;font-size:14px;line-height:1.75;color:#897860}
.story-context{font:12px/1.8 var(--serif);color:#8b7056;margin:0 0 10px}
.story-context span{display:block;font-size:14px;color:#595d52;margin-top:4px}
.story-manuscript p{margin:8px 0 0;font-size:16px;line-height:1.65}
.story-manuscript h4{padding-bottom:9px;border-bottom:1px solid #e3d6c2;margin-bottom:8px}
.story-wine{color:#7c304b}
.story-before p{font-size:17px;line-height:1.75;margin-top:8px}
.story-selection{background-image:linear-gradient(#ead8c8,#ead8c8);background-repeat:no-repeat;background-size:0 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 0}
.story-request{padding:10px 18px;margin:14px 0;background:#7c304b;color:#fff7ed}
.story-request small{color:#dcbfc0;font-size:11px}
.story-request p{font-size:17px;line-height:1.8;margin-top:5px}
.story-after p{font-size:17px;line-height:1.75;margin-top:8px}
.story-after small{display:block;margin-top:11px;color:#99816a;font-size:11px;line-height:1.6}
.story-final h4{margin:8px 0 9px}
.story-final p{font-size:16px;line-height:1.7;margin-top:7px}
.story-chosen{color:#7c304b;background:#f0e2d6;padding:8px 14px;margin-left:-8px!important;margin-right:-8px!important}
.story-benefits{list-style:none;padding:0;margin:14px 0 0}
.story-benefits li{font:400 17px/1.55 var(--serif);padding:6px 0;border-bottom:1px solid #e0d2bc}
.story-benefits li:before{content:'✓';color:#7c304b;font-size:14px;margin-right:13px}
.story-note{font:400 13px/1.8 var(--serif);color:#98836b;margin:15px 0 0;padding-top:5px}
.story-footer{padding:0 28px 12px}
.story-footer nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.story-footer nav button{text-align:left;font:11px/1.7 var(--serif);color:#a28b6d;padding:5px 0 7px;border:0;position:relative;white-space:nowrap}
.story-footer nav button>span{display:block;font:11px/1.7 Georgia,serif;margin-bottom:3px}
.story-footer nav button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#d9ccb5}
.story-footer nav button i{position:absolute;left:0;bottom:0;width:var(--scene-progress,0%);height:2px;background:#7c304b;z-index:1}
.story-footer nav button[aria-current=true]{color:#7c304b}
.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;color:#ac967c;font:10px/1.8 var(--serif)}
.story-bottom button{font:11px/1.8 var(--serif);color:#8b7056;padding:2px 0 2px 10px;min-width:40px;border:0;text-decoration:underline;text-underline-offset:4px}
.writing-story button:focus-visible{outline:2px solid #80324b;outline-offset:3px}
.story-letter{opacity:0;transition:opacity .1s linear}.story-letter.is-written{opacity:1}
@media(max-width:1000px) and (min-width:701px){.story-heading,.story-footer{padding-left:21px;padding-right:21px}.story-stage{padding-left:21px;padding-right:21px}.story-panel h3{font-size:25px}.story-edition{display:none}}
@media(max-width:700px){.story-heading{padding:12px 20px;font-size:13px}.story-edition{display:none}.story-stage{padding:16px 20px 10px}.story-panel h3{font-size:24px;line-height:1.45;letter-spacing:-.9px;margin-bottom:15px}.story-paper{padding:12px 18px 14px}.story-idea{padding:16px 20px;margin-top:6px}.story-idea .story-input{font-size:21px}.story-body p{overflow-wrap:anywhere}.story-footer{padding:0 20px 10px}.story-footer nav{gap:7px}.story-footer nav button{font-size:10px}.story-note{font-size:12px}.story-episodes{margin-top:3px}.story-episodes li{gap:14px}.story-episodes p{font-size:14px}.story-bottom{font-size:9px;gap:7px}}
@media(max-width:360px){.story-panel h3{font-size:21px;letter-spacing:-.7px}.story-stage{padding-left:16px;padding-right:16px}.story-heading,.story-footer{padding-left:16px;padding-right:16px}.story-body p{font-size:16px}.story-idea .story-input{font-size:20px}.story-footer nav{gap:5px}.story-footer nav button{font-size:9px}.story-benefits li{font-size:16px}.story-bottom>span{max-width:185px}}
@media(prefers-reduced-motion:reduce){.story-letter{transition:none}}
/* --- T_WRITING_TYPE_20261005 end --- */