/* ============================================================
   AI plan reference pages (/articles/copilot-plans-australia,
   /articles/claude-plans-australia, /articles/chatgpt-plans-australia).
   Token-only and theme-aware; loaded after articles.css.
   ============================================================ */

.ap-page section { padding-block: clamp(1.75rem, 3.5vw, 3rem); }
.ap-section { scroll-margin-top: 96px; }

/* ---- Toolbar: sibling switcher, jump links, price note ---- */
.ap-toolbar { display: grid; gap: var(--space-4); }
.ap-siblings, .ap-jump { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.ap-siblings a, .ap-jump a {
  padding: 0.45rem 0.9rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-pill);
  background: var(--bg-card);
  color: var(--color-ink-2);
  font-size: var(--fs-sm);
  font-weight: 600;
  text-decoration: none;
}
.ap-siblings a:hover, .ap-jump a:hover { border-color: var(--color-sprout); color: var(--color-emerald); }
.ap-siblings a[aria-current="page"] { background: var(--color-emerald); border-color: var(--color-emerald); color: var(--color-white); }
[data-theme="dark"] .ap-siblings a, [data-theme="dark"] .ap-jump a { color: var(--text); }
[data-theme="dark"] .ap-siblings a:hover, [data-theme="dark"] .ap-jump a:hover { color: var(--color-sprout); }
[data-theme="dark"] .ap-siblings a[aria-current="page"] { background: var(--color-sprout); border-color: var(--color-sprout); color: var(--color-ink); }
.ap-label { font-size: var(--fs-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); margin: 0 0 var(--space-2); }

.ap-note { margin: 0; font-size: var(--fs-sm); color: var(--text-muted); }
.ap-note strong { color: var(--color-ink-2); }
[data-theme="dark"] .ap-note strong { color: var(--text); }

.ap-checked {
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--color-line);
  border-left: 4px solid var(--color-gold);
  border-radius: var(--radius-sm);
  background: var(--bg-card);
}
.ap-checked p { margin: 0 0 var(--space-2); font-size: var(--fs-sm); color: var(--color-ink-2); }
.ap-checked p:last-child { margin-bottom: 0; }
[data-theme="dark"] .ap-checked p { color: var(--text); }

/* ---- Section heads ---- */
.ap-head { max-width: 75ch; margin-bottom: var(--space-5); }
.ap-head h2 { font-size: var(--fs-2xl); margin: 0 0 var(--space-3); }
.ap-head p { color: var(--color-ink-2); margin: 0 0 var(--space-3); }
[data-theme="dark"] .ap-head p { color: var(--text); }

/* ---- Plan cards ---- */
.ap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-5);
}
.ap-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-5);
  background: var(--bg-card);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  scroll-margin-top: 96px;
}
.ap-tier {
  align-self: flex-start;
  padding: 0.15rem 0.6rem;
  border-radius: var(--radius-pill);
  background: var(--color-mist);
  color: var(--color-emerald);
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: var(--space-3);
}
[data-theme="dark"] .ap-tier { color: var(--color-sprout); }
.ap-card h3 { font-size: var(--fs-xl); margin: 0 0 var(--space-2); }
.ap-price { margin: 0 0 0.2rem; font-family: var(--font-display); font-size: var(--fs-2xl); font-weight: 600; line-height: 1.15; color: var(--color-ink); }
[data-theme="dark"] .ap-price { color: var(--text); }
.ap-price small { font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: 500; color: var(--text-muted); }
.ap-terms { margin: 0 0 var(--space-3); font-size: var(--fs-xs); color: var(--text-muted); }
.ap-for { margin: 0 0 var(--space-3); font-size: var(--fs-sm); font-weight: 600; color: var(--color-ink-2); }
[data-theme="dark"] .ap-for { color: var(--text); }
.ap-card ul { margin: 0 0 var(--space-3); padding-left: 1.1rem; list-style: disc; font-size: var(--fs-sm); color: var(--color-ink-2); }
.ap-card li { margin-bottom: 0.3rem; }
[data-theme="dark"] .ap-card ul { color: var(--text); }
.ap-limit { margin: auto 0 0; padding-top: var(--space-3); border-top: 1px solid var(--color-line); font-size: var(--fs-sm); color: var(--text-muted); }
.ap-limit strong { color: var(--color-ink-2); }
[data-theme="dark"] .ap-limit strong { color: var(--text); }

/* ---- Wide comparison tables ---- */
.ap-block { margin-top: var(--space-6); }
.ap-block.prose { max-width: none; }
.ap-block.prose > p, .ap-block.prose > ul, .ap-block.prose > ol, .ap-block.prose > h3 { max-width: 75ch; }
.ap-block h3 { font-size: var(--fs-xl); margin: 0 0 var(--space-3); }
.ap-block table { min-width: 640px; }
.ap-block th[scope="row"] { white-space: nowrap; }
/* td-qualified so these beat articles.css's `.prose td` colour in both themes */
.ap-block td.ap-yes { color: var(--color-emerald); font-weight: 700; }
[data-theme="dark"] .ap-block td.ap-yes { color: var(--color-sprout); }
.ap-block td.ap-no, [data-theme="dark"] .ap-block td.ap-no { color: var(--text-muted); }

/* ---- Feature catalogue (copilot-features-explained): search + status chips ---- */
.ap-row[hidden], .ap-section[hidden] { display: none; }
.ap-block td:first-child { min-width: 11rem; }
.ap-aka { display: block; margin-top: 0.15rem; font-size: var(--fs-xs); color: var(--text-muted); }
.ap-chip {
  display: inline-block;
  padding: 0.05rem 0.55rem;
  border-radius: var(--radius-pill);
  background: var(--color-mist);
  color: var(--color-emerald);
  font-size: var(--fs-xs);
  font-weight: 700;
  white-space: nowrap;
}
[data-theme="dark"] .ap-chip { color: var(--color-sprout); }
.ap-chip--warn { background: rgba(200, 162, 74, 0.18); color: var(--color-gold-deep); }
[data-theme="dark"] .ap-chip--warn { color: var(--color-gold); }
.ap-chip--off, [data-theme="dark"] .ap-chip--off { background: transparent; border: 1px solid var(--color-line); color: var(--text-muted); }

/* ---- Sources ---- */
.ap-sources { font-size: var(--fs-sm); }
.ap-sources li { margin-bottom: 0.35rem; overflow-wrap: anywhere; }