/* CertainTIQ legal field guide: editorial imagery and source-review diagrams. */
.legal-position{font-size:var(--t-sm);color:var(--ink-2);max-width:48ch;margin-top:22px}
.legal-hero-plate{padding-bottom:clamp(48px,6vw,88px)}
.legal-hero-plate .fig__img{aspect-ratio:16/8;overflow:hidden}
.legal-hero-plate img,.legal-detail img{display:block;width:100%;height:100%;object-fit:cover}
.legal-section{padding:clamp(52px,6vw,100px) 0;border-top:1px solid var(--line)}
.legal-section--tint,.legal-record-section{background:var(--paper-2)}
.legal-section-head{display:grid;grid-template-columns:1fr 2.2fr;gap:32px;margin-bottom:48px;align-items:start}
.legal-section-head .eyebrow{padding-top:10px}
.legal-section-head .h2{font-size:clamp(2.2rem,3.6vw,4rem);max-width:24ch}
.legal-section-head .lede{margin-top:24px;max-width:58ch;color:var(--ink-2)}
.legal-chain{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line-2)}
.legal-chain li{padding:24px;min-width:0;border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2)}
.legal-step-no{font-family:var(--f-mono);font-size:1.8rem;letter-spacing:-.08em;color:var(--teal-tx);display:block;margin-bottom:24px}
.legal-chain h3,.legal-contexts h3,.legal-eval h3,.legal-record-list>h3,.legal-boundary h3{font-size:clamp(1.25rem,1.7vw,1.65rem);font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-bottom:14px}
.legal-chain p,.legal-contexts p,.legal-eval p,.legal-record-list dd,.legal-boundary p{color:var(--ink-2);font-size:var(--t-body);line-height:1.6}
.legal-chain small{display:block;margin-top:24px;font:12px/1.5 var(--f-mono);color:var(--teal-tx)}
.legal-afterword{font-size:var(--t-sm);color:var(--ink-2);max-width:90ch;margin-top:24px;line-height:1.65}
.legal-review{border:1px solid var(--ink);background:var(--paper)}
.lr-top{padding:18px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink)}
.lr-top .mono{color:var(--teal-tx);font-size:12px;line-height:1.6}
.lr-scope{font-size:var(--t-xs);color:var(--ink-2)}
.lr-controls:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line-2)}
.lr-controls button{display:flex;align-items:center;gap:12px;min-height:64px;text-align:left;padding:16px 24px;background:transparent;border:0;border-right:1px solid var(--line-2);border-bottom:3px solid transparent;cursor:pointer;font:12px/1.4 var(--f-mono);color:var(--ink-3)}
.lr-controls button:last-child{border-right:0}
.lr-controls button span{font:500 var(--t-sm)/1.4 var(--f-sans);color:var(--ink)}
.lr-controls button[aria-pressed=true]{background:var(--paper-2);border-bottom-color:var(--teal)}
.lr-controls button:hover{background:var(--paper-2)}
.lr-controls button:focus-visible{outline:2px solid var(--teal);outline-offset:-5px}
.lr-desk{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);padding:clamp(20px,3vw,44px)}
.lr-sources,.lr-work{min-width:0}
.lr-kicker{font:12px/1.6 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.lr-paper{padding:24px;background:#fff;border:1px solid var(--line-2);border-left:3px solid var(--line-2);margin-top:16px}
.lr-paper.is-referenced{border-left-color:var(--teal)}
.lr-paper-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:12px/1.6 var(--f-mono);color:var(--ink-3);margin-bottom:28px}
.lr-paper h3,.lr-draft h3{font-size:var(--t-sm);font-weight:500;margin-bottom:12px}
.lr-paper>p:not(.lr-paper-note){font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.5}
.lr-paper mark{background:#e1e9df;padding:0 3px;color:var(--ink)}
.lr-paper-rule{margin:22px 0 16px;height:1px;background:var(--line)}
.lr-paper .lr-paper-note{font-size:var(--t-sm);color:var(--ink-2);line-height:1.6}
.lr-draft{border-top:3px solid var(--ink);padding:20px 0 24px}
.lr-draft blockquote{font-size:clamp(1.6rem,2.4vw,2.5rem);letter-spacing:-.035em;line-height:1.2;max-width:22ch;margin:0}
.lr-citation{font:12px/1.65 var(--f-mono);margin-top:24px;color:var(--teal-tx)}
.lr-review-note{padding:20px;border:1px solid var(--line-2);background:var(--paper-2)}
.lr-review-note>p:last-child{font-size:var(--t-body);line-height:1.55}
.lr-retained{padding-top:24px}
.lr-retained ul{padding-left:18px;font-size:var(--t-sm);color:var(--ink-2);line-height:1.7}
.lr-retained li+li{margin-top:6px}
.lr-result{border-top:1px solid var(--ink);padding:22px clamp(20px,3vw,44px);display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;background:#e4e9df}
.lr-result .mono{font-size:12px;color:var(--teal-tx)}
.lr-result p{font-size:var(--t-body);line-height:1.5;max-width:80ch}
.lr-footnote{padding:16px clamp(20px,3vw,44px);font-size:var(--t-xs);line-height:1.55;color:var(--ink-2);border-top:1px solid var(--line)}
.legal-contexts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);gap:0 48px}
.legal-contexts article{padding:32px 0;border-bottom:1px solid var(--line-2)}
.legal-contexts .mono,.legal-eval .mono{display:block;font-size:12px;color:var(--teal-tx);margin-bottom:26px}
.legal-contexts h3{max-width:25ch}
.legal-contexts .legal-deliverable{font-size:var(--t-sm);margin-top:22px;padding-left:16px;border-left:2px solid var(--teal)}
.legal-deliverable b{display:block;font-weight:500;color:var(--ink);margin-bottom:5px}
.legal-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.legal-record-grid .h2{font-size:clamp(2.2rem,3.6vw,4rem);margin:24px 0}
.legal-record-grid .lede{color:var(--ink-2)}
.legal-detail{margin-top:32px}
.legal-detail .fig__img{aspect-ratio:4/3;overflow:hidden}
.legal-record-list dl{border-top:1px solid var(--ink);margin-top:24px}
.legal-record-list dl>div{padding:20px 0;border-bottom:1px solid var(--line-2)}
.legal-record-list dt{font-size:var(--t-body);font-weight:500;margin-bottom:8px}
.legal-record-list dd{font-size:var(--t-sm)}
.legal-eval{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--ink)}
.legal-eval article{padding-top:24px}
.legal-boundary{margin-top:56px;padding:32px 0 0;border-top:1px solid var(--line-2);display:grid;grid-template-columns:1fr 2.2fr;gap:32px}
.legal-boundary p{max-width:76ch}
.legal-app-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0;border-block:1px solid var(--line-2)}
.legal-app-path li{padding:20px 16px 20px 0;min-width:0}
.legal-app-path li+li{border-left:1px solid var(--line-2);padding-left:16px}
.legal-app-path span{font:12px var(--f-mono);color:var(--teal-tx)}
.legal-app-path h3{font-size:1.2rem;font-weight:500;margin:12px 0 8px}
.legal-app-path p{font-size:var(--t-sm);line-height:1.55;color:var(--ink-2)}
.legal-app-intro{font-size:var(--t-body);line-height:1.65;color:var(--ink-2);max-width:75ch;margin:24px 0}
.legal-page h1,.legal-page h2,.legal-page h3,.legal-page .mono,.lr-paper-head{overflow-wrap:anywhere}
@media(max-width:1100px){.legal-section-head{grid-template-columns:1fr 2.7fr}.lr-controls button{padding:16px 14px;gap:8px}.legal-chain li{padding:20px}.legal-record-grid{gap:32px}}
@media(max-width:860px){
  .legal-section-head,.legal-record-grid,.legal-boundary{grid-template-columns:1fr;gap:24px}
  .legal-section-head{margin-bottom:32px}
  .legal-section-head .eyebrow{padding-top:0}
  .legal-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-desk{grid-template-columns:1fr}
  .lr-controls button{flex-direction:column;align-items:flex-start}
  .legal-contexts{gap:0 28px}
  .legal-eval{grid-template-columns:1fr;gap:24px}
  .legal-eval article+article{border-top:1px solid var(--line-2)}
  .legal-eval .mono{margin-bottom:14px}
  .legal-record-list{margin-top:16px}
}
@media(max-width:540px){
  .legal-hero-plate .fig__img{aspect-ratio:4/3}
  .legal-contexts,.legal-chain,.legal-app-path{grid-template-columns:1fr}
  .legal-chain li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px}
  .legal-step-no{grid-row:1/4;font-size:1.4rem;margin:0}
  .legal-chain p,.legal-chain small{grid-column:2}
  .legal-chain small{margin-top:16px}
  .lr-top{padding:16px 20px}
  .lr-controls button{padding:14px 10px}
  .lr-paper{padding:18px}
  .lr-paper-head{margin-bottom:20px}
  .lr-result{grid-template-columns:1fr;gap:8px}
  .legal-app-path li+li{border-left:0;border-top:1px solid var(--line-2);padding-left:0}
  .legal-app-path li{padding-right:0}
}