/* /ai-boken — sidmall "Landningssida" (samma som /mcp): teal-hero med
   beställningskort → innehåll → författare → grönt CTA-band → nästa steg.
   Omstylad till varumärkestokens 2026-09 (tidigare egen papper/teal/salvia-palett,
   se docs/design-system/08-kanda-avvikelser.md). Struktur, copy, formulär
   (#aib-lead, [data-err], #aib-consent, #aib-submit), Publit-redirect och
   sticky-CTA (#aib-sticky, #bestall) är oförändrade — bara stilen.
   Element/komponenter i weapp-ui.css; här bara sidlayout. Bara var(--w-*). */

.aib-body { background: var(--w-bg); }
/* Semplice gör .is-frontend #content-holder absolut → body höjd 0. Normalt flöde: */
.is-frontend #content-holder.aib,
.aib-body #content-holder.aib { position: static; width: auto; min-height: 100vh; top: auto; left: auto; }
.aib * { box-sizing: border-box; }
.aib h1, .aib h2, .aib h3, .aib p { margin: 0; }

/* ---------- HERO ---------- */
.aib-hero-inner { display: grid; gap: var(--w-space-64) var(--w-gutter); }
.aib-h1-accent { color: var(--w-ink); }
#content-holder p.aib-cred { margin-top: var(--w-space-24); max-width: 44ch; font-size: var(--w-small-size); line-height: var(--w-small-lh); color: var(--w-bg); }
.aib-proofstrip { margin-top: var(--w-space-40); border-top: var(--w-border) solid var(--w-line-on-dark); padding-top: var(--w-space-24); }
.aib-proof-logos { list-style: none; display: flex; flex-wrap: wrap; gap: var(--w-space-8) var(--w-space-24); padding: 0; margin: 0; }
#content-holder .aib-proof-logos li { font-family: var(--w-font-semibold); font-size: var(--w-small-size); line-height: var(--w-small-lh); color: var(--w-bg); margin: 0; }
#content-holder .aib-proof-logos li.aib-proof-more { font-family: var(--w-font-body); }

/* Beställningskort (w-card) */
.aib-order-head { display: flex; gap: var(--w-space-16); align-items: center; margin-bottom: var(--w-space-24); }
.aib-order-cover { width: 88px; height: auto; flex: 0 0 auto; border-radius: var(--w-radius); }
#content-holder .aib-order-head h2 { margin: 0; }
#content-holder p.aib-price { margin-top: var(--w-space-8); font-family: var(--w-font-semibold); }
#content-holder p.aib-price-sub { margin-top: var(--w-space-4); font-size: var(--w-small-size); line-height: var(--w-small-lh); color: var(--w-muted); }
.aib-row { display: grid; gap: 0 var(--w-gutter); }
#content-holder .aib-order .w-error:empty { display: none; }
.aib-checkout { margin-top: var(--w-space-24); padding-top: var(--w-space-24); border-top: var(--w-border) solid var(--w-line); text-align: center; }
#content-holder .aib-checkout-thanks { font-family: var(--w-font-semibold); margin-bottom: var(--w-space-16); }
.aib-publit { display: flex; justify-content: center; }

/* ---------- INNEHÅLL ---------- */
.aib-contents-head { margin-bottom: var(--w-space-40); max-width: 40ch; }
.aib-part { display: grid; grid-template-columns: auto 1fr; gap: var(--w-space-24); align-items: start; }
#content-holder .aib-part-n { font-family: var(--w-font-h2); font-size: var(--w-h3-size); line-height: var(--w-h3-lh); letter-spacing: var(--w-h3-ls); color: var(--w-green); }
#content-holder p.aib-contents-foot { margin-top: var(--w-space-24); }

/* ---------- FÖRFATTARE ---------- */
.aib-authors-head { max-width: 44ch; margin-bottom: var(--w-space-40); }
#content-holder p.aib-authors-intro { margin-top: var(--w-space-16); }
#content-holder .aib-author h3 { font-size: var(--w-lead-size); line-height: var(--w-lead-lh); letter-spacing: 0; margin: 0 0 var(--w-space-4); }
#content-holder p.aib-author-role { margin: 0 0 var(--w-space-16); }
#content-holder p.aib-author-meta { margin-top: var(--w-space-16); font-style: italic; }
.aib-authenticity { margin: var(--w-space-40) 0 0; display: grid; gap: var(--w-space-16); justify-items: start; }
.aib-authenticity img { width: 100%; max-width: 360px; height: auto; border-radius: var(--w-radius); }
#content-holder .aib-authenticity figcaption { font-style: italic; color: var(--w-muted); font-size: var(--w-small-size); line-height: var(--w-small-lh); }

/* ---------- GRÖNT CTA-BAND ---------- */
.aib-midcta-inner { display: grid; gap: var(--w-space-24); }
#content-holder .aib-midcta-inner p { margin-top: var(--w-space-8); }

/* ---------- NÄSTA STEG ---------- */
#content-holder .aib-more-copy h2 { margin-bottom: var(--w-space-16); }
#content-holder .aib-more-copy > p, #content-holder .aib-more-copy > p.w-lead { margin: 0 0 var(--w-space-40); max-width: 46ch; }

/* ============ TABLET / DESKTOP ============ */
@media screen and (min-width: 768px) {
  .aib-row { grid-template-columns: 1fr 1fr; }
  .aib-midcta-inner { grid-template-columns: 1fr auto; align-items: center; }
}
@media screen and (min-width: 992px) {
  .aib-hero-inner { grid-template-columns: 1.05fr 0.95fr; align-items: start; }
  .aib-order { position: sticky; top: calc(var(--w-nav-h) + var(--w-space-16)); }
  .aib-order-cover { width: 104px; }
}