/* Enquiry page. Header, footer, type and buttons come from styles.css (body.refresh); only form rules live here. */
[hidden]{display:none!important}
button,input,textarea{font:inherit}
.worksheet-page #main:focus-visible{outline:none}
.worksheet-page #main:focus-visible>.worksheet{outline:2px solid var(--copper);outline-offset:-6px}

.worksheet{padding:32px 0 64px}
.worksheet-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.worksheet-intro{position:sticky;top:32px}
.worksheet-page .worksheet-intro .hp-eyebrow{color:var(--copper-text);margin-bottom:16px}
.worksheet-page.refresh h1{font-size:clamp(40px,4.4vw,60px);line-height:1.04;letter-spacing:-.045em}
.worksheet-intro .hp-lede{color:var(--light);max-width:40ch}

/* What happens after sending */
.next-steps{margin-top:32px;padding-top:18px;border-top:1px solid var(--dark-rule);max-width:44ch}
.refresh .next-heading{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:0}
.next-steps ol{list-style:none;margin:14px 0 0;padding:0;counter-reset:next}
.next-steps li{counter-increment:next;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--dark-rule);font-size:16px;color:var(--light)}
.next-steps li:before{content:counter(next,decimal-leading-zero);color:var(--copper-text);font-size:14px;font-weight:500;padding-top:2px}
.next-email{margin-top:22px;font-size:16px;color:var(--light)}
.next-email a{color:var(--ivory);text-underline-offset:5px;text-decoration-thickness:1px}

/* The form card */
.enquiry-sheet{background:var(--paper);color:var(--navy);border:1px solid var(--edge);border-top:3px solid var(--copper);padding:32px 36px 30px}
.enquiry-sheet :focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.enquiry-sheet a:focus-visible{outline-color:var(--navy)}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{font-size:25px;font-weight:600;letter-spacing:-.02em;margin-bottom:22px;padding:0}
.field{margin:0 0 22px}
.label-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
label{font-size:17px;font-weight:500;line-height:1.4}
.indicator{font-size:13px;color:var(--muted);flex-shrink:0}
.field>input,.field>textarea{margin-top:10px}
.enquiry-sheet input,.enquiry-sheet textarea{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid #9aa6aa;border-radius:0;color:var(--navy);background:#fff;line-height:1.5}
.enquiry-sheet input{min-height:50px}
.enquiry-sheet textarea{height:108px;min-height:108px;resize:vertical}
.enquiry-sheet #work{height:240px;min-height:160px}
.help{font-size:15px;color:var(--muted);margin-top:6px;max-width:60ch}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.enquiry-sheet input:hover,.enquiry-sheet textarea:hover{border-color:var(--muted)}
.enquiry-sheet input:focus-visible,.enquiry-sheet textarea:focus-visible{outline:2px solid var(--copper);outline-offset:1px;border-color:var(--copper)}
.length{font-size:13px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
.length.near-limit{color:var(--copper-ink);font-weight:500}
.error{border-left:3px solid var(--copper-ink);padding-left:12px;font-weight:500;font-size:15px;margin-top:8px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}
.enquiry-sheet .generate{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border:1px solid #9a5733;border-radius:0;background:var(--copper);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}
.enquiry-sheet .generate:disabled{cursor:default;opacity:.7}
#send-status:not([data-state]){margin:0;padding:0;border:0}
#send-status[data-state]{margin-top:24px;border-left:3px solid var(--copper);padding-left:16px;font-size:17px;line-height:1.5;scroll-margin-block:24px}
#send-status:focus-visible{outline:2px solid var(--navy);outline-offset:6px}
#send-email-fallback{text-underline-offset:3px;font-weight:500}
.unavailable{margin-bottom:24px}
.refresh .unavailable h2{font-size:24px;line-height:1.2;letter-spacing:-.02em}
.unavailable p{font-size:16px;margin-top:12px}

@media(max-width:960px){
  .worksheet{padding:24px 0 56px}
  .worksheet-grid{grid-template-columns:1fr;gap:36px}
  .worksheet-intro{position:static}
  .next-steps{margin-top:32px}
}
@media(max-width:560px){
  .worksheet{padding:16px 0 40px}
  .worksheet-page.refresh h1{font-size:38px}
  .enquiry-sheet{padding:26px 20px}
  legend{font-size:23px}
  .buttons{display:grid}
  .enquiry-sheet .generate{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.enquiry-sheet .generate{transition:none}}
/* Copper header button: light text on a deeper copper, matching the rest of the site. */
.worksheet-page header a.nav-action{background:#9a5733;color:#fff}
.worksheet-page header a.nav-action{border-color:#9a5733}
@media(hover:hover){.worksheet-page header a.nav-action:hover{background:transparent;color:var(--ivory)}}
.enquiry-sheet .generate{background:#9a5733;color:#fff}
@media(hover:hover){.enquiry-sheet .generate:not(:disabled):hover{background:var(--navy);border-color:var(--navy);color:var(--ivory)}}