.letter-keepsake{max-width:850px}.letter-keepsake>.pair{height:160px}.letter-intro{max-width:36rem;margin:1.5rem auto}.letter-paper{text-align:left;background:#fff9ed;border:1px solid #cbb798;box-shadow:0 14px 38px #39261e12;padding:clamp(1.3rem,5vw,3.8rem);margin:2rem 0;position:relative}.letter-paper:before{content:'♡';display:block;color:#8b493c;margin-bottom:1.4rem;font-size:1.8rem}.letter-text{font-family:Georgia,serif;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.letter-actions,.letter-approvals{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.4rem 0}.letter-approvals>p,.letter-actions>p{flex-basis:100%}.letter-editor{text-align:left;margin:1.5rem 0}.letter-editor textarea{width:100%;font-family:Georgia,serif;line-height:1.65;min-height:22rem}.letter-editor>button{margin:.8rem .6rem .8rem 0}.letter-state{color:#644334}#letter-shell button{white-space:normal;max-width:100%}@media(max-width:600px){.letter-paper{margin:1.3rem 0}.letter-keepsake>.pair{height:125px}.letter-editor textarea{min-height:28rem}.letter-approvals button{width:100%}}

/* Illustrated Formlings: same shape and colour throughout the round. */
.form-builder .maker{grid-template-columns:minmax(145px, .7fr) minmax(0,1.3fr);gap:24px}
.form-builder .maker-preview{align-self:start;position:sticky;top:24px;padding-top:18px}
.form-builder .shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.form-builder .shapes button{padding:4px 5px 10px;background:#fff9ee;min-width:0;border:1px solid #c8b69e}
.form-builder .shapes button[aria-pressed=true]{background:#e4e9dc;border-color:#48645a;box-shadow:inset 0 0 0 1px #48645a}
.form-builder .shapes .formling{width:100%;height:82px;margin:auto}
.form-builder .shapes span{display:block;font-size:.75rem}
.form-builder .shapes .formling-breath{animation:none}
.form-builder .colors{flex-wrap:wrap;padding:5px 2px;gap:12px}
.fur-formling{pointer-events:none}
.pair>div:nth-child(2) .formling-breath{animation-delay:-2.1s}
.hero-art .pair{align-items:flex-end}
.hero-art .pair>div{width:53%;flex:none}
.hero-art .pair>div+div{margin-left:-6%}
@media(max-width:560px){.form-builder .maker{grid-template-columns:1fr;gap:12px}.form-builder .maker-preview{position:static;width:190px;margin:auto;padding:0}.form-builder .shapes .formling{height:94px}}