/* Keep native validation focus and the following click at a stable position. */
html:has(.feedback-form){scroll-behavior:auto}
.feedback-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}
.letter-card{scroll-margin-top:110px}.letter-excerpt{font-size:17px;line-height:1.75}.letter-card:has(.letter-story[open])>.letter-excerpt{display:none}.letter-story{margin-block:16px}.letter-story>summary{cursor:pointer;font:700 16px/1.5 Arial,sans-serif;scroll-margin-top:110px;min-height:44px;padding-block:10px;color:var(--ink)}.letter-collapse{font:700 15px/1.5 Arial,sans-serif;min-height:44px;padding:10px 16px;border:1px solid var(--theme-border, #71847b);border-radius:6px;color:var(--ink);background:var(--theme-soft, #edf1e9);cursor:pointer}.letter-story>summary:focus-visible,.letter-collapse:focus-visible{outline:3px solid var(--theme-focus, #9f4b15);outline-offset:4px}
.feedback-header>a:last-child{font-size:14px;min-height:44px;display:flex;align-items:center}
.feedback-page{max-width:1050px;padding-block:48px 72px}.feedback-intro{max-width:690px;margin-bottom:32px}.feedback-intro h1{font-size:clamp(38px,5vw,60px);letter-spacing:-1.7px}.feedback-intro>p:not(.eyebrow){font-size:18px}
.feedback-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.feedback-form,.review-note{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--theme-surface, white);min-width:0}.review-note{background:var(--theme-soft, #edf1e9)}.review-note h2{font-family:Arial,sans-serif;font-size:22px;letter-spacing:0;font-weight:700}.review-note p,.review-note li{font-size:15px}.review-note ol{padding-left:22px}.review-note li{padding-left:3px;margin-bottom:17px}
.feedback-field{margin-bottom:24px}.feedback-field label{display:block;font-weight:700;color:var(--ink);margin-bottom:8px}.feedback-field label span{font-weight:400}.feedback-field input,.feedback-field select,.feedback-field textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--theme-border, #71847b);border-radius:6px;background:var(--theme-surface, white);color:var(--ink);font:16px/1.5 Arial,sans-serif}.feedback-field textarea{resize:vertical;min-height:160px}.field-help{font-size:14px;line-height:1.6;margin:8px 0 0;color:var(--theme-readable, #4b625c);overflow-wrap:anywhere}.feedback-permission{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;margin:24px 0}.feedback-permission input{width:22px;height:22px;flex-shrink:0;margin:2px 0 0}.feedback-submit{border:0;width:100%;font-size:16px;margin-top:22px}.feedback-submit:disabled{opacity:.7;cursor:wait}.feedback-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.feedback-warning{border-top:1px solid var(--theme-border, #c5d1c3);padding-top:18px}
.suggestions-board{border-top:1px solid var(--theme-border, #c5d1c3);margin-top:48px;padding-top:32px}.suggestions-board>p{max-width:710px}.suggestion-card{border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:20px;background:var(--theme-surface, white);overflow-wrap:anywhere}.suggestion-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--theme-readable, #4b625c)}.suggestion-card .suggestion-body{white-space:pre-wrap;margin-block:16px}.suggestion-status{background:var(--theme-soft, #edf1e9);border-radius:4px;padding:2px 8px}.suggestion-card>a{font-size:14px}
.privacy-page{max-width:780px;padding-block:44px 64px}.privacy-page h1{font-size:clamp(38px,5vw,54px);letter-spacing:-1px}.privacy-page h2{font-family:Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:0;margin-top:36px}.privacy-page li{margin-bottom:10px}
@media(max-width:700px){.feedback-header{flex-wrap:wrap;gap:12px;padding-block:18px}.feedback-page{padding-block:30px 48px}.feedback-layout{grid-template-columns:1fr}.feedback-form,.review-note{padding:22px}.feedback-intro h1{font-size:40px}.feedback-intro>p:not(.eyebrow){font-size:17px}.review-note{order:2}.feedback-header .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}.form-route{font-size:16px!important;border-left:3px solid var(--theme-border, #789274);padding-left:16px;margin-top:24px}.official-notice{border:1px solid var(--theme-border, #9caf97);border-left:4px solid var(--theme-border, #315641);border-radius:8px;background:var(--theme-soft, #edf1e9);padding:22px 26px;margin-bottom:28px}.official-notice h2,.private-details h2{font:700 20px/1.35 Arial,sans-serif;letter-spacing:0;margin:0 0 12px}.official-notice p{font-size:15px;margin:8px 0}.sharing-options{border:0;padding:0;margin:12px 0;min-width:0}.sharing-options legend{font-weight:700;font-size:20px}.private-details{padding:20px;background:var(--theme-soft, #f1f4f0);border:1px solid var(--theme-border, #c5d1c3);border-radius:8px}.private-details .feedback-field{margin:18px 0 0}.submission-preview{border:1px solid var(--line);border-radius:8px;padding:16px;margin:24px 0}.submission-preview summary{cursor:pointer;font-weight:700;min-height:24px}.submission-preview .suggestion-body{white-space:pre-wrap;overflow-wrap:anywhere}.public-author{font-weight:700;overflow-wrap:anywhere}.sharing-summary{font-size:14px;background:var(--theme-soft, #edf1e9);padding:14px;border-radius:6px}.letter-card .suggestion-body{font-size:17px;line-height:1.75}.letter-card .public-author{margin-bottom:0}.letter-card .suggestion-meta{margin-top:12px}

/* Share ideas on phones: compact native choices, with every description retained.
   Scoped to this form so other contribution pages keep their own layout. */
@media(max-width:700px){
  .simple-page .ideas-invite .feedback-intro{padding-bottom:0;margin-bottom:16px}
  .simple-page .ideas-invite .feedback-intro .invite-title{font-size:32px!important;line-height:1.1;margin:0 0 10px;letter-spacing:-.8px}
  .simple-page .ideas-invite .feedback-intro .invite-lead{font-size:16px!important;line-height:1.45;margin:0 0 12px;max-width:none}
  .simple-page .ideas-invite .feedback-intro .ideas-letter-route{font-size:15px;line-height:1.45;margin:0}
  .simple-page .ideas-invite .feedback-intro .simple-note{font-size:14px;line-height:1.4;margin:4px 0 0}
  .simple-page .ideas-invite .ideas-read-link{display:inline-flex;align-items:center;min-height:44px}
  .simple-page .ideas-invite .ideas-form{padding:16px}
  .simple-page .ideas-invite .kind-cards{margin-bottom:8px}
  .simple-page .ideas-invite .kind-cards legend{font-size:16px;margin-bottom:8px}
  .simple-page .ideas-invite .kind-grid{gap:8px}
  .simple-page .ideas-invite .kind-card{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;padding:10px!important;min-height:64px;font-size:14px;line-height:1.3;border-radius:8px}
  .simple-page .ideas-invite .kind-card input{position:static;align-self:start;width:20px;height:20px;margin:0}
  .simple-page .ideas-invite .kind-card .kind-icon{display:none}
  .simple-page .ideas-invite .kind-card small{font-size:12px;line-height:1.3;margin-top:3px}
  .simple-page .ideas-invite .kind-more{margin-top:4px}
  .simple-page .ideas-invite .kind-more>summary{font-size:14px;min-height:44px;line-height:1.4}
  .simple-page .ideas-invite #kind-help{margin:4px 0 12px}
  .simple-page .ideas-invite .feedback-field{margin-bottom:18px}
}
