/* Aide Resources series — shared article + hub layout (linked with /site.css) */

.content { flex:1; padding:clamp(2.5rem,7vh,5.5rem) 0 clamp(3rem,7vh,5rem); }

.eyebrow { margin:0 0 1.25rem; color:var(--violet); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }

h1 { margin:0; color:var(--heading); font-size:clamp(2rem,4.6vw,3.35rem); font-weight:800; letter-spacing:-.04em; line-height:1.08; max-width:18ch; }

h1 .title-soft { color:var(--muted); font-weight:700; }

h1 .title-em {
      background:linear-gradient(90deg,var(--coral),var(--violet));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }

.lede { max-width:40rem; margin:1.35rem 0 0; color:var(--muted); font-size:clamp(1.05rem,1.55vw,1.18rem); line-height:1.65; }

.lede strong { color:var(--heading); font-weight:700; }

/* Hero dual cards */

.hero-split {
      display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:clamp(2rem,4vh,2.75rem);
    }

.path-card {
      border-radius:var(--radius-sm); padding:1.35rem 1.4rem 1.45rem; border:1px solid var(--line);
      min-height:100%;
    }

.path-card.gpt { background:var(--gpt-tint); }

.path-card.aide {
      background:
        linear-gradient(135deg, rgba(249,115,22,.08), rgba(124,58,237,.1)),
        var(--paper);
      border-color:transparent;
      box-shadow:0 0 0 1px rgba(124,58,237,.18);
    }

.path-kicker {
      display:inline-flex; align-items:center; gap:.45rem;
      font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
      margin:0 0 .7rem;
    }

.path-card.gpt .path-kicker { color:var(--muted); }

.path-card.aide .path-kicker { color:var(--violet); }

.path-dot { width:.55rem; height:.55rem; border-radius:50%; background:currentColor; flex:none; }

.path-card.aide .path-dot { background:linear-gradient(90deg,var(--coral),var(--violet)); }

.path-card h2 { margin:0 0 .55rem; color:var(--heading); font-size:clamp(1.05rem,1.6vw,1.25rem); font-weight:800; letter-spacing:-.02em; line-height:1.25; }

.path-card p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.55; }

/* Section chrome */

section.block { margin-top:clamp(3rem,7vh,4.75rem); }

.section-label {
      margin:0 0 .85rem; color:var(--violet); font-size:.72rem; font-weight:800;
      letter-spacing:.11em; text-transform:uppercase;
    }

.section-title {
      margin:0 0 1.15rem; color:var(--heading); font-size:clamp(1.35rem,2.4vw,1.85rem);
      font-weight:800; letter-spacing:-.03em; line-height:1.2; max-width:28ch;
    }

.section-title em { font-style:normal; background:linear-gradient(90deg,var(--coral),var(--violet)); -webkit-background-clip:text; background-clip:text; color:transparent; }

.section-intro { margin:-.35rem 0 1.5rem; max-width:40rem; color:var(--muted); font-size:1rem; line-height:1.6; }

/* Verdict lanes */

.lanes { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }

.lane {
      border-radius:var(--radius-sm); border:1px solid var(--line); overflow:hidden;
      background:var(--paper);
    }

.lane-head {
      padding:.9rem 1.15rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem;
      border-bottom:1px solid var(--line);
    }

.lane.gpt .lane-head { background:var(--gpt-tint); }

.lane.aide .lane-head {
      background:linear-gradient(90deg, rgba(249,115,22,.12), rgba(124,58,237,.12));
    }

.lane-name { margin:0; font-size:.95rem; font-weight:800; color:var(--heading); letter-spacing:-.01em; }

.lane-tag {
      font-size:.65rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
      padding:.22rem .55rem; border-radius:999px; white-space:nowrap;
    }

.lane.gpt .lane-tag { color:var(--muted); background:var(--soft); }

.lane.aide .lane-tag { color:#fff; background:linear-gradient(90deg,var(--coral),var(--violet)); }

.lane-list { list-style:none; margin:0; padding:.35rem 0; }

.lane-list li {
      margin:0; padding:.85rem 1.15rem; color:var(--ink); font-size:.92rem; line-height:1.45;
      border-bottom:1px solid var(--line);
    }

.lane-list li:last-child { border-bottom:0; }

.lane-list li span {
      display:block; color:var(--muted); font-size:.78rem; margin-top:.25rem; line-height:1.4;
    }

/* Comparison bands (not a table) */

.bands { display:flex; flex-direction:column; gap:.75rem; }

.band {
      display:grid; grid-template-columns:minmax(9rem,0.9fr) 1fr 1fr; gap:.75rem;
      align-items:stretch; padding:.85rem; border-radius:var(--radius-sm);
      background:var(--canvas); border:1px solid var(--line);
    }

.band-label {
      display:flex; align-items:center; padding:.35rem .5rem;
      color:var(--heading); font-size:.88rem; font-weight:800; letter-spacing:-.01em; line-height:1.3;
    }

.band-cell {
      border-radius:var(--radius-xs); padding:.85rem .95rem; font-size:.88rem; line-height:1.45; color:var(--ink);
      background:var(--paper); border:1px solid var(--line);
    }

.band-cell.aide-cell {
      border-color:transparent;
      box-shadow:0 0 0 1px rgba(124,58,237,.2);
      background:linear-gradient(180deg, rgba(124,58,237,.06), transparent 70%), var(--paper);
    }

.band-cell .who {
      display:block; font-size:.65rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
      margin:0 0 .35rem;
    }

.band-cell.gpt-cell .who { color:var(--muted); }

.band-cell.aide-cell .who { color:var(--violet); }

/* Bias cascade */

.bias-stage {
      border-radius:var(--radius); padding:clamp(1.4rem,3vw,2rem);
      background:
        radial-gradient(120% 80% at 0% 0%, rgba(249,115,22,.12), transparent 55%),
        radial-gradient(100% 90% at 100% 100%, rgba(124,58,237,.14), transparent 50%),
        var(--canvas);
      border:1px solid var(--line);
    }

.bias-quote {
      margin:0 0 1.4rem; max-width:34rem;
      color:var(--heading); font-size:clamp(1.2rem,2.2vw,1.55rem); font-weight:800;
      letter-spacing:-.03em; line-height:1.25;
    }

.bias-body { margin:0 0 1.5rem; max-width:42rem; color:var(--muted); font-size:1rem; line-height:1.65; }

.bias-body strong { color:var(--heading); font-weight:700; }

.cascade {
      display:grid; grid-template-columns:repeat(4, 1fr); gap:.65rem; margin:0 0 1.5rem;
    }

.cascade-step {
      position:relative; border-radius:var(--radius-xs); padding:1rem .95rem 1.05rem;
      background:var(--paper); border:1px solid var(--line); min-height:100%;
    }

.cascade-step .n {
      display:inline-flex; align-items:center; justify-content:center;
      width:1.55rem; height:1.55rem; border-radius:999px; margin-bottom:.65rem;
      font-size:.72rem; font-weight:800; color:#fff;
      background:linear-gradient(135deg,var(--coral),var(--violet));
    }

.cascade-step h3 { margin:0 0 .35rem; color:var(--heading); font-size:.95rem; font-weight:800; letter-spacing:-.01em; }

.cascade-step p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.45; }

.blind-grid {
      display:grid; grid-template-columns:1fr 1fr; gap:.65rem;
    }

.blind-item {
      border-radius:var(--radius-xs); padding:.95rem 1rem; background:var(--paper);
      border-left:3px solid var(--coral); border:1px solid var(--line); border-left-width:3px; border-left-color:var(--coral);
      color:var(--ink); font-size:.9rem; line-height:1.5;
    }

.blind-item strong { display:block; color:var(--heading); font-size:.78rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; margin-bottom:.3rem; }

/* Wins two-col */

.wins {
      display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:start;
    }

.win-col {
      border-radius:var(--radius-sm); border:1px solid var(--line); padding:1.25rem 1.25rem 1.35rem;
      background:var(--paper);
    }

.win-col.aide-win {
      background:linear-gradient(165deg, rgba(249,115,22,.07), rgba(124,58,237,.08) 45%, var(--paper) 80%);
      border-color:transparent; box-shadow:0 0 0 1px rgba(124,58,237,.18);
    }

.win-col > h3 {
      margin:0 0 1rem; padding-bottom:.85rem; border-bottom:1px solid var(--line);
      color:var(--heading); font-size:1.05rem; font-weight:800; letter-spacing:-.02em;
    }

.win-item { margin:0 0 1.05rem; }

.win-item:last-child { margin-bottom:0; }

.win-item h4 { margin:0 0 .3rem; color:var(--heading); font-size:.95rem; font-weight:800; letter-spacing:-.01em; }

.win-item p { margin:0; color:var(--muted); font-size:.9rem; line-height:1.55; }

.win-foot { margin:1.1rem 0 0; font-size:.82rem; color:var(--muted); }

.win-foot a { color:var(--muted); }

/* Scenarios */

.scenario-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }

.scenario {
      border-radius:var(--radius-sm); border:1px solid var(--line); overflow:hidden; background:var(--paper);
      display:flex; flex-direction:column;
    }

.scenario-head {
      padding:1rem 1.15rem; background:var(--canvas); border-bottom:1px solid var(--line);
    }

.scenario-head h3 { margin:0; color:var(--heading); font-size:.98rem; font-weight:800; letter-spacing:-.015em; line-height:1.35; }

.scenario-body { display:grid; grid-template-rows:auto auto; flex:1; }

.scenario-pane { padding:1rem 1.15rem 1.1rem; }

.scenario-pane + .scenario-pane { border-top:1px solid var(--line); }

.scenario-pane.aide-pane {
      background:linear-gradient(180deg, rgba(124,58,237,.06), transparent 85%);
    }

.scenario-pane .who {
      display:inline-block; margin:0 0 .4rem; font-size:.65rem; font-weight:800;
      letter-spacing:.07em; text-transform:uppercase;
    }

.scenario-pane.gpt-pane .who { color:var(--muted); }

.scenario-pane.aide-pane .who { color:var(--violet); }

.scenario-pane p { margin:0; color:var(--ink); font-size:.88rem; line-height:1.5; }

/* Choose chips */

.choose-row { display:flex; flex-wrap:wrap; gap:.65rem; }

.choose-chip {
      flex:1 1 16rem; border-radius:var(--radius-sm); padding:1.1rem 1.2rem; border:1px solid var(--line);
      background:var(--paper); text-decoration:none; color:inherit;
    }

.choose-chip .q { display:block; color:var(--heading); font-weight:800; font-size:.95rem; letter-spacing:-.01em; margin-bottom:.35rem; }

.choose-chip .a { display:block; color:var(--muted); font-size:.88rem; line-height:1.45; }

.choose-chip.primary {
      border-color:transparent;
      box-shadow:0 0 0 1px rgba(124,58,237,.22);
      background:linear-gradient(135deg, rgba(249,115,22,.1), rgba(124,58,237,.12));
    }

/* FAQ */

.faq { display:flex; flex-direction:column; gap:.55rem; max-width:48rem; }

details.faq-item {
      border-radius:var(--radius-xs); border:1px solid var(--line); background:var(--paper);
      padding:0;
    }

details.faq-item[open] { background:var(--canvas); }

details.faq-item summary {
      list-style:none; cursor:pointer; padding:1rem 1.15rem; color:var(--heading);
      font-weight:800; font-size:.95rem; letter-spacing:-.01em; line-height:1.35;
      display:flex; align-items:center; justify-content:space-between; gap:1rem;
    }

details.faq-item summary::-webkit-details-marker { display:none; }

details.faq-item summary::after {
      content:"+"; flex:none; width:1.4rem; height:1.4rem; border-radius:999px;
      display:inline-flex; align-items:center; justify-content:center;
      font-size:1rem; font-weight:700; color:var(--violet);
      background:rgba(124,58,237,.1); line-height:1;
    }

details.faq-item[open] summary::after { content:"−"; }

details.faq-item .faq-a {
      margin:0; padding:0 1.15rem 1.15rem; color:var(--muted); font-size:.92rem; line-height:1.6;
    }

details.faq-item .faq-a strong { color:var(--heading); font-weight:700; }

/* Closing */

.closing {
      margin-top:clamp(3rem,7vh,4.5rem);
      border-radius:var(--radius);
      padding:clamp(1.75rem,4vw,2.6rem);
      background:
        linear-gradient(120deg, rgba(18,20,43,.96), rgba(26,26,46,.94)),
        var(--navy);
      color:#f3f4f6;
      position:relative; overflow:hidden;
    }

.closing::before {
      content:""; position:absolute; inset:auto -20% -40% 40%; height:120%; width:70%;
      background:radial-gradient(circle at center, rgba(249,115,22,.35), transparent 60%);
      pointer-events:none;
    }

.closing::after {
      content:""; position:absolute; inset:-30% auto auto -15%; height:90%; width:55%;
      background:radial-gradient(circle at center, rgba(124,58,237,.4), transparent 65%);
      pointer-events:none;
    }

.closing > * { position:relative; z-index:1; }

.closing .section-label { color:rgba(249,115,22,.95); }

.closing h2 {
      margin:0 0 .9rem; max-width:22ch; font-size:clamp(1.45rem,2.8vw,2rem);
      font-weight:800; letter-spacing:-.03em; line-height:1.15; color:#fff;
    }

.closing p { margin:0 0 1.4rem; max-width:38rem; color:rgba(243,244,246,.78); font-size:1rem; line-height:1.6; }

a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid var(--coral); outline-offset:4px; }

@media (max-width:900px) {
      .cascade { grid-template-columns:1fr 1fr; }
      .band { grid-template-columns:1fr; gap:.5rem; padding:.7rem; }
      .band-label { padding:.15rem .35rem .25rem; }
    }

@media (max-width:680px) {
  h1 { max-width:none; }
  .hero-split, .lanes, .wins, .scenario-grid, .blind-grid { grid-template-columns:1fr; }
  .cascade { grid-template-columns:1fr; }
}

/* Series foot nav */

.series-foot {
      margin-top: clamp(2.5rem, 5vh, 3.5rem);
      padding: 1.25rem 1.35rem;
      border-radius: var(--radius-sm);
      border: 1px solid var(--line);
      background: var(--canvas);
      display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .85rem 1.25rem;
    }

.series-foot .sf-label {
      margin: 0;
      color: var(--muted); font-size: .88rem; line-height: 1.45;
    }

.series-foot .sf-label strong { color: var(--heading); font-weight: 700; }

.series-foot a.sf-link {
      display: inline-flex; align-items: center; gap: .35rem;
      color: var(--violet); font-weight: 800; font-size: .92rem;
      text-decoration: none;
      border-bottom: 1px solid; border-image: linear-gradient(90deg,var(--coral),var(--violet)) 1;
      padding-bottom: .08em; white-space: nowrap;
    }