/* Update Details for trusts (/update-details/for-trusts/ and its thank-you page): only what the owners' pages
   (assets/css/update-details.css) don't already have. Everything is ft- prefixed, so nothing here reaches the rest of
   the site. The row buttons are assets/js/for-trusts.js; without it the server draws spare rows instead. */

/* The spam trap: off-screen, so a person never sees or fills it. (site.css may style .cf-x too; this is the same.) */
.cf-x{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* After the form came back unsent: a strip above the hero, linking down to it. */
.ft-jump{background:#FDECEC;border-bottom:1px solid #F0B3B3;padding:10px 0;font:500 15px/1.4 DMSans,sans-serif}
.ft-jump a{color:#8C2020}

/* ---------- the page ---------- */
.ft-steps{max-width:1000px;margin:44px auto 0;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:30px 48px}
.ft-after-list{margin-top:24px}
.ft-cards{margin-top:40px}
.ft-cards .card p:last-child{margin-bottom:0}
.ft-link{font-family:ui-monospace,Consolas,monospace;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.ft-cost{margin-top:36px;font:500 18px/1.5 DMSans,sans-serif;color:var(--ink)}
.ft-btns-center{justify-content:center;margin-top:28px}
/* The email address button is long in capitals: let it wrap on a phone rather than run off the screen. */
.ft-btns-center .btn{white-space:normal;overflow-wrap:anywhere;line-height:1.3}

/* ---------- the form ---------- */
/* The masthead is sticky: "Take part" and the links to #take-part land below it, not under it. */
#take-part{scroll-margin-top:60px}
.ft-wrap{max-width:760px}
.ft-alert{margin:0 0 22px;scroll-margin-top:100px}
.ft-form{max-width:none;gap:0}
.ft-lead{font-size:15px;color:var(--muted);margin:0 0 16px}
.ft-set{border:0;padding:0;margin:0 0 34px;min-width:0}
.ft-set > legend{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:12px;
  font:700 22px/1.25 DMSans,sans-serif;color:var(--ink)}
.ft-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;
  font:700 15px/1 DMSans,sans-serif;flex:none}
.ft-rows{display:grid;gap:14px}
.ft-row{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 20px 2px;margin:0;min-width:0}
.ft-row > legend{padding:0 6px;font:600 12.5px/1 DMSans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--green-text)}
.ft-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.ud textarea.ft-addr{min-height:84px}
.ft-add{margin-top:14px}
/* .btn sets display, which would otherwise beat the hidden attribute (the buttons need the script). */
.ft-add[hidden]{display:none}
.ft-radios{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ft-small{font-size:14.5px;color:var(--muted);margin:14px 0 0}

/* ---------- thank-you page ---------- */
.ft-after-steps{margin-top:28px}
.ft-thanks-btns{margin-top:28px}

@media (max-width:700px){
  .ft-pair,.ft-radios{grid-template-columns:1fr}
  .ft-row{padding:12px 14px 2px}
  .ft-set > legend{font-size:20px}
}