*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071e2b;color:#eaf5f9;font:17px/1.9 system-ui,-apple-system,sans-serif}main{width:min(1040px,100%);padding:clamp(22px,5vw,64px);margin:auto}h1{font-size:clamp(32px,6vw,58px);line-height:1.4;letter-spacing:-.03em}h2{font-size:clamp(25px,3vw,34px);line-height:1.5}a{color:#f4d38b;text-underline-offset:5px}nav{display:flex;flex-wrap:wrap;gap:14px 24px;margin:24px 0}.intro{color:#b9d0da;max-width:42em}article{padding:40px 0;border-top:1px solid #ffffff30;margin-top:36px;scroll-margin-top:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:600}textarea{width:100%;font:16px/1.8 system-ui;border:1px solid #94b7c9;border-radius:12px;background:#f7fbfd;color:#193648;min-height:110px;padding:16px;margin-top:8px;resize:vertical}.template{white-space:pre-wrap;color:#193648;background:#f1f7fa;padding:24px;border-radius:16px;line-height:1.9}button,.download{display:inline-block;cursor:pointer;border:0;border-radius:30px;background:#e9c572;color:#102c3c;font:600 16px/1.4 system-ui;padding:16px 24px;margin:8px 8px 8px 0;text-decoration:none}.result{min-height:260px}.example{padding:20px;border-left:3px solid #64c4e8;background:#0e2d3d}.note{font-size:14px;color:#adc4cf}.status{min-height:2em;color:#a4e4f4}details summary{cursor:pointer;padding:15px 0;font-weight:600}:focus-visible{outline:3px solid #68cef0;outline-offset:5px}@media(max-width:650px){.fields{grid-template-columns:1fr}main{padding:24px}article{padding-top:28px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.letter-text{font-size:18px;line-height:2;margin-bottom:24px}.letter-text section{margin:28px 0}.letter-text h2{font-size:25px}.letter-text p{margin:20px 0}

.letter-pages .letter-panel{position:relative}.letter-pages .panel-cta{position:absolute;inset:0;display:block}.letter-pages .panel-cta:focus-visible{outline:3px solid #68cef0;outline-offset:4px}

.camp-guide{border-top:1px solid #ffffff30;margin-top:48px;padding-top:32px}.camp-guide h2{font-size:clamp(24px,3vw,32px)}