/* ==========================================================================
   Section landing hubs — About Us · Judgments & Proceedings · Court Documents ·
   Media & Resources (2026-09-03). Styled on the Court Library page: the record
   plate (.sl-inplate), the pill CTA (.ccj-dlcard) and the split-rule link
   columns (.lg-grid) all come from ccj-theme.css; this file only adapts them
   to a full-width page with no section rail. Loaded on these four slugs only.
   ========================================================================== */

.ldg.band{padding-block:0}   /* the theme pads section bands too; the hub pads its own wrap once */
.ldg .wrap{padding-block:clamp(36px,3vw,52px) var(--space-section)}

/* the plate spans the wrap but its text keeps the library's measure */
.ldg .sl-inplate{margin-bottom:clamp(1.6rem,3vw,2.2rem)}
.ldg .sl-lede{max-width:58ch}
.ldg .sl-rows{max-width:80ch}
.ldg .sl-row dt{padding-top:.25rem}

.ldg .prose-content>p:has(>.ccj-dlcard){margin:0 0 clamp(2.2rem,4vw,3.2rem);max-width:none}

/* section head above the columns: the library's plain h2, kept tight */
.ldg .prose h2{margin:0 0 .2rem}

/* full-width page: three columns when the section is large, two otherwise; the
   library itself sits beside a rail so two is its natural width */
.ldg .lg-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4.5vw,4.5rem);row-gap:clamp(2rem,3.5vw,3rem)}
.ldg .lg-grid:has(> .lg-col:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
.ldg .prose-content .lg-col h3{margin-top:0}   /* a theme rule spaces first-child h3s off the column top; the split rule already does that job here */
.ldg .lg-col h3 a{color:inherit}
.ldg .lg-col h3 a:hover{color:#0E6E9E;text-decoration:none}
.ldg-desc{font-size:.93rem;line-height:1.55;color:var(--muted);margin:-.35rem 0 .75rem;max-width:36ch}
.ldg .lg-col li a.ldg-open::after{content:"\2009\2192"}   /* thin space + arrow on the single "View …" link of a destination column */

@media (max-width:1100px){.ldg .lg-grid:has(> .lg-col:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ldg .lg-grid,.ldg .lg-grid:has(> .lg-col:nth-child(5)){grid-template-columns:1fr}}
