:root {
  --adult-ink: #17233b;
  --adult-ink-soft: #41506a;
  --adult-paper: #f8f5ef;
  --adult-white: #fffdfa;
  --adult-line: #d9d7d0;
  --adult-gold: #c58a35;
  --adult-clay: #9b5e48;
  --adult-sage: #47695f;
  --adult-blue: #315c78;
  --adult-radius: 1.45rem;
  --adult-shadow: 0 24px 60px rgba(23, 35, 59, .11);
}

.adult-world {
  color: var(--adult-ink);
  background:
    radial-gradient(circle at 8% 8%, rgba(197, 138, 53, .12), transparent 28rem),
    linear-gradient(180deg, #f4f0e8 0, #fff 38rem);
  min-height: 80vh;
}

.adult-world *, .adult-world *::before, .adult-world *::after { box-sizing: border-box; }
.adult-world a { color: inherit; }
.adult-world button, .adult-world input, .adult-world select { font: inherit; }
.adult-world [hidden] { display: none !important; }
.adult-world :focus-visible { outline: 3px solid #1368a1; outline-offset: 3px; }

.adult-world__shell {
  width: min(1180px, calc(100% - 2rem));
  margin-inline: auto;
}

.adult-world__hero {
  position: relative;
  isolation: isolate;
  min-height: 31rem;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(19rem, .85fr);
  align-items: center;
  gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(3.5rem, 7vw, 7rem) max(1rem, calc((100vw - 1180px) / 2));
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(112deg, rgba(17, 31, 52, .98), rgba(34, 55, 75, .91) 58%, rgba(101, 67, 47, .88)),
    repeating-linear-gradient(90deg, transparent 0 4rem, rgba(255,255,255,.025) 4rem 4.08rem);
}

.adult-world__hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 33rem;
  height: 33rem;
  right: -8rem;
  top: -13rem;
  border: 1px solid rgba(255, 222, 162, .34);
  border-radius: 50%;
  box-shadow: 0 0 0 5rem rgba(255,255,255,.018), 0 0 0 10rem rgba(255,255,255,.014);
}

.adult-world__hero-copy { max-width: 48rem; }
.adult-eyebrow {
  margin: 0 0 .7rem;
  color: var(--adult-gold);
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.adult-world__hero h1,
.adult-section-hero h1,
.adult-guide__hero h1 {
  margin: 0;
  max-width: 14ch;
  color: inherit;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(3rem, 6vw, 6.5rem);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.045em;
}

.adult-world__hero-copy > p:not(.adult-eyebrow) {
  max-width: 42rem;
  margin: 1.5rem 0 0;
  color: rgba(255,255,255,.84);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.7;
}

.adult-world__hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.adult-world__hero-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 3.1rem;
  padding: .75rem 1.15rem;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  color: #fff;
  font-weight: 750;
  text-decoration: none;
}
.adult-world__hero-actions a:first-child { color: #18243a; background: #f6cb80; border-color: #f6cb80; }

.adult-world__compass {
  aspect-ratio: 1;
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.27);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(197,138,53,.28) 0 16%, transparent 16.5%), rgba(255,255,255,.035);
  box-shadow: inset 0 0 0 1.5rem rgba(255,255,255,.02);
}
.adult-world__compass::before, .adult-world__compass::after { content: ""; position: absolute; background: rgba(255,255,255,.22); }
.adult-world__compass::before { width: 1px; height: 90%; }
.adult-world__compass::after { height: 1px; width: 90%; }
.adult-world__compass span { position: absolute; color: rgba(255,255,255,.7); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.adult-world__compass span:nth-child(1) { top: 1.5rem; }
.adult-world__compass span:nth-child(2) { right: .75rem; }
.adult-world__compass span:nth-child(4) { bottom: 1.5rem; }
.adult-world__compass span:nth-child(5) { left: .65rem; }
.adult-world__compass strong { z-index: 1; display: grid; place-items: center; width: 7.5rem; aspect-ratio: 1; border-radius: 50%; color: #1b2940; background: #f4c87c; font-family: Georgia, serif; font-size: 1.15rem; font-weight: 600; }

.adult-phase-nav {
  position: sticky;
  z-index: 20;
  top: var(--wp-admin--admin-bar--height, 0px);
  display: flex;
  gap: .35rem;
  margin: 0 -1rem;
  padding: .75rem 1rem;
  overflow-x: auto;
  background: rgba(255,253,250,.94);
  border-bottom: 1px solid var(--adult-line);
  backdrop-filter: blur(14px);
  scrollbar-width: thin;
}
.adult-phase-nav a { flex: 0 0 auto; padding: .68rem .9rem; border-radius: 999px; color: var(--adult-ink-soft); font-size: .88rem; font-weight: 720; text-decoration: none; }
.adult-phase-nav a:hover, .adult-phase-nav a[aria-current="page"] { color: #fff; background: var(--adult-ink); }

.adult-quick, .adult-start, .adult-library, .adult-trust, .adult-related { padding-block: clamp(3.5rem, 7vw, 7rem); }
.adult-heading { max-width: 49rem; margin-bottom: 2rem; }
.adult-heading h2, .adult-library__heading h2, .adult-related__heading h2, .adult-sources h2, .adult-contact h2, .adult-bridge h2 {
  margin: 0;
  color: var(--adult-ink);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.adult-heading > p:last-child { color: var(--adult-ink-soft); font-size: 1.05rem; line-height: 1.65; }

.adult-quick {
  border-bottom: 1px solid var(--adult-line);
}
.adult-quick__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.adult-quick__grid a {
  position: relative;
  min-height: 9rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.2rem 3.2rem 1.2rem 1.2rem;
  border: 1px solid var(--adult-line);
  border-radius: 1rem;
  background: var(--adult-white);
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.adult-quick__grid a:hover {
  transform: translateY(-3px);
  border-color: var(--adult-gold);
  box-shadow: 0 14px 35px rgba(23,35,59,.1);
}
.adult-quick__grid small { margin-bottom: .45rem; color: var(--adult-clay); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.adult-quick__grid strong { font-family: Georgia, serif; font-size: 1.35rem; font-weight: 500; line-height: 1.15; }
.adult-quick__grid span { position: absolute; right: 1.2rem; bottom: 1.1rem; font-size: 1.4rem; }

.adult-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.adult-section-card {
  position: relative;
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
  border-radius: var(--adult-radius);
  color: #fff !important;
  background: var(--adult-ink);
  box-shadow: var(--adult-shadow);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.adult-section-card:hover { transform: translateY(-4px); box-shadow: 0 30px 70px rgba(23,35,59,.17); }
.adult-section-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 13%, rgba(255,255,255,.17), transparent 34%); }
.adult-section-card[data-tone="graviditet-forberedelser"] { background: linear-gradient(145deg, #633f4f, #9f655f); }
.adult-section-card[data-tone="forsta-tiden"] { background: linear-gradient(145deg, #31526d, #487d8c); }
.adult-section-card[data-tone="vardag-planering"] { background: linear-gradient(145deg, #38594e, #62806a); }
.adult-section-card[data-tone="trygghet-beslut"] { background: linear-gradient(145deg, #493f36, #8b684d); }
.adult-section-card__number { position: absolute; top: 1rem; right: 1.4rem; color: rgba(255,255,255,.38); font-family: Georgia, serif; font-size: 4.5rem; line-height: 1; }
.adult-section-card small, .adult-section-card strong, .adult-section-card > span:not(.adult-section-card__number), .adult-section-card b { position: relative; }
.adult-section-card small { color: #ffd696; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.adult-section-card strong { max-width: 15ch; margin-top: .75rem; font-family: Georgia, serif; font-size: clamp(2rem, 3vw, 3.5rem); font-weight: 500; line-height: 1; }
.adult-section-card > span:not(.adult-section-card__number) { max-width: 35rem; margin-top: 1rem; color: rgba(255,255,255,.82); line-height: 1.6; }
.adult-section-card b { margin-top: 1.5rem; }

.adult-library { border-top: 1px solid var(--adult-line); }
.adult-library__heading, .adult-related__heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.adult-library__heading > p { flex: 0 0 auto; margin: 0; color: var(--adult-ink-soft); }
.adult-library__filters {
  display: grid;
  grid-template-columns: minmax(14rem, 1.5fr) minmax(11rem, .7fr) auto auto;
  align-items: end;
  gap: .75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--adult-line);
  border-radius: 1rem;
  background: var(--adult-white);
}
.adult-library__filters label:not(.adult-library__saved) { display: grid; gap: .35rem; color: var(--adult-ink-soft); font-size: .82rem; font-weight: 750; }
.adult-library__filters input[type="search"], .adult-library__filters select { width: 100%; min-height: 3rem; padding: .65rem .8rem; color: var(--adult-ink); border: 1px solid #bfc5cb; border-radius: .65rem; background: #fff; }
.adult-library__saved { min-height: 3rem; display: flex; align-items: center; gap: .45rem; padding-inline: .65rem; font-weight: 700; }
.adult-library__filters button, .adult-save-large { min-height: 3rem; padding: .65rem 1rem; border: 1px solid var(--adult-ink); border-radius: 999px; color: var(--adult-ink); background: transparent; font-weight: 750; cursor: pointer; }

.adult-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.adult-guide-card { display: flex; flex-direction: column; min-height: 20rem; padding: 1.4rem; border: 1px solid var(--adult-line); border-radius: 1.1rem; background: var(--adult-white); box-shadow: 0 8px 26px rgba(23,35,59,.05); }
.adult-guide-card__top { display: flex; justify-content: space-between; align-items: center; color: var(--adult-ink-soft); font-size: .78rem; font-weight: 750; }
.adult-guide-card__top button { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid var(--adult-line); border-radius: 50%; color: var(--adult-clay); background: #fff; cursor: pointer; font-size: 1.35rem; }
.adult-guide-card__top button[aria-pressed="true"] { color: #fff; background: var(--adult-clay); border-color: var(--adult-clay); }
.adult-guide-card h3 { margin: 1.2rem 0 .7rem; font-family: Georgia, serif; font-size: 1.75rem; font-weight: 500; line-height: 1.08; }
.adult-guide-card h3 a { text-decoration: none; }
.adult-guide-card h3 a:hover { text-decoration: underline; text-underline-offset: .16em; }
.adult-guide-card p { margin: 0; color: var(--adult-ink-soft); line-height: 1.58; }
.adult-text-link { margin-top: auto; padding-top: 1.2rem; font-weight: 780; text-underline-offset: .18em; }
.adult-library__empty { padding: 3rem; text-align: center; border: 1px dashed var(--adult-line); border-radius: var(--adult-radius); }

.adult-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding-inline: 0; background: var(--adult-line); border: 1px solid var(--adult-line); border-radius: var(--adult-radius); overflow: hidden; }
.adult-trust div { display: grid; gap: .55rem; padding: 2rem; background: var(--adult-paper); }
.adult-trust span { color: var(--adult-ink-soft); line-height: 1.6; }

.adult-breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; padding-block: 1.5rem; color: var(--adult-ink-soft); font-size: .88rem; }
.adult-breadcrumbs a { text-underline-offset: .2em; }

.adult-section-hero, .adult-guide__hero {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 6vw, 5rem);
  border-radius: var(--adult-radius);
  color: #fff;
  background: linear-gradient(135deg, #1a2b46, #36526a);
  box-shadow: var(--adult-shadow);
}
.adult-section-hero[data-tone="graviditet-forberedelser"], .adult-guide__hero[data-tone="graviditet-forberedelser"] { background: linear-gradient(135deg, #633f4f, #9f655f); }
.adult-section-hero[data-tone="forsta-tiden"], .adult-guide__hero[data-tone="forsta-tiden"] { background: linear-gradient(135deg, #31526d, #487d8c); }
.adult-section-hero[data-tone="vardag-planering"], .adult-guide__hero[data-tone="vardag-planering"] { background: linear-gradient(135deg, #38594e, #62806a); }
.adult-section-hero[data-tone="trygghet-beslut"], .adult-guide__hero[data-tone="trygghet-beslut"] { background: linear-gradient(135deg, #493f36, #8b684d); }
.adult-section-hero h1 { font-size: clamp(2.8rem, 6vw, 6rem); }
.adult-section-hero p:not(.adult-eyebrow), .adult-guide__hero p:not(.adult-eyebrow) { max-width: 48rem; margin: 1.2rem 0 0; color: rgba(255,255,255,.85); font-size: 1.08rem; line-height: 1.65; }
.adult-section-hero__number { position: absolute; right: 2rem; top: 1rem; color: rgba(255,255,255,.18); font-family: Georgia, serif; font-size: clamp(5rem, 15vw, 13rem); line-height: 1; }
.adult-section-guides { padding-block: 3rem 5rem; }
.adult-section-next { display: flex; justify-content: space-between; gap: 2rem; align-items: center; margin-top: 2rem; padding: 1.3rem 1.5rem; border: 1px solid var(--adult-line); border-radius: 1rem; background: var(--adult-white); }
.adult-section-next a { font-weight: 780; }

.adult-guide__hero { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.adult-guide__hero h1 { max-width: 18ch; font-size: clamp(2.8rem, 6vw, 5.5rem); }
.adult-save-large { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .5rem; color: #fff; border-color: rgba(255,255,255,.65); }
.adult-save-large[aria-pressed="true"] { color: var(--adult-ink); background: #f6cb80; border-color: #f6cb80; }
.adult-guide__summary { margin: 1.5rem 0; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #e3cc9f; border-radius: var(--adult-radius); background: #fff6e5; }
.adult-guide__summary h2 { margin: 0 0 1rem; font-family: Georgia, serif; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 500; }
.adult-guide__summary ol { display: grid; gap: .7rem; margin: 0; padding-left: 1.4rem; line-height: 1.6; }
.adult-guide__layout { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: clamp(2rem, 5vw, 5rem); align-items: start; padding-block: 2rem 5rem; }
.adult-guide__content { min-width: 0; }
.adult-guide__content > section { position: relative; padding: 1rem 0 3rem 4.2rem; border-bottom: 1px solid var(--adult-line); }
.adult-guide__content h2 { margin: 0 0 1rem; font-family: Georgia, serif; font-size: clamp(2rem, 3.5vw, 3.3rem); font-weight: 500; line-height: 1.08; }
.adult-guide__content p, .adult-checklist { color: var(--adult-ink-soft); font-size: 1.04rem; line-height: 1.75; }
.adult-guide__step { position: absolute; left: 0; top: 1rem; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; color: #fff; background: var(--adult-ink); font-weight: 800; }
.adult-checklist { display: grid; gap: .6rem; padding-left: 1.2rem; }
.adult-guide__aside { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 5.5rem); display: grid; gap: 1rem; }
.adult-guide__aside nav, .adult-guide__boundary { display: grid; gap: .7rem; padding: 1.2rem; border: 1px solid var(--adult-line); border-radius: 1rem; background: var(--adult-white); }
.adult-guide__aside nav a { color: var(--adult-ink-soft); font-size: .9rem; text-underline-offset: .2em; }
.adult-guide__boundary { background: #edf3f2; border-color: #c9dad5; }
.adult-guide__boundary p { margin: 0; color: var(--adult-ink-soft); font-size: .9rem; line-height: 1.55; }

.adult-contact, .adult-bridge {
  display: grid;
  grid-template-columns: minmax(14rem, .75fr) minmax(0, 1.25fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: start;
  margin-bottom: 2rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid #d8b970;
  border-radius: var(--adult-radius);
  background: #fff6df;
}
.adult-contact h2, .adult-bridge h2 { font-size: clamp(2rem, 3vw, 3rem); }
.adult-contact p, .adult-bridge > p { margin-top: 0; color: var(--adult-ink-soft); font-size: 1.05rem; line-height: 1.7; }
.adult-contact small { color: var(--adult-ink-soft); line-height: 1.5; }
.adult-bridge { background: #eef5f3; border-color: #bfd5cf; }
.adult-bridge__links { display: flex; flex-wrap: wrap; gap: .65rem; grid-column: 1 / -1; }
.adult-bridge__links a { display: inline-flex; min-height: 2.8rem; align-items: center; padding: .6rem .9rem; border: 1px solid var(--adult-sage); border-radius: 999px; color: var(--adult-sage); font-weight: 760; text-decoration: none; }
.adult-bridge__links a:hover { color: #fff; background: var(--adult-sage); }

.adult-sources { margin-bottom: 2rem; padding: clamp(1.5rem, 4vw, 3rem); border-radius: var(--adult-radius); color: #fff; background: var(--adult-ink); }
.adult-sources h2 { color: #fff; font-size: clamp(2rem, 3vw, 3rem); }
.adult-sources__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: 1.5rem; }
.adult-sources__list a { display: grid; gap: .4rem; padding: 1.1rem; border: 1px solid rgba(255,255,255,.22); border-radius: .9rem; color: #fff; text-decoration: none; }
.adult-sources__list a:hover { background: rgba(255,255,255,.08); }
.adult-sources__list span { color: rgba(255,255,255,.72); font-size: .9rem; line-height: 1.5; }
.adult-sources__list small { color: #f6cb80; }
.adult-related__heading > a { font-weight: 780; }
.adult-guide-grid--related { grid-template-columns: repeat(2, minmax(0, 1fr)); }

html:not(.baby-adult-js) .adult-library__filters,
html:not(.baby-adult-js) [data-adult-save] { display: none; }

@media (max-width: 960px) {
  .adult-world__compass strong { width: 28%; font-size: .95rem; }
  .adult-world__hero { grid-template-columns: 1fr 17rem; gap: 2rem; }
  .adult-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adult-quick__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adult-library__filters { grid-template-columns: 1fr 1fr; }
  .adult-guide__layout { grid-template-columns: 1fr; }
  .adult-guide__aside { position: static; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .adult-world__shell { width: min(100% - 1.2rem, 1180px); }
  .adult-phase-nav { margin-inline: -.6rem; padding-inline: .6rem; }
  .adult-world__hero { min-height: auto; grid-template-columns: 1fr; padding-top: 4rem; }
  .adult-world__hero h1 { font-size: clamp(3.1rem, 15vw, 5rem); }
  .adult-world__compass { width: min(78vw, 20rem); margin-inline: auto; }
  .adult-section-grid, .adult-guide-grid, .adult-guide-grid--related, .adult-quick__grid, .adult-trust, .adult-sources__list { grid-template-columns: 1fr; }
  .adult-section-card { min-height: 21rem; }
  .adult-library__heading, .adult-related__heading, .adult-guide__hero, .adult-section-next { align-items: flex-start; flex-direction: column; }
  .adult-guide__hero { display: flex; }
  .adult-guide__aside { grid-template-columns: 1fr; }
  .adult-save-large { align-self: flex-start; }
  .adult-contact, .adult-bridge { grid-template-columns: 1fr; }
}

@media (max-width: 500px) {
  .adult-library__filters { grid-template-columns: 1fr; }
  .adult-world__hero-actions a { width: 100%; justify-content: center; }
  .adult-guide__content > section { padding-left: 0; padding-top: 4.5rem; }
  .adult-guide__step { top: .8rem; }
  .adult-section-hero, .adult-guide__hero { border-radius: 1rem; padding: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .adult-section-card, .adult-quick__grid a { transition: none; }
}

/* Leave the target heading visible below the sticky area navigation. */
.adult-guide__content > section[id] {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 6rem);
}