/* x1-resources-legal-ai-evaluation-guide - long-form buyer guide (2026-10-01).
   Reading layout: sticky contents list beside a ~40rem column; the signature element is the
   blank finding sheet under "Write the finding with its limits". Every rule scoped to the page. */

.x1-resources-legal-ai-evaluation-guide {--eg-measure: 40rem; --eg-ochre: #8F520E;}

/* hero */
.x1-resources-legal-ai-evaluation-guide .d29-hero .eyebrow {margin-bottom: 1.25rem;}
.x1-resources-legal-ai-evaluation-guide .d29-hero .display {max-width: 13ch;}

/* guide grid */
.x1-resources-legal-ai-evaluation-guide .eg-guide {padding-top: clamp(3rem, 2rem + 4vw, 6rem);}
.x1-resources-legal-ai-evaluation-guide .eg-grid {align-items: start; row-gap: var(--stack-m);}
.x1-resources-legal-ai-evaluation-guide .eg-side {grid-column: 1 / span 4; align-self: stretch;}
.x1-resources-legal-ai-evaluation-guide .eg-body {grid-column: 6 / span 7; max-width: var(--eg-measure); min-width: 0;}

/* contents list */
.x1-resources-legal-ai-evaluation-guide .eg-toc {position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; padding-right: .5rem; scrollbar-width: thin;}
.x1-resources-legal-ai-evaluation-guide .eg-toc summary {list-style: none; font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted); padding-bottom: .9rem; border-bottom: 1px solid var(--rule); margin-bottom: .5rem;}
.x1-resources-legal-ai-evaluation-guide .eg-toc summary::-webkit-details-marker {display: none;}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list {list-style: none; margin: 0; padding: 0;}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list li {margin: 0;}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list .eg-toc-gap {margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--rule);}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list a {display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); align-items: baseline; padding: .32rem 0 .32rem .75rem; margin-left: -.75rem; border-left: 2px solid transparent; font-size: .9375rem; line-height: 1.35; color: var(--muted); text-decoration: none; transition: color .2s, border-color .2s;}
.x1-resources-legal-ai-evaluation-guide .eg-toc-gap a, .x1-resources-legal-ai-evaluation-guide .eg-toc-gap ~ li a {grid-template-columns: minmax(0, 1fr);}
.x1-resources-legal-ai-evaluation-guide .eg-tn {font: 400 1rem/1 var(--serif); font-variant-numeric: tabular-nums; color: var(--eg-ochre);}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list a:hover {color: var(--ink);}
.x1-resources-legal-ai-evaluation-guide .eg-toc-list a[aria-current="true"] {color: var(--ink); border-left-color: var(--eg-ochre);}

/* the guide body */
.x1-resources-legal-ai-evaluation-guide .eg-step {scroll-margin-top: 96px; padding-block: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem); border-top: 1px solid var(--rule);}
.x1-resources-legal-ai-evaluation-guide .eg-step:first-child {border-top: 0; padding-top: 0;}
.x1-resources-legal-ai-evaluation-guide .eg-step h2 {position: relative; font: 400 clamp(1.625rem, 1.3rem + 1vw, 2.125rem)/1.18 var(--serif); letter-spacing: -.012em; color: var(--ink); margin-bottom: .9rem; text-wrap: balance;}
.x1-resources-legal-ai-evaluation-guide .eg-n {display: block; font: 400 1.0625rem/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--eg-ochre); letter-spacing: .02em; margin-bottom: .6rem;}
.x1-resources-legal-ai-evaluation-guide .eg-step p {font-size: var(--fs-body); line-height: 1.65; color: var(--text); text-wrap: pretty;}
.x1-resources-legal-ai-evaluation-guide .eg-step-plain {border-top-color: var(--ink);}
.x1-resources-legal-ai-evaluation-guide .eg-step-plain + .eg-step-plain {border-top-color: var(--rule);}

/* pull line */
.x1-resources-legal-ai-evaluation-guide .eg-aha {margin: clamp(1rem, .5rem + 1vw, 2rem) 0 clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem); font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.625rem); max-width: 22ch; border-left: 2px solid var(--eg-ochre);}
.x1-resources-legal-ai-evaluation-guide .eg-aha + .eg-step {border-top: 1px solid var(--rule);}

/* signature: the finding sheet */
.x1-resources-legal-ai-evaluation-guide .eg-sheet {margin-top: var(--stack-m); background: var(--surface); border-radius: 12px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 18px 48px -12px rgba(20,20,20,.18); padding: clamp(1.25rem, .75rem + 1.6vw, 2.25rem);}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-head {display: flex; align-items: center; gap: 1rem; margin-bottom: .75rem;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-k {font: 400 1.75rem/1 var(--serif); color: var(--ink);}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-rule {flex: 1; height: 1px; background: var(--eg-ochre); opacity: .55;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-rows {margin: 0; display: grid;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-rows > div {display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; align-items: end; padding-top: .9rem;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-rows dt {font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted); padding-bottom: .35rem;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-rows dd {margin: 0; height: 1.6rem; border-bottom: 1px dotted rgba(0,0,0,.28);}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-tall dd {height: 3.2rem; background: linear-gradient(transparent calc(50% - 1px), rgba(0,0,0,.18) calc(50% - 1px), rgba(0,0,0,.18) 50%, transparent 50%) no-repeat; background-size: 100% 100%;}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-ex dt {color: var(--eg-ochre);}
.x1-resources-legal-ai-evaluation-guide .eg-sheet-ex {margin-top: .4rem;}

/* FinePrint + FineShield band */
.x1-resources-legal-ai-evaluation-guide .eg-fp {background: var(--tint); border-top: 0 !important;}
.x1-resources-legal-ai-evaluation-guide .eg-fp-grid {row-gap: var(--stack-l);}
.x1-resources-legal-ai-evaluation-guide .eg-fp-col {grid-column: span 6; scroll-margin-top: 96px; padding-top: var(--stack-m); border-top: 1px solid var(--ink);}
.x1-resources-legal-ai-evaluation-guide .eg-fp-col:last-child {border-top-color: var(--eg-ochre);}
.x1-resources-legal-ai-evaluation-guide .eg-fp-col .eyebrow {color: var(--muted); margin-bottom: var(--stack-s);}
.x1-resources-legal-ai-evaluation-guide .eg-fp-h {font-size: clamp(2rem, 1.35rem + 2vw, 3rem); margin-bottom: var(--stack-s); max-width: 16ch;}
.x1-resources-legal-ai-evaluation-guide .eg-fp-col p:not(.eyebrow) {max-width: 34rem; line-height: 1.65; text-wrap: pretty;}

/* FAQ */
.x1-resources-legal-ai-evaluation-guide .eg-fp + .eg-faq-sec {border-top: 0;}
.x1-resources-legal-ai-evaluation-guide .eg-faq-grid {align-items: start; row-gap: var(--stack-m);}
.x1-resources-legal-ai-evaluation-guide .eg-faq-grid > :first-child {grid-column: 1 / span 4;}
.x1-resources-legal-ai-evaluation-guide .eg-faq-grid > :last-child {grid-column: 6 / span 7;}
.x1-resources-legal-ai-evaluation-guide .eg-faq-h {font-size: clamp(2rem, 1.35rem + 2vw, 3rem);}
.x1-resources-legal-ai-evaluation-guide .eg-faq-sec + .close {padding-top: 0;}
.x1-resources-legal-ai-evaluation-guide .close-card .h2 {max-width: 16ch;}

@media (max-width: 960px){
  .x1-resources-legal-ai-evaluation-guide .eg-side, .x1-resources-legal-ai-evaluation-guide .eg-body,
  .x1-resources-legal-ai-evaluation-guide .eg-fp-col,
  .x1-resources-legal-ai-evaluation-guide .eg-faq-grid > :first-child, .x1-resources-legal-ai-evaluation-guide .eg-faq-grid > :last-child {grid-column: 1 / -1;}
  .x1-resources-legal-ai-evaluation-guide .eg-body {max-width: none;}
  .x1-resources-legal-ai-evaluation-guide .eg-toc {position: static; max-height: none; overflow: visible; padding: 1rem 1.15rem; border: 1px solid var(--rule); border-radius: 12px; background: var(--surface);}
  .x1-resources-legal-ai-evaluation-guide .eg-toc summary {cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding-bottom: 0; border-bottom: 0; margin-bottom: 0;}
  .x1-resources-legal-ai-evaluation-guide .eg-toc summary::after {content: "+"; font: 400 1.375rem/1 var(--sans); color: var(--muted); transition: transform .2s;}
  .x1-resources-legal-ai-evaluation-guide .eg-toc[open] summary::after {transform: rotate(45deg);}
  .x1-resources-legal-ai-evaluation-guide .eg-toc[open] summary {padding-bottom: .75rem; border-bottom: 1px solid var(--rule); margin-bottom: .5rem;}
  .x1-resources-legal-ai-evaluation-guide .eg-step:first-child {padding-top: var(--stack-s);}
}
@media (max-width: 560px){
  .x1-resources-legal-ai-evaluation-guide .eg-sheet-rows > div {grid-template-columns: minmax(0, 1fr); gap: .1rem;}
  .x1-resources-legal-ai-evaluation-guide .eg-sheet-rows dt {padding-bottom: 0;}
  .x1-resources-legal-ai-evaluation-guide .eg-aha {padding-left: 1rem;}
}
@media (prefers-reduced-motion: reduce){
  .x1-resources-legal-ai-evaluation-guide .eg-toc-list a, .x1-resources-legal-ai-evaluation-guide .eg-toc summary::after {transition: none;}
}