.connect-page main { max-width:var(--page-width); margin:auto; padding-inline:var(--page-gutter); }
.connect-page .breadcrumbs { padding-inline:0; }
.connect-page h1 { font-size:var(--type-page); line-height:1.09; letter-spacing:-.035em; font-weight:600; text-wrap:balance; }
.connect-page h2 { font-size:var(--type-section); line-height:1.15; letter-spacing:-.025em; font-weight:500; text-wrap:balance; }
.connect-page h3 { font-size:var(--type-title); line-height:1.25; letter-spacing:-.02em; font-weight:500; text-wrap:balance; }
.connect-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:end; padding-block:40px 72px; }
.connect-hero h1 { margin-top:24px; }
.connect-deck { max-width:680px; margin-top:28px; color:var(--muted); font-size:21px; line-height:1.6; }
.connect-address { padding:28px; background:#eff2e9; border-radius:14px; }
.connect-address > a[data-connect-address] { display:block; margin-top:18px; font-size:clamp(18px,1.8vw,24px); line-height:1.5; letter-spacing:-.02em; overflow-wrap:anywhere; }
.connect-address p { margin-top:16px; font-size:15px; line-height:1.75; color:var(--muted); }
.connect-text-link { display:inline-block; min-height:44px; padding-top:18px; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.connect-directions { padding-block:40px 64px; border-top:1px solid var(--line); }
.connect-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:start; margin-bottom:36px; }
.connect-section-heading > p { max-width:500px; margin-top:6px; color:var(--muted); font-size:17px; line-height:1.75; }
.connect-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.connect-topic { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:12px; transition:background .15s ease,border-color .15s ease; }
.connect-topic:hover { background:#f0f3e9; border-color:#7b8d69; }
.connect-topic > span { font-size:11px; color:var(--muted); }
.connect-topic h3 { margin-top:22px; font-size:22px; }
.connect-topic p { margin-block:18px 24px; font-size:15px; line-height:1.75; color:var(--muted); }
.connect-topic strong { display:block; margin-top:auto; min-height:44px; padding-top:12px; font-size:13px; font-weight:400; text-decoration:underline; text-underline-offset:5px; }
.connect-compose { border-top:1px solid var(--line); padding-block:48px 64px; }
.connect-form, .connect-review { max-width:840px; margin:auto; }
.connect-field { margin-bottom:24px; }
.connect-field > label, .connect-message-label > label { display:block; font-size:14px; margin-bottom:10px; }
.connect-field label > span { margin-left:6px; color:var(--muted); font-size:12px; }
.connect-field input, .connect-field select, .connect-field textarea { width:100%; min-height:50px; border:1px solid #b7beb4; border-radius:8px; padding:12px 14px; background:#fff; color:var(--ink); font:inherit; font-size:16px; line-height:1.6; }
.connect-field textarea { resize:vertical; }
.connect-field :is(input,select,textarea):focus-visible { outline:2px solid #657f47; outline-offset:3px; }
.connect-field [aria-invalid="true"] { border-color:#a74332; }
.connect-form-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.connect-message-label { display:flex; justify-content:space-between; gap:20px; align-items:start; }
.connect-message-label > span, .connect-hint { color:var(--muted); font-size:12px; line-height:1.7; }
.connect-hint { margin-top:8px; }
.connect-error { color:#a33e2d; font-size:13px; line-height:1.6; margin-top:8px; }
.connect-primary { cursor:pointer; }
.connect-delivery { max-width:680px; margin-top:18px; color:var(--muted); font-size:13px; line-height:1.75; }
.connect-review > p { margin-top:16px; color:var(--muted); font-size:15px; line-height:1.75; }
.connect-review pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:24px; margin:24px 0; border:1px solid var(--line); border-radius:10px; background:#fff; font:15px/1.8 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; }
.connect-review-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.connect-secondary { min-height:50px; padding:12px 20px; border:1px solid var(--line); border-radius:28px; background:transparent; font-size:14px; }
.connect-text-button { min-height:44px; border:0; background:transparent; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.connect-status { max-width:840px; margin:20px auto 0; color:var(--muted); font-size:13px; line-height:1.75; }
.connect-afterword { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; padding-block:28px 64px; border-top:1px solid var(--line); font-size:14px; }
.connect-afterword p { color:var(--muted); }
.connect-afterword a { display:inline-block; min-height:44px; padding-block:10px; text-decoration:underline; text-underline-offset:5px; }
.connect-noscript { padding-bottom:40px; color:var(--muted); font-size:15px; }
@media(max-width:1000px) { .connect-hero { gap:36px; } .connect-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .connect-hero { grid-template-columns:1fr; gap:32px; padding-block:32px 48px; } .connect-deck { font-size:19px; } .connect-address { padding:24px; } .connect-section-heading { grid-template-columns:1fr; gap:16px; margin-bottom:28px; } .connect-section-heading > p { font-size:16px; margin:0; } .connect-directions,.connect-compose { padding-block:32px 48px; } .connect-form-columns { grid-template-columns:1fr; gap:0; } .connect-topic-grid { gap:16px; } .connect-topic { padding:20px; } .connect-topic h3 { font-size:21px; } }
@media(max-width:480px) { .connect-topic-grid { grid-template-columns:1fr; } .connect-topic h3 { margin-top:14px; } .connect-topic p { margin-block:14px 12px; } .connect-review pre { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .connect-topic { transition:none; } }