/* Existing Family IT Guy foundation, adapted to one editable letter. */
.pledge-letter main{max-width:820px;margin:0 auto;padding:40px 24px 64px}
.letter-hero h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.12;margin:12px 0 22px}
.letter-hero p{font-size:1.08rem;line-height:1.6;max-width:64ch}
.editor-controls{margin:28px 0;padding:20px 24px;background:#eef6f7;border:1px solid #b8dde1;border-radius:10px}
.editor-controls p{margin:0}
.letter-actions{margin-top:20px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.button{min-height:44px;border:0;cursor:pointer;font:inherit}
.button.secondary{background:#e8e8e4;color:#1d252d}
.button.reset{background:transparent;color:#536167;box-shadow:none;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.button.reset:hover{background:#f1f3f3;color:#1d252d}
#copy-status{margin:12px 0 0;min-height:1.5em;font-size:.95rem}
.letter{padding:28px;border:1px solid #a5babd;border-radius:8px;background:white;overflow-wrap:anywhere}
.letter p{margin:0 0 18px;line-height:1.65}
.letter p:last-child{margin-bottom:0}
.letter .signature{margin-bottom:3px}
.letter:focus,button:focus-visible,summary:focus-visible{outline:3px solid #ffbf3f;outline-offset:3px}
.placeholder{background:#fff0c9}
.letter a,.related a,.optional-notes a{overflow-wrap:anywhere}
.optional-notes{margin-top:24px;border-top:1px solid #d7e0e1;border-bottom:1px solid #d7e0e1;padding:18px 0}
.optional-notes summary{font-weight:600;cursor:pointer}
.optional-notes p{line-height:1.6;margin:14px 0 0}
.related{margin-top:24px;line-height:1.6}
@media(max-width:600px){.pledge-letter main{padding:22px 16px 40px}.letter-hero h1{font-size:2rem;line-height:1.18}.editor-controls{padding:18px}.buttons button{white-space:normal;height:auto;padding:12px 16px;line-height:1.4}.letter{padding:20px 18px}}
@media print{@page{size:letter;margin:.7in}.screen-only,.site-header{display:none!important}html,body.pledge-letter{background:white!important;margin:0!important;padding:0!important;color:#111!important;font-size:11.5pt!important}.pledge-letter main{max-width:none!important;width:auto!important;margin:0!important;padding:0!important}.letter{padding:0;border:0;outline:none!important;border-radius:0;overflow:visible;font-size:11.5pt}.letter p{line-height:1.45;margin:0 0 12pt;orphans:3;widows:3;break-inside:auto}.letter .signature{margin-bottom:3pt}.placeholder{background:transparent}.letter a{font-size:inherit;color:#111;text-decoration:none}.letter a::after{content:none!important}}