/* Meg’s List uses the existing full-screen card frame and the original
 * category/Back faces. The landing holds only its compact door. */
.gl-card, .gl-entry-card {
  --gl-purple: color-mix(in srgb, var(--color-magenta-500) 58%, var(--color-black));
  --gl-blue: var(--color-blue-500);
  --gl-rule: var(--color-gray-200);
  --gl-grey: var(--color-gray-500);
  color: var(--color-gray-900);
}
.start-ideas-card.gl-entry-card { padding: var(--space-6) var(--space-4) var(--space-4); }
.gl-entry-card > .gl-card__pills { pointer-events: none; }
.gl-entry { display: grid; grid-template-columns: 1fr auto; gap: var(--space-2); color: inherit; text-decoration: none; }
.gl-entry .gl-card__head { grid-column: 1; }
.gl-entry__line { grid-column: 1; color: var(--gl-blue); font: var(--text-base)/var(--leading-normal) var(--font-sans); }
.gl-entry__arrow { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: var(--text-xl); }
.gl-entry:focus-visible, .gl-cat__open:focus-visible, .gl-back:focus-visible, .gl-idea:focus-visible { outline: 2px solid var(--gl-blue); outline-offset: 2px; }
.hc-ideas.hc-gl { margin-block: var(--space-8); }
.start-homepage-proof--gl { margin-block: var(--space-8); }
body.start-home:has([data-gl-entry]) .start-hero__entry { margin-bottom: var(--space-8); }
.hc-slide--entry.is-whole > .hc-entry:has([data-gl-home]) > .hc-entry__center { padding-block: var(--space-8); }
.gl-card__head { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.gl-card__peace { flex: none; font-size: var(--size-8); color: var(--gl-purple); }
.gl-card__name { margin: 0; min-width: 0; color: var(--gl-purple); font-family: var(--font-serif); font-size: var(--text-3xl); font-weight: var(--font-normal); line-height: var(--leading-tight); }
.gl-card__line { margin: 0; padding: var(--space-2); background: var(--color-gray-100); color: var(--gl-blue); font: var(--font-bold) var(--text-lg)/var(--leading-tight) var(--font-sans); text-align: center; }
.gl-free-note { flex: none; margin: var(--space-3) 0; color: var(--gl-grey); font-size: var(--text-sm); line-height: var(--leading-normal); }
.megs-list-page .main-area { background: var(--surface-secondary); }
.gl-page { box-sizing: border-box; width: 100%; max-width: var(--feed-card-max-width); margin: 0 auto; padding: var(--space-2); }
.gl-card { --tb-card-full-h: calc(100svh - var(--size-16) - var(--space-4)); }
.gl-card > .tb-card__inner { height: var(--tb-card-full-h); }
.gl-surface { display: flex; flex-direction: column; min-width: 0; min-height: 0; height: var(--tb-card-full-h); box-sizing: border-box; padding: var(--space-4); background: var(--color-white); overflow: hidden; }
.gl-face { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; }
.gl-face[hidden] { display: none; }
.gl-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; gap: 0 var(--space-4); margin: var(--space-4) 0 0; padding: 0; list-style: none; overflow-y: auto; }
.gl-cat { min-width: 0; border-bottom: 1px solid var(--gl-rule); }
.gl-cat__open { display: flex; align-items: center; min-height: var(--size-12); color: var(--gl-blue); text-decoration: underline; overflow-wrap: anywhere; font-family: var(--font-sans); font-size: var(--text-base); }
.gl-cat--business .gl-cat__open { font-weight: var(--font-bold); }
.gl-bar { display: flex; flex: none; margin-bottom: var(--space-3); }
.gl-back { display: inline-flex; align-items: center; gap: var(--space-1); min-height: var(--size-10); color: var(--gl-blue); text-decoration: underline; font-size: var(--text-base); }
.gl-bar__title { flex: none; margin: 0 0 var(--space-3); color: var(--gl-purple); font-family: var(--font-serif); font-size: var(--text-xl); line-height: var(--leading-tight); }
.gl-rows { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--space-1); }
.gl-ideas { margin: 0; padding: 0 0 0 var(--space-6); }
.gl-ideas > li { padding: var(--space-3) 0; border-bottom: 1px solid var(--gl-rule); }
.gl-idea { color: var(--gl-blue); text-decoration: underline; overflow-wrap: anywhere; font-size: var(--text-base); line-height: var(--leading-normal); }
.gl-idea__free { white-space: nowrap; font-weight: var(--font-bold); }
.gl-listing { margin: var(--space-3) 0; }
.gl-all { display: flex; align-items: center; justify-content: center; min-height: var(--size-14); margin-top: var(--space-4); padding-inline: var(--space-5); border-radius: var(--radius-full); background: var(--highlight-purple); color: var(--text-inverse); font: var(--font-bold) var(--text-lg)/var(--leading-normal) var(--font-heading); text-decoration: none; }
@media (prefers-reduced-motion: no-preference) { .gl-face:not([hidden]) { animation: gl-face-in 150ms ease-out; } @keyframes gl-face-in { from { opacity: 0; transform: translateX(var(--space-2)); } to { opacity: 1; transform: none; } } }
/* The signed-in deck draws Meg’s List as a full card in place: the pill, the
 * name, the free note, the Try these ideas bar, the two-column categories. */
.start-ideas-card.gl-card--deck { padding: var(--space-6) var(--space-4) var(--space-4); }
.gl-card--deck > .gl-card__pills { pointer-events: none; }
.gl-card--deck .gl-card__name { font-size: var(--text-3xl); }
.gl-card--deck .gl-cats { overflow: visible; margin-top: var(--space-3); }