#contactRoot{margin-top:34px;padding:24px;border:1px solid #d3bd99;border-radius:12px;background:#f7efdf;scroll-margin-top:110px}#contactForm{margin-top:22px}#contactForm [hidden],#contactForm[hidden]{display:none!important}#contactFields{border:0;padding:0;margin:0;min-width:0}#contactForm input,#contactForm select{display:block;box-sizing:border-box;width:100%;margin:8px 0 18px;padding:12px;border:1px solid #af956e;border-radius:7px;background:#fffdf8;color:#30221c;font:inherit}#contactForm .contact-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contactForm button{font:inherit;cursor:pointer}#contactForm button:disabled{opacity:.5;cursor:default}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #dac7a6;margin-top:18px;padding-top:18px;line-height:1.7}#contactPreviewText p{overflow-wrap:anywhere}#contactChallenge{margin:18px 0}#contactStatus:not(:empty){padding:15px;background:#fffaf0;border-left:3px solid #9c783d}#contactNew{margin-top:8px}@media(max-width:600px){#contactRoot{padding:18px 14px}#contactForm .contact-row{grid-template-columns:1fr;gap:0}}
#contactRoot h1{font:400 clamp(30px,4.3vw,44px)/1.2 Georgia,serif;color:var(--wine);margin:0 0 18px}
.library-home main.contact-page{max-width:940px;padding:32px 24px 60px;min-height:65vh}
.contact-page #contactRoot{margin:0;padding:28px;background:var(--ivory);font:16px/1.6 Arial,Helvetica,sans-serif}
.contact-page label{display:block;font-weight:700}
.contact-page textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0 20px;padding:14px;border:1px solid #af956e;border-radius:7px;background:#fffdf8;color:#30221c;font:inherit;resize:vertical}
.contact-page .source-caption{font-size:14px;line-height:1.6;color:var(--muted)}
.contact-page :is(.primary,.outline){border-radius:7px;padding:11px 18px;min-height:44px;white-space:normal}
.contact-page .outline{border-color:#a4865e;background:transparent;color:var(--wine)}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html:has(.contact-page){scroll-padding-top:calc(var(--site-header-height,90px) + 16px)}
#contactPreviewTitle,#contactSubject,#contactMessage{scroll-margin-top:8px}
.contact-page :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.library-home main.contact-page{padding:22px 16px 40px}.contact-page #contactRoot{padding:22px 16px}.contact-page #contactRoot h1{font-size:30px}}