/* Shared article styles, based on the existing school-start and children's birthday guides.
   Only explicitly migrated articles opt in; the shop and blog listing retain their designs. */
.einladio-article-clean {
  --article-purple: #451ebb;
  --article-ink: #161618;
  --article-muted: #3d3d42;
  --article-line: #e4e4e8;
  box-sizing: border-box;
  width: 100%;
  max-width: 808px;
  margin: 0 auto;
  padding: 48px 24px 80px;
  background: #fff;
  color: var(--article-ink);
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  overflow-wrap: break-word;
}
.einladio-article-clean *,
.einladio-article-clean *::before,
.einladio-article-clean *::after { box-sizing: border-box; }
.einladio-article-clean :where(h1,h2,h3,p,ul,ol,figure) { margin: 0 0 16px; }
.einladio-article-clean :where(h1,h2,h3) { hyphens: manual; }
.einladio-article-clean h1 {
  font-size: clamp(32px, 8vw, 40px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.02em;
  text-wrap: pretty;
  margin-bottom: 20px;
}
.einladio-article-clean h1 span { color: inherit; }
.einladio-article-clean h2 {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
  margin-top: 40px;
}
.einladio-article-clean h3 { font-size: 21px; font-weight: 700; line-height: 1.35; margin-top: 28px; }
.einladio-article-clean :where([id]) { scroll-margin-top: 24px; }
.einladio-article-clean :where(ul,ol) { padding-left: 24px; }
.einladio-article-clean li + li { margin-top: 8px; }
.einladio-article-clean a { color: var(--article-purple); text-underline-offset: 3px; }
.einladio-article-clean a:hover { text-decoration-thickness: 2px; }
article.einladio-article-clean :where(a,button,summary,[tabindex]):focus-visible { outline: 2px solid var(--article-purple); outline-offset: 4px; }
.einladio-article-clean img { display: block; max-width: 100%; height: auto; border-radius: 16px; }
.einladio-article-clean figcaption { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #6b6b72; }
.einladio-article-clean :where(.summer-eyebrow,.summer-tag,.definition-label,.ein-eyebrow,.ein-definition__tag,.ein-snippet__tag,.ein-template__tag,.ein-check__qnum,.ein-check__result-tag,.ein-cta__tag,.birthday-label,.birthday-eyebrow,.einladio-blog-eyebrow,.einladio-cta-eyebrow,.ein-help-eyebrow,.ein-help-tag,.drink-eyebrow,.drink-step,.drink-result-kicker) {
  margin-bottom: 16px;
  color: var(--article-purple);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.einladio-article-clean :where(.summer-lead,.definition-lead,.ein-hero__lead,.birthday-lead,.einladio-blog-hero__text,.ein-help-lead,.drink-lead) { font-size: 19px; line-height: 1.6; color: var(--article-muted); }
.einladio-article-clean :is(.birthday-updated,.summer-updated,.definition-small-note) { margin: 20px 0 32px; font-size: 14px; color: #6b6b72; }
.einladio-article-clean :where(.birthday-shell,.einladio-guide-shell,.einladio-content-layout,.einladio-article-flow) { min-width: 0; }
.einladio-article-clean :where(.einladio-blog-hero__media,.einladio-blog-image) { margin: 32px 0 40px; }
.einladio-article-clean :where(.einladio-blog-hero__media,.einladio-blog-image) img { width: 100%; }
.einladio-article-clean .einladio-hero-actions { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 24px 0; }
.einladio-article-clean :where(.einladio-action-button,.birthday-chip) { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 700; }
.einladio-article-clean :where(.einladio-answer-box,.einladio-toc,.birthday-note,.birthday-tips-panel) {
  padding: 24px;
  border: 1px solid var(--article-line);
  border-radius: 16px;
  margin: 24px 0 32px;
  background: #fafafb;
}
.einladio-article-clean :where(.einladio-answer-box,.birthday-tips-panel) { background: #f5f2fd; border-color: #e5dcfa; }
.einladio-article-clean :where(.einladio-answer-box,.birthday-note,.birthday-tips-panel) > :last-child { margin-bottom: 0; }
.einladio-article-clean :where(.einladio-toc,.einladio-comparison) summary {
  min-height: 44px;
  padding: 8px 0;
  font-weight: 700;
  cursor: pointer;
}
.einladio-article-clean .einladio-toc nav { padding-top: 12px; }
.einladio-article-clean .einladio-toc a { display: inline-flex; align-items: center; min-height: 44px; }
.einladio-article-clean .einladio-toc li + li { margin: 0; }
.einladio-article-clean .einladio-toc ul { margin-bottom: 0; }
.einladio-article-clean .birthday-chips { display: flex; flex-wrap: wrap; gap: 4px 20px; padding: 16px 0; margin: 0 0 32px; border-block: 1px solid var(--article-line); }
.einladio-article-clean .einladio-idea-shortcuts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 32px 0; }
.einladio-article-clean .einladio-idea-card { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 0 12px; padding: 16px; border: 1px solid var(--article-line); border-radius: 16px; text-decoration: none; }
.einladio-article-clean .einladio-idea-card span { grid-row: 1 / 3; color: var(--article-purple); font-size: 15px; font-weight: 800; }
.einladio-article-clean .einladio-idea-card strong { color: var(--article-ink); }
.einladio-article-clean .einladio-idea-card small { color: #6b6b72; font-size: 13px; }
.einladio-article-clean .einladio-comparison { max-width: 100%; margin: 24px 0 32px; }
.einladio-article-clean .article-table-scroll { overflow-x: auto; max-width: 100%; border: 1px solid var(--article-line); border-radius: 16px; margin-top: 16px; }
.einladio-article-clean table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.einladio-article-clean :where(th,td) { text-align: left; vertical-align: top; padding: 12px 16px; border-bottom: 1px solid var(--article-line); }
.einladio-article-clean th { background: #161618; color: #fff; font-weight: 700; }
.einladio-article-clean tbody tr:nth-child(even) { background: #fafafb; }
.einladio-article-clean tbody tr:last-child td { border-bottom: 0; }
.einladio-article-clean :where(.birthday-fast-block,.birthday-section,.summer-quick,.summer-section,.einladio-wedding-section) { margin-top: 40px; }
.einladio-article-clean :is(.birthday-template-grid,.summer-card-grid,.ein-templates) { display: grid; gap: 14px; margin: 24px 0 32px; }
.einladio-article-clean :is(.birthday-template-card,.summer-template-card,.ein-template) { padding: 22px 24px; border-radius: 16px; background: #f5f2fd; min-width: 0; }
.einladio-article-clean :is(.birthday-template-top,.summer-template-top,.ein-template__top) { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.einladio-article-clean :is(.birthday-tag,.summer-tag,.ein-template__tag) { color: var(--article-purple); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.einladio-article-clean :is(.birthday-copy-button,.summer-copy-button,.ein-copy) { flex-shrink: 0; padding: 8px 12px; min-height: 44px; border: 1px solid #d3c5f2; border-radius: 10px; background: #fff; color: var(--article-purple); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.einladio-article-clean :is(.birthday-copy-button,.summer-copy-button,.ein-copy)[data-copied="true"] { color: #006647; border-color: #006647; }
.einladio-article-clean :is(.birthday-copy-button,.summer-copy-button)[data-copied="true"]::after { content: " ✓"; }
.einladio-article-clean :is(.birthday-copy-button,.summer-copy-button,.ein-copy)[data-error="true"] { color: #a21c1c; border-color: #a21c1c; }
.einladio-article-clean :is(.birthday-template-text,.summer-template-text,.ein-template__text) { margin-bottom: 0; }
.einladio-article-clean .birthday-split { display: grid; gap: 16px; }
.einladio-article-clean .birthday-checklist { list-style: none; padding: 24px; border: 2px solid var(--article-purple); border-radius: 16px; }
.einladio-article-clean .birthday-checklist li { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 12px; }
.einladio-article-clean .birthday-checklist li + li { margin-top: 16px; }
.einladio-article-clean .birthday-checklist li > span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--article-purple); color: #fff; font-size: 14px; font-weight: 700; }
.einladio-article-clean :where(.birthday-cta,.einladio-invite-cta,.summer-cta,.definition-cta,.ein-cta) { padding: 28px; margin: 40px 0; border: 2px solid var(--article-purple); border-radius: 16px; background: #fff; }
.einladio-article-clean :is(.birthday-cta h2,.einladio-invite-cta h3,.birthday-tips-panel h3,.birthday-note h2) { margin-top: 0; }
.einladio-article-clean :where(.birthday-cta-actions,.einladio-cta-actions,.summer-cta-actions,.definition-button-row,.ein-cta__actions) { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 24px; }
.einladio-article-clean :is(.birthday-cta-button,.einladio-cta-button,.summer-button:not(.summer-button--ghost),.definition-button,.ein-cta__button) { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; min-height: 48px; padding: 14px 24px; background: var(--article-purple); color: #fff; border-radius: 10px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; white-space: normal; }
.einladio-article-clean :is(.birthday-cta-button,.einladio-cta-button,.summer-button:not(.summer-button--ghost),.definition-button,.ein-cta__button):visited { color: #fff; }
.einladio-article-clean :is(.birthday-cta-button,.einladio-cta-button,.summer-button:not(.summer-button--ghost),.definition-button,.ein-cta__button):hover { background: #35158f; }
.einladio-article-clean :where(.birthday-cta-link,.einladio-cta-link,.summer-button--ghost,.ein-cta__textlink) { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.einladio-article-clean .einladio-phone-mockup { margin: 28px 0 0; max-width: 240px; }
.einladio-article-clean .article-klassiker-preview {
  /* Current demo hero, condensed without its interactive features. */
  --klassiker-scale: .64;
  position: relative;
  padding: calc(58px * var(--klassiker-scale)) calc(20px * var(--klassiker-scale)) calc(30px * var(--klassiker-scale));
  border: 1px solid rgba(198,154,82,.7);
  border-radius: 4px;
  background: #fffdf9;
  color: #14294f;
  font-family: "DM Serif Display", Georgia, serif;
  text-align: center;
  line-height: 1;
}
.einladio-article-clean .article-klassiker-preview::before { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(198,154,82,.42); pointer-events: none; }
.einladio-article-clean .article-klassiker-names { display: block; font-size: calc(56px * var(--klassiker-scale)); letter-spacing: -.035em; line-height: .94; background: linear-gradient(90deg,#cf7d98 0 38%,#14294f 47% 55%,#6f9dc2 66% 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.einladio-article-clean .article-klassiker-invite { display: block; margin: calc(22px * var(--klassiker-scale)) 0 calc(8px * var(--klassiker-scale)); color: #69738a; font-family: "Manrope",Arial,sans-serif; font-size: calc(10px * var(--klassiker-scale)); font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.einladio-article-clean .article-klassiker-title { display: block; font-size: calc(51px * var(--klassiker-scale)); line-height: .92; letter-spacing: -.04em; }
.einladio-article-clean .article-klassiker-title > span { display: block; margin-top: .05em; }
.einladio-article-clean .article-klassiker-question { display: block; margin-top: calc(20px * var(--klassiker-scale)); font-size: calc(26px * var(--klassiker-scale)); white-space: nowrap; }
.einladio-article-clean .article-klassiker-question > span:first-child { color: #d9829e; }
.einladio-article-clean .article-klassiker-question > span:last-child { color: #75a4c9; }
.einladio-article-clean .article-klassiker-question::before,
.einladio-article-clean .article-klassiker-question::after { content: "✦"; display: inline-block; margin: 0 .6em; color: #c69a52; font-size: .52em; vertical-align: .24em; }
.einladio-article-clean .article-klassiker-photo { padding: calc(5px * var(--klassiker-scale)); margin-top: calc(27px * var(--klassiker-scale)); border-radius: 48% 48% 6px 6px / 19% 19% 6px 6px; background: linear-gradient(90deg,#d9829e 0 48%,#fffdf9 48% 52%,#75a4c9 52% 100%); }
.einladio-article-clean .article-klassiker-photo img { width: 100%; height: auto; aspect-ratio: .9; object-fit: cover; object-position: center 42%; border: calc(3px * var(--klassiker-scale)) solid #fffdf9; border-radius: 48% 48% 4px 4px / 19% 19% 4px 4px; }
.einladio-article-clean .einladio-cta-list { margin-top: 20px; }
.einladio-article-clean .birthday-cta h2 span { color: var(--article-purple); }

/* Remaining guides: copy templates, definitions and invitation check. */
.einladio-article-clean :where(.summer-shell,.definition-shell,.ein-shell,.ein-help-field) { min-width: 0; }
.einladio-article-clean :where(.summer-template-top,.ein-template__top) > span { margin: 0; }
.einladio-article-clean :where(.summer-nav,.definition-nav,.ein-toc) { padding: 16px 0; margin: 24px 0 32px; border-block: 1px solid var(--article-line); }
.einladio-article-clean :where(.summer-nav,.definition-nav ul,.ein-toc__list,.ein-hero__actions,.ein-hero__meta) { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.einladio-article-clean :where(.definition-nav ul,.ein-toc__list) { list-style: none; padding: 0; margin: 12px 0 0; }
.einladio-article-clean :where(.definition-nav li,.ein-toc__list li) { margin: 0; }
.einladio-article-clean :where(.summer-nav a,.definition-nav a,.ein-toc a,.ein-hero__actions a) { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 700; }
.einladio-article-clean :where(.summer-note,.summer-tip,.definition-card,.definition-fact,.definition-quote,.definition-callout,.ein-definition,.ein-answer,.einladio-wedding-mini,.ein-snippet,.ein-check) { padding: 24px; margin: 24px 0 32px; border: 1px solid var(--article-line); border-radius: 16px; background: #fafafb; }
.einladio-article-clean :where(.summer-tip,.definition-card,.definition-quote,.definition-callout,.ein-definition,.ein-answer) { background: #f5f2fd; border-color: #e5dcfa; }
.einladio-article-clean :where(.summer-note,.summer-tip,.definition-card,.definition-fact,.definition-quote,.definition-callout,.ein-definition,.ein-answer,.ein-snippet) > :last-child { margin-bottom: 0; }
.einladio-article-clean :where(.summer-note,.summer-tip,.summer-cta,.definition-card,.definition-cta,.ein-cta,.ein-check) :is(h2,h3):first-child { margin-top: 0; }
.einladio-article-clean :where(.summer-check-grid,.definition-facts,.ein-snippets) { display: grid; gap: 16px; margin: 24px 0 32px; }
.einladio-article-clean .definition-fact { margin: 0; }
.einladio-article-clean .definition-fact > span { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: var(--article-purple); }
.einladio-article-clean .definition-photo { margin: 32px 0 40px; }
.einladio-article-clean .definition-photo img { width: 100%; max-height: 460px; object-fit: cover; }
.einladio-article-clean .definition-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--article-line); border-radius: 16px; }
.einladio-article-clean .definition-table-wrap table { min-width: 560px; }
.einladio-article-clean .definition-cta-title { font-size: 24px; font-weight: 800; line-height: 1.3; }
.einladio-article-clean :where(.ein-eyebrow--neutral,.ein-cta__trust) { color: #6b6b72; font-size: 14px; letter-spacing: normal; text-transform: none; }
.einladio-article-clean :where(.einladio-wedding-section__icon,.ein-answer__icon,.ein-cta__badge,.ein-cta__button-ghost) { display: none; }
.einladio-article-clean :where(.ein-cta__button,.ein-cta__textlink,.ein-cta__trust,.ein-faq__icon) svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.einladio-article-clean :where(.ein-cta__button,.ein-cta__textlink,.ein-cta__trust) { gap: 8px; }
.einladio-article-clean .ein-cta__trust { display: flex; align-items: center; margin: 20px 0 0; }
.einladio-article-clean .ein-cta__preview { margin: 28px 0 0; max-width: 240px; padding: 28px 20px; border: 1px solid #d3c5f2; border-radius: 16px; background: #f5f2fd; text-align: center; }
.einladio-article-clean .ein-cta__preview-tag { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--article-purple); }
.einladio-article-clean .ein-cta__preview-names { margin: 16px 0; font-size: 28px; font-weight: 700; }
.einladio-article-clean .ein-cta__preview-divider { display: block; width: 40px; height: 1px; margin: 16px auto; background: #b9a4e9; }
.einladio-article-clean .ein-cta__preview-date { font-size: 15px; }
.einladio-article-clean .ein-cta__preview-url { font-size: 12px; margin-bottom: 0; overflow-wrap: anywhere; }
.einladio-article-clean :where(.ein-checklist,.ein-flow) { list-style: none; padding: 0; margin: 24px 0; }
.einladio-article-clean :where(.ein-checklist,.ein-flow) li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 12px; padding: 16px 0; border-top: 1px solid var(--article-line); }
.einladio-article-clean :where(.ein-checklist,.ein-flow) li > span { color: var(--article-purple); font-size: 16px; font-weight: 800; }
.einladio-article-clean :where(.ein-checklist,.ein-flow) small { display: block; margin-top: 4px; color: var(--article-muted); font-size: 15px; }
.einladio-article-clean .ein-flow { counter-reset: wedding-flow; }
.einladio-article-clean .ein-flow li { counter-increment: wedding-flow; }
.einladio-article-clean .ein-flow li::before { content: counter(wedding-flow); color: var(--article-purple); font-weight: 800; }
.einladio-article-clean .ein-compare { margin: 24px 0 32px; }
.einladio-article-clean .ein-compare__row { display: grid; grid-template-columns: 1fr 1.4fr 1.4fr; gap: 16px; padding: 16px; border: 1px solid var(--article-line); }
.einladio-article-clean .ein-compare__head { background: var(--article-ink); color: #fff; }
.einladio-article-clean .ein-compare__row:not(.ein-compare__head) strong { display: none; }
.einladio-article-clean .ein-compare :where(dt,dd) { margin: 0; font-size: 15px; }
.einladio-article-clean .ein-check { display: grid; gap: 20px; }
.einladio-article-clean .ein-check__question { display: grid; gap: 12px; padding: 20px; border: 1px solid var(--article-line); border-radius: 16px; background: #fff; }
.einladio-article-clean .ein-check__question[data-answered="true"] { border-color: #b9a4e9; }
.einladio-article-clean .ein-check__label { font-weight: 700; margin: 0; }
.einladio-article-clean .ein-check__toggles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.einladio-article-clean .ein-check__toggle { min-height: 44px; padding: 10px 12px; border: 1px solid #bcb7c7; border-radius: 10px; background: #fff; color: var(--article-ink); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.einladio-article-clean .ein-check__toggle[aria-pressed="true"] { background: var(--article-purple); color: #fff; border-color: var(--article-purple); }
.einladio-article-clean .ein-check__toggle[data-value="no"][aria-pressed="true"] { background: var(--article-ink); border-color: var(--article-ink); }
.einladio-article-clean .ein-check__progress-label { font-size: 15px; color: var(--article-purple); }
.einladio-article-clean .ein-check__progress-bar { height: 8px; margin-top: 12px; border-radius: 8px; overflow: hidden; background: #e5dcfa; }
.einladio-article-clean .ein-check__progress-fill { display: block; width: 0; height: 100%; background: var(--article-purple); }
.einladio-article-clean .ein-check__result { display: none; padding: 24px; border: 1px solid #b9a4e9; border-radius: 16px; background: #f5f2fd; }
.einladio-article-clean .ein-check__result[data-visible="true"] { display: grid; gap: 12px; }
.einladio-article-clean .ein-check__result-title { font-size: 21px; font-weight: 700; line-height: 1.35; margin: 0; }
.einladio-article-clean .ein-check__result-text { margin: 0; }
.einladio-article-clean .ein-check__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.einladio-article-clean .ein-check__actions .ein-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 12px 16px; border: 1px solid var(--article-purple); border-radius: 10px; background: var(--article-purple); color: #fff; font: inherit; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; }
.einladio-article-clean .ein-check__actions .ein-btn--ghost { background: #fff; color: var(--article-purple); }
.einladio-article-clean .ein-faq__item { padding: 16px 20px; margin-top: 12px; border: 1px solid var(--article-line); border-radius: 16px; }
.einladio-article-clean .ein-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; cursor: pointer; list-style: none; }
.einladio-article-clean .ein-faq__item summary::-webkit-details-marker { display: none; }
.einladio-article-clean .ein-faq__item summary h3 { margin: 0; font-size: 17px; }
.einladio-article-clean .ein-faq__item p { margin: 16px 0 0; }
.einladio-article-clean .ein-faq__item[open] .ein-faq__icon { transform: rotate(180deg); }
.einladio-article-clean .ein-help-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 24px 0; }
.einladio-article-clean .ein-help-field { display: grid; align-content: start; gap: 8px; }
.einladio-article-clean .ein-help-field label { font-size: 15px; font-weight: 700; }
.einladio-article-clean .ein-help-field small { font-size: 14px; color: var(--article-muted); }
.einladio-article-clean .ein-help-result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 24px 0; }
.einladio-article-clean .ein-help-result-card { padding: 16px; border: 1px solid #e5dcfa; border-radius: 16px; background: #f5f2fd; }
.einladio-article-clean .ein-help-result-card :where(span,strong) { display: block; }
.einladio-article-clean .ein-help-result-card span { font-size: 14px; }
.einladio-article-clean .ein-help-result-card strong { margin-top: 8px; font-size: 24px; }
@media (max-width: 600px) {
  .einladio-article-clean :is(.ein-help-field-grid,.ein-help-result-grid) { grid-template-columns: 1fr; }
  .einladio-article-clean :where(.summer-template-card,.ein-template,.summer-note,.summer-tip,.definition-card,.definition-fact,.definition-quote,.definition-callout,.ein-definition,.ein-answer,.einladio-wedding-mini,.ein-snippet,.ein-check) { padding: 20px; }
  .einladio-article-clean .ein-compare__row { grid-template-columns: 1fr; gap: 12px; border-radius: 16px; margin-top: 12px; }
  .einladio-article-clean .ein-compare__head { display: none; }
  .einladio-article-clean .ein-compare__row:not(.ein-compare__head) strong { display: block; color: var(--article-purple); font-size: 13px; margin-bottom: 4px; }
}

/* Additional guides and tools share the same article frame. */
.einladio-article-clean :where(.ein-help-shell,.einladio-drink-shell,.drink-form,.drink-results,.drink-field) { min-width: 0; }
.einladio-article-clean :where(.ein-help-meta,.ein-help-actions,.drink-anchor-nav,.ein-help-nav-list) { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.einladio-article-clean :where(.ein-help-actions a,.drink-anchor-nav a,.ein-help-nav-list a) { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; font-weight: 700; }
.einladio-article-clean :where(.drink-anchor-nav,.ein-help-nav) { margin: 24px 0 32px; padding: 16px 0; border-block: 1px solid var(--article-line); }
.einladio-article-clean .ein-help-nav-list { list-style: none; padding: 0; margin: 0; }
.einladio-article-clean .ein-help-nav-list li { margin: 0; }
.einladio-article-clean :where(.ein-help-answer,.ein-help-tool,.ein-help-card,.ein-help-note,.ein-help-faq-item,.drink-section,.drink-advanced-panel,.drink-result-panel,.drink-note,.drink-info-item) { padding: 24px; border: 1px solid var(--article-line); border-radius: 16px; background: #fafafb; }
.einladio-article-clean :where(.ein-help-answer,.ein-help-note,.drink-note) { margin: 24px 0 32px; background: #f5f2fd; border-color: #e5dcfa; }
.einladio-article-clean :where(.ein-help-answer,.ein-help-card,.ein-help-note,.ein-help-faq-item,.drink-note,.drink-info-item) > :last-child { margin-bottom: 0; }
.einladio-article-clean :where(.ein-help-tool,.ein-help-section,.ein-help-faq,.drink-info-section) { margin-top: 40px; }
.einladio-article-clean :where(.ein-help-tool,.ein-help-card,.ein-help-faq-item,.drink-section,.drink-result-panel,.drink-subsection,.drink-info-item,.drink-ci-cta,.ein-help-cta) :is(h2,h3):first-child { margin-top: 0; }
.einladio-article-clean :where(.ein-help-card-grid,.ein-help-faq-list,.drink-info-grid) { display: grid; gap: 16px; margin: 24px 0 32px; }
.einladio-article-clean .ein-help-check-item { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding: 18px 20px; border: 1px solid var(--article-line); border-radius: 16px; background: #fff; cursor: pointer; }
.einladio-article-clean .ein-help-check-item small { display: inline-block; margin-top: 4px; font-size: 15px; color: var(--article-muted); }
.einladio-article-clean :where(.ein-help-check-item input,.drink-toggle input,.drink-switch input,.drink-shopping-list input) { flex: 0 0 auto; width: 20px; height: 20px; margin: 5px 0 0; accent-color: var(--article-purple); }
.einladio-article-clean .ein-help-check-item:has(input:focus-visible) { outline: 2px solid var(--article-purple); outline-offset: 4px; }
.einladio-article-clean .ein-help-check-item input:checked + span strong { color: var(--article-purple); }
.einladio-article-clean .ein-help-progress { margin: 24px 0; }
.einladio-article-clean .ein-help-progress-bar { overflow: hidden; height: 8px; margin-top: 12px; border-radius: 8px; background: #e5dcfa; }
.einladio-article-clean .ein-help-progress-bar span { display: block; height: 100%; width: 0; background: var(--article-purple); }
.einladio-article-clean .ein-help-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--article-line); border-radius: 16px; }
.einladio-article-clean .ein-help-table { min-width: 560px; }
.einladio-article-clean :where(.ein-help-cta,.drink-ci-cta) { padding: 28px; margin: 40px 0; border: 2px solid var(--article-purple); border-radius: 16px; background: #fff; }
.einladio-article-clean :where(.ein-help-cta-actions,.drink-cta-actions) { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 24px; }
.einladio-article-clean .ein-help-cta .ein-help-btn,
.einladio-article-clean .drink-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 14px 24px; border: 1px solid var(--article-purple); border-radius: 10px; background: var(--article-purple); color: #fff; font: inherit; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; white-space: normal; cursor: pointer; }
.einladio-article-clean :where(.ein-help-cta .ein-help-btn,.drink-button):hover { background: #35158f; }
.einladio-article-clean .drink-button.secondary { background: #fff; color: var(--article-purple); }
.einladio-article-clean .drink-ci-badge { display: none; }

/* Calculator controls and output retain their original IDs and behaviour. */
.einladio-article-clean [hidden] { display: none !important; }
.einladio-article-clean .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.einladio-article-clean :where(.drink-layout,.drink-form) { display: grid; gap: 24px; }
.einladio-article-clean .drink-section-header { margin-bottom: 24px; }
.einladio-article-clean :where(.drink-section-header,.drink-result-head) h2 { margin-top: 0; font-size: 24px; }
.einladio-article-clean :where(.drink-field-grid,.drink-cost-panel) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.einladio-article-clean .drink-core-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.einladio-article-clean .drink-field { display: grid; gap: 8px; }
.einladio-article-clean fieldset.drink-field { display: block; padding: 0; margin: 24px 0 0; border: 0; }
.einladio-article-clean :where(.drink-field label,.drink-field legend) { font-size: 15px; font-weight: 700; }
.einladio-article-clean .drink-field legend { margin-bottom: 12px; }
.einladio-article-clean .drink-field small { font-size: 14px; color: var(--article-muted); }
.einladio-article-clean :where(input[type="number"],select) { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #bcb7c7; border-radius: 10px; background: #fff; color: var(--article-ink); font: inherit; }
article.einladio-article-clean :where(input,select):focus-visible { outline: 2px solid var(--article-purple); outline-offset: 3px; }
.einladio-article-clean .drink-number-control { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; gap: 4px; }
.einladio-article-clean .drink-number-control input { text-align: center; padding: 8px 2px; appearance: textfield; }
.einladio-article-clean .drink-number-control input::-webkit-inner-spin-button { appearance: none; }
.einladio-article-clean .drink-stepper { min-width: 44px; min-height: 44px; padding: 0; border: 1px solid #d3c5f2; border-radius: 10px; background: #fff; color: var(--article-purple); font: inherit; font-weight: 700; cursor: pointer; }
.einladio-article-clean :where(.drink-field-icon svg,.drink-toggle svg,.drink-quick-card svg) { width: 24px; height: 24px; flex: 0 0 auto; color: var(--article-purple); }
.einladio-article-clean .drink-toggle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.einladio-article-clean :where(.drink-toggle,.drink-switch) { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--article-line); border-radius: 10px; background: #fff; cursor: pointer; }
.einladio-article-clean :where(.drink-toggle,.drink-switch) input { margin: 0; }
.einladio-article-clean .drink-toggle span { display: flex; align-items: center; gap: 6px; }
.einladio-article-clean .drink-toggle:has(input:checked) { border-color: #b9a4e9; background: #f5f2fd; }
.einladio-article-clean .drink-toggle:has(input:disabled) { opacity: .55; cursor: default; }
.einladio-article-clean :where(.drink-details,.drink-result-details) > summary { min-height: 44px; padding: 8px 0; font-weight: 700; cursor: pointer; }
.einladio-article-clean .drink-advanced-panel > summary small { display: block; margin-top: 8px; font-size: 14px; font-weight: 400; color: var(--article-muted); }
.einladio-article-clean .drink-advanced-content { padding-top: 24px; }
.einladio-article-clean .drink-subsection + .drink-subsection { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--article-line); }
.einladio-article-clean .drink-switch { margin-bottom: 20px; font-size: 15px; }
.einladio-article-clean .drink-error { display: none; }
.einladio-article-clean .drink-error.is-visible { display: block; margin-bottom: 20px; padding: 16px; border: 1px solid #a21c1c; border-radius: 10px; background: #fff3f3; color: #a21c1c; }
.einladio-article-clean [aria-invalid="true"] { border-color: #a21c1c; }
.einladio-article-clean .drink-result-panel { border: 2px solid var(--article-purple); background: #fff; }
.einladio-article-clean .drink-result-status { padding: 16px; margin: 24px 0; background: #f5f2fd; border-radius: 16px; }
.einladio-article-clean .drink-quick-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 24px 0; }
.einladio-article-clean .drink-quick-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: #fafafb; border: 1px solid var(--article-line); border-radius: 16px; min-width: 0; }
.einladio-article-clean .drink-quick-card :where(span,strong,small) { display: block; }
.einladio-article-clean .drink-quick-card span { font-size: 14px; }
.einladio-article-clean .drink-quick-card strong { margin-top: 4px; font-size: 17px; }
.einladio-article-clean .drink-quick-card small { margin-top: 4px; font-size: 14px; color: var(--article-muted); }
.einladio-article-clean .drink-shopping-list { list-style: none; padding: 0; margin: 24px 0; }
.einladio-article-clean .drink-shopping-list li { display: flex; gap: 12px; margin: 0; padding: 16px 0; border-top: 1px solid var(--article-line); }
.einladio-article-clean .drink-shopping-list label { min-width: 0; cursor: pointer; }
.einladio-article-clean .drink-shopping-list :where(strong,span) { display: block; }
.einladio-article-clean .drink-shopping-list span { margin-top: 6px; font-size: 15px; color: var(--article-muted); }
.einladio-article-clean .drink-shopping-list input:checked + label strong { text-decoration: line-through; }
.einladio-article-clean .drink-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.einladio-article-clean .drink-copy-status { font-size: 15px; }
.einladio-article-clean .drink-result-details { border-top: 1px solid var(--article-line); padding-top: 16px; margin-top: 24px; }
.einladio-article-clean .drink-result-details > :last-child { margin-bottom: 0; }
.einladio-article-clean .drink-formula { padding: 20px; margin: 24px 0; border: 1px solid var(--article-line); border-radius: 16px; background: #fafafb; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; }
@media (max-width: 600px) {
  .einladio-article-clean :is(.drink-field-grid,.drink-cost-panel,.drink-core-grid,.drink-toggle-grid,.drink-quick-results) { grid-template-columns: 1fr; }
  .einladio-article-clean :where(.ein-help-tool,.ein-help-card,.ein-help-faq-item,.drink-section,.drink-advanced-panel,.drink-result-panel,.drink-info-item,.ein-help-cta,.drink-ci-cta) { padding: 20px; }
  .einladio-article-clean :where(.ein-help-cta .ein-help-btn,.drink-ci-cta .drink-button) { width: 100%; padding-inline: 16px; }
}
@media print {
  .einladio-article-clean.einladio-drink-planner :where(.drink-form,.drink-actions,.drink-article) { display: none; }
  .einladio-article-clean.einladio-drink-planner { max-width: none; padding: 0; font-size: 12px; }
  .einladio-article-clean .drink-result-panel { border: 0; }
}
@media (min-width: 700px) {
  .einladio-article-clean .einladio-invite-cta { display: grid; grid-template-columns: minmax(0,1fr) 180px; align-items: center; gap: 24px; }
  .einladio-article-clean .einladio-phone-mockup { margin: 0; max-width: 180px; }
  .einladio-article-clean .article-klassiker-preview { --klassiker-scale: .48; }
}
@media (max-width: 600px) {
  .einladio-article-clean { padding: 32px 24px 56px; }
  .einladio-article-clean h2 { font-size: 26px; }
  .einladio-article-clean .einladio-idea-shortcuts { grid-template-columns: 1fr; }
  .einladio-article-clean :where(.birthday-template-card,.einladio-answer-box,.einladio-toc,.birthday-note,.birthday-tips-panel,.birthday-cta,.einladio-invite-cta,.summer-cta,.definition-cta,.ein-cta) { padding: 20px; }
  .einladio-article-clean :is(.birthday-cta-button,.einladio-cta-button,.summer-button:not(.summer-button--ghost),.definition-button,.ein-cta__button) { width: 100%; padding-inline: 16px; }
  .einladio-article-clean :where(.birthday-cta-actions,.einladio-cta-actions,.summer-cta-actions,.definition-button-row,.ein-cta__actions) { align-items: stretch; }
  .einladio-article-clean :where(th,td) { min-width: 100px; padding: 10px 12px; }
}