:root{--paper:#e8e8dc;--ink:#304334;--mid:#6a7b60;--light:#c0cbb3;--pale:#f8f7ef;}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}a{color:inherit}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}html{min-width:280px}::selection{background:#b8db9a;color:#123523}body{background:#e8e8dc;color:#304334;font-family:Arial,sans-serif}.letter-layout{min-height:100svh;display:grid;grid-template-columns:160px 1fr}.letter-rail{border-right:1px solid #9da991;display:flex;flex-direction:column;align-items:center;padding:42px 20px 30px;position:relative}.letter-rail>a{font-size:12px;font-weight:800;text-decoration:none}.letter-rail>span{writing-mode:vertical-rl;font:9px 'Courier New',monospace;letter-spacing:.16em;margin-top:70px}.letter-rail>b{margin-top:auto;font:italic 80px Georgia,serif;font-weight:400;padding-top:50px}.letter-stage{padding:38px 6vw 24px;display:flex;flex-direction:column;align-items:center;min-width:0}.letter-top{display:flex;justify-content:space-between;width:min(820px,100%);font:8px 'Courier New',monospace;letter-spacing:.1em;color:#54654f;gap:20px}.paper{position:relative;width:min(720px,100%);background:#f8f7ef;padding:58px 75px 52px;margin:42px 0 52px;box-shadow:0 15px 50px #3043340a,6px 7px 0 #e8e8dc,7px 8px 0 #aab29e;transform:rotate(-1deg);border:1px solid #c9cebc}.paper-fold{position:absolute;right:-1px;top:-1px;width:52px;height:52px;background:linear-gradient(45deg,#d8ddc9 0 49%,#e8e8dc 50%);border-left:1px solid #c9cebc;border-bottom:1px solid #c9cebc}.paper-date{font:italic 17px Georgia,serif;color:#63735d;margin-bottom:34px}.paper h1{font:normal clamp(35px,3.8vw,51px)/1.13 Georgia,serif;letter-spacing:-.045em}.paper h1 em{font-weight:400;color:#657b57}.paper-rule{width:45px;height:1px;background:#8b9a7d;margin:27px 0}.paper-intro{font-size:13px;line-height:1.9;max-width:390px;margin-top:18px}.paper-sign{margin-top:34px;font:italic 15px Georgia,serif}.paper-sign b{display:block;margin-top:13px;font:bold 10px Arial,sans-serif;letter-spacing:.07em}.paper-stamp{position:absolute;right:36px;bottom:42px;border:1px solid #859276;border-radius:50%;padding:14px 13px;font:8px/1.7 'Courier New',monospace;letter-spacing:.15em;text-align:center;transform:rotate(-14deg);color:#64765a}.letter-footer{margin-top:auto;padding-top:15px;display:flex;justify-content:space-between;gap:15px;width:min(820px,100%);font:8px 'Courier New',monospace;color:#596a54}@media(max-width:700px){.letter-layout{grid-template-columns:1fr}.letter-rail{border-right:0;border-bottom:1px solid #9da991;flex-direction:row;justify-content:space-between;padding:25px 24px}.letter-rail>span{writing-mode:initial;margin:0;letter-spacing:.02em;font-size:7px;max-width:125px;text-align:right;line-height:1.6}.letter-rail>b{display:none}.letter-stage{padding:25px 22px 25px}.letter-top{font-size:7px;line-height:1.6}.letter-top>span:last-child{display:none}.paper{margin:28px 0 45px;padding:43px 27px 38px;transform:rotate(-.5deg)}.paper-fold{width:35px;height:35px}.paper-date{font-size:15px;margin-bottom:28px}.paper h1{font-size:clamp(31px,8.4vw,42px)}.paper-intro{font-size:12px;line-height:1.9}.paper-sign{font-size:14px;margin-top:29px;padding-bottom:10px}.paper-stamp{position:static;display:inline-block;margin-top:25px;padding:11px;font-size:7px}.letter-footer{font-size:7px;flex-wrap:wrap;gap:12px}}