/*
Theme Name: Your Day of Birth
Theme URI: https://yourdayofbirth.com
Author: Your Day of Birth
Description: Custom block theme for yourdayofbirth.com. All design tokens live in theme.json; this file holds component styles only. No page builders, no jQuery.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.2
License: Proprietary
Text Domain: yourdayofbirth
*/

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;min-height:100vh}
select,input,button,textarea{font:inherit;color:inherit}
img,video{max-width:100%;height:auto}
html{scroll-padding-top:84px}


/* Focus ring (everything) */
*:focus-visible{outline:3px solid var(--wp--preset--color--ink)!important;outline-offset:2px!important;box-shadow:0 0 0 5px var(--wp--preset--color--cream)!important}

/* Motion: respect reduced motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Skip link (core injects it for block themes) */
.skip-link.screen-reader-text:focus{left:12px;top:8px;z-index:100;padding:12px 16px;border-radius:var(--wp--custom--radius--field);background:var(--wp--preset--color--ink);color:var(--wp--preset--color--cream);font-weight:600;text-decoration:none;clip:auto;width:auto;height:auto}

/* ---------- Layout helpers ---------- */
.ydob-wrap{max-width:1120px;width:100%;margin-inline:auto;padding-inline:16px}
.ydob-wrap--hero{max-width:var(--wp--custom--width--hero)}
@media (min-width:782px){.ydob-wrap{padding-inline:20px}}
.ydob-stack{display:flex;flex-direction:column}
.ydob-stack--s{gap:6px}.ydob-stack--m{gap:12px}.ydob-stack--l{gap:16px}
.ydob-section{padding-block:40px}
.ydob-section--lg{padding-block:48px}
.ydob-grid-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.ydob-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}

/* ---------- Header ---------- */
.ydob-header{max-width:1120px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 16px}
.ydob-wordmark{font:500 21px/1 var(--wp--preset--font-family--newsreader);letter-spacing:-.01em;color:var(--wp--preset--color--ink);text-decoration:none}
.ydob-wordmark:hover{color:var(--wp--preset--color--ink)}
nav.ydob-nav-desktop{display:none}
.ydob-nav-desktop .wp-block-navigation__container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}
.ydob-nav-desktop a.wp-block-navigation-item__content,.ydob-nav-mobile a.wp-block-navigation-item__content{color:var(--wp--preset--color--ink);text-decoration:none}
.ydob-nav-desktop a.wp-block-navigation-item__content{font-size:15px;font-weight:600}
.ydob-nav-desktop .current-menu-item>a,.ydob-nav-desktop [aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
@media (min-width:782px){nav.ydob-nav-desktop{display:flex}nav.ydob-nav-mobile{display:none}}

/* Mobile menu (core responsive overlay, styled to the design's row list) */
.ydob-nav-mobile .wp-block-navigation__responsive-container-open{height:44px;padding:0 14px;border:1.5px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--pill);background:var(--wp--preset--color--white);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;cursor:pointer;color:var(--wp--preset--color--ink)}
.ydob-nav-mobile .wp-block-navigation__responsive-container-open svg{width:16px;height:16px}
.ydob-nav-mobile .wp-block-navigation__responsive-container-open::after{content:"Menu"}
.ydob-nav-mobile .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--cream);padding:0}
.ydob-nav-mobile .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:72px 16px 16px}
.ydob-nav-mobile .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--card-lg);padding:6px 18px;gap:0;box-shadow:var(--wp--preset--shadow--menu);align-items:stretch}
.ydob-nav-mobile .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid var(--wp--preset--color--line)}
.ydob-nav-mobile .is-menu-open .wp-block-navigation-item:last-child{border-bottom:0}
.ydob-nav-mobile .is-menu-open a.wp-block-navigation-item__content{min-height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:500}
.ydob-nav-mobile .is-menu-open a.wp-block-navigation-item__content::after{content:"\2192";color:var(--wp--preset--color--field-border)}
.ydob-nav-mobile .wp-block-navigation__responsive-container-close{top:16px;right:16px}

/* ---------- Footer ---------- */
.ydob-footer{border-top:1px solid rgba(46,47,38,.15)}
.ydob-footer__inner{max-width:1120px;margin-inline:auto;padding:24px 16px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:13px}
.ydob-footer__row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.ydob-footer a{color:var(--wp--preset--color--ink)}
.ydob-footer__copy{color:var(--wp--preset--color--muted)}

/* ---------- Type patterns ---------- */
.ydob-display{margin:0;font:400 var(--wp--preset--font-size--hero)/1 var(--wp--preset--font-family--newsreader);letter-spacing:-.03em;text-wrap:balance}
.ydob-display i,.ydob-h2 i,.ydob-card__title i{font-style:italic}
.ydob-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.ydob-h2{margin:0;font:400 34px/1.1 var(--wp--preset--font-family--newsreader)}
.ydob-lead{margin:0;font-size:18px;line-height:1.5;text-wrap:pretty}
.ydob-note{font-size:13px;line-height:1.45;color:var(--wp--preset--color--muted)}
.ydob-error{font-size:14px;font-weight:600;color:var(--wp--preset--color--taupe)}

/* ---------- Buttons ---------- */
.ydob-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:56px;padding:0 24px;border:0;border-radius:var(--wp--custom--radius--control);background:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white);font-weight:600;font-size:17px;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s ease}
.ydob-btn:hover{background:var(--wp--preset--color--charcoal-hover);color:var(--wp--preset--color--white)}
.ydob-btn--md{height:50px;font-size:15px}
.ydob-btn--outline{background:transparent;color:var(--wp--preset--color--ink);border:1.5px solid var(--wp--preset--color--charcoal)}
.ydob-btn--outline:hover{background:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}
.ydob-btn--light{background:var(--wp--preset--color--cream);color:var(--wp--preset--color--ink);font-weight:700}
.ydob-btn--light:hover{background:var(--wp--preset--color--white);color:var(--wp--preset--color--ink)}
.ydob-btn--white{background:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);height:48px;font-size:15px}
.ydob-btn--white:hover{background:var(--wp--preset--color--line);color:var(--wp--preset--color--ink)}
.ydob-btn--block{width:100%}
.ydob-iconbtn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(251,246,236,.3);background:rgba(0,0,0,.45);color:var(--wp--preset--color--cream);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ydob-iconbtn:hover{background:rgba(0,0,0,.7)}

/* ---------- Pills and chips ---------- */
.ydob-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--pill);background:var(--wp--preset--color--white);font-size:15px;font-weight:600;color:var(--wp--preset--color--ink);text-decoration:none;cursor:pointer}
.ydob-pill:hover{border-color:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-pill[aria-pressed="true"],.ydob-pill--active{background:var(--wp--preset--color--charcoal);border-color:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}
.ydob-pills{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Tiles and cards ---------- */
.ydob-tile{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--card);padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ydob-tile__label{font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-tile__value{font:400 28px/1.1 var(--wp--preset--font-family--newsreader)}
.ydob-tile__note{font-size:13px;color:var(--wp--preset--color--muted)}
.ydob-tile--night{background:var(--wp--preset--color--night)}
.ydob-tile--night .ydob-tile__label{color:var(--wp--preset--color--sand)}
.ydob-tile--night .ydob-tile__value{color:var(--wp--preset--color--cream)}
.ydob-card{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--card-lg);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ydob-card__title{margin:0;font:400 30px/1.15 var(--wp--preset--font-family--newsreader)}
.ydob-card__text{margin:0;font-size:15px;line-height:1.5}
.ydob-card--dark{background:var(--wp--preset--color--panel-dark);color:var(--wp--preset--color--cream);padding:24px 22px;gap:8px;text-decoration:none}
.ydob-card--dark:hover{background:var(--wp--preset--color--charcoal-hover);color:var(--wp--preset--color--cream)}
.ydob-card--dark .ydob-eyebrow{color:var(--wp--preset--color--sand)}
.ydob-card--dark .ydob-card__text{color:var(--wp--preset--color--line)}
.ydob-card--muted{background:var(--wp--preset--color--muted);color:var(--wp--preset--color--cream);gap:12px}
.ydob-card--muted .ydob-card__text,.ydob-card--muted .ydob-note{color:var(--wp--preset--color--line)}
.ydob-card--link{text-decoration:none;color:var(--wp--preset--color--ink)}
.ydob-card--link:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-card__cta{margin-top:auto;padding-top:8px;font-size:15px;font-weight:700}
.ydob-label-taupe{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--taupe)}
.ydob-divider{border:0;border-top:1px solid var(--wp--preset--color--line);margin:0}

/* ---------- Form controls ---------- */
.ydob-form{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--form);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--wp--preset--shadow--hairline)}
.ydob-datefield{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;border:1.5px solid var(--wp--preset--color--field-border);border-radius:var(--wp--custom--radius--control);overflow:hidden}
.ydob-datefield label{padding:10px 12px;border-right:1px solid var(--wp--preset--color--line);display:flex;flex-direction:column;gap:2px}
.ydob-datefield label:last-child{border-right:0}
.ydob-datefield label span{font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-datefield select{border:0;background:transparent;font:400 22px/1.3 var(--wp--preset--font-family--newsreader);padding:0;outline:none;width:100%;cursor:pointer}
.ydob-datefield select:focus{color:var(--wp--preset--color--taupe)}
.ydob-input{height:48px;width:100%;border:0;border-radius:var(--wp--custom--radius--field);background:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);padding:0 12px;font-size:15px}
.ydob-card--muted .ydob-input{background:var(--wp--preset--color--white)}
.ydob-select{cursor:pointer}

/* ---------- Horoscope band and sign buttons ---------- */
.ydob-band{background:var(--wp--preset--color--band)}
.ydob-signs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}
.ydob-sign{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--control);padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--wp--preset--color--ink)}
.ydob-sign:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-sign__glyph{font-size:24px;line-height:1.2;color:var(--wp--preset--color--charcoal)}
.ydob-sign__name{font-size:13px;font-weight:600}

/* ---------- Ad slot (network-agnostic placeholder) ---------- */
.ydob-ad{margin:10px 0;padding:10px 0 14px;border-top:1px solid rgba(46,47,38,.2);border-bottom:1px solid rgba(46,47,38,.2);display:flex;flex-direction:column;align-items:center;gap:6px}
.ydob-ad__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.ydob-ad__slot{width:100%;max-width:728px;height:clamp(50px,11vw,90px);background:repeating-linear-gradient(135deg,#d3d7dc 0 6px,#cfd3d8 6px 12px);display:flex;align-items:center;justify-content:center;font:11px ui-monospace,Menlo,monospace;color:var(--wp--preset--color--muted)}

/* ---------- Style guide page only ---------- */
.ydob-sg h2.ydob-h2{margin-bottom:4px}
.ydob-sg__section{padding-block:32px;border-top:1px solid rgba(46,47,38,.12)}
.ydob-sg__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.ydob-sg__swatch{background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--card);overflow:hidden;font-size:13px}
.ydob-sg__chip{height:64px;border-bottom:1px solid rgba(46,47,38,.1)}
.ydob-sg__meta{padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ydob-sg__meta code{font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-sg__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ydob-sg__dark{background:var(--wp--preset--color--hero-black);border-radius:var(--wp--custom--radius--panel);padding:28px}
.ydob-sg table{width:100%;border-collapse:collapse;font-size:14px;background:var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--card);overflow:hidden}
.ydob-sg th,.ydob-sg td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--wp--preset--color--line)}
.ydob-sg th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.ydob-sg__box{background:var(--wp--preset--color--charcoal);height:28px;border-radius:6px}
.ydob-sg__focus-demo{outline:3px solid var(--wp--preset--color--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--wp--preset--color--cream)}
.ydob-sg__radius{background:var(--wp--preset--color--charcoal);width:88px;height:56px}
.ydob-main{padding-block:16px 48px}

/* Core button block, matched to .ydob-btn */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;line-height:1;text-decoration:none;transition:background .15s ease}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:1.5px solid var(--wp--preset--color--charcoal)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}

/* =====================================================================
   PHASE 2: home, results, states, 404, share dialog
   ===================================================================== */

/* Gutters live on components (no root padding), so full-bleed bands work */
.ydob-main--bleed{padding:0}
.ydob-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ydob-noscroll{overflow:hidden}

/* ---------- Shared bits ---------- */
.ydob-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ydob-stack--m{gap:12px}.ydob-stack--s{gap:6px}
.ydob-eyebrow--lg{font-size:13px}
.ydob-sample{display:inline-block;padding:2px 8px;border:1px solid var(--wp--preset--color--taupe);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--wp--preset--color--taupe);background:transparent}
.ydob-link{font-weight:600;color:var(--wp--preset--color--charcoal)}
.ydob-link--sm{font-size:14px}
.ydob-link--light{color:var(--wp--preset--color--cream);font-size:15px;font-weight:700;text-decoration:none}
.ydob-link--light:hover{color:var(--wp--preset--color--white)}
.ydob-fine{font-size:12px;line-height:1.45;color:var(--wp--preset--color--muted)}
.ydob-fine--top{margin:10px 0 0}
.ydob-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.ydob-label--mb{margin-bottom:6px}
.ydob-note--light{font-size:12px;color:var(--wp--preset--color--line)}
.ydob-error--light{color:var(--wp--preset--color--cream)}
.ydob-error:empty{display:none}
.ydob-btn--pill{height:44px;padding:0 18px;border:1.5px solid var(--wp--preset--color--charcoal);border-radius:999px;background:transparent;color:var(--wp--preset--color--charcoal);font-size:15px}
.ydob-btn--pill:hover{background:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}
.ydob-btn--sm{height:42px;padding:0 14px;font-size:14px;border-radius:10px}
.ydob-btn--taupe{background:var(--wp--preset--color--taupe);color:var(--wp--preset--color--white);height:50px;font-size:15px}
.ydob-btn--taupe:hover{background:#52473B;color:var(--wp--preset--color--white)}
.ydob-btn--taupe-outline{background:transparent;border:1.5px solid var(--wp--preset--color--taupe);color:var(--wp--preset--color--taupe);height:50px;font-size:15px}
.ydob-btn--taupe-outline:hover{background:var(--wp--preset--color--taupe);color:var(--wp--preset--color--white)}
.ydob-input--sm{height:42px;flex:1;min-width:0;border:1.5px solid var(--wp--preset--color--border);border-radius:10px;background:var(--wp--preset--color--white)}
.ydob-input--sm:focus{border-color:var(--wp--preset--color--charcoal)}
.ydob-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ydob-stack--m .ydob-duo{grid-template-columns:1.6fr 1fr;gap:8px}
.ydob-affiliate{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-affiliate__badge{border:1px solid var(--wp--preset--color--muted);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;letter-spacing:.06em}
.ydob-photo{height:180px;background:repeating-linear-gradient(135deg,#ece6dc 0 8px,#e6dfd3 8px 16px);display:flex;align-items:center;justify-content:center;font:12px ui-monospace,Menlo,monospace;color:var(--wp--preset--color--muted)}
.ydob-photo--sm{height:120px;border-radius:12px}
.ydob-ad--rect{border:0;padding:10px 0 14px}
.ydob-ad__slot--rect{width:300px;max-width:100%;height:250px}

/* Headings */
.ydob-h2--xl{font-size:clamp(30px,4vw,42px);letter-spacing:-.02em}
.ydob-h2--sm{font-size:34px;line-height:1.05}
.ydob-h2--xs{font-size:28px;line-height:1.15}
.ydob-card .ydob-h2--xs{font-size:26px}

/* ---------- Header / footer gutters (16px mobile, 20px desktop) ---------- */
@media (min-width:782px){.ydob-header{padding-inline:20px}.ydob-footer__inner{padding-inline:20px}.ydob-wrap{padding-inline:20px}}

/* ---------- Home ---------- */
.ydob-hero-wrap{max-width:1160px;margin:0 auto;padding:4px 16px 48px}
.ydob-hero{background:var(--wp--preset--color--hero-black);border-radius:24px;overflow:hidden;display:flex;flex-wrap:wrap-reverse;align-items:center}
.ydob-hero__copy{flex:1 1 420px;min-width:0;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:24px}
.ydob-hero__intro{display:flex;flex-direction:column;gap:18px}
.ydob-hero .ydob-display{color:var(--wp--preset--color--cream)}
.ydob-hero .ydob-display span{color:var(--wp--preset--color--whats-gray)}
.ydob-hero .ydob-display i{color:var(--wp--preset--color--cream)}
.ydob-hero__sub{margin:0;font-size:18px;line-height:1.5;color:var(--wp--preset--color--sand);max-width:440px;text-wrap:pretty}
.ydob-hero__media{flex:1 1 420px;min-width:0;position:relative;aspect-ratio:1/1;max-height:620px;align-self:stretch}
.ydob-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent 100%)}
.ydob-hero__toggle{position:absolute;right:16px;bottom:16px;z-index:2}
.ydob-form .ydob-btn{width:100%}
.ydob-form__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.45;color:var(--wp--preset--color--muted)}
.ydob-section{max-width:1120px;margin:0 auto;padding:0 16px 48px;display:flex;flex-direction:column;gap:14px}
.ydob-section--pad{padding-top:40px;padding-bottom:40px}
@media (min-width:782px){.ydob-section{padding-inline:20px}}
.ydob-band{background:var(--wp--preset--color--band)}
.ydob-band__inner{max-width:1120px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;gap:18px}
@media (min-width:782px){.ydob-band__inner{padding-inline:20px}}
.ydob-band__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ydob-two{max-width:1120px;margin:0 auto;padding:40px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
@media (min-width:782px){.ydob-two{padding-inline:20px}}
.ydob-born{display:flex;flex-direction:column;gap:12px}
.ydob-born__head{display:flex;justify-content:space-between;align-items:baseline}
.ydob-born__list{flex:1;background:var(--wp--preset--color--white);border-radius:14px;padding:4px 18px}
.ydob-born__list .ydob-listrow{padding:13px 0;font-size:15px}
.ydob-born__list .ydob-link{display:block;padding:13px 0}
.ydob-newsletter{margin-top:49px;border-radius:18px;padding:26px 22px;justify-content:center}
.ydob-newsletter .ydob-h2{font-size:28px}
.ydob-grid-cards .ydob-span{grid-column:1/-1}
.ydob-feature{background:var(--wp--preset--color--white);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--wp--preset--color--ink)}
.ydob-feature:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-feature__title{font:400 24px/1.2 var(--wp--preset--font-family--newsreader)}
.ydob-feature__text{font-size:14px;line-height:1.5;color:var(--wp--preset--color--muted)}
.ydob-tools{background:var(--wp--preset--color--line)}
.ydob-tools__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.ydob-tool{background:var(--wp--preset--color--white);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--wp--preset--color--ink);font-size:15px;font-weight:600;min-height:52px}
.ydob-tool:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-tool span:last-child{color:var(--wp--preset--color--field-border)}

/* ---------- Results ---------- */
.ydob-results{max-width:1120px;width:100%;margin:0 auto;padding:8px 16px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;align-items:start}
.ydob-results>*{min-width:0}
.ydob-results>.ydob-card{align-self:stretch}
.ydob-span{grid-column:1/-1}
.ydob-span--center{display:flex;justify-content:center}
.ydob-results__hero{grid-column:1/-1;padding:12px 4px 10px;display:flex;flex-direction:column;gap:14px}
.ydob-display--results{font-size:clamp(44px,7vw,84px)}
.ydob-display--results i{color:var(--wp--preset--color--charcoal)}
.ydob-display--state{font-size:clamp(44px,7vw,80px)}
.ydob-toast{font-size:14px;color:var(--wp--preset--color--muted)}
.ydob-jump{grid-column:1/-1;position:sticky;top:0;z-index:20;margin:0 -16px;padding:10px 16px;background:rgba(251,246,236,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(46,47,38,.1)}
.ydob-jump__row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.ydob-jump__row::-webkit-scrollbar{display:none}
.ydob-pill--jump{flex:none;height:38px;min-height:38px;padding:0 14px;border-color:var(--wp--preset--color--border);font-size:14px}
.ydob-pill--jump[aria-current="true"]{background:var(--wp--preset--color--charcoal);border-color:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}
.ydob-snapshot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px}
.ydob-tile--sm{padding:16px;border-radius:14px}
.ydob-tile__value--lg{font-size:32px;line-height:1.15}
.ydob-tile__hms{font-size:14px;font-weight:600;color:var(--wp--preset--color--charcoal);font-variant-numeric:tabular-nums}
.ydob-tile__note--strong{font-weight:600;color:var(--wp--preset--color--charcoal)}
.ydob-card--lg{padding:22px;gap:10px}
.ydob-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.ydob-card__head--wrap{flex-wrap:wrap}
.ydob-card__head--light{color:var(--wp--preset--color--sand)}
.ydob-card--media{padding:0;overflow:hidden;gap:0}
.ydob-card__body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:10px}
.ydob-sign-head{display:flex;align-items:center;gap:14px}
.ydob-sign-head__glyph{font-size:46px;line-height:1;color:var(--wp--preset--color--charcoal)}
.ydob-bignum{font:400 64px/1 var(--wp--preset--font-family--newsreader);color:var(--wp--preset--color--charcoal);flex:none}
.ydob-card--band{background:var(--wp--preset--color--band)}
.ydob-moon{background:var(--wp--preset--color--night);border-radius:16px;padding:26px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px;color:var(--wp--preset--color--cream)}
.ydob-moon h2{color:var(--wp--preset--color--cream)}
.ydob-moon__disc{position:relative;width:104px;height:104px;border-radius:50%;background:var(--wp--preset--color--cream);overflow:hidden;flex:none;box-shadow:0 0 36px rgba(251,246,236,.3)}
.ydob-moon__shade{position:absolute;top:-4px;left:0;width:112px;height:112px;border-radius:50%;background:#1C1C1A}
.ydob-moon__text{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}
.ydob-moon__meta{font-size:14px;color:var(--wp--preset--color--sand)}
.ydob-moon__fine{font-size:12px;color:var(--wp--preset--color--sand);opacity:.85}
.ydob-divider-head{padding:26px 4px 2px;border-top:1px solid rgba(46,47,38,.15);margin-top:10px}
.ydob-minigrid{display:grid;gap:10px}
.ydob-minigrid--260{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ydob-minigrid--200{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.ydob-minigrid--180{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.ydob-mini{background:var(--wp--preset--color--cream);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.ydob-mini--lg{padding:18px}
.ydob-mini--twin{margin-top:10px}
.ydob-mini__value{font:400 26px/1.15 var(--wp--preset--font-family--newsreader)}
.ydob-mini__value--sm{font-size:22px;line-height:1.2}
.ydob-mini__sub{font-size:18px;color:var(--wp--preset--color--muted)}
.ydob-listrow{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--wp--preset--color--line);font-size:15px}
.ydob-listrow--split{display:flex;justify-content:space-between;gap:12px}
.ydob-listrow__year{font:500 17px var(--wp--preset--font-family--newsreader);color:var(--wp--preset--color--charcoal);font-variant-numeric:tabular-nums}
.ydob-listrow__name{font-weight:600}
.ydob-listrow--dark{border-bottom-color:rgba(251,246,236,.18)}
.ydob-listrow--dark .ydob-tile__note{color:var(--wp--preset--color--sand)}
.ydob-music{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px 32px}
.ydob-music__col{display:flex;flex-direction:column;gap:12px}
.ydob-songcard{background:var(--wp--preset--color--panel-dark);color:var(--wp--preset--color--cream);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px}
.ydob-songcard__kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--sand)}
.ydob-songcard__title{font:400 34px/1.1 var(--wp--preset--font-family--newsreader)}
.ydob-songcard__artist{font-size:16px;color:var(--wp--preset--color--sand)}
.ydob-songcard__btn{margin-top:10px;align-self:flex-start;height:44px;font-size:15px}
.ydob-decade{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--wp--preset--color--line);text-decoration:none;color:var(--wp--preset--color--ink)}
.ydob-decade:hover{background:var(--wp--preset--color--cream);color:var(--wp--preset--color--ink)}
.ydob-decade__text{min-width:0;display:flex;flex-direction:column;line-height:1.35}
.ydob-decade__title{font-size:15px;font-weight:600}
.ydob-decade__link{font-size:13px;font-weight:600;color:var(--wp--preset--color--charcoal);white-space:nowrap}
.ydob-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
/* Big counters (seconds, heartbeats) scale to their card so the number never runs out of it.
   Each tile is a size container; the number is at most 26px and shrinks with the card width. */
.ydob-units .ydob-mini{container-type:inline-size;min-width:0}
.ydob-units .ydob-mini__value{font-variant-numeric:tabular-nums;font-size:min(26px,20cqi);line-height:1.15;overflow-wrap:anywhere}
.ydob-rank{display:flex;align-items:baseline;gap:10px}
.ydob-rank__n{font:400 48px/1 var(--wp--preset--font-family--newsreader)}
.ydob-rank__bar{position:relative;height:8px;border-radius:99px;background:var(--wp--preset--color--line)}
.ydob-rank__bar div{position:absolute;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--wp--preset--color--charcoal);transform:translateX(-50%)}
.ydob-rank__ends{display:flex;justify-content:space-between;font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-card--dark.ydob-card--row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px 32px;padding:24px 22px;color:var(--wp--preset--color--cream)}
.ydob-card--dark .ydob-h2{color:var(--wp--preset--color--cream)}
.ydob-gifts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.ydob-gift{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--wp--preset--color--ink);background:var(--wp--preset--color--cream);border-radius:14px;padding:12px}
.ydob-gift:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-gift__body{display:flex;flex-direction:column;gap:4px}
.ydob-gift__title{font:400 20px/1.2 var(--wp--preset--font-family--newsreader)}
.ydob-trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:stretch}
.ydob-card--muted .ydob-h2{color:var(--wp--preset--color--cream)}
.ydob-weather__row{display:flex;gap:6px}

/* States */
.ydob-state{grid-column:1/-1;max-width:760px;padding:40px 4px 56px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ydob-state__box{background:var(--wp--preset--color--white);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;width:100%}
.ydob-didyoumean{display:flex;flex-wrap:wrap;gap:10px}
.ydob-option{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border:1.5px solid var(--wp--preset--color--border);border-radius:12px;text-decoration:none;color:var(--wp--preset--color--ink);font-size:17px;font-weight:600;background:var(--wp--preset--color--white)}
.ydob-option span:last-child{font-size:13px;font-weight:400;color:var(--wp--preset--color--muted)}
.ydob-option:hover{border-color:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}

/* 404 */
.ydob-404{max-width:1120px;margin:0 auto;padding:24px 16px 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:28px 48px;align-items:start}
@media (min-width:782px){.ydob-404{padding-inline:20px}}
/* side by side: the photo's top lines up with the headline's first line (eyebrow 18px + 16px gap) */
@media (min-width:860px){.ydob-404__img{margin-top:34px}}
.ydob-404__img{border-radius:24px;overflow:hidden;background:var(--wp--preset--color--hero-black);aspect-ratio:4/3}
.ydob-404__img img{width:100%;height:100%;object-fit:cover;display:block}
.ydob-404__copy{display:flex;flex-direction:column;gap:16px}
.ydob-404__copy p{margin:0;font-size:18px;line-height:1.5;color:var(--wp--preset--color--muted);max-width:460px}
.ydob-pop{display:flex;flex-wrap:wrap;gap:8px}
.ydob-form--flat{background:transparent;padding:0;box-shadow:none}
.ydob-form--flat .ydob-datefield{background:var(--wp--preset--color--white)}

/* Share dialog */
.ydob-overlay{position:fixed;inset:0;z-index:60;background:rgba(46,47,38,.55);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.ydob-dialog{position:relative;background:var(--wp--preset--color--cream);border-radius:20px;max-width:760px;width:100%;padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px;box-shadow:var(--wp--preset--shadow--banner)}
.ydob-dialog__close{position:absolute;top:8px;right:10px;width:44px;height:44px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--wp--preset--color--ink);border-radius:50%}
.ydob-dialog__preview{display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--band);border-radius:14px;padding:12px;min-height:260px}
.ydob-dialog__preview img{max-height:60vh;width:auto;max-width:100%;border-radius:8px;box-shadow:0 6px 20px rgba(46,47,38,.18)}
.ydob-dialog__panel{display:flex;flex-direction:column;gap:12px;justify-content:center}
.ydob-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--wp--preset--color--band);border-radius:12px;padding:4px}
.ydob-seg__btn{border:0;background:transparent;border-radius:9px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:15px}
.ydob-seg__btn span:last-child{font-size:12px;font-weight:400;color:var(--wp--preset--color--muted)}
.ydob-seg__btn[aria-checked="true"]{background:var(--wp--preset--color--white)}
.ydob-dialog [hidden]{display:none}
.ydob-btn--outline.ydob-btn--md{height:52px}
/* =====================================================================
   PHASE 3: SEO pages (date, year, birth stone, born today, how common,
   calculators, about, contact, legal)
   ===================================================================== */
.ydob-pg{max-width:1120px;width:100%;margin:0 auto;padding:8px 16px 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;align-items:start}
.ydob-pg>*{min-width:0}
.ydob-pg>.ydob-card{align-self:stretch}
.ydob-pg>.ydob-pg__hero,.ydob-pg>.ydob-crumbs,.ydob-pg>.ydob-prevnext,.ydob-pg>.ydob-jump,.ydob-pg>.ydob-snapshot,.ydob-pg>.ydob-stone-hero,.ydob-pg>.ydob-legal,.ydob-pg>.ydob-review,.ydob-pg>p.ydob-span{grid-column:1/-1}
.ydob-pg__hero{padding:12px 4px 6px;display:flex;flex-direction:column;gap:14px;max-width:760px}
.ydob-display--page{font-size:clamp(40px,6vw,72px)}
.ydob-pg__hero .ydob-lead{color:var(--wp--preset--color--muted)}
.ydob-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--wp--preset--color--muted)}
.ydob-crumbs li+li::before{content:"/";margin-right:6px;color:var(--wp--preset--color--field-border)}
.ydob-crumbs a{color:var(--wp--preset--color--muted)}
.ydob-prevnext{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ydob-tile__link{text-decoration:none;color:inherit}
.ydob-tile__link:hover .ydob-tile__value{text-decoration:underline;text-underline-offset:4px}
.ydob-tile__of{font:400 16px var(--wp--preset--font-family--hanken-grotesk);color:var(--wp--preset--color--muted)}
.ydob-pill--jump[aria-current="page"]{background:var(--wp--preset--color--charcoal);border-color:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white)}
.ydob-jump--plain{position:static;margin:0;padding:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.ydob-pg>.ydob-jump--plain{padding:6px 0}

/* Year picker with a fixed month and day */
.ydob-datefield--fixed{grid-template-columns:1.4fr 1fr 1.2fr}
.ydob-datefield__fixed{padding:10px 12px;border-right:1px solid var(--wp--preset--color--line);display:flex;flex-direction:column;gap:2px;background:var(--wp--preset--color--cream)}
.ydob-datefield__fixed span{font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-datefield__fixed strong{font:400 22px/1.3 var(--wp--preset--font-family--newsreader)}
.ydob-datefield input{border:0;background:transparent;font:400 22px/1.3 var(--wp--preset--font-family--newsreader);padding:0;outline:none;width:100%}
.ydob-datefield input:focus{color:var(--wp--preset--color--taupe)}
.ydob-card .ydob-form{display:flex;flex-direction:column;gap:12px}

/* Birth stone */
.ydob-stone-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px 32px;align-items:center}
.ydob-photo--hero{height:auto;aspect-ratio:4/3;border-radius:20px}

/* Born today chips */
.ydob-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}
.ydob-pg [hidden]{display:none}

/* How common */
.ydob-lookup{display:grid;grid-template-columns:1.4fr .8fr auto;gap:10px;align-items:end}
.ydob-lookup .ydob-input{border:1.5px solid var(--wp--preset--color--border);height:50px}
.ydob-lookup__out{margin-top:12px;font-size:16px;line-height:1.5;min-height:1.5em}
@media (max-width:560px){.ydob-lookup{grid-template-columns:1fr 1fr}.ydob-lookup .ydob-btn{grid-column:1/-1}}
.ydob-heat{display:grid;grid-template-columns:28px repeat(12,minmax(0,1fr));gap:2px;max-width:640px}
.ydob-heat__head{font-size:11px;text-align:center;color:var(--wp--preset--color--muted);line-height:16px}
.ydob-heat__head--row{text-align:right;padding-right:4px}
.ydob-heat__cell{aspect-ratio:1;border-radius:3px}
.ydob-heat__cell--none{background:transparent}
.ydob-heat--0{background:#4A4B46}.ydob-heat--1{background:#7E7F77}.ydob-heat--2{background:#B3B0A5}.ydob-heat--3{background:#D8D3C6}.ydob-heat--4{background:#F1ECE2;box-shadow:inset 0 0 0 1px #DDD9CC}
.ydob-heat__legend{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--wp--preset--color--muted)}
.ydob-heat__swatch{width:22px;height:12px;border-radius:3px}
.ydob-duo--cards{align-items:stretch;gap:14px}
.ydob-pg>.ydob-duo--cards,.ydob-pg>.ydob-trio{grid-column:1/-1}
.ydob-duo--cards>.ydob-card,.ydob-duo--cards>.ydob-stack{min-width:0}

/* Calculators */
.ydob-calc{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.ydob-calc__field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--wp--preset--color--muted);flex:1 1 220px}
.ydob-calc .ydob-input{border:1.5px solid var(--wp--preset--color--border);height:50px}
.ydob-calc .ydob-error{flex-basis:100%}

/* Contact */
.ydob-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--wp--preset--color--muted)}
.ydob-field .ydob-input{border:1.5px solid var(--wp--preset--color--border)}
.ydob-textarea{height:auto;padding:12px;line-height:1.5;resize:vertical;font-family:inherit}
.ydob-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ydob-faq{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--wp--preset--color--line)}
.ydob-check{width:48px;height:48px;border-radius:50%;background:var(--wp--preset--color--charcoal);color:var(--wp--preset--color--white);display:flex;align-items:center;justify-content:center;font-size:22px}

/* Legal */
.ydob-bullet{display:flex;gap:10px;font-size:15px;line-height:1.5;padding:3px 0}
.ydob-legal{max-width:760px;display:flex;flex-direction:column;gap:22px}
.ydob-legal section{display:flex;flex-direction:column;gap:8px}
.ydob-legal p{margin:0;font-size:16px;line-height:1.6}
.ydob-legal a{text-decoration:underline;text-underline-offset:3px}
.ydob-review{max-width:760px;padding:12px 16px;border:1.5px dashed var(--wp--preset--color--taupe);border-radius:12px;font-size:14px;color:var(--wp--preset--color--taupe)}
/* =====================================================================
   DROPDOWN FONTS. The open list of a native menu uses the browser's own
   look on some systems. Where the browser supports customizable selects
   (Chrome and Edge 135+), the list is styled to match the site; everywhere
   else it falls back to the native menu, with the site font set on options.
   ===================================================================== */
.ydob-datefield select option{font-family:var(--wp--preset--font-family--newsreader);font-size:20px;color:var(--wp--preset--color--ink);background:var(--wp--preset--color--white)}
.ydob-select option{font-family:var(--wp--preset--font-family--hanken-grotesk);font-size:16px;color:var(--wp--preset--color--ink);background:var(--wp--preset--color--white)}
@supports (appearance:base-select){
  .ydob-datefield select,.ydob-datefield select::picker(select),.ydob-select,.ydob-select::picker(select){appearance:base-select}
  .ydob-datefield select,.ydob-select{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .ydob-datefield select::picker(select),.ydob-select::picker(select){border:1.5px solid var(--wp--preset--color--field-border);border-radius:14px;background:var(--wp--preset--color--white);box-shadow:var(--wp--preset--shadow--menu);padding:6px;margin-block:8px;max-height:min(320px,55vh)}
  .ydob-datefield select option,.ydob-select option{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:10px;cursor:pointer}
  .ydob-datefield select option{font:400 20px/1.3 var(--wp--preset--font-family--newsreader)}
  .ydob-select option{font:500 16px/1.3 var(--wp--preset--font-family--hanken-grotesk)}
  .ydob-datefield select option:hover,.ydob-select option:hover{background:var(--wp--preset--color--cream)}
  .ydob-datefield select option:checked,.ydob-select option:checked{background:var(--wp--preset--color--line)}
  .ydob-datefield select option::checkmark,.ydob-select option::checkmark{display:none}
}

/* Milestone birthday card: the button sits at the bottom so it lines up with the birth flower and stone cards beside it */
.ydob-card--milestone{display:flex;flex-direction:column;gap:14px}
.ydob-card--milestone .ydob-btn{margin-top:auto}
.ydob-card--milestone .ydob-mini{background:var(--wp--preset--color--cream)}

/* Row that holds the 300x250 ad with a card on either side. The ad keeps its label and stays centered in its own cell. */
.ydob-adrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:stretch}
.ydob-adrow>*{min-width:0}
.ydob-adrow .ydob-ad{justify-self:center;align-self:start}
/* Best sign matches */
.ydob-card--matches{gap:12px}
.ydob-matches{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ydob-match{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--wp--preset--color--cream);text-decoration:none;color:var(--wp--preset--color--ink);min-width:0}
.ydob-match:hover{box-shadow:0 0 0 2px var(--wp--preset--color--charcoal);color:var(--wp--preset--color--ink)}
.ydob-match__glyph{font-size:32px;line-height:1;color:var(--wp--preset--color--charcoal);flex:none}
.ydob-match__name{display:block;font:400 22px/1.15 var(--wp--preset--font-family--newsreader)}
@media (max-width:420px){.ydob-matches{grid-template-columns:1fr}}
/* Small horoscope sign-up beside the ad */
.ydob-card--signup{gap:12px;justify-content:center}
.ydob-card--signup .ydob-h2{font-size:26px}
.ydob-eyebrow--light{color:var(--wp--preset--color--line)}