:root{
  --ui-bg:#fff9fb;
  --ui-surface:#fff;
  --ui-surface-soft:#fff3f7;
  --ui-ink:#3f3448;
  --ui-soft:#716579;
  --ui-line:#eadfe9;
  --ui-lavender:#7655ad;
  --ui-coral:#b44866;
  --ui-mint:#4f746c;
  --ui-yellow:#866617;
  --ui-category:#7655ad;
  --ui-category-soft:#f2edff;
  --ui-shadow:0 18px 48px rgba(88,64,101,.10),0 4px 14px rgba(88,64,101,.06);
  --ui-shadow-soft:0 10px 28px rgba(88,64,101,.08);
  --ui-radius:28px;
  --ui-radius-sm:18px;
}
body[data-category="love"]{--ui-category:#b44866;--ui-category-soft:#fff0f4}
body[data-category="stars"]{--ui-category:#5262a3;--ui-category-soft:#f0f2ff}
body[data-category="tarot"]{--ui-category:#6d4c9b;--ui-category-soft:#f3effb}
body[data-category="play"]{--ui-category:#995230;--ui-category-soft:#fff3eb}
body[data-category="money"]{--ui-category:#6d6b24;--ui-category-soft:#f8f6e6}
body[data-category="reading"]{--ui-category:#4f746c;--ui-category-soft:#edf8f5}
body[data-category="utility"]{--ui-category:#625968;--ui-category-soft:#f5f2f6}

html{scroll-padding-top:118px}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(233,121,145,.13),transparent 28rem),
    radial-gradient(circle at 92% 22%,rgba(146,118,199,.13),transparent 30rem),
    linear-gradient(180deg,#fffdfd 0%,var(--ui-bg) 48%,#f8fbfa 100%) !important;
  color:var(--ui-ink) !important;
  font-family:'Zen Maru Gothic','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif !important;
  font-size:16px;
  line-height:1.8;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:radial-gradient(circle,rgba(146,118,199,.25) 1px,transparent 1.5px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000);
}
::selection{background:#f4cad4 !important;color:var(--ui-ink) !important}
a{color:var(--ui-category)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-category) 50%,white);outline-offset:3px;
}
.deco-layer{display:none !important}
.shell,.wrap{width:min(100% - 28px,1040px) !important;max-width:1040px !important;margin-inline:auto !important;padding:22px 0 72px !important}

/* Compact shared header */
.site-top{
  display:grid !important;gap:12px !important;margin:0 0 18px !important;padding:18px 20px !important;
  border:1px solid rgba(234,223,233,.95) !important;border-radius:26px !important;
  background:rgba(255,255,255,.92) !important;box-shadow:var(--ui-shadow-soft) !important;
  backdrop-filter:blur(14px);
}
.brand-row{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;margin:0 !important}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}
.brand,.brand-mini,.site-head h1 a{
  font-family:'Yuji Syuku',serif !important;color:var(--ui-ink) !important;text-decoration:none !important;
}
.brand{font-size:1.45rem !important;letter-spacing:.08em !important}
.brand span,.site-head h1 .accent{color:var(--ui-coral) !important}
.top-pill{
  display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px !important;
  border:0 !important;border-radius:999px;background:transparent !important;color:var(--ui-soft) !important;
  font-size:.72rem !important;font-weight:700 !important;letter-spacing:.02em;
}
.top-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ui-category);box-shadow:0 0 0 4px var(--ui-category-soft)}
.nav-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
.nav-grid .nav-card[href*="sitemap"]{display:none !important}
.nav-card{
  display:grid !important;grid-template-columns:auto 1fr !important;grid-template-rows:auto auto !important;column-gap:9px !important;
  min-height:64px !important;padding:11px 13px !important;border:1px solid transparent !important;border-radius:17px !important;
  background:#fff !important;color:var(--ui-ink) !important;box-shadow:none !important;text-decoration:none !important;
}
.nav-card .ico{display:grid;place-items:center;grid-row:1/3;width:32px;height:32px;border-radius:11px;background:var(--ui-category-soft);color:var(--ui-category);font-size:1rem !important;align-self:center;margin:0 !important;filter:grayscale(.25)}
.nav-card strong{font-size:.88rem !important;line-height:1.35 !important;align-self:end}
.nav-card span{font-size:.68rem !important;line-height:1.35 !important;color:var(--ui-soft) !important;margin:2px 0 0 !important}
.nav-card:hover,.nav-card.active{transform:translateY(-1px) !important;border-color:color-mix(in srgb,var(--ui-category) 28%,white) !important;background:var(--ui-category-soft) !important;box-shadow:0 7px 18px color-mix(in srgb,var(--ui-category) 10%,transparent) !important}
.nav-card.active .ico{background:var(--ui-category);color:#fff;filter:none}
.lang-switch{display:flex !important;justify-content:flex-end !important;margin:0 !important}
.lang-switch-inner{display:inline-flex !important;align-items:center;gap:2px;padding:3px !important;border:1px solid var(--ui-line) !important;border-radius:999px;background:#f8f5f8 !important;box-shadow:none !important}
.lang-switch a,.lang-switch span{display:inline-flex;align-items:center;justify-content:center;min-height:30px !important;padding:3px 10px !important;border-radius:999px;font-size:.72rem !important;font-weight:700;text-decoration:none;line-height:1;white-space:nowrap}
.lang-switch a{color:var(--ui-soft) !important}
.lang-switch a:hover{color:var(--ui-category) !important;background:#fff}
.lang-switch span:not(.label){background:#fff !important;color:var(--ui-ink) !important;box-shadow:0 2px 7px rgba(88,64,101,.10)}
.lang-switch .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.site-top>.lang-switch{justify-self:end}
.site-top>.quick-links{display:flex;flex-wrap:wrap;gap:7px;margin:0 !important;padding-top:2px}
.site-top>.quick-links a{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;border:1px solid var(--ui-line);border-radius:999px;background:#fff;color:var(--ui-soft) !important;font-size:.7rem;font-weight:700;text-decoration:none}
.site-top>.quick-links a:hover{border-color:color-mix(in srgb,var(--ui-category) 35%,white);color:var(--ui-category) !important;background:var(--ui-category-soft)}

/* Cards, copy and inputs */
.card,.hub,.result,.form-card,.preview,.reading,.diagnosis-hub,.sec{
  background:rgba(255,255,255,.96) !important;border:1px solid var(--ui-line) !important;
  border-radius:var(--ui-radius) !important;box-shadow:var(--ui-shadow) !important;
}
.card,.hub,.result,.form-card,.preview,.reading,.diagnosis-hub,.sec{padding:30px !important;margin-bottom:20px !important}
article.card{max-width:820px;margin-inline:auto !important}
h1,h2,h3,.form-title,.reading-title,.diagnosis-title,.hero-title,.section-title{
  font-family:'Zen Maru Gothic','Hiragino Maru Gothic ProN',sans-serif !important;color:var(--ui-ink) !important;font-weight:700 !important;letter-spacing:.01em !important;
}
h1{font-size:clamp(2rem,5vw,3rem) !important;line-height:1.35 !important}
h2{font-size:clamp(1.35rem,3.4vw,1.75rem) !important;line-height:1.45 !important}
h3{line-height:1.5 !important}
.lead,.note,.intro,.sub,.reading-lead,.diagnosis-lead{color:var(--ui-soft) !important}
.toc{background:var(--ui-category-soft) !important;border:1px solid color-mix(in srgb,var(--ui-category) 24%,white) !important;border-radius:18px !important}
.callout{background:#fff7df !important;border:1px solid #ead49a !important;border-radius:18px !important}
.box,.mini-card,.reading-link,.preview-item,.diagnosis-card,.lucky>div,.result-card{
  background:#fff !important;border:1px solid var(--ui-line) !important;border-radius:var(--ui-radius-sm) !important;box-shadow:0 5px 16px rgba(88,64,101,.05) !important;
}
.mini-card:hover,.reading-link:hover,.diagnosis-card:hover{border-color:var(--ui-category) !important;transform:translateY(-2px) !important;box-shadow:var(--ui-shadow-soft) !important}
input,select,textarea{
  min-height:48px !important;background:#fff !important;border:1.5px solid #d9cfd9 !important;border-radius:15px !important;
  color:var(--ui-ink) !important;font:inherit !important;
}
input:focus,select:focus,textarea:focus{border-color:var(--ui-category) !important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-category) 16%,transparent) !important}
button,.btn,.cta a,.preview-cta{
  min-height:46px;border-radius:999px !important;font-family:'Zen Maru Gothic',sans-serif !important;font-weight:700 !important;
}
button:not(.partner-reset):not(.partner-toggle):not(.share-btn):not(.tab):not(.tweaks-opt),.btn,.cta a:not(.secondary),.preview-cta{
  background:linear-gradient(135deg,var(--ui-category),color-mix(in srgb,var(--ui-category) 60%,var(--ui-coral))) !important;
  color:#fff !important;border:0 !important;box-shadow:0 9px 22px color-mix(in srgb,var(--ui-category) 24%,transparent) !important;
}
.btn:hover,.cta a:hover,.preview-cta:hover{transform:translateY(-2px) !important}
.quick-links{gap:8px !important}
.quick-links a{min-height:40px;display:inline-flex;align-items:center;background:var(--ui-category-soft) !important;border-color:var(--ui-line) !important;color:var(--ui-category) !important}
.site-foot,.foot{color:var(--ui-soft) !important}
.footer-links a,.site-links a{color:var(--ui-soft) !important}

/* Home */
body[data-category="home"] .site-head{
  position:relative;overflow:hidden;display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:26px;
  align-items:center;text-align:left !important;background:rgba(255,255,255,.96) !important;border:1px solid var(--ui-line);
  border-radius:34px;padding:32px !important;margin:0 0 18px !important;box-shadow:var(--ui-shadow);
}
body[data-category="home"] .home-hero{
  display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:26px;align-items:center;
  border-radius:34px !important;padding:32px !important;
}
body[data-category="home"] .home-hero h1{margin:0 0 12px !important}
.home-hero-copy{min-width:0;position:relative;z-index:1}
.site-head .kicker{display:inline-flex !important;width:max-content;padding:6px 12px;border-radius:999px;background:var(--ui-category-soft);color:var(--ui-category) !important;font-family:'Zen Maru Gothic',sans-serif !important;font-size:.78rem !important;font-weight:700;letter-spacing:.06em}
body[data-category="home"] .site-head h1{font-size:clamp(2rem,5vw,3.1rem) !important;margin:12px 0 2px !important}
.home-headline{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.5;margin:16px 0 8px;color:var(--ui-ink);font-weight:700}
.home-hero-visual{margin:0;overflow:hidden;border-radius:26px;background:#fff7f3;aspect-ratio:3/2;box-shadow:var(--ui-shadow-soft)}
.home-hero-visual picture{display:block;width:100%;height:100%}
.home-hero-visual img{display:block;width:100%;height:100%;object-fit:cover}
.home-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.home-entry{display:flex;align-items:center;gap:10px;min-height:70px;padding:13px 14px;border-radius:18px;text-decoration:none;font-weight:700}
.home-entry strong,.home-entry span{display:block}
.home-entry span{font-size:.72rem;font-weight:500;line-height:1.45;margin-top:2px}
.home-entry.primary{background:linear-gradient(135deg,var(--ui-lavender),#b27bc1);color:#fff;box-shadow:0 10px 24px rgba(146,118,199,.25)}
.home-entry.secondary{background:#fff0f4;color:#a44261;border:1px solid #f1cbd5}
.home-entry-ico{font-size:1.45rem;flex:0 0 auto}
.home-short-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.home-short-nav a{font-size:.78rem;font-weight:700;text-decoration:none;color:var(--ui-soft);padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--ui-line)}
.quick-play{background:linear-gradient(135deg,#fff,#fff5f8 54%,#f3f0ff) !important}
.quick-play-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}
.quick-play-head h2{margin:0 !important}
.quick-play-head p{margin:4px 0 0;color:var(--ui-soft)}
.quick-play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quick-play-card{display:flex;gap:12px;align-items:center;min-height:96px;padding:16px;text-decoration:none;color:var(--ui-ink);background:#fff;border:1px solid var(--ui-line);border-radius:20px;box-shadow:var(--ui-shadow-soft)}
.quick-play-card:hover{transform:translateY(-2px);border-color:var(--ui-category)}
.quick-play-card b,.quick-play-card span{display:block}.quick-play-card span{color:var(--ui-soft);font-size:.78rem;margin-top:3px}.quick-play-ico{font-size:2rem}
body[data-category="home"] .form-card{max-width:760px;margin-inline:auto !important}
.form-title{font-size:1.7rem !important}.form-hint{color:var(--ui-category) !important}
.card-picker.active{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important}
.fc{min-height:124px !important;background:#fff !important;border-color:var(--ui-line) !important}
.fc.active{background:var(--ui-category-soft) !important;border-color:var(--ui-category) !important;color:var(--ui-ink) !important}
.fc.active .fc-name,.fc.active .fc-en{color:var(--ui-ink) !important}
.partner-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;margin:18px 0 0;padding:12px 16px !important;background:#fff !important;color:var(--ui-category) !important;border:1px solid var(--ui-line) !important;box-shadow:none !important}
.partner-box.is-collapsed{display:none !important}
.preview{max-width:820px;margin-inline:auto !important}
.preview-sample{background:linear-gradient(135deg,#fff5f8,#f2efff) !important;border-color:var(--ui-line) !important}
.diagnosis-ico{background:var(--ui-category-soft) !important}

/* Results and articles */
.result.visible{animation:ui-rise .45s ease both}
.hero-kicker,.result .kicker{color:var(--ui-category) !important;font-family:'Zen Maru Gothic',sans-serif !important;font-weight:700 !important}
.result .hero-card,.result .result-card,.result .daily-card,.result .compat-card{border-color:var(--ui-line) !important;background:#fff !important;box-shadow:var(--ui-shadow-soft) !important}
.share-btn,.partner-reset{background:#fff !important;color:var(--ui-category) !important;border:1px solid var(--ui-line) !important;box-shadow:none !important}
.share-btn.primary{background:var(--ui-category) !important;color:#fff !important}
.table-wrap{border-radius:16px}
table,.mini-table{background:#fff !important}
th{background:var(--ui-category-soft) !important;color:var(--ui-ink) !important}
td,th{border-color:var(--ui-line) !important}
.source-list li+li{margin-top:7px}

/* Element balance diagnosis */
.element-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:24px;align-items:center;margin-bottom:24px}
.element-hero-copy h1{margin:5px 0 12px;font-size:clamp(2rem,4.4vw,2.65rem) !important;line-height:1.35 !important}.element-hero-visual{margin:0;overflow:hidden;border-radius:22px;background:var(--ui-category-soft);box-shadow:var(--ui-shadow-soft)}
.element-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.9/1;object-fit:cover}
.element-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.element-mini{padding:11px 8px;text-align:center;border:1px solid var(--ui-line);border-radius:15px;background:#fff}
.element-mini span,.element-mini strong{display:block}.element-mini span{font-size:1.4rem}.element-mini strong{font-size:.85rem}
.element-form{display:grid;gap:22px}.element-birth-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:9px}
.element-birth-grid label{display:grid;gap:5px;font-size:.82rem;font-weight:700;color:var(--ui-soft)}
.element-question{margin:0;padding:18px;border:1px solid var(--ui-line);border-radius:19px;background:#fff}
.element-question legend{padding:0 5px;font-weight:700;color:var(--ui-ink)}
.element-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:8px}
.element-option{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:15px;background:var(--ui-surface-soft);cursor:pointer}
.element-option:hover{border-color:var(--ui-category)}.element-option:has(input:checked){border-color:var(--ui-category);background:var(--ui-category-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-category) 13%,transparent)}
.element-option input{width:20px;height:20px;min-height:20px !important;margin:0;accent-color:var(--ui-category)}
.element-option span{font-size:.92rem;line-height:1.5}.element-submit{justify-self:center;min-width:min(100%,360px);padding-inline:24px !important}
.element-error{display:none;padding:12px 14px;border-radius:14px;background:#fff0f3;color:#9d3654;font-weight:700;text-align:center}.element-error.visible{display:block}
.element-result{display:none}.element-result.visible{display:block}.element-result>h2{margin-top:4px}
.element-base-card{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-category-soft)}
.element-base-card p{margin:4px 0 0}.element-base-symbol{font-size:2.2rem;flex:0 0 auto}
.element-boundary-note{padding:12px 14px;border-radius:14px;background:#fff7df;border:1px solid #ead49a;font-size:.9rem}
.element-score-card{margin:18px 0;padding:18px;border:1px solid var(--ui-line);border-radius:18px;background:#fff}.element-score-card h3{margin-top:0}
.element-score-row{display:grid;grid-template-columns:90px 1fr 74px;gap:10px;align-items:center;margin-top:10px;font-size:.86rem}
.element-score-track{height:11px;overflow:hidden;border-radius:999px;background:#eee8ef}.element-score-track span{display:block;height:100%;border-radius:inherit;background:var(--ui-category)}
.element-score-row[data-element="fire"] .element-score-track span{background:#c85a65}.element-score-row[data-element="earth"] .element-score-track span{background:#5d8072}.element-score-row[data-element="air"] .element-score-track span{background:#a2792b}.element-score-row[data-element="water"] .element-score-track span{background:#6278b7}
.element-pair-note{padding:14px 16px;border-left:4px solid var(--ui-category);border-radius:12px;background:var(--ui-category-soft)}
.element-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}
.element-support-card{padding:16px;border:1px solid var(--ui-line);border-radius:18px;background:#fff}.element-support-card h3{margin:0 0 7px}.element-support-card p{margin:5px 0 10px}.element-support-card small{display:block;color:var(--ui-soft);line-height:1.6}
.element-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.element-result-actions button{padding:9px 15px !important}.element-copy-status{min-height:1.7em;color:var(--ui-category);font-weight:700}
.element-explainer{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.element-explainer .box{padding:16px}.element-explainer h3{margin-top:0}

@keyframes ui-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}

@media(max-width:760px){
  html{scroll-padding-top:104px}
  body{font-size:16px;line-height:1.75}
  .shell,.wrap{width:min(100% - 24px,1040px) !important;padding:12px 0 58px !important}
  .site-top{padding:11px !important;border-radius:20px !important;gap:8px !important}
  .brand{font-size:1.12rem !important}
  .top-pill{display:none !important}
  .header-tools{gap:5px}
  .lang-switch{justify-content:flex-start !important;margin:0 !important}
  .lang-switch a,.lang-switch span{min-height:32px !important;padding:3px 8px !important;font-size:.7rem !important}
  .lang-switch a,.lang-switch span{white-space:nowrap !important}
  .site-top .brand{font-size:1rem !important;letter-spacing:.04em !important;white-space:nowrap}
  .site-top .lang-switch{margin:0 !important}
  .site-top .lang-switch .label{display:none !important}
  .nav-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
  .nav-card{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px !important;padding:6px 4px !important;text-align:center;border-radius:13px !important}
  .nav-card .ico{font-size:1rem !important;line-height:1 !important}.nav-card strong{font-size:.72rem !important;line-height:1.2 !important}.nav-card span{display:none !important}
  .card,.hub,.result,.form-card,.preview,.reading,.diagnosis-hub,.sec{padding:21px 17px !important;border-radius:24px !important}
  h1{font-size:clamp(1.75rem,8vw,2.25rem) !important}h2{font-size:1.35rem !important}
  body[data-category="home"] .site-head{grid-template-columns:1fr;gap:14px;padding:18px !important;border-radius:26px;margin-bottom:14px !important}
  body[data-category="home"] .home-hero{grid-template-columns:1fr;gap:14px;padding:18px !important;border-radius:26px !important}
  body[data-category="home"] .site-head h1{font-size:2rem !important;margin-top:7px !important}
  .home-headline{font-size:1.38rem;margin:10px 0 5px}.site-head .intro{font-size:.9rem !important;line-height:1.65;margin-top:7px !important}
  .home-hero-visual{grid-row:1;height:126px;aspect-ratio:auto;border-radius:20px}.home-hero-visual img{object-position:center 54%}
  .home-entry-grid{margin-top:14px;gap:8px}.home-entry{min-height:62px;padding:10px 11px}.home-entry>span:not(.home-entry-ico){display:block}.home-entry>span>span{display:none}.home-entry-ico{font-size:1.2rem}
  .home-short-nav{margin-top:10px}.home-short-nav a{font-size:.7rem;padding:5px 8px}
  .quick-play-head{align-items:start;flex-direction:column}.quick-play-grid{grid-template-columns:1fr}.quick-play-card{min-height:76px;padding:12px 14px}.quick-play-ico{font-size:1.55rem}
  .card-picker.active{grid-template-columns:repeat(2,1fr) !important}.fc{min-height:105px !important}
  .date-grid,.grid{gap:8px !important}
  .preview-grid,.reading-grid,.diagnosis-grid,.cards{grid-template-columns:1fr !important}
  .quick-links{overflow-x:auto;flex-wrap:nowrap !important;padding-bottom:4px}.quick-links a{flex:0 0 auto}
  .site-top>.quick-links{display:none !important}
  .date-grid{grid-template-columns:1.25fr .8fr .8fr !important}
  .card>.hero-visual,.card>.character-visual{max-height:150px;overflow:hidden}.card>.hero-visual img,.card>.character-visual img{width:100%;height:150px;object-fit:cover}
  .cta{display:grid !important}.cta a{text-align:center}
  .element-hero{grid-template-columns:1fr;gap:14px}.element-hero-visual{grid-row:1}.element-mini-grid{grid-template-columns:repeat(2,1fr)}
  .element-birth-grid{grid-template-columns:1.2fr .8fr .8fr}.element-birth-grid label:last-child{grid-column:1/-1}
  .element-options,.element-explainer{grid-template-columns:1fr}.element-question{padding:15px 12px}.element-option{min-height:50px}
  .element-score-row{grid-template-columns:74px 1fr 62px;gap:7px}.element-result-actions{display:grid;grid-template-columns:1fr 1fr}.element-result-actions #againBtn{grid-column:1/-1}
}

@media(max-width:390px){
  .shell,.wrap{width:min(100% - 20px,1040px) !important}
  .home-entry{font-size:.86rem}.nav-card strong{font-size:.68rem !important}
}