/* Persona "worlds": each persona is a different emotional world. Logo + nav markup shared. */
[data-for]{display:none}
:root[data-persona="teen"] [data-for="teen"],:root[data-persona="parent"] [data-for="parent"],:root[data-persona="senior"] [data-for="senior"]{display:inline}

/* ============ TEEN: energetic, bold, dark, playful-cool ============ */
:root[data-persona="teen"]{
  --surface:#121417; --surface-raised:#1D2026; --surface-sunken:#0B0D10;
  --ink:#F5F2EA; --ink-muted:#B9BEC7; --line:#F5F2EA; --line-strong:#9AA1AC;
  --primary:#FF9F6B; --primary-hover:#FFB48A; --on-primary:#121417; --primary-soft:#3B2A20; --primary-text:#FFB48A;
  --brand-text:#C3B4FF; --brand-soft:#2A2350; --wordmark:#5CC8BC; --focus-ring:#C6FF4D;
  --sig-ink:#F5F2EA; --teen-text:#FFB48A; --teen-soft:#3B2A20; --parent-text:#9CC3F2; --parent-soft:#1C2E45;
  --senior-text:#F6C25A; --senior-soft:#3A2F14; --error:#FF8A80; --error-soft:#3D1F1D;
  --info-bg:#2A2350; --info-text:#E1D9FF; --giga:#5CC8BC; --on-giga:#121417;
  --shadow-card:6px 6px 0 #C6FF4D; --shadow-lift:9px 9px 0 #C6FF4D;
}
:root[data-persona="teen"] body{background-image:radial-gradient(rgba(245,242,234,.07) 1.5px,transparent 1.5px);background-size:22px 22px}
:root[data-persona="teen"] .gb-preview{background:#C6FF4D;color:#121417}
:root[data-persona="teen"] .gb-header{background:#121417;border-bottom:3px solid #C6FF4D}
:root[data-persona="teen"] .gb-nav__links a:not(.gb-btn){color:var(--ink)}
:root[data-persona="teen"] .gb-seg{background:#1D2026}
:root[data-persona="teen"] .gb-hero{padding-top:var(--space-6)}
:root[data-persona="teen"] .gb-hero h1{font-size:76px;line-height:74px;text-transform:uppercase;letter-spacing:-.03em;font-weight:1000}
:root[data-persona="teen"] .gb-hero h1 em{color:#121417;background:#C6FF4D;padding:0 .12em;display:inline-block;transform:rotate(-2deg)}
:root[data-persona="teen"] .gb-eyebrow{background:transparent;border:2px solid #C6FF4D;color:#C6FF4D;text-transform:uppercase;letter-spacing:.06em}
:root[data-persona="teen"] .gb-art-frame{transform:rotate(3deg);background:#2A2350;border-color:#C6FF4D;box-shadow:10px 10px 0 #FF9F6B}
:root[data-persona="teen"] .gb-tiles{gap:var(--space-4)}
:root[data-persona="teen"] .gb-tile{border-radius:4px}
:root[data-persona="teen"] .gb-tile:nth-child(1){transform:rotate(-1.5deg)} :root[data-persona="teen"] .gb-tile:nth-child(3){transform:rotate(1.5deg)}
:root[data-persona="teen"] .gb-tile__title{text-transform:uppercase;font-weight:1000;font-size:24px;letter-spacing:-.01em}
:root[data-persona="teen"] .gb-tile__icon{border:2px solid currentColor;border-radius:4px}
:root[data-persona="teen"] .gb-tile__icon svg{stroke-width:2.6}
:root[data-persona="teen"] .gb-input{background:#0B0D10}
:root[data-persona="teen"] label.gb-chip{background:#1D2026;border-radius:6px}
:root[data-persona="teen"] .gb-age{background:#1D2026}
:root[data-persona="teen"] .gb-radio input{accent-color:#C6FF4D}

/* ============ PARENT: calm, organised, reassuring editorial ============ */
:root[data-persona="parent"]{ --surface:#FFFFFF; --surface-sunken:#F4F1EA; --surface-raised:#FFFFFF; }
:root[data-persona="parent"] .gb-header{border-bottom:1px solid var(--line)}
:root[data-persona="parent"] .gb-hero{border-bottom:1px solid var(--line)}
:root[data-persona="parent"] .gb-hero h1{font-weight:800;font-size:52px;line-height:58px;max-width:16ch}
:root[data-persona="parent"] .gb-hero h1 em{color:var(--primary-text);border-bottom:4px solid var(--secondary)}
:root[data-persona="parent"] .gb-eyebrow{background:transparent;padding:0;border-radius:0;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-text);border-left:4px solid var(--primary);padding-left:var(--space-3)}
:root[data-persona="parent"] .gb-art-frame{background:var(--primary-soft);border:0;box-shadow:none;border-radius:var(--radius-md)}
:root[data-persona="parent"] .gb-tiles{gap:0;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
:root[data-persona="parent"] .gb-tile{border:0;border-radius:0;box-shadow:none;border-right:1px solid var(--line)}
:root[data-persona="parent"] .gb-tile:last-child{border-right:0}
:root[data-persona="parent"] .gb-tile::before{inset:0 auto 0 0;width:6px;height:auto}
:root[data-persona="parent"] .gb-tile:hover{transform:none;background:var(--surface-sunken);box-shadow:none}
:root[data-persona="parent"] .gb-tile__icon{border-radius:50%;width:48px;height:48px}
:root[data-persona="parent"] .gb-tile__icon svg{stroke-width:1.6}

/* ============ SENIOR / COMFORT: warm, slow, spacious, gentle large print ============ */
:root[data-persona="senior"]{ --surface:#FFF4E2; --surface-raised:#FFFDF8; --surface-sunken:#F7E7CC; --radius-lg:32px; --radius-md:20px; --heading-weight:700; }
:root[data-persona="senior"] .gb-header{background:#FFFDF8;border-bottom:2px solid var(--line)}
:root[data-persona="senior"] .gb-hero{max-width:900px;padding:var(--space-9) var(--space-6)}
:root[data-persona="senior"] .gb-hero__grid{grid-template-columns:1fr;gap:var(--space-7)}
:root[data-persona="senior"] .gb-hero__grid>div:first-child{order:2}
:root[data-persona="senior"] .gb-art-frame{order:1;max-width:420px;margin:0 auto;border:0;box-shadow:none;background:transparent;padding:0}
:root[data-persona="senior"] .gb-hero h1{font-size:54px;line-height:66px;font-weight:700;letter-spacing:0;text-align:center}
:root[data-persona="senior"] .gb-hero h1 em{color:var(--primary-text);font-style:italic}
:root[data-persona="senior"] .gb-eyebrow{display:block;text-align:center;background:transparent;color:var(--senior-text);font-size:22px}
:root[data-persona="senior"] .gb-hero__lead{text-align:center;margin-left:auto;margin-right:auto;max-width:36ch}
:root[data-persona="senior"] .gb-signup{margin:0 auto;gap:var(--space-5);background:var(--surface-raised);padding:var(--space-6);border-radius:var(--radius-lg);border:2px solid var(--line)}
:root[data-persona="senior"] .gb-signup__row{flex-direction:column}
:root[data-persona="senior"] .gb-input{flex:none}
:root[data-persona="senior"] .gb-btn--primary{width:100%}
:root[data-persona="senior"] .gb-tiles{grid-template-columns:1fr;gap:var(--space-6);max-width:760px;margin-left:auto;margin-right:auto}
:root[data-persona="senior"] .gb-tile{flex-direction:row;flex-wrap:wrap;align-items:center;padding:var(--space-6);box-shadow:none;border:2px solid var(--line)}
:root[data-persona="senior"] .gb-tile::before{display:none}
:root[data-persona="senior"] .gb-tile__icon{width:80px;height:80px;border-radius:50%}
:root[data-persona="senior"] .gb-tile__icon svg{width:44px;height:44px;stroke-width:1.8}
:root[data-persona="senior"] .gb-tile__title{font-size:30px;line-height:38px;flex:1 1 60%}
:root[data-persona="senior"] .gb-tile>*:not(.gb-tile__icon):not(.gb-tile__title){flex-basis:100%}
:root[data-persona="senior"] .gb-tile--senior{order:-1;border-color:var(--senior);border-width:3px}
:root[data-persona="teen"] .gb-tile--teen{order:-1}

@media (max-width:860px){
 :root[data-persona="teen"] .gb-hero h1{font-size:46px;line-height:46px}
 :root[data-persona="parent"] .gb-tile{border-right:0;border-bottom:1px solid var(--line)}
 :root[data-persona="senior"] .gb-hero{padding:var(--space-7) var(--space-4)}
 :root[data-persona="senior"] .gb-hero h1{font-size:38px;line-height:48px}
 :root[data-persona="senior"] .gb-signup{padding:var(--space-5)}
 :root[data-persona="senior"] .gb-art-frame{max-width:260px}
}
@media (prefers-reduced-motion:reduce){:root[data-persona] .gb-tile,:root[data-persona] .gb-art-frame,:root[data-persona] .gb-hero h1 em{transform:none!important}}
.gb-nav__links a{white-space:nowrap}
.gb-nav__links .gb-btn{gap:0}
:root[data-persona="senior"] .gb-nav__links{gap:var(--space-4)}
:root[data-persona="senior"] .gb-nav__links a:not(.gb-btn),:root[data-persona="senior"] .gb-nav__soon{font-size:22px}
/* ---- Phone polish (<=440px covers iPhone Pro Max too) ---- */
.gb-hide-xs{margin-left:.3em}
.gb-preview__short{display:none}
@media (max-width:440px){
 .gb-hide-xs{display:none}
 .gb-preview{padding:4px var(--space-4);font-size:14px;line-height:20px}
 .gb-preview__long{display:none}.gb-preview__short{display:inline}
 .gb-nav{padding:var(--space-2) var(--space-5);gap:var(--space-2)}
 .gb-nav .gb-logo svg{width:32px;height:32px}.gb-nav .gb-logo__word{font-size:22px}
 .gb-nav__links .gb-btn{min-height:44px;font-size:16px;padding:0 var(--space-4)}
 :root[data-persona] .gb-nav__links .gb-btn{--sig-offset:3px;--sig-border:2px}
 .gb-seg{padding:2px}.gb-seg button{min-height:40px;font-size:16px}
 .gb-hero,:root[data-persona] .gb-hero{padding:var(--space-6) var(--space-5) var(--space-7)}
 .gb-eyebrow,:root[data-persona] .gb-eyebrow{margin-bottom:var(--space-5)}
 .gb-hero h1{margin-bottom:var(--space-5)}
 :root[data-persona="teen"] .gb-hero h1{font-size:clamp(34px,10vw,40px);line-height:1.12}
 :root[data-persona="parent"] .gb-hero h1{font-size:clamp(32px,9.2vw,36px);line-height:1.18}
 :root[data-persona="senior"] .gb-hero h1{font-size:clamp(34px,9.6vw,38px);line-height:1.25}
 .gb-hero__lead{line-height:1.65;margin-bottom:var(--space-7)}
 :root[data-persona="teen"] .gb-art-frame{transform:rotate(2deg)}
 .gb-tiles{margin-top:var(--space-7)}
 :root[data-persona="senior"] .gb-signup{padding:var(--space-5) var(--space-4)}
 :root[data-persona="senior"] .gb-nav__links .gb-btn{min-height:48px}
 .gb-footer__in{padding:var(--space-6) var(--space-5)}
}
@media (max-width:440px){:root[data-persona="senior"] .gb-art-frame{max-width:200px}:root[data-persona="senior"] .gb-hero__grid{gap:var(--space-5)}}

/* ---- Mobile nav (<=860px): slim sticky bar + "Menu" panel. Desktop untouched. ---- */
.gb-menu-btn{display:none}
@media (max-width:860px){
 .gb-header{position:relative;z-index:50}
 .gb-header.is-js{position:sticky;top:0}
 html:has(.gb-header.is-js){scroll-padding-top:calc(var(--gb-bar,60px) + var(--space-3))}
 :root[data-persona="senior"]:has(.gb-header.is-js){--gb-bar:66px}
 .gb-nav,:root[data-persona] .gb-nav{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0 6px;padding:6px var(--space-3)}
 .gb-nav .gb-logo{grid-row:1;grid-column:1;min-width:0;gap:6px}
 .gb-nav__links{display:contents}
 .gb-nav__links .gb-btn,:root[data-persona] .gb-nav__links .gb-btn{grid-row:1;grid-column:2;padding:0 var(--space-3)}
 .gb-menu-btn{grid-row:1;grid-column:3}
 .gb-header.is-js .gb-menu-btn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 12px 0 10px;border:var(--sig-border) solid var(--sig-ink);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);font:700 16px/1 var(--font-body);cursor:pointer}
 :root[data-persona="senior"] .gb-header.is-js .gb-menu-btn{font-size:18px}
 .gb-menu-btn__x{display:none}
 .gb-menu-btn[aria-expanded="true"] .gb-menu-btn__x{display:inline}.gb-menu-btn[aria-expanded="true"] .gb-menu-btn__bars{display:none}
 .gb-nav__links a:not(.gb-btn),:root[data-persona] .gb-nav__links a:not(.gb-btn){display:flex;align-items:center;grid-column:1/-1;order:1;min-height:48px;padding:0 var(--space-2);border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
 .gb-nav__links a:not(.gb-btn):first-child{margin-top:var(--space-2)}
 .gb-nav__links a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
 .gb-persona,:root[data-persona] .gb-persona{grid-column:1/-1;order:2;width:auto;padding:var(--space-3) 0 var(--space-2);border-top:1px solid var(--line)}
 .gb-persona__label{display:block;width:100%}
 .gb-seg button,:root[data-persona] .gb-seg button{min-height:48px}
 :root[data-persona="senior"] .gb-seg button{font-size:18px}
 .gb-header.is-js:not(.is-open) .gb-nav__links a:not(.gb-btn),.gb-header.is-js:not(.is-open) .gb-persona{display:none}
}
@media (max-width:440px){.gb-nav .gb-logo svg{width:28px;height:28px}.gb-nav .gb-logo__word{font-size:20px}}
@media (max-width:380px){.gb-nav,:root[data-persona] .gb-nav{column-gap:4px;padding-left:10px;padding-right:10px}.gb-header.is-js .gb-menu-btn svg{display:none}.gb-header.is-js .gb-menu-btn{padding:0 12px}}
@media (max-width:440px){:root[data-persona="senior"] .gb-signup__row .gb-input{width:100%}}

/* ============ DARK THEME (Parent + Seniors only; opt-in via gb-theme, set on <html data-theme="dark">) ============
   Base = Teen dark tokens (surfaces, text); each persona keeps its own accents and type. Teen is excluded everywhere. */
:root[data-theme="dark"]:not([data-persona="teen"]){
  color-scheme:dark;
  --surface:#121417; --surface-raised:#1D2026; --surface-sunken:#0B0D10;
  --ink:#F5F2EA; --ink-muted:#B9BEC7; --line:#4A515C; --line-strong:#9AA1AC; --sig-ink:#F5F2EA;
  --primary:#5CC8BC; --primary-hover:#7FD8CE; --on-primary:#121417; --primary-soft:#14302D; --primary-text:#5CC8BC; --focus-ring:#5CC8BC;
  --secondary-soft:#3A2F14; --secondary-text:#F6C25A; --on-secondary:#121417;
  --success:#7EE2A0; --success-soft:#14301F; --warning:#F6C25A; --warning-soft:#3A2F14; --error:#FF8A80; --error-soft:#3D1F1D;
  --brand-text:#C3B4FF; --brand-soft:#2A2350; --accent-soft:#3B2A20; --accent-text:#FFB48A; --wordmark:#5CC8BC;
  --teen-text:#FFB48A; --teen-soft:#3B2A20; --parent-text:#9CC3F2; --parent-soft:#1C2E45; --senior-text:#F6C25A; --senior-soft:#3A2F14;
  --info-bg:#2A2350; --info-text:#E1D9FF;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35); --shadow-lift:0 2px 4px rgba(0,0,0,.45),0 14px 32px rgba(0,0,0,.45);
  --tp-warn-bg:#3A2F14; --tp-warn:#F6C25A; --tp-good-bg:#14301F; --tp-good:#7EE2A0; --tp-unk-bg:#2A2350; --tp-unk:#D3C8FF; --tp-age-bg:#0B0D10; --tp-chip-bg:#0B0D10;
}
/* Seniors: extra-high contrast + warm gold accents */
:root[data-theme="dark"][data-persona="senior"]{
  --ink:#FFFFFF; --ink-muted:#E3E6EA; --line:#9AA1AC; --line-strong:#F5F2EA;
  --primary:#F4B740; --primary-hover:#F6C25A; --on-primary:#121417; --primary-soft:#3A2F14; --primary-text:#F6C25A; --focus-ring:#F6C25A;
  --tp-warn:#FFD27A; --tp-good:#9AF0B8; --tp-unk:#E1D9FF;
}
:root[data-theme="dark"][data-persona="senior"] .gb-header{background:var(--surface-raised)}
:root[data-theme="dark"]:not([data-persona="teen"]) .tp-tag--price{background:#3A2F14;color:#F6C25A;border-color:#F6C25A}

/* Theme button: floating, lower-right, clears the iPhone home bar. Hidden in Teen and while the mobile menu is open. */
.gb-theme-btn{position:fixed;z-index:40;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));
  width:56px;height:56px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:#1C2B33;border:3px solid #1C2B33;box-shadow:0 2px 4px rgba(28,43,51,.18),0 6px 16px rgba(28,43,51,.2);
  transition:transform var(--duration) ease,box-shadow var(--duration) ease}
.gb-theme-btn[hidden],:root[data-persona="teen"] .gb-theme-btn,.gb-header.is-open~.gb-theme-btn{display:none}
.gb-theme-btn svg{display:block;width:32px;height:32px}
.gb-theme-btn__sun{display:none!important}
.gb-theme-btn[aria-pressed="true"] .gb-theme-btn__sun{display:block!important}.gb-theme-btn[aria-pressed="true"] .gb-theme-btn__moon{display:none}
.gb-theme-btn[aria-pressed="true"]{background:#1D2026;border-color:#F5F2EA;box-shadow:0 2px 4px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.45)}
.gb-theme-btn:hover{transform:translateY(-2px)}
.gb-theme-btn:active{transform:translateY(1px) scale(.96)}
.gb-theme-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
@media (prefers-reduced-motion:reduce){.gb-theme-btn,.gb-theme-btn:hover,.gb-theme-btn:active{transition:none;transform:none}}
/* Room at the bottom so the footer can scroll clear of the button */
:root:not([data-persona="teen"]):has(.gb-theme-btn:not([hidden])) .gb-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}

/* Mega header mark: subtle light outline on dark headers (Teen base + dark theme) so the deep teal is not faint */
:root[data-persona="teen"] .gb-logo svg,:root[data-theme="dark"]:not([data-persona="teen"]) .gb-logo svg{filter:drop-shadow(0 0 1px rgba(245,242,234,.95)) drop-shadow(0 0 3px rgba(245,242,234,.45))}

/* ---- header-footer-align 2026-10-22 (desktop >=861px only; phones untouched) ----
   Header: one row in Teen, Parent and Seniors (logo | View as + toggle | links | Subscribe).
   The toggle sits a fixed 40px after the logo, so it does not move when you switch persona.
   Seniors use the Parent header sizes (Ricardo, 2026-10-22). Every header control is a 48px target in every persona. */
@media (min-width:861px){
 .gb-nav,:root[data-persona] .gb-nav{justify-content:flex-start;column-gap:40px;padding-top:var(--space-3);padding-bottom:var(--space-3)}
 .gb-persona{flex-wrap:nowrap;margin-right:auto}
 .gb-persona__label{line-height:var(--text-label-line)}
 .gb-seg button{min-height:48px}
 .gb-nav .gb-logo{min-height:48px}
 .gb-nav__links a:not(.gb-btn){display:inline-flex;align-items:center;min-height:48px}
 .gb-nav__links .gb-btn{min-height:48px}
 :root[data-persona="senior"] .gb-header{--text-label-size:16px;--text-label-line:24px;--tap-target:48px}
 :root[data-persona="senior"] .gb-nav__links{gap:var(--space-5)}
 :root[data-persona="senior"] .gb-nav__links a:not(.gb-btn),:root[data-persona="senior"] .gb-nav__soon{font-size:18px;line-height:28px}
 :root[data-persona="senior"] .gb-nav__links .gb-btn{width:auto}
}
/* 861-1199px: tighter spacing, slightly smaller logo, and "View as" becomes screen-reader only so the row fits at 1024.
   Below ~1000px the links drop to a second row, the same way in every persona. */
@media (min-width:861px) and (max-width:1199px){
 .gb-nav,:root[data-persona] .gb-nav{column-gap:var(--space-5);padding-left:var(--space-5);padding-right:var(--space-5)}
 .gb-nav__links,:root[data-persona] .gb-nav__links{gap:var(--space-4)}
 .gb-persona__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .gb-seg button{padding:0 var(--space-3)}
 .gb-nav .gb-logo svg{width:36px;height:36px}.gb-nav .gb-logo__word{font-size:26px}
}
/* Footer (rev 2, Ricardo's mockup), >=1200px: three columns spread edge to edge.
   LEFT: wordmark, copyright beneath. CENTRE: text links, social icons centred beneath. RIGHT: "Email us", tagline beneath (left-aligned).
   Row 1 (wordmark / links / email) shares a baseline. Seniors: labelled icons in a centred 3+3 grid so all three columns fit at 1280-1440. */
@media (min-width:1200px){
 .gb-footer__in{display:grid;grid-template-columns:repeat(3,max-content);grid-template-areas:"word links contact" "small social tag";justify-content:space-between;column-gap:var(--space-6);row-gap:var(--space-3);align-items:center}
 .gb-footer__connect{display:contents}
 .gb-footer .gb-logo{grid-area:word;justify-self:start;align-self:baseline}
 .gb-footer__links{grid-area:links;justify-self:center;align-self:baseline;flex-wrap:nowrap;column-gap:var(--space-5)}
 .gb-footer__contact{grid-area:contact;justify-self:start;align-self:baseline}
 .gb-footer__small{grid-area:small;justify-self:start;width:auto}
 .gb-footer__social{grid-area:social;justify-self:center;justify-content:center;flex-wrap:nowrap}
 .gb-footer__tag{grid-area:tag;justify-self:start;align-self:start}
 :root[data-persona="senior"] .gb-footer__links{column-gap:var(--space-4)}
 :root[data-persona="senior"] .gb-footer__social{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:var(--space-2) var(--space-3)}
 :root[data-persona="senior"] .gb-footer__small{align-self:start;margin-top:15px}
}
/* 861-1199px fallback: two columns. Left: wordmark, copyright. Right: links, icons (right-aligned).
   Then "Email us" + tagline as a final row (email left, tagline block at the right edge). */
@media (min-width:861px) and (max-width:1199px){
 .gb-footer__in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"word links" "small social" "contact tag";column-gap:var(--space-6);row-gap:var(--space-3);align-items:center}
 .gb-footer__connect{display:contents}
 .gb-footer .gb-logo{grid-area:word;justify-self:start;align-self:baseline}
 .gb-footer__links{grid-area:links;justify-self:end;align-self:baseline;flex-wrap:nowrap;column-gap:var(--space-5)}
 .gb-footer__small{grid-area:small;justify-self:start;width:auto}
 .gb-footer__social{grid-area:social;justify-self:end;justify-content:flex-end;flex-wrap:nowrap;margin-right:-12px}
 :root[data-persona="senior"] .gb-footer__social{margin-right:-4px}
 .gb-footer__contact{grid-area:contact;justify-self:start;align-self:start;margin-top:var(--space-4)}
 .gb-footer__tag{grid-area:tag;justify-self:end;align-self:start;margin-top:var(--space-4)}
}