/* SSR presentation additions; canonical colors/type remain in tokens.css. */
.hero-eyebrow { color: var(--ink-700); }
.resident-nav > summary { cursor: pointer; }
.resident-nav { display: none; }
.resident-desktop-nav { display: flex; }
.resident-nav > .nav-main { position: static; border: 0; box-shadow: none; padding: 0; background: transparent; min-width: 0; gap: .9rem; }
.resident-nav > summary { display: none; }
.resident-reading > summary { cursor: pointer; border: 1px solid var(--border-soft); background: var(--surface-0); border-radius: var(--radius-pill); padding: .5rem 1rem; }
.resident-reading { position: static; width: min(76rem, calc(100% - 2rem)); margin: 1.5rem auto; z-index: auto; }
.resident-reading > .trust-tools__panel { position: static; width: 100%; box-sizing: border-box; margin-top: .5rem; box-shadow: none; }
.resident-reading [data-reading] { display: none; }
.reading-tools-ready .resident-reading [data-reading] { display: block; }
.resident-reading:not([open]) > .trust-tools__panel { display: none; }
.intake-form label > span { display: block; }
.intake-form textarea { width: 100%; }
.resident-workspace { max-width: 76rem; }
.resident-workspace-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-block: 2rem; align-items: start; }
.resident-panel { min-width: 0; padding: 1.5rem; border: 1px solid var(--border-soft); background: var(--surface-0); border-radius: var(--radius-card, 1rem); }
.resident-panel label { display: grid; gap: .4rem; margin-block: 1rem; }
.resident-panel label:has(> input[type="checkbox"]) { display: flex; align-items: flex-start; gap: .65rem; }
.resident-panel label > input[type="checkbox"] { flex: 0 0 auto; margin: .3rem 0 0; }
.resident-panel input, .resident-panel textarea, .resident-panel select { max-width: 100%; min-width: 0; }
.resident-panel input:not([type="checkbox"]):not([type="hidden"]), .resident-panel textarea, .resident-panel select { width: 100%; box-sizing: border-box; padding: .8rem .9rem; border: 1px solid var(--border-strong); border-radius: .7rem; background: #fff; color: var(--text-primary); font: inherit; }
.resident-panel input:focus-visible, .resident-panel textarea:focus-visible, .resident-panel select:focus-visible { outline: 3px solid var(--ink-600); outline-offset: 2px; }
.resident-panel textarea { width: 100%; }
.resident-entry { padding-block: 1rem; border-bottom: 1px solid var(--border-soft); overflow-wrap: anywhere; }
.resident-preserve { white-space: pre-wrap; overflow-wrap: anywhere; }
.resident-reference { overflow-wrap: anywhere; }
.resident-section-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1.5rem; }
.resident-section-nav a { padding: .55rem .9rem; border: 1px solid var(--border-soft); border-radius: var(--radius-pill); background: var(--surface-0); color: var(--ink-900); }
.resident-panel { scroll-margin-top: 7rem; }
.resident-panel h2[id] { scroll-margin-top: 7rem; }
.resident-panel summary { cursor: pointer; font-weight: 700; padding-block: .7rem; }
.resident-panel details[open] > summary { margin-bottom: .5rem; }
.resident-status { display: inline-block; padding: .25rem .65rem; border-radius: var(--radius-pill); background: var(--cloud-100); color: var(--ink-900); font-weight: 700; }
.resident-facts { display: flex; flex-wrap: wrap; gap: 1rem 3rem; }
.resident-facts dt { font-weight: 700; }
.resident-facts dd { margin-inline-start: 0; }
@media (max-width: 768px) { .resident-workspace-grid { grid-template-columns: minmax(0, 1fr); } .resident-panel { padding: 1rem; } }
@media (max-width: 1100px) {
  .resident-nav { display: block; }
  .resident-desktop-nav { display: none; }
  .resident-nav > summary { display: block; }
  .resident-nav[open] > .nav-main { display: grid; position: absolute; right: 1rem; top: 4.5rem; width: min(24rem, calc(100vw - 2rem)); max-height: 75vh; overflow-y: auto; background: var(--surface-0); border: 1px solid var(--border-soft); box-shadow: var(--shadow-card); padding: 1rem; }
}
@media (max-width: 600px) {
  .header-shell { flex-wrap: wrap; }
  .brand-text { max-width: 12rem; }
  .header-cta { padding: .55rem .85rem; }
  .resident-nav[open] > .nav-main { top: 7.5rem; }
}
.resident-queue{display:grid;gap:1rem;margin:1.5rem 0}
.resident-queue-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;margin:0}
.resident-queue-row h2{font-size:1.3rem;margin-top:0}
.resident-queue-row p{margin:.35rem 0;overflow-wrap:anywhere}
.resident-queue-filters{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}
.resident-queue-filter{flex:1;min-width:10rem}
.resident-queue-filter label{display:block}
.resident-queue-filters select{display:block;width:100%}
.resident-priority{font-weight:700}
.resident-priority[data-priority="urgent"]{color:#8b2424}
@media(max-width:600px){.resident-queue-row{grid-template-columns:1fr}.resident-queue-filters{display:grid}.resident-queue-filter{min-width:0}}

/* Separate the current appointment, working controls and retained history. */
.resident-appointment-workspace > .resident-panel { margin-block: 1.5rem; }

/* Let the final unpaired panel use the available workspace width. */
.resident-workspace-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Give checkout notices and native controls room inside the giving overview. */
.giving-checkout { margin-block: 2rem; max-width: 48rem; }
.giving-checkout input[name="amount"] { display: block; width: min(100%, 18rem); }
.giving-checkout .consent-check { margin-block: 1.5rem; }
.giving-checkout .form-status { border-inline-start: .25rem solid var(--ink-600); padding: 1rem; background: var(--cloud-100); }

/* Legal notices use readable sections rather than narrow feature columns. */
.legal-page .feature-grid { display: block; max-width: 65rem; }
.legal-page .feature-card, .legal-page .feature-card:hover {
  display: grid; grid-template-columns: minmax(11rem, 1fr) minmax(0, 3fr);
  gap: .75rem 2rem; padding: 1.75rem 1.5rem; border: 0;
  border-top: 1px solid var(--border-soft); border-radius: 0;
  background: transparent; box-shadow: none; transform: none; transition: none;
}
.legal-page .feature-card > h2, .legal-page .feature-card > h3 { grid-column: 1; grid-row: 1; margin: 0; }
.legal-page .feature-card > :not(h2):not(h3) { grid-column: 2; margin: 0; max-width: 70ch; }
.legal-page .feature-card { scroll-margin-top: 7rem; }
@media (max-width: 700px) {
  .legal-page .feature-card, .legal-page .feature-card:hover { display: block; padding: 1.5rem 1rem; }
  .legal-page .feature-card > h2, .legal-page .feature-card > h3 { margin-bottom: .75rem; }
  .legal-page .feature-card > :not(h2):not(h3) + :not(h2):not(h3) { margin-top: .75rem; }
}

.privacy-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:1.5rem; align-items:start; margin-block:2rem; }
.privacy-records { list-style:none; padding:0; margin:0; }
.privacy-private-note { border-inline-start:3px solid var(--ink-600); padding-inline-start:1rem; margin-block:1rem; }
.privacy-private-note h4 { margin-bottom:.4rem; }
.privacy-workspace .resident-history-nav { display:flex; flex-wrap:wrap; gap:1rem; margin-block:1rem; }
.privacy-workspace > .resident-panel { margin-block:1.5rem; }
@media(max-width:900px) { .privacy-layout { grid-template-columns:minmax(0,1fr); } }
.privacy-field { margin-block:1rem; }
.resident-panel .privacy-field > label { display:block; margin:0 0 .4rem; }

.export-choice { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.5rem .75rem; align-items:start; padding-block:.75rem; border-bottom:1px solid var(--border-soft); }
.resident-panel .export-choice > label { margin:0; }
.export-choice > input { margin-top:0; width:1.5rem; height:1.5rem; accent-color:var(--ink-600); }
.export-choice > .privacy-response { grid-column:2; margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.privacy-workspace fieldset { min-width:0; }
.privacy-workspace article form { margin-block:1rem; }

.privacy-workspace #export-exclusions { width:1.5rem; height:1.5rem; accent-color:var(--ink-600); }
#export-preparation, #prepared-profiles { scroll-margin-top:7rem; }
/* Keep private form targets stationary during repeated submissions. */
.privacy-workspace button.btn { transform:none; transition:none; font-size:1rem; min-height:2.75rem; cursor:pointer; }

.privacy-workspace .privacy-response { overflow-wrap:anywhere; white-space:pre-wrap; }
.privacy-workspace .privacy-field > input[type="checkbox"] { width:1.5rem; height:1.5rem; accent-color:var(--ink-600); }
.privacy-workspace #correction-fields, .privacy-workspace #correction-history { scroll-margin-top:7rem; }

.privacy-workspace #preservation-coverage, .privacy-workspace #preservation-placement, .privacy-workspace #preservation-history { scroll-margin-top:7rem; }
.privacy-workspace #preservation-history > .resident-panel { margin-block:1.25rem; }