.writing{color:#1a211f;background:#f5f2eb;min-height:100svh}.writing-shell{width:min(100% - 80px,1120px);margin:auto}.writing-nav{border-bottom:1px solid #d4d8cf;justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}.writing-brand{letter-spacing:-.055em;font-size:23px;font-weight:700}.writing-brand span,.writing-hero h1 span{color:#679b61}.writing-brand span{vertical-align:top;margin-left:5px;font-size:14px}.writing-nav>div{align-items:center;gap:30px;display:flex}.writing-nav a:not(.writing-brand),.writing-nav button{font-size:13px;font-weight:600}.writing-nav button{cursor:pointer;color:inherit;background:0 0;border:0;padding:12px 0}.writing-nav a:hover,.writing-nav button:hover{text-underline-offset:5px;text-decoration:underline}.writing-kicker{font:500 11px/1.5 var(--mono);letter-spacing:.12em;color:#637966;text-transform:uppercase}.writing-hero{max-width:800px;padding:105px 0 100px}.writing-hero h1,.writing-editor h1,.writing-post h1{font:400 clamp(68px,9vw,130px)/.95 var(--serif);letter-spacing:-.045em;margin:15px 0 28px}.writing-hero h1 em{color:#678568;font-weight:400}.writing-hero>p:not(.writing-kicker),.writing-editor>p:not(.writing-kicker){color:#5b6860;max-width:600px;margin:0 0 30px;font-size:19px;line-height:1.65}.writing-button,.writing-secondary{color:#fff;cursor:pointer;background:#1b3227;border:1px solid #1b3227;justify-content:center;align-items:center;min-height:48px;padding:13px 21px;font-size:13px;font-weight:600;transition-property:background-color,scale;transition-duration:.15s;display:inline-flex}.writing-button:hover{background:#356149}.writing-button:active,.writing-secondary:active{scale:.96}.writing-secondary{color:#1b3227;background:0 0}.writing-secondary:hover{background:#e3e9dc}.writing-list{border-top:1px solid #cbd2c8;padding-bottom:110px}.writing-list-head{justify-content:space-between;align-items:baseline;padding:27px 0;display:flex}.writing-list-head h2{font:400 36px var(--serif);margin:0}.writing-list-head span,.writing-date,.writing-status,.writing-footer,.writing-meta{font:500 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#67766c}.writing-item{border-top:1px solid #d8ded4;grid-template-columns:135px minmax(0,1fr) 100px 20px;align-items:start;gap:20px;padding:29px 0;transition-property:background-color;transition-duration:.15s;display:grid}.writing-item:hover{background:#e9eee4}.writing-item strong{font:400 clamp(28px,3vw,42px)/1.1 var(--serif);margin-bottom:12px;display:block}.writing-item small{color:#68756b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.55;display:block;overflow:hidden}.writing-status{border:1px solid #cdd5cc;justify-self:start;padding:5px 9px}.writing-status.published{color:#315d3f;background:#dce9d7;border-color:#b9cdb9}.writing-empty{color:#69766a;border-top:1px solid #d8ded4;padding:50px 0}.writing-footer{border-top:1px solid #cbd2c8;justify-content:space-between;padding:28px 0 55px;display:flex}.writing-editor{max-width:800px;padding:90px 0 120px}.writing-editor h1{font-size:clamp(65px,8vw,105px)}.writing-form{flex-direction:column;gap:13px;margin-top:50px;display:flex}.writing-form label,.writing-delete label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#506456}.writing-form input,.writing-form textarea,.writing-delete input{color:#1a211f;width:100%;font:16px/1.6 var(--sans);background:#fbfaf5;border:1px solid #bfcbbd;border-radius:2px;padding:16px 18px}.writing-form textarea{resize:vertical;min-height:340px;line-height:1.8}.writing-form input:focus,.writing-form textarea:focus,.writing-delete input:focus{outline-offset:2px;outline:2px solid #86ad82}.writing-form label:not(:first-child){margin-top:16px}.writing-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.writing-meta{margin:30px 0 60px}.writing-meta a{text-decoration:underline}.writing-delete{border-top:1px solid #d3d9cf;padding:35px 0}.writing-delete>div{gap:10px;max-width:360px;margin-top:13px;display:flex}.writing-delete button{color:#8b443a;cursor:pointer;background:0 0;border:1px solid #a65b50;min-width:110px}.writing-delete button:hover{background:#f5e8e4}.sign-in{min-height:65svh}.sign-in .writing-form{max-width:440px}.sign-in .writing-form>p[role=alert]{color:#9a4039;margin:0}.writing-post{max-width:800px;padding:100px 0 140px}.writing-post h1{border-bottom:1px solid #cbd2c8;padding-bottom:40px;font-size:clamp(65px,8vw,108px)}.writing-body{font:19px/1.85 var(--sans);color:#34443a;white-space:pre-wrap;overflow-wrap:anywhere;margin:50px 0 90px}.writing-body p{margin:0 0 1.5em}@media (max-width:700px){.writing-shell{width:min(100% - 40px,1120px)}.writing-nav{height:76px}.writing-nav>div{gap:14px}.writing-hero,.writing-editor,.writing-post{padding:75px 0}.writing-hero h1{font-size:clamp(63px,15vw,100px)}.writing-item{grid-template-columns:1fr 22px;gap:10px}.writing-item .writing-date{grid-column:1/-1}.writing-item .writing-status{grid-column:1}.writing-item>span:last-child{grid-area:2/2}.writing-footer{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-motion:reduce){.writing-button,.writing-secondary,.writing-item{transition:none}}
