.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}}