/* The public AI data-use page. Same world as the product page: Prussian field, card stock, status colours. */
:root{
  --field:#1B3A5E;
  --field-deep:#122A46;
  --frame:#A4C6DE;
  --stock:#FCFBF7;
  --stock-fresh:#FFFFFF;
  --act:#B3202A;            /* only for what is not true */
  --s-stale:#0F6B7F;
  --s-confirm:#2D3E66;
  --s-held:#5E5A55;
  --t-not_true:#F8E7E6;
  --t-stale:#E0EEF1;
  --t-confirm:#E7EAF2;
  --t-held:#EFEDE8;
  --t-verified:#EAF2F7;
  --ruled:#C9DCE4;
  --ink:#1E1A16;
  --muted:#5E5A55;
  --cite:#3A3631;
  --on-field:#FFFFFF;
  --on-field-muted:#C7D8EA;

  --display:'Parkinsans','Atkinson Hyperlegible Next',sans-serif;
  --sans:'Atkinson Hyperlegible Next','Atkinson Hyperlegible',-apple-system,'Segoe UI',sans-serif;
  --mono:'Atkinson Hyperlegible Mono',ui-monospace,'SF Mono',Menlo,monospace;

  --r-tag:8px;
  --r-row:14px;
  --r-card:22px;
  --gutter:clamp(16px, 4.2vw, 60px);
  --max:1320px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--field);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--field);color:var(--on-field);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,p,dl,dd,ul,figure,blockquote{margin:0;padding:0}
ul{list-style:none}
img{display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--on-field);outline-offset:3px;border-radius:8px}
.card :focus-visible{outline-color:var(--field)}
.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--stock);color:var(--ink);padding:10px 14px;border-radius:var(--r-tag);font:700 15px/1 var(--display);text-decoration:none}
.skip:focus{top:12px}

/* Buttons */
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font:700 15px/1 var(--display);text-decoration:none;white-space:nowrap;transition:background-color .18s var(--ease),box-shadow .18s var(--ease)}
.btn.primary{background:var(--stock);color:var(--ink)}
.btn.primary:hover{background:var(--stock-fresh)}
.btn.ghost{color:var(--on-field);box-shadow:inset 0 0 0 1.5px var(--on-field-muted)}
.btn.ghost:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px var(--on-field)}

/* Top bar */
.top{position:sticky;top:0;z-index:20;padding:14px var(--gutter) 0}
.top-in{max-width:var(--max);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 8px 0 22px;background:var(--field-deep);border-radius:999px;box-shadow:0 0 0 1px rgba(164,198,222,.3)}
.word{line-height:0;padding:6px 2px}
.top-links{display:flex;gap:8px}

/* Intro */
.intro{padding-top:clamp(40px, 5vw, 64px);padding-bottom:28px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px 48px;align-items:end}
h1{font:800 clamp(36px, 4.4vw, 62px)/1.04 var(--display);letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.asof{margin-top:20px;font:700 16px/1.4 var(--mono);color:var(--on-field-muted)}
.key{margin-top:18px;max-width:62ch}
.key summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font:700 15px/1.2 var(--display);color:var(--on-field-muted)}
.key summary::-webkit-details-marker{display:none}
.key summary:hover{color:var(--on-field)}
.key .chev{stroke:currentColor}
.key[open] .chev{transform:rotate(180deg)}
.legend{display:grid;gap:8px;margin-top:6px}
.legend div{display:flex;align-items:center;gap:10px}
.legend dt{display:flex;flex:0 0 7.4em}
.legend dd{font-size:15px;color:var(--on-field-muted)}
.key-note{margin-top:12px;font-size:15px;color:var(--on-field-muted)}
.findings{padding:22px 22px 18px;border-radius:var(--r-card);background:var(--stock);color:var(--ink)}
.findings[hidden]{display:none}
.findings h2{font:700 13px/1.3 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.findings ul{margin-top:12px;display:grid;gap:10px}
.finding a{display:grid;gap:6px;padding:14px 16px;border-radius:var(--r-row);text-decoration:none;color:var(--ink)}
.f-not_true a{background:var(--t-not_true);box-shadow:inset 0 0 0 1.5px var(--act)}
.f-stale a{background:var(--t-stale);box-shadow:inset 0 0 0 1.5px var(--s-stale)}
.finding a:hover{filter:brightness(.98)}
.finding-top{display:flex;align-items:center;gap:10px}
.finding-path{font:700 17px/1.2 var(--mono);color:var(--field-deep)}
.finding-text{font-size:16px;line-height:1.4}

/* Status tags: square to the grid, filled */
.tag{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 10px;border-radius:var(--r-tag);font:700 13px/1 var(--display);letter-spacing:.01em;white-space:nowrap;color:#FFFFFF}
.tag.s-not_true{background:var(--act)}
.tag.s-stale{background:var(--s-stale)}
.tag.s-confirm{background:var(--s-confirm)}
.tag.s-held{background:var(--s-held)}
.tag.s-verified{background:var(--frame);color:var(--field-deep)}

/* Endpoint cards */
.eps{padding-bottom:clamp(64px, 8vw, 112px)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.col{display:grid;gap:24px;align-content:start}
.card{background:var(--stock);color:var(--ink);border-radius:var(--r-card);padding:26px 22px 22px;box-shadow:inset 0 6px 0 var(--edge-c, var(--frame))}
.card.w-not_true{--edge-c:var(--act)}
.card.w-stale{--edge-c:var(--s-stale)}
.card.w-confirm{--edge-c:var(--s-confirm)}
.card.w-held{--edge-c:var(--s-held)}
.card-h{padding:4px 6px 16px}
.path{font:700 26px/1.15 var(--mono);letter-spacing:-.01em;color:var(--field-deep);overflow-wrap:anywhere}
.purpose{margin-top:4px;font-size:15.5px;color:var(--cite)}

.rows{display:grid;gap:6px}
.row{border-radius:var(--r-row);background:var(--stock);box-shadow:inset 0 0 0 1px var(--ruled)}
.row.s-not_true{background:var(--t-not_true);box-shadow:inset 0 0 0 1.5px var(--act)}
.row.s-stale{background:var(--t-stale);box-shadow:inset 0 0 0 1.5px var(--s-stale)}
.row.s-confirm{background:var(--t-confirm);box-shadow:none}
.row.s-held{background:var(--t-held);box-shadow:none}
.row summary{display:grid;grid-template-columns:9.5em minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:52px;padding:10px 12px 10px 16px;cursor:pointer;list-style:none;border-radius:var(--r-row)}
.row summary::-webkit-details-marker{display:none}
.row summary:hover{background:rgba(27,58,94,.05)}
.q{font:700 14.5px/1.25 var(--display);color:var(--field-deep)}
.a{font-size:15.5px;line-height:1.35;color:var(--ink)}
.chev{width:16px;height:16px;fill:none;stroke:var(--field-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.row[open] .chev{transform:rotate(180deg)}

.detail{padding:4px 16px 16px;display:grid;gap:12px}
.full-q{font-size:14.5px;color:var(--muted)}
.truth{font-weight:700;color:var(--act);font-size:16px}
.quote{padding:14px 16px;border-radius:12px;background:var(--stock);font-size:16px;line-height:1.5;color:var(--ink)}
.quote::before{content:"\201C"}
.quote::after{content:"\201D"}
.none{font-size:15.5px;color:var(--cite)}
.src{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;font-size:15px;color:var(--cite)}
.src-link{font-weight:700;color:var(--field);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;overflow-wrap:anywhere;width:fit-content}
.src-link:hover{color:var(--field-deep)}
.src-meta{font:500 13.5px/1.5 var(--mono);color:var(--muted)}

.change{display:grid;gap:10px}
.change-h{font-weight:700;color:var(--s-stale)}
.change-list{display:grid;gap:10px}
.change-list li{padding:10px 0 0;border-top:1px solid var(--ruled);font-size:15px}
.change-kind{display:inline-block;margin-left:4px;font:700 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--s-stale)}
.change-row{margin-top:8px;color:var(--cite);overflow-wrap:anywhere}
.change-val{margin-top:2px}
.pair{margin-top:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pair p{padding:8px 10px;border-radius:10px}
.pair .was{background:var(--t-held);color:var(--muted)}
.pair .now{background:var(--stock);color:var(--ink)}
.pair del{text-decoration-thickness:1px}
.pair ins{text-decoration:none}
.pair-l{display:block;font:700 11.5px/1.4 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.change-key{font:700 12px/1.4 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.change-was{color:var(--muted)}

/* Footer */
.foot{background:var(--field-deep);padding:32px 0 36px}

@media (max-width: 1100px){
  .intro{grid-template-columns:minmax(0,1fr)}
  .grid{grid-template-columns:minmax(0,1fr)}
  .grid,.col{display:contents}
  .grid{display:grid;gap:24px}
}
@media (max-width: 560px){
  .top-in{padding-left:16px;height:56px}
  .top-links .ghost{display:none}
  .legend div{align-items:flex-start}
  .pair{grid-template-columns:minmax(0,1fr)}
  .card{padding:22px 12px 12px}
  .card-h{padding:4px 8px 16px}
  .path{font-size:22px}
  .row summary{grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:"q t c" "a a a";gap:4px 10px;padding:12px 12px 12px 14px}
  .row .q{grid-area:q}
  .row .a{grid-area:a}
  .row .tag{grid-area:t}
  .row .chev{grid-area:c}
  .detail{padding:2px 12px 14px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important}
}