.postal-page{max-width:1240px;margin:auto;padding:48px 5vw 72px}.postal-page [hidden]{display:none!important}.postal-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;color:#a83224}.postal-page h1{font:600 clamp(34px,5vw,64px)/1.1 var(--display);margin:12px 0 18px}.postal-page h1 em{font-family:var(--serif);color:#b73525}.postal-page p{line-height:1.6}.postal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:34px;align-items:start}.postal-page label{display:block;font-size:14px;letter-spacing:0;text-transform:none;margin:12px 0 5px}.postal-page input,.postal-page textarea,.postal-page select{width:100%;min-width:0;font:16px/1.5 var(--body);padding:12px;border:1px solid #817970;background:#fffaf1;border-radius:0}.postal-page small,.postal-help{font-size:13px}.postal-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.postal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.postal-actions button{font-size:14px;letter-spacing:0;text-transform:none;min-height:48px}.postal-actions button:first-child{background:var(--acid);color:var(--ink)}.postal-actions button:last-child{background:transparent;color:var(--ink)}.postal-preview{min-width:0;position:sticky;top:110px}.sound-postcard{padding:clamp(24px,4vw,46px);background:#fffaf1;border:1px solid var(--ink);box-shadow:8px 8px 0 #d9ef54;overflow-wrap:anywhere}.postcard-top{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:20px;font:600 14px var(--display)}.amp{color:var(--red)}.postcard-for{margin-top:32px}.sound-postcard h2{font:600 clamp(28px,3vw,44px)/1.2 var(--display);margin:22px 0;color:#b73525}.sound-postcard #preview-note{font:500 24px/1.5 var(--serif);white-space:pre-wrap;min-height:90px}.postcard-sign{text-align:right;font-style:italic}.postcard-listen{display:inline-block;padding:14px 20px;background:var(--ink);color:var(--paper);text-decoration:none;margin:12px 0}.postcard-foot{border-top:1px solid #c2a66d;padding-top:20px;font-size:12px}.received{display:block;max-width:680px;margin:0 auto}.received .postal-preview{position:static}#make-postcard{display:inline-block;margin-top:32px;font-weight:700}#postal-status{font-size:14px} @media(max-width:760px){.postal-layout{grid-template-columns:1fr;gap:28px}.postal-page{padding:28px 20px 56px}.postal-preview{position:static}.postal-pair{gap:12px}.postal-actions button{flex:1 1 45%}.postal-page h1{font-size:36px}}