/* Marque Analytics · /litigation-support/
   Page-local: hero particulars sheet (Exhibit L-1), Exhibit A extracts, Fig. 1 FY2025 figures,
   Exhibit B case pair, Fig. 2 signal matrix, Exhibit C questionnaire map, forms of engagement. */

/* ---------- hero ---------- */
.lit-hero { position: relative; padding: clamp(52px, 6vw, 92px) 0 calc(var(--sec) / 2); overflow: clip; }
.lit-hero::before { content: ""; position: absolute; inset: -30% -10% auto 38%; height: 130%; background: radial-gradient(closest-side, rgba(107, 138, 173, .1), transparent 72%); pointer-events: none; }
.lit-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 450px; gap: 0 clamp(48px, 6vw, 96px); align-items: start; }
.lit-kicker { margin-bottom: 30px; }
.lit-h1 { font: 400 clamp(50px, 5.5vw, 82px)/1 var(--serif); letter-spacing: -.028em; color: var(--ivory); font-optical-sizing: auto; }
.lit-h1 .l1 { display: block; max-width: 11em; }
.lit-h1 em { display: block; margin-top: .4em; font: italic 300 .4em/1.22 var(--serif); letter-spacing: -.008em; color: var(--fog); max-width: 21em; }
.lit-lede { margin-top: 32px; max-width: 34em; font-size: 17.5px; line-height: 1.64; color: var(--fog); }
.lit-act { margin-top: 36px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px 32px; }
.lit-notice { margin-top: 48px; max-width: 40em; display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 4px 18px; padding: 16px 0 0; border-top: 1px solid var(--hair-2); font: 400 15px/1.55 var(--sans); color: var(--ivory); }
.lit-notice-t { font: 500 10.5px/2.1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--steel-hi); }

.lit-doc { position: relative; margin-top: 2px; }
.particulars { padding: 28px 30px 24px; transform: rotate(-.9deg); }
.pt-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding-bottom: 16px; border-bottom: 2px solid var(--ink); }
.pt-ill { margin-top: 9px; font: 400 13px/1.45 var(--sans); color: var(--ink-2); max-width: 21em; }
.pt-ill b { font-weight: 600; color: var(--ink); }
.particulars .seal { --s: 56px; margin-top: -2px; }
.pt-fields .f { display: grid; grid-template-columns: 104px 1fr; gap: 12px; padding: 11px 0 10px; border-bottom: 1px solid var(--hair-ink); }
.pt-fields dt { font: 500 10.5px/1.95 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.pt-fields dd { font: 400 16.5px/1.38 var(--serif); color: var(--ink); }
.pt-fields .f:nth-child(n+6) dd { color: var(--ink-2); font-style: italic; }
.pt-foot { margin-top: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.pt-foot .tally-n b { font-size: 48px; }
.pt-foot .tally-n span { font-size: 10px; }
.doc-next { flex: none; text-decoration: none; text-align: right; font: 500 10px/1.5 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.doc-next span { display: block; margin-top: 2px; font: 400 17px/1.3 var(--serif); letter-spacing: 0; text-transform: none; color: var(--ink); border-bottom: 1px solid rgba(20, 23, 29, .3); }
.doc-next:hover span { border-color: var(--ink); }
.doc-hint { position: absolute; left: 4px; bottom: -60px; font: 500 10.5px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fog-2); transition: opacity .4s; }
.doc-hint::before { content: ""; display: inline-block; width: 18px; height: 1px; background: var(--fog-2); vertical-align: 3px; margin-right: 10px; }
.no-motion .doc-hint, .scrolled .doc-hint { opacity: 0; }

/* ---------- shared bits ---------- */
.sec-notes { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--hair); max-width: 60em; }
.ex-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding-bottom: 12px; border-bottom: 2px solid var(--ink); }
.ex-head .doc-label { margin-right: auto; }
.ex-cap { flex-basis: 100%; font: 400 13px/1.5 var(--sans); color: var(--ink-2); }

/* ---------- 01 FOCUS ---------- */
.focus-prose { max-width: 40em; }
.focus-prose p { font: 400 19px/1.62 var(--serif); color: var(--fog); }
.focus-prose p:first-child { color: var(--ivory); }
.focus-prose p + p { margin-top: 1.05em; }

.extracts { margin-top: clamp(48px, 5vw, 72px); padding: 34px 40px 28px; max-width: 1000px; }
.ex-table { width: 100%; border-collapse: collapse; }
.ex-table thead th { text-align: left; font: 500 10px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); padding: 14px 16px 10px 0; border-bottom: 1px solid var(--ink); }
.ex-table tbody td, .ex-table tbody th { text-align: left; vertical-align: baseline; padding: 17px 16px 16px 0; border-bottom: 1px solid var(--hair-ink); }
.ex-table tbody tr:last-child > * { border-bottom: 0; }
.ex-table .ref { width: 52px; font: 500 11.5px var(--mono); color: var(--steel-ink); }
.ex-table .q { font: 400 italic 19px/1.42 var(--serif); color: var(--ink); }
.ex-table .src { display: block; margin-top: 6px; font: 500 10.5px/1.4 var(--mono); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.ex-table tbody th { width: 30%; padding-right: 0; font: 500 14.5px/1.4 var(--sans); color: var(--ink); }

.fy { margin-top: clamp(64px, 7vw, 104px); }
.fy-t { color: var(--ivory); max-width: 22em; }
.fy-lede { margin-top: 14px; font-size: 16.5px; color: var(--fog); max-width: 36em; }
.fy-fig { margin-top: 36px; }
.fy-fig { max-width: 980px; }
.fy-table { width: 100%; border-collapse: collapse; border-top: 1px solid var(--ivory); }
.fy-table thead th { text-align: left; padding: 12px 0 10px; font: 500 10.5px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fog-2); border-bottom: 1px solid var(--hair-2); }
.fy-table thead th:last-child { text-align: right; }
.fy-table tbody th, .fy-table tbody td { padding: 22px 0 21px; border-bottom: 1px solid var(--hair); vertical-align: baseline; }
.fy-table tbody th { text-align: left; font: 400 21px/1.3 var(--serif); color: var(--ivory); padding-right: 32px; }
.fy-table tbody th small { display: block; margin-top: 6px; font: 400 14px/1.5 var(--sans); color: var(--fog-2); }
.fy-n { text-align: right; white-space: nowrap; font: 300 clamp(40px, 3.8vw, 56px)/1 var(--serif); letter-spacing: -.025em; color: var(--ivory); font-variant-numeric: lining-nums tabular-nums; }
.fy-hc .fy-n { color: var(--steel-hi); }

/* ---------- 02 case law ---------- */
.cases { padding: 34px 40px 30px; }
.case-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.case { padding: 26px 0 0; }
.case + .case { padding-left: 36px; margin-left: 36px; border-left: 1px solid var(--hair-ink); }
.case-court { font: 600 10.5px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--steel-ink); }
.case-name { margin-top: 10px; font: 400 clamp(22px, 1.9vw, 27px)/1.2 var(--serif); letter-spacing: -.01em; color: var(--ink); }
.case-name i { font-style: italic; }
.case-cite { margin-top: 8px; font: 400 12.5px/1.5 var(--mono); color: var(--ink-3); }
.case-f { margin-top: 20px; border-top: 1px solid var(--ink); }
.case-f > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--hair-ink); }
.case-f dt { font: 500 10.5px/1.95 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.case-f dd { font: 400 16px/1.55 var(--serif); color: var(--ink-2); }
.case-f .case-open dd { color: var(--ink); }
.case-f .case-open dt { color: var(--steel-ink); }
.case-after { margin-top: 14px; font: 400 13.5px/1.5 var(--sans); color: var(--ink-3); }
.case-contrast { margin-top: 30px; padding-top: 18px; border-top: 2px solid var(--ink); font: 400 15.5px/1.6 var(--sans); color: var(--ink-2); }
.case-contrast b { color: var(--ink); font-weight: 600; }

/* Fig. 2 matrix */
.mx-wrap { margin-top: clamp(72px, 8vw, 112px); }
.mx-head-t .h3 { color: var(--ivory); }
.mx-lede { margin-top: 16px; font-size: 17px; line-height: 1.62; color: var(--fog); max-width: 38em; }
.mx-fig { margin-top: 36px; }
.mx-sheet { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 0 44px; padding: 32px 36px 30px; }
.mx { --cell: 24px; }
.mx-cols, .mx-r { display: grid; grid-template-columns: 34px repeat(10, minmax(0, var(--cell))) 42px; gap: 6px; align-items: center; }
.mx-cols { padding-bottom: 8px; border-bottom: 1px solid var(--ink); margin-bottom: 8px; }
.mx-cols b { font: 500 9.5px/1 var(--mono); color: var(--ink-3); text-align: center; letter-spacing: .02em; }
.mx-cols .mx-n { font: 500 9.5px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.mx-rows { display: grid; gap: 5px; }
.mx-r { position: relative; padding: 1px 0; }
.mx-id { display: flex; align-items: center; gap: 8px; min-width: 0; }
.mx-no { flex: none; width: 18px; font: 500 10px/1 var(--mono); color: var(--ink-3); }
.mx-c { position: relative; display: block; aspect-ratio: 1; box-shadow: inset 0 0 0 1px rgba(20, 23, 29, .14); }
.mx-c::after { content: ""; position: absolute; inset: 0; background: var(--ink-3); transform: scale(0); opacity: 0; }
.mx-c.on::after { transform: scale(1); opacity: 1; transition: transform .42s var(--ease), opacity .3s; transition-delay: calc(var(--c) * 90ms + 200ms); }
.js-motion .mx-sheet:not(.in) .mx-c.on::after { transform: scale(0); opacity: 0; }
.mx-n { font: 500 10.5px/1 var(--mono); color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; }
.mx-r--loud, .mx-r--conv { margin: 2px -10px; padding: 4px 10px; background: rgba(20, 23, 29, .055); }
.mx-r--loud .mx-no, .mx-r--conv .mx-no, .mx-r--loud .mx-n, .mx-r--conv .mx-n { color: var(--ink); font-weight: 600; }
.mx-r--loud .mx-c.on::after { background: var(--steel-ink); }
.mx-r--conv .mx-c.on::after { background: var(--ink); }
.mx-r--conv::before { content: ""; position: absolute; left: -22px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; background: var(--gold-ink); transform: rotate(45deg); }
.mx-r--loud::before { content: ""; position: absolute; left: -23px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border: 1px solid var(--steel-ink); transform: rotate(45deg); }

.mx-key { border-left: 1px solid var(--hair-ink); padding-left: 36px; }
.mx-notes > div { padding: 0 0 18px; }
.mx-notes > div + div { padding-top: 18px; border-top: 1px solid var(--hair-ink); }
.mx-notes dt { display: flex; align-items: center; gap: 10px; font: 600 10.5px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.mx-notes dt::before { content: ""; width: 7px; height: 7px; transform: rotate(45deg); flex: none; }
.mx-note--conv dt::before { background: var(--gold-ink); }
.mx-note--loud dt::before { border: 1px solid var(--steel-ink); width: 6px; height: 6px; }
.mx-notes dd { margin-top: 8px; font: 400 16px/1.5 var(--serif); color: var(--ink-2); }
.mx-legend { margin-top: 6px; padding-top: 16px; border-top: 2px solid var(--ink); display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.mx-legend li { display: flex; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--hair-ink); font: 400 12.5px/1.4 var(--sans); color: var(--ink-2); }
.mx-legend span { flex: none; width: 18px; font: 500 10px/1.7 var(--mono); color: var(--steel-ink); }

/* ---------- 03 questionnaire map ---------- */
.qmap-table .form { width: 140px; }
.qmap-table tbody th { width: 28%; }
.qmap-key { background: rgba(20, 23, 29, .045); }
.qmap-key .ref { position: relative; }
.qmap-key .ref::before { content: ""; position: absolute; left: -18px; top: -16px; bottom: -16px; width: 2px; background: var(--ink); }
.qmap-key th { font-weight: 600 !important; }
.qmap-theirs th, .qmap-theirs .desc { color: var(--ink-3); }
.qmap-theirs .desc { font-style: italic; }
.qmap-foot { margin-top: 36px; padding-top: 22px; border-top: 2px solid var(--ink); }
.qmap-note { font: 400 17px/1.55 var(--serif); color: var(--ink-2); max-width: 44em; }
.qmap-note b { color: var(--ink); font-weight: 600; }

/* ---------- 04 forms of engagement ---------- */
.forms-list { border-top: 1px solid var(--ivory); }
.forms-list > li { display: grid; grid-template-columns: 48px minmax(0, 1fr) 200px; gap: 24px; align-items: baseline; padding: 28px 0 30px; border-bottom: 1px solid var(--hair); }
.fm-n { font: 400 italic 19px var(--serif); color: var(--steel-hi); }
.fm-b h3 { font: 400 clamp(25px, 2.2vw, 31px)/1.12 var(--serif); letter-spacing: -.014em; color: var(--ivory); }
.fm-b p { margin-top: 12px; font-size: 16px; line-height: 1.65; color: var(--fog); max-width: 38em; }
.fm-out { justify-self: end; text-align: right; font: 400 15px/1.4 var(--serif); color: var(--ivory); }
.fm-out span { display: block; margin-bottom: 4px; font: 500 10px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fog-2); }
.terms-sheet { margin-top: clamp(48px, 5vw, 72px); padding: 36px 44px 30px; max-width: 920px; }
.terms-sheet .terms { margin-top: 10px; }

/* ---------- responsive ---------- */
@media (max-width: 1180px) {
  .lit-hero-grid { grid-template-columns: minmax(0, 1fr) 400px; }
  .mx-sheet { grid-template-columns: 1fr; }
  .mx-key { border-left: 0; padding-left: 0; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--hair-ink); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 36px; }
  .mx-legend { margin-top: 0; padding-top: 0; border-top: 0; align-self: start; }
  .mx { --cell: 30px; }
}

@media (max-width: 1060px) {
  .lit-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .lit-doc { margin-top: 64px; max-width: 540px; }
  .doc-hint { display: none; }
  .forms-list > li { grid-template-columns: 40px minmax(0, 1fr); }
  .fm-out { grid-column: 2; justify-self: start; text-align: left; }
}

@media (max-width: 860px) {
  .case-pair { grid-template-columns: 1fr; }
  .case + .case { padding-left: 0; margin-left: 0; border-left: 0; margin-top: 30px; border-top: 2px solid var(--ink); }
  .mx-key { grid-template-columns: 1fr; }
  .mx-legend { margin-top: 18px; padding-top: 16px; border-top: 2px solid var(--ink); }
}

@media (max-width: 760px) {
  .lit-hero { padding-top: 36px; }
  .lit-kicker { margin-bottom: 22px; font-size: 11px; line-height: 1.6; }
  .lit-h1 { font-size: 42px; line-height: 1.02; }
  .lit-h1 em { font-size: .5em; margin-top: .45em; }
  .lit-lede { margin-top: 22px; font-size: 16.5px; }
  .lit-act { margin-top: 26px; gap: 18px 24px; }
  .lit-act .btn { width: 100%; justify-content: space-between; }
  .lit-notice { margin-top: 32px; grid-template-columns: 1fr; font-size: 14.5px; }
  .lit-doc { margin-top: 44px; }
  .sheet-under { inset: 12px -4px -12px 8px; transform: rotate(1.6deg); }
  .particulars { padding: 22px 18px 20px; transform: rotate(-.6deg); }
  .particulars .seal { --s: 46px; }
  .pt-ill { font-size: 12.5px; }
  .pt-fields .f { grid-template-columns: 86px 1fr; gap: 8px; padding: 9px 0; }
  .pt-fields dt { font-size: 9.5px; letter-spacing: .1em; }
  .pt-fields dd { font-size: 15.5px; }
  .pt-foot .tally-n b { font-size: 38px; }

  .focus-prose p { font-size: 17.5px; }
  .extracts, .cases { padding: 24px 18px 22px; }
  .ex-table thead { display: none; }
  .ex-table, .ex-table tbody, .ex-table tr { display: block; }
  .ex-table tr { display: grid; grid-template-columns: 40px 1fr; padding: 16px 0; border-bottom: 1px solid var(--hair-ink); }
  .ex-table tbody tr:last-child { border-bottom: 0; }
  .ex-table tbody td, .ex-table tbody th { border: 0; padding: 0; width: auto; }
  .ex-table .ref { grid-row: 1 / span 2; padding-top: 5px; }
  .ex-table .q { grid-column: 2; font-size: 17.5px; }
  .ex-table tbody th { grid-column: 2; grid-row: 1; margin-bottom: 8px; font-size: 13px; color: var(--steel-ink); font-family: var(--mono); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }

  .fy-table thead { display: none; }
  .fy-table, .fy-table tbody, .fy-table tr { display: block; }
  .fy-table tr { display: flex; flex-direction: column-reverse; padding: 18px 0 17px; border-bottom: 1px solid var(--hair); }
  .fy-table tbody th, .fy-table tbody td { padding: 0; border: 0; text-align: left; }
  .fy-table tbody th { margin-top: 10px; font-size: 18px; padding-right: 0; }
  .fy-n { font-size: 44px; }

  .case-f > div { grid-template-columns: 1fr; gap: 2px; }
  .case-f dd { font-size: 15.5px; }

  .mx-sheet { padding: 22px 14px 22px 22px; }
  .mx { --cell: 1fr; }
  .mx-cols, .mx-r { grid-template-columns: 26px repeat(10, minmax(0, 1fr)) 18px; gap: 4px; }
  .mx-cols b { font-size: 8px; }
  .mx-cols .mx-n { font-size: 0; }
  .mx-r--loud, .mx-r--conv { margin: 2px -8px; padding: 4px 8px; }
  .mx-r--conv::before { left: -18px; }
  .mx-r--loud::before { left: -19px; }
  .mx-notes dd { font-size: 15.5px; }

  .qmap-key .ref::before { display: none; }
  .sched-table tr.qmap-key { margin: 0 -10px; padding-left: 10px; padding-right: 10px; box-shadow: inset 2px 0 0 var(--ink); }
  .qmap-table tbody th { width: auto; }

  .forms-list > li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 24px 0 26px; }
  .fm-b p { font-size: 15.5px; }
  .terms-sheet { padding: 26px 18px 20px; }
}

/* captions: the "Illustrative" label must read clearly */
.fy-fig .fig-cap, .mx-fig .fig-cap { font-size: 13px; color: rgba(236, 232, 222, .88); }

/* ---------- round 3: hero with an extract of Exhibit C; docket under the copy ---------- */
.lit-hero::before { inset: -30% -10% auto 30%; }
.lit-hero .lit-h1 .l1 { max-width: 9.5em; }
.lit-hero .lit-h1 em { max-width: 24em; }
.lit-docket { margin-top: 44px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 640px; border-top: 1px solid var(--hair); }
.lit-docket > div { padding: 14px 16px 0 0; }
.lit-docket > div + div { padding-left: 16px; border-left: 1px solid var(--hair); }
.lit-docket dt { font: 400 12.5px/1.4 var(--sans); color: var(--fog-2); }
.lit-docket dd { margin-top: 6px; font: 400 20px/1.2 var(--serif); color: var(--ivory); }
.lit-notice { margin-top: 36px; max-width: 640px; }
.lit-stack { position: relative; }
.pt-map .f { grid-template-columns: 44px 1fr; align-items: baseline; }
.pt-map dt { color: var(--steel-ink); letter-spacing: .06em; }
.pt-map dd { font-size: 16px; }
.pt-map dd span { display: block; margin-top: 3px; font: 500 10px/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); font-style: normal; }
.pt-fields.pt-map .f:nth-child(n+6) dd { font-style: normal; }
.pt-map .is-key { position: relative; }
.pt-map .is-key::before { content: ""; position: absolute; left: -19px; top: 17px; width: 7px; height: 7px; background: var(--gold-ink); transform: rotate(45deg); }
.pt-map .is-key dd { font-weight: 500; }
.lit-doc .fig-cap { margin-top: 30px; }
.case-yr { font-style: normal; font-size: .72em; color: var(--ink-3); white-space: nowrap; }
.mx-cols, .mx-r { grid-template-columns: 44px repeat(10, minmax(0, var(--cell))) 42px; }
.mx-no { width: 34px; }
.lit-people { margin-top: clamp(56px, 6vw, 80px); }
.lit-people .h3 { color: var(--ivory); }
.lit-people .reg-lede { margin: 14px 0 26px; }
.lit-people + .terms-sheet { margin-top: clamp(48px, 5vw, 72px); }
@media (max-width: 760px) {
  .lit-hero .lit-h1 { font-size: 44px; }
  .lit-docket dt { font-size: 11.5px; }
  .lit-docket dd { font-size: 16.5px; }
  .lit-docket > div { padding-right: 10px; }
  .lit-docket > div + div { padding-left: 10px; }
  .mx-cols, .mx-r { grid-template-columns: 34px repeat(10, minmax(0, 1fr)) 18px; }
  .mx-no { width: 32px; font-size: 9px; }
  .pt-map .is-key::before { left: -13px; }
}
@media (max-width: 600px) {
  .lit-docket { grid-template-columns: 1fr; max-width: none; }
  .lit-docket > div, .lit-docket > div + div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 0; border-left: 0; border-bottom: 1px solid var(--hair); }
  .lit-docket dd { margin-top: 0; text-align: right; }
}

/* ---------- round 4: hero as a full-width document spread ---------- */
.lit-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px clamp(48px, 6vw, 96px); align-items: end; }
.lit-side .lit-lede { margin-top: 0; }
.lit-hero .lit-h1 em { max-width: 22em; }
.lit-doc { margin-top: clamp(52px, 5.6vw, 84px); }
.lit-doc .particulars { transform: none; padding: 30px 38px 26px; }
.pt-spread { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--ink); }
.pt-spread > div { position: relative; padding: 20px 22px 24px 0; }
.pt-spread > div + div { padding-left: 22px; border-left: 1px solid var(--hair-ink); }
.pt-spread dt { font: 500 11px/1.4 var(--mono); letter-spacing: .06em; color: var(--steel-ink); }
.pt-spread dd { margin-top: 12px; font: 400 21px/1.25 var(--serif); letter-spacing: -.01em; color: var(--ink); }
.pt-spread dd span { display: block; margin-top: 16px; padding-top: 10px; border-top: 1px solid var(--hair-ink); font: 500 10.5px/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.pt-spread .is-key dt::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 10px; background: var(--gold-ink); transform: rotate(45deg); vertical-align: 1px; }
.pt-spread .is-key dd { font-weight: 500; }
.lit-doc .pt-foot { margin-top: 18px; }
.lit-doc .fig-cap { margin-top: 18px; }
.lit-base { margin-top: clamp(44px, 4.6vw, 64px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px clamp(40px, 5vw, 80px); align-items: start; }
.lit-base .lit-docket, .lit-base .lit-notice { margin-top: 0; max-width: none; }

/* documents set on the desk: extracts and terms */
.extracts.desk-sheet { padding: 22px 0 0; max-width: 1000px; margin-top: clamp(48px, 5vw, 72px); }
.extracts.desk-sheet .ex-head { border-bottom-color: var(--hair-2); }
.extracts.desk-sheet .doc-label { color: var(--ivory); }
.extracts.desk-sheet .ex-cap { color: var(--fog-2); }
.extracts.desk-sheet .ex-table thead th { color: var(--fog-2); border-bottom-color: var(--hair-2); }
.extracts.desk-sheet .ex-table tbody td, .extracts.desk-sheet .ex-table tbody th { border-bottom-color: var(--hair); }
.extracts.desk-sheet .ex-table .ref { color: var(--steel-hi); }
.extracts.desk-sheet .ex-table .q { color: var(--ivory); }
.extracts.desk-sheet .ex-table .src { color: var(--fog-2); }
.extracts.desk-sheet .ex-table tbody th { color: var(--fog); }
.terms-desk { margin-top: clamp(48px, 5vw, 72px); }

@media (max-width: 1180px) {
  .pt-spread { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pt-spread > div:nth-child(4) { padding-left: 0; border-left: 0; }
  .pt-spread > div:nth-child(n+4) { border-top: 1px solid var(--hair-ink); }
}
@media (max-width: 1060px) {
  .lit-head, .lit-base { grid-template-columns: minmax(0, 1fr); }
  .lit-doc { max-width: 720px; }
}
@media (max-width: 760px) {
  .lit-doc .particulars { padding: 22px 18px 20px; }
  .pt-spread { grid-template-columns: minmax(0, 1fr); }
  .pt-spread > div, .pt-spread > div + div { display: grid; grid-template-columns: 44px minmax(0, 1fr); padding: 14px 0; border-left: 0; border-top: 0; border-bottom: 1px solid var(--hair-ink); }
  .pt-spread > div:last-child { border-bottom: 0; }
  .pt-spread dd { margin-top: 0; font-size: 17px; }
  .pt-spread dd span { margin-top: 4px; padding-top: 0; border-top: 0; font-size: 9.5px; }
  .extracts.desk-sheet { padding: 18px 0 0; }
  .extracts.desk-sheet .ex-table tr { border-bottom-color: var(--hair); }
  .extracts.desk-sheet .ex-table tbody th { color: var(--steel-hi); }
}