/* PAGE CSS: limits-of-a-south-dakota-asset-protection-trust
   Enqueued by functions.php when the slug matches.
   Lifted verbatim from the approved static build. */


/* ==========================================================
   TYPE SCALE
     19px    article body copy, one step up from the 18px site
             default because this is long-form reading
     16.5px  copy inside callouts
     16px    smallest tier
   ==========================================================
   PAGE: article template, shared by everything under /insights/
   Opens on cream, so it uses body.header--light.

   Devices used nowhere else on the site: a numbered
   claim-and-answer structure, statute callouts with a gold
   rule, and a related-reading rail.

   FULL WIDTH by request. The content spans the same .wrap as
   every other page rather than sitting in a centred column,
   so the article aligns to the site gutters. See the note in
   build_articles.py about line length at large viewports.
   ========================================================== */

/* ---------- Article masthead ---------- */
.ahead{padding-block:calc(var(--barh) + clamp(40px,4.6vw,68px)) clamp(24px,2.8vw,38px);}
.ahead__in{max-width:none;}
.ahead h1{font-size:clamp(32px,4.2vw,54px);line-height:1.1;margin:0 0 22px;max-width:28ch;}
.ahead__stand{font-size:clamp(18px,1.85vw,22px);line-height:1.58;
  color:rgba(23,55,70,.86);max-width:none;margin:0;}
.ahead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-top:clamp(26px,3vw,38px);padding-top:20px;border-top:1px solid var(--stone);}
.ahead__k{font-family:var(--display);font-size:10.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--slate);}
.ahead__dot{width:3px;height:3px;border-radius:50%;background:var(--gold);}

/* ---------- Body ---------- */
.art{padding-block:clamp(30px,3.4vw,48px) clamp(56px,6.4vw,96px);}
.art__in{max-width:none;}
/* ALL paragraphs, not just top-level ones. the claim blocks nest their copy
   inside a div, so a child selector missed them: they kept the global
   p{max-width:64ch} and rendered at 576px, half the wrap, and at the 18px
   body size instead of the 19px article size. that was most of the copy on
   the claims article. .cite, .aside and .arend override this with their own
   smaller size and !important, so callouts are unaffected. */
.art__in p{font-size:19px;line-height:1.72;color:rgba(23,55,70,.9);
  max-width:none;margin:0 0 1.3em;}
.art__in > p:last-child{margin-bottom:0;}
.claim p:last-child,.art__in h2 + p:last-child{margin-bottom:0;}
.art__in h2{font-size:clamp(24px,2.7vw,34px);line-height:1.2;
  margin:clamp(44px,5vw,72px) 0 18px;max-width:none;}
.art__in h3{font-size:21px;line-height:1.26;margin:clamp(30px,3.4vw,44px) 0 12px;}
.art__lead{font-size:20px !important;}

/* numbered claim, the spine of the first article */
.claim{border-top:1px solid var(--stone);padding-top:clamp(26px,3vw,38px);
  margin-top:clamp(34px,4vw,56px);}
.claim__no{font-family:var(--display);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px;}
.claim h3{margin-top:0;}
/* .art__in p now sets 19px with a higher specificity than a lone class, so
   the quoted claim needs the extra .art__in to keep its one-step-down size. */
.art__in .claim__said{font-style:italic;color:rgba(23,55,70,.66);
  font-size:18px;line-height:1.6;margin:0 0 14px;max-width:none;}

/* statute callout */
.cite{border-left:2px solid var(--gold);padding:4px 0 4px 22px;
  margin:clamp(26px,3vw,38px) 0;max-width:none;}
.cite__k{font-family:var(--display);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--slate);display:block;margin-bottom:9px;}
.cite p{font-size:16.5px !important;line-height:1.66;margin:0 !important;
  color:rgba(23,55,70,.88);max-width:none;}
.cite p + p{margin-top:.7em !important;}

/* a caution panel, same shape as the practice-page limits panel */
.aside{border:1px solid var(--stone);padding:clamp(24px,2.8vw,40px);
  margin:clamp(34px,4vw,56px) 0;}
.aside h3{margin:0 0 12px;font-size:19px;}
.aside p{font-size:16.5px !important;line-height:1.68;margin:0 !important;
  color:rgba(23,55,70,.86);max-width:none;}

/* ---------- Notice + related ---------- */
.arend{border-top:1px solid var(--stone);padding-top:clamp(30px,3.4vw,44px);
  margin-top:clamp(48px,5.6vw,84px);}
.arend p{font-size:16px !important;line-height:1.66;color:rgba(23,55,70,.7);
  margin:0 0 1em !important;max-width:none;}
.rel{background:var(--ink-deep);}
.rel h2{color:var(--cream);max-width:none;}
.rel > .wrap > p{color:rgba(244,240,232,.8);max-width:none;margin-top:16px;}
.rel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:clamp(34px,4vw,52px);background:rgba(244,240,232,.24);
  border:1px solid rgba(244,240,232,.24);}
.rel__cell{background:var(--ink-deep);padding:clamp(24px,2.8vw,38px);
  text-decoration:none;color:inherit;display:block;transition:background .22s;}
.rel__cell:hover,.rel__cell:focus-visible{background:#16394A;}
.rel__k{font-family:var(--display);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:11px;}
.rel__cell h3{font-size:19px;line-height:1.24;color:var(--cream);margin:0 0 9px;}
.rel__cell p{font-size:16px;line-height:1.6;color:rgba(244,240,232,.78);margin:0;}
.rel__row{display:flex;flex-wrap:nowrap;gap:14px;margin-top:clamp(34px,4vw,52px);}
.rel__row .btn{flex:0 0 auto;padding-inline:26px;}

@media (max-width:1080px){
  .rel__grid{grid-template-columns:1fr;}
}
@media (max-width:780px){
  /* all paragraphs, matching the rule above. a child selector here left the
     claim copy at 19px while the intro dropped to 18px. */
  .art__in p{font-size:18px;}
  .art__in .claim__said{font-size:17px;}
  .rel__row{flex-wrap:wrap;}
  .rel__row .btn{width:100%;justify-content:center;}
}