.contact-forms-page .pagehead{gap:20px;flex-wrap:wrap}
.contact-forms-page .pagehead>div{max-width:65ch}
.contact-forms-page .pagehead>a{flex:0 0 auto}
.contact-form-directory{margin:0 0 32px;border-block:1px solid var(--line)}
.contact-form-directory>summary{min-height:54px;padding:13px 0;font-size:15px;font-weight:600;cursor:pointer}
.contact-form-directory>summary>span{margin-left:8px;color:var(--muted);font-size:13px;font-weight:400}
.contact-form-list{margin:0 0 12px;border-top:1px solid var(--line)}
.contact-form-row{display:flex;align-items:center;gap:20px;min-height:76px;padding:14px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent}
.contact-form-row:hover,.contact-form-row[aria-current=page]{background:var(--surface)}
.contact-form-row[aria-current=page]{border-left-color:var(--accent)}
.contact-form-row>span:first-child{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}
.contact-form-row strong{font-size:16px;font-weight:650}
.contact-form-row small,.contact-form-edit{color:var(--muted);font-size:13px}
.contact-form-state{color:var(--muted);font-size:13px}
.contact-form-state.is-enabled{color:var(--success)}
.contact-form-empty{margin:0 0 32px;padding:18px 0;border-block:1px solid var(--line);color:var(--muted)}
.contact-form-editor,.contact-form-share{max-width:800px}
.contact-form-editor>header h2,.contact-form-share>header h2{margin:0;font:650 24px/1.3 var(--display);overflow-wrap:anywhere}
.contact-form-editor>header p,.contact-form-share>header p{margin:7px 0 22px;color:var(--muted);font-size:15px}
.contact-config-form{display:grid;gap:22px}
.contact-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-config-form label:not(.contact-check),.contact-form-share>label,.public-contact-form>label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:600;color:var(--ink)}
.contact-config-form label small,.contact-form-share>label small,.public-contact-form>label small{font-size:13px;font-weight:400;line-height:1.6;color:var(--muted)}
.contact-config-form label input,.contact-config-form label select,.contact-config-form label textarea,.contact-form-share>label input,.contact-form-share>label textarea,.public-contact-form>label input,.public-contact-form>label textarea{font-weight:400;min-width:0}
.contact-check{display:flex;align-items:flex-start;gap:11px;min-height:44px;font-size:15px;cursor:pointer}
.contact-check input{flex:0 0 20px;margin:3px 0 0}
.contact-check>span{display:flex;flex-direction:column;gap:3px}
.contact-check strong{font-weight:600}
.contact-optional{color:var(--muted);font-size:13px;font-weight:400}
.contact-config-section{margin:0;padding:24px 0 0;border:0;border-top:1px solid var(--line);display:grid;gap:20px;min-width:0}
.contact-config-section>legend{padding:0 12px 0 0;font-size:17px;font-weight:650}
.contact-config-disclosure{border-block-start:1px solid var(--line)}
.contact-config-disclosure>summary{display:flex;gap:15px;align-items:center;min-height:62px;padding:15px 0;cursor:pointer;list-style:none}
.contact-config-disclosure>summary::-webkit-details-marker{display:none}
.contact-config-disclosure>summary:after{content:'›';margin-left:auto;font-size:22px;color:var(--muted)}
.contact-config-disclosure[open]>summary:after{transform:rotate(90deg)}
.contact-config-disclosure>summary>span{display:flex;flex-direction:column;gap:3px}
.contact-config-disclosure>summary strong{font-size:17px;font-weight:600}
.contact-config-disclosure>summary small{font-size:13px;color:var(--muted)}
.contact-disclosure-body{display:grid;gap:20px;padding:4px 0 10px}
.contact-disclosure-body>p{margin:0;color:var(--muted);font-size:15px}
.contact-config-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line)}
.contact-config-actions>p{margin:0;color:var(--muted);font-size:13px}
.contact-config-actions>button,.public-contact-actions>button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.contact-config-actions>button:hover,.public-contact-actions>button:not(:disabled):hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.contact-form-share{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.contact-form-share>label+label{margin-top:22px}
.contact-form-share textarea{font-family:var(--mono);font-size:13px;line-height:1.7}
.contact-open-link{display:inline-flex;align-items:center;gap:8px;margin:12px 0 22px}
.contact-form-feedback{margin:0 0 22px;padding:13px 16px;border:1px solid;border-radius:5px;font-size:15px;overflow-wrap:anywhere}
.contact-form-feedback.is-error{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}
.contact-form-feedback.is-success{color:var(--success);background:var(--success-soft);border-color:var(--success)}
.public-contact-page{margin:0;padding:clamp(16px,4vw,40px);background:var(--canvas);color:var(--ink)}
.public-contact-main{width:100%;max-width:660px;margin:0 auto}
.public-contact-header h1{margin:0;font:650 30px/1.25 var(--display);overflow-wrap:anywhere}
.public-contact-header>p{margin:12px 0 0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.public-contact-header{margin-bottom:26px}
.public-contact-form{display:grid;gap:20px}
.public-contact-form>label{font-size:17px}
.public-contact-form>label input,.public-contact-form>label textarea{background:var(--surface);font-size:17px}
.public-contact-form>label .contact-field-error{color:var(--danger)}
.public-contact-form [aria-invalid=true]{border-color:var(--danger)}
.contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.public-contact-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}
.public-contact-actions>p{margin:0;font-size:13px;color:var(--muted)}
.public-contact-actions>button{flex-shrink:0}
.public-contact-actions>button:disabled{background:var(--raised);border-color:var(--control-line);color:var(--muted);cursor:wait}
.public-contact-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.public-contact-success{margin:0}
.public-contact-success>h2{margin:0 0 8px;font-size:20px;color:var(--success)}
.public-contact-success>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.contact-spam-protection{min-width:0}
@media(max-width:600px){.contact-config-grid{grid-template-columns:1fr}.contact-form-row{gap:8px 15px;flex-wrap:wrap}.contact-form-row>span:first-child{flex-basis:100%}.contact-form-edit{margin-left:auto}.contact-config-actions{align-items:stretch;flex-direction:column}.contact-config-actions>button{align-self:flex-start}.contact-form-editor>header h2{font-size:22px}}
@media(max-width:380px){.public-contact-actions{align-items:stretch;flex-direction:column}.public-contact-actions>button{width:100%}.public-contact-header h1{font-size:27px}}

.contact-form-share .contact-disclosure-body label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:600}
.contact-form-share .contact-disclosure-body textarea{box-sizing:border-box;width:100%;min-width:0;font:15px/1.6 var(--mono);resize:vertical}