/* LPJH Caretaking — assets/css/caretaking.css
   Enqueue AFTER brand-tokens.css, homepage.css, location.css AND owner.css:
   reuses .hp bands, .loc-hero, .loc-prose, and from owner.css .hs-proof,
   .hs-cols, .hs-form, .hs-steps and .hs-cta. Tokens only.
*/
/* ============================================================
   LPJH — Caretaking (deep page)
   After homepage.css + location.css + hs.css. Reuses .hp bands, .loc-hero,
   .loc-prose, .hs-proof, .hs-cols, .hs-form, .hs-cta, .hs-steps.
   Prefix: .ct-
   ============================================================ */

/* ---------- INTRO ---------- */
/* .loc-intro centres its columns for the Location pages, where the right column
   is an image. Here both columns are text, so top-align them. Scoped to this
   page so the Location/Experiences intros are untouched. */
#intro .loc-intro{align-items:start}

/* ---------- INSPECTION ---------- */
.ct-insp__lead{max-width:46em;margin:0 0 3rem;font-family:var(--tr-font-display);font-size:1.35rem;font-weight:500;line-height:1.5;color:var(--tr-text);text-wrap:pretty}
.ct-insp{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--tr-border)}
.ct-insp__cell{padding:1.9rem 3rem 1.9rem 0;border-bottom:1px solid var(--tr-border)}
.ct-insp>.ct-insp__cell:nth-child(even){padding-right:0;padding-left:3rem;border-left:1px solid var(--tr-border)}
.ct-insp__n{display:flex;align-items:center;gap:.9rem;margin:0 0 .7rem;font-family:var(--tr-font-body);font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tr-accent)}
.ct-insp__n::after{content:"";flex:1 1 auto;max-width:2.5rem;height:1px;background:var(--tr-border)}
.ct-insp__h{margin:0 0 .55rem;font-family:var(--tr-font-display);font-size:1.5rem;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:var(--tr-heading)}
.ct-insp__p{margin:0;font-family:var(--tr-font-body);font-size:.88rem;line-height:1.78;color:var(--tr-text-muted);text-wrap:pretty}

/* ---------- THE YEAR ---------- */
.ct-year{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14)}
.ct-year__cell{padding:2.25rem 3rem 2.25rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ct-year>.ct-year__cell:nth-child(even){padding-right:0;padding-left:3rem;border-left:1px solid rgba(255,255,255,.14)}
.ct-year__s{display:flex;align-items:baseline;gap:.9rem;margin:0 0 .8rem}
.ct-year__name{font-family:var(--tr-font-display);font-size:1.9rem;font-weight:500;line-height:1;letter-spacing:-.015em;color:var(--tr-gold-pale)}
.ct-year__m{font-family:var(--tr-font-body);font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(250,250,248,.45)}
.ct-year__h{margin:0 0 .8rem;font-family:var(--tr-font-display);font-size:1.4rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--tr-cream)}
.ct-year__p{margin:0;font-family:var(--tr-font-body);font-size:.88rem;line-height:1.78;color:rgba(250,250,248,.66);text-wrap:pretty}
.ct-cal{display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem;margin-top:3.5rem}
.ct-cal__row{display:grid;grid-template-columns:6.5rem 1fr;gap:1.25rem;align-items:baseline;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.14)}
.ct-cal__m{font-family:var(--tr-font-display);font-size:1.1rem;font-weight:500;letter-spacing:-.01em;color:var(--tr-cream)}
.ct-cal__e{font-family:var(--tr-font-body);font-size:.8rem;line-height:1.6;color:rgba(250,250,248,.6);text-wrap:pretty}

/* ---------- BOUNDARY ---------- */
.ct-bound{display:grid;grid-template-columns:1fr 1.35fr;gap:4rem;align-items:start}
/* The heading rides down beside the list. Offset clears the charcoal sticky bar. */
.ct-bound__intro{position:sticky;top:6.5rem;align-self:start}
.ct-bound__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--tr-border)}
.ct-bound__list li{padding:1.5rem 0;border-bottom:1px solid var(--tr-border)}
.ct-bound__list b{display:block;margin-bottom:.45rem;font-family:var(--tr-font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:var(--tr-heading)}
.ct-bound__list p{margin:0;font-family:var(--tr-font-body);font-size:.88rem;line-height:1.78;color:var(--tr-text-muted);text-wrap:pretty}

/* ---------- REPORTING ---------- */
.ct-rep{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--tr-border)}
.ct-rep__cell{padding:1.75rem 3rem 1.75rem 0;border-bottom:1px solid var(--tr-border)}
.ct-rep>.ct-rep__cell:nth-child(even){padding-right:0;padding-left:3rem;border-left:1px solid var(--tr-border)}
.ct-rep__h{margin:0 0 .5rem;font-family:var(--tr-font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:var(--tr-heading)}
.ct-rep__p{margin:0;font-family:var(--tr-font-body);font-size:.88rem;line-height:1.78;color:var(--tr-text-muted);text-wrap:pretty}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .ct-insp,.ct-year,.ct-rep{grid-template-columns:1fr}
  .ct-insp>.ct-insp__cell:nth-child(even),.ct-year>.ct-year__cell:nth-child(even),.ct-rep>.ct-rep__cell:nth-child(even){padding-left:0;border-left:0}
  .ct-insp__cell,.ct-rep__cell{padding-right:0}
  .ct-year__cell{padding-right:0}
  .ct-cal{grid-template-columns:1fr;gap:0}
  .ct-bound{grid-template-columns:1fr;gap:2.5rem}
  .ct-bound__intro{position:static;top:auto}
}
@media (max-width:899px){
  .ct-insp__lead{font-size:1.15rem;margin-bottom:2rem}
  .ct-insp__h{font-size:1.25rem}
  .ct-year__name{font-size:1.6rem}
  .ct-year__h{font-size:1.2rem}
  .ct-cal__row{grid-template-columns:1fr;gap:.25rem;padding:.8rem 0}
  .ct-bound__list b,.ct-rep__h{font-size:1.2rem}
}

/* ---------- DARK STEPS MODIFIER ----------
   .hs-steps comes from owner.css, where the process band sits on cream. The
   emergency band here is charcoal, so re-point the ink. owner.css does NOT define
   this modifier — it belongs to this page. */
.hs-steps--dark{border-top-color:rgba(255,255,255,.14)}
.hs-steps--dark .hs-step{border-bottom-color:rgba(255,255,255,.14)}
.hs-steps--dark .hs-step__n{color:var(--tr-gold-pale)}
.hs-steps--dark .hs-step__body h3{color:var(--tr-cream)}
.hs-steps--dark .hs-step__body p{color:rgba(250,250,248,.66)}