/* Alpha AI mechanism study. Original geometry; approved Pearl tokens only. */
.ai-study .ai-study-explorer { display:block; border:0; border-radius:0; background:transparent; }
.ai-study .ai-study-tabs,
.ai-study .ai-study-tabs[role=tablist] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; gap:0; border:0; background:transparent; }
.ai-study .ai-study-tab { min-width:0; min-height:104px; align-items:flex-end; justify-content:space-between; gap:16px; padding:20px; border:0; border-bottom:1px solid var(--pearl-strong); color:var(--pearl-muted); background:transparent; position:relative; transition:background-color 180ms ease-out,color 180ms ease-out; }
.ai-study .ai-study-tab + .ai-study-tab { border-left:1px solid var(--pearl-line); }
.ai-study .ai-study-tab:last-child { border-bottom:1px solid var(--pearl-strong); }
.ai-study .ai-study-tab-title { display:block; font:500 18px/1.4 var(--pearl-font-display); letter-spacing:-0.0125em; }
.ai-study .ai-study-tab-title > span { display:block; }
.ai-study .ai-study-tab > svg { width:22px; height:22px; flex:none; margin-bottom:2px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.ai-study .ai-study-tab:hover { color:var(--pearl-ink); background:var(--pearl-alt); }
.ai-study .ai-study-tab[aria-selected=true] { color:var(--pearl-ink); background:var(--pearl-soft); }
.ai-study .ai-study-tab[aria-selected=true]:after { content:""; position:absolute; left:20px; right:20px; bottom:-1px; height:2px; background:var(--pearl-motion-data); }
.ai-study :is(.ai-study-tab,.ai-study-panel):focus-visible { outline:var(--pearl-focus-width) solid var(--pearl-focus); outline-offset:var(--pearl-focus-offset); z-index:1; }
.ai-study .ai-study-panel { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:clamp(28px,4vw,64px); padding:40px 0 0; border:0; }
.ai-study .ai-study-panel[hidden] { display:none; }
.ai-study .ai-study-panel:not([hidden]) + .ai-study-panel:not([hidden]) { margin-top:40px; padding-top:40px; border-top:1px solid var(--pearl-line); }
.ai-study .ai-study-copy { min-width:0; }
.platform-page .pf-main .ai-study .ai-study-copy h3 { max-width:none; font-size:clamp(24px,2.2vw,30px); letter-spacing:-0.015em; line-height:1.3; }
.ai-study .pf-record-purpose { width:100%; max-width:none; margin:18px 0 0; }
.ai-study .ai-study-copy dl { margin:24px 0 0; }
.ai-study .ai-study-copy dl > div { display:block; padding:16px 0; }
.ai-study .ai-study-copy dt { margin-bottom:6px; font:400 14px/1.5 var(--pearl-font-body); color:var(--pearl-muted); }
.platform-page .pf-main .ai-study .ai-study-copy dd { font-size:14px; line-height:1.6; }
.ai-study-figure { min-width:0; margin:0; padding:clamp(16px,2.4vw,32px); border:1px solid var(--pearl-line); border-radius:var(--pearl-radius-panel); background:var(--pearl-alt); color:var(--pearl-art); }
.ai-study-drawing { position:relative; min-height:300px; }
.ai-study-icon { display:block; width:48px; height:48px; flex:none; overflow:visible; fill:none; stroke:var(--pearl-art); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.ai-study-icon circle { fill:var(--pearl-alt); }
.ai-study-signal { stroke:var(--pearl-motion-data); }
.ai-study-node { position:relative; z-index:1; min-width:0; display:flex; align-items:center; gap:12px; }
.ai-study-node > span { color:var(--pearl-ink); font:400 14px/1.45 var(--pearl-font-body); }
.ai-study-junction { fill:var(--pearl-motion-data); stroke:var(--pearl-motion-data); }
.ai-study-retrieval { display:grid; grid-template-columns:minmax(0,1.2fr) 32px minmax(0,.8fr); align-items:center; }
.ai-study-sources { display:grid; grid-template-rows:repeat(3,80px); }
.ai-study-sources .ai-study-node { gap:10px; }
.ai-study-sources .ai-study-icon { width:40px; height:40px; }
.ai-study-merge { display:block; width:100%; height:240px; fill:none; stroke:var(--pearl-strong); stroke-width:1.5; }
.ai-study-assembly { min-width:0; min-height:168px; border:1px solid var(--pearl-strong); background:var(--pearl-panel); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; padding:14px 6px; }
.ai-study-assembly > .ai-study-icon { width:64px; height:64px; }
.ai-study-assembly strong { font:500 15px/1.45 var(--pearl-font-display); text-align:center; color:var(--pearl-ink); }
.ai-study-context { display:grid; grid-template-rows:80px 140px 80px; align-items:center; }
.ai-study-context-links { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:var(--pearl-strong); stroke-width:1.4; }
.ai-study-context-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.ai-study-context-pair .ai-study-node { flex-direction:column; gap:4px; text-align:center; background:var(--pearl-alt); }
.ai-study-context-core { justify-self:center; display:flex; align-items:center; gap:14px; background:var(--pearl-panel); border:1px solid var(--pearl-strong); padding:16px 20px; z-index:1; }
.ai-study-context-core strong { font:500 16px/1.5 var(--pearl-font-display); color:var(--pearl-ink); }
.ai-study-outputs { display:flex; flex-direction:column; justify-content:center; padding-top:12px; }
.ai-study-output-sheet { position:relative; border:1px solid var(--pearl-strong); background:var(--pearl-panel); padding:22px 20px; }
.ai-study-output-sheet > strong { display:block; padding-bottom:16px; color:var(--pearl-ink); font:500 17px/1.45 var(--pearl-font-display); }
.ai-study-output-sheet > svg { display:block; width:100%; height:auto; fill:none; stroke:var(--pearl-strong); stroke-width:1.5; }
.ai-study-output-sheet .ai-study-citation { fill:var(--pearl-soft); stroke:var(--pearl-motion-data); }
.ai-study-output-links { width:100%; height:36px; fill:none; stroke:var(--pearl-strong); stroke-width:1.4; }
.ai-study-output-sources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ai-study-output-sources .ai-study-node { flex-direction:column; gap:7px; text-align:center; }
.ai-study-output-sources .ai-study-icon { width:42px; height:42px; }
.ai-study-learning { display:grid; grid-template-rows:96px 108px 96px; align-items:center; }
.ai-study-learning-links { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:var(--pearl-strong); stroke-width:1.4; }
.ai-study-learning-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px; }
.ai-study-learning-pair .ai-study-node { flex-direction:column; gap:5px; text-align:center; background:var(--pearl-alt); }
.ai-study-learning-centre { align-self:center; justify-self:center; padding:14px 24px; background:var(--pearl-alt); z-index:1; }
.ai-study-learning-centre > span { font:500 22px/1.4 var(--pearl-font-display); text-align:center; display:block; color:var(--pearl-ink); }
@media(max-width:1100px) {
  .ai-study .ai-study-tab { padding:18px 14px; gap:10px; }
  .ai-study .ai-study-tab-title { font-size:16px; }
  .ai-study .ai-study-panel { gap:28px; }
  .ai-study-sources .ai-study-node { flex-direction:column; justify-content:center; gap:4px; text-align:center; }
  .ai-study-sources .ai-study-icon { width:32px; height:32px; }
  .ai-study-sources .ai-study-node > span { font-size:14px; }
}
@media(max-width:900px) {
  .ai-study .ai-study-panel { grid-template-columns:minmax(0,1fr); gap:28px; }
  .ai-study-figure { width:100%; max-width:620px; margin-inline:auto; box-sizing:border-box; }
  .ai-study-sources .ai-study-node { flex-direction:row; justify-content:flex-start; gap:14px; text-align:left; }
  .ai-study-sources .ai-study-icon { width:48px; height:48px; }
  .ai-study-retrieval { grid-template-columns:minmax(0,1.2fr) 48px minmax(0,.8fr); }
  .ai-study .ai-study-copy dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
@media(max-width:640px) {
  .ai-study .ai-study-tabs,
  .ai-study .ai-study-tabs[role=tablist] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-study .ai-study-tab { min-height:88px; padding:16px 12px; }
  .ai-study .ai-study-tab:nth-child(3) { border-left:0; }
  .ai-study .ai-study-tab-title { font-size:15px; }
  .ai-study .ai-study-tab > svg { width:18px; height:18px; }
  .ai-study .ai-study-panel { padding-top:28px; gap:24px; }
  .ai-study-figure { padding:16px 12px; }
  .ai-study-retrieval { grid-template-columns:minmax(0,1.1fr) 28px minmax(0,.9fr); }
  .ai-study-sources .ai-study-node { flex-direction:column; gap:4px; justify-content:center; text-align:center; }
  .ai-study-sources .ai-study-icon { width:32px; height:32px; }
  .ai-study .ai-study-copy dl { display:block; }
  .ai-study-context-pair { gap:28px; }
  .ai-study-context-core { padding:14px; gap:10px; }
  .ai-study-output-sheet { padding:18px 14px; }
  .ai-study-output-sources { gap:10px; }
  .ai-study-learning-pair { gap:40px; }
  .ai-study-learning-centre { padding-inline:12px; }
  .ai-study-learning-centre > span { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .ai-study .ai-study-tab { transition:none; }
}