.examples-page{max-width:1000px;padding-top:35px;padding-bottom:65px}.examples-page h1{font-size:clamp(30px,5vw,45px);line-height:1.15;letter-spacing:-1px}.examples-intro{max-width:780px;color:var(--muted)}.example-links{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}.example-links .button{padding:9px 13px;font-size:14px}.example-links a[aria-current]{background:var(--green);color:white}.letter-example{border:1px solid var(--line);border-radius:14px;background:white;margin:18px 0;scroll-margin-top:20px}.letter-example>summary{padding:20px;cursor:pointer}.letter-example>summary strong{font-size:20px}.letter-example>summary span{display:block;color:var(--muted);margin-top:6px;font-size:14px}.example-content{padding:0 22px 22px}.sample-letter{max-width:800px;margin:16px auto 24px;padding:35px 40px;border:1px solid var(--line);background:white;color:#172d2a;line-height:1.65;overflow-wrap:anywhere}.sample-letter h3{font-size:20px;line-height:1.3;margin:22px 0 14px}.sample-letter h3:first-of-type{margin-top:12px}.sample-letter h4{font-size:16px;border-bottom:1px solid var(--line);padding-bottom:5px;margin:25px 0 9px}.sample-letter p{margin:0 0 15px}.sample-letter .demo-mark{font-size:12px;letter-spacing:.3px;background:var(--pale);border:1px solid var(--line);padding:10px;font-weight:700}.short-example>summary{font-weight:650;color:var(--green);cursor:pointer;padding:14px 0}.sample-short{background:var(--cream)}@media(max-width:650px){.examples-page{padding:25px 18px 45px}.example-content{padding:0 12px 16px}.sample-letter{padding:20px 16px;font-size:15px}.letter-example>summary{padding:18px 14px}.letter-example>summary strong{font-size:18px}.example-content .actions .button{width:100%}.examples-page .example-links .button{flex-grow:1}}

@media(max-width:650px){.site-nav{height:auto;min-height:80px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:12px}.site-nav>.button{padding:9px 13px;font-size:14px}}

.sample-letter:has(.letter-document){padding:32px 36px;font-size:14px;line-height:1.55;border:1px solid #dbe3dd;box-shadow:0 8px 30px #172d2a06;border-radius:3px}.sample-letter .letter-document .letter-body>p{margin-bottom:13px}.sample-letter .letter-document>.demo-mark{margin-bottom:22px}.sample-letter .letter-document .letter-routing{margin-top:22px}.sample-letter .letter-document .letter-patient-name{margin-bottom:5px}@media(max-width:650px){.sample-letter:has(.letter-document){padding:22px 18px;font-size:14px}.sample-letter .letter-document .letter-date{white-space:normal;text-align:right}.sample-letter .letter-document .letter-routing{grid-template-columns:minmax(0,1fr) minmax(75px,.45fr)}}