.writing-main{width:min(1040px,100%);margin:74px auto 72px;flex:1}
.writing-intro{max-width:760px;margin-bottom:42px}
.writing-eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:1.3px;color:#6f8096;display:flex;align-items:center;gap:11px;margin:0 0 24px}
.writing-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#bb8749;box-shadow:0 0 0 5px #bb874910}
.writing-intro h1{font:400 clamp(39px,4.3vw,60px)/1.25 var(--serif);letter-spacing:-1.6px;color:#273b64;margin:0 0 25px}
.writing-intro h1 em{font-style:normal;color:#6b839f}
.writing-description{font-size:16px;line-height:1.95;color:#647a93;max-width:44ch;margin:0}
.writing-empty{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);align-items:center;gap:55px;min-height:320px;border:1px solid #d4dfe8;border-radius:22px;background:#ffffff60;padding:42px clamp(25px,5vw,65px)}
.writing-empty-art{position:relative;display:flex;align-items:center;justify-content:center;height:230px}
.writing-paper{position:relative;width:158px;height:199px;border:1px solid #ccd7e0;border-radius:3px 3px 24px 3px;background:#fafbf8;transform:rotate(-6deg);box-shadow:8px 10px 0 #e0e6ea88,0 12px 28px #627a920a;padding:29px 24px}
.writing-paper>span{font:30px/1 var(--serif);color:#b89663;display:block;margin-bottom:26px}
.writing-paper i{display:block;height:1px;background:#d8dfe3;margin-top:15px}.writing-paper i:last-child{width:65%}
.writing-bubbles{position:relative;width:190px;height:170px}
.writing-bubble{position:absolute;border:1px solid #bdcfc4;background:#edf5ef;border-radius:21px 21px 21px 6px;box-shadow:0 8px 22px #637d9610;width:133px;height:76px;display:flex;align-items:center;justify-content:center;gap:8px;left:0;top:13px;transform:rotate(-7deg)}
.writing-bubble i{display:block;width:5px;height:5px;background:#8ba292;border-radius:50%}
.writing-bubble:last-child{background:#edf2f8;border-color:#c8d6e4;left:58px;top:83px;transform:rotate(7deg);width:110px;height:65px;border-radius:18px 18px 6px 18px}
.writing-bubble:last-child i{background:#9bacc1}
.writing-empty-count{font:11px/1.6 ui-monospace,monospace;letter-spacing:1.1px;color:#7b8ca0}
.writing-empty h2{font:400 28px/1.45 var(--serif);letter-spacing:-.3px;margin:17px 0 13px;color:#4d6583}
.writing-empty p{font-size:15px;line-height:1.9;color:#6e8196;margin:0;max-width:33ch}
.writing-crosslink{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:4px 0;border-bottom:1px solid #bacbda;font-size:13px;line-height:1.7;color:#496984;text-decoration:none}
.writing-crosslink:hover{color:#bb8749;border-color:#bb8749}
.writing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #d8e0e7;padding:22px 0 0;font-size:12px;color:#6b8098}
.writing-footer>span{font:11px/1.6 ui-monospace,monospace;letter-spacing:.7px}
@media(max-width:740px){.writing-main{margin:43px auto 52px}.writing-intro{margin-bottom:29px}.writing-intro h1{font-size:34px;letter-spacing:-1px}.writing-description{font-size:15px}.writing-empty{grid-template-columns:1fr;gap:23px;padding:24px 22px 32px;text-align:center}.writing-empty-art{height:200px}.writing-empty p{margin-inline:auto}.writing-empty h2{font-size:26px}.writing-crosslink{font-size:13px}.writing-footer{font-size:11px}}
/* Published writing. Drafts are never exposed by the public endpoint. */
[hidden]{display:none!important}.writing-list{display:grid;gap:24px}.writing-card{min-width:0;padding:30px 34px;border:1px solid #d4dfe8;border-radius:18px;background:#ffffff90}.writing-card-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#71849b;font-size:12px;margin-bottom:16px}.writing-original{border:1px solid #d8e0e7;border-radius:99px;padding:2px 8px;font-size:10px}.writing-card h1,.writing-card h2{font:400 26px/1.5 var(--serif,Georgia,serif);margin:0 0 18px;color:#273b64;overflow-wrap:anywhere}.writing-card h2 a{text-decoration:none;color:inherit}.writing-card h2 a:hover{color:#bb8749}.writing-excerpt{font-size:15px;line-height:1.9;color:#647a93;white-space:pre-wrap;overflow-wrap:anywhere}.writing-body{font-size:15px;line-height:1.95;color:#405874;overflow-wrap:anywhere}.writing-body p{margin:0 0 1em}.writing-body h2,.writing-body h3,.writing-body h4{font-family:inherit;line-height:1.5;margin:1.6em 0 .6em}.writing-body h2{font-size:23px}.writing-body h3{font-size:19px}.writing-body h4{font-size:16px}.writing-body ul,.writing-body ol{padding-left:1.5em}.writing-body blockquote{margin:20px 0;padding:4px 18px;border-left:3px solid #bb8749;color:#647a93}.writing-body code{font:13px/1.7 ui-monospace,monospace;background:#eaf0f5;padding:2px 5px;border-radius:4px}.writing-body pre{padding:16px;border-radius:10px;overflow:auto;background:#eaf0f5;white-space:pre}.writing-body pre code{padding:0}.writing-body a{color:#456b93;text-underline-offset:3px}.writing-permalink{display:block;width:fit-content;margin-top:23px;font-size:11px;color:#71849b;text-decoration:none}.writing-more{display:block;border:1px solid #c5d3df;background:#ffffff80;color:#405b78;border-radius:99px;padding:10px 23px;cursor:pointer;margin:28px auto 0;font:inherit;font-size:13px;line-height:1.7}.writing-status{color:#6c8199;font-size:14px;line-height:1.8}.writing-status .writing-more{display:inline-block;margin:0 0 0 8px}.writing-back{display:inline-block;width:fit-content;margin-bottom:5px;color:#516d9a;text-decoration:none;font-size:13px}@media(max-width:740px){.writing-card{padding:23px 21px}.writing-card h1,.writing-card h2{font-size:23px}.writing-body{font-size:15px}.writing-card-meta{font-size:11px}.writing-list{gap:18px}}