.writing-hero{padding:clamp(2rem,5vw,5rem) 0 2.5rem}.writing-hero h1{max-width:920px;font-size:clamp(2.6rem,5.8vw,5.4rem);line-height:1.04;letter-spacing:-.035em;margin:.25em 0}.writing-hero .page-deck{max-width:760px}.writing-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:1.4rem}.writing-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(214,183,108,.22);border:1px solid rgba(214,183,108,.22);margin:2rem 0 0}.writing-path div{background:#0b2232;padding:1.1rem}.writing-path small{display:block;color:#e8c875;letter-spacing:.12em;margin-bottom:.5rem}.writing-path strong{font-family:Georgia,serif;font-weight:400;font-size:1.3rem}.writing-note{border-left:2px solid #caa75a;padding:1rem 1.25rem;background:#102b3b;margin:1.5rem 0}.writing-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:1rem;padding:1.3rem;background:#071824;border:1px solid #325363;border-radius:6px;line-height:1.7}.writing-tool{background:linear-gradient(135deg,#0b2635,#0a1b29);border:1px solid #42616a;border-radius:12px;padding:clamp(1.2rem,3vw,2.5rem);margin:2.5rem 0}.writing-tool label{display:block;font-weight:600;margin-top:1.1rem;margin-bottom:.35rem}.writing-tool input,.writing-tool textarea,.writing-tool select{display:block;width:100%;max-width:100%;background:#06151f;color:#f4f0e3;border:1px solid #5f7377;border-radius:5px;padding:.85rem;font:inherit;box-sizing:border-box}.writing-tool textarea{resize:vertical;min-height:100px;line-height:1.6}.writing-tool #writing-output{min-height:280px}.writing-tool .button{margin-top:1rem;cursor:pointer}.writing-tool input:focus,.writing-tool textarea:focus,.writing-tool select:focus{outline:2px solid #e5c36a;outline-offset:3px}.writing-tool small{display:block;line-height:1.5;color:#bfd0d5}.writing-tool [role=status]{min-height:1.5em;color:#e8ce86;margin:.7rem 0}.writing-toc a{display:block;padding:.5rem 0}.writing-toc{position:sticky;top:90px}.writing-example{font-style:italic;color:#d0e1dd}.writing-result[hidden]{display:none}.article-main h2{scroll-margin-top:95px}.writing-hero em{color:#e8c875}@media(max-width:640px){.writing-path{grid-template-columns:repeat(2,1fr)}.writing-hero{padding-top:1.5rem}.writing-hero h1{font-size:2.7rem}.writing-tool{margin:1.7rem 0}.writing-actions{gap:.85rem}.writing-tool .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}