/* Current Ura design across supporting pages. Loaded last; home is excluded.
   Functional media, timers, reading progress and visibility remain page-owned. */
@font-face {
  font-family: UraSiteDisplay;
  src: url('/site-assets/current/bricolage-bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: UraSiteText;
  src: url('/site-assets/current/dm-sans-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: UraSiteText;
  src: url('/site-assets/current/dm-sans-semibold.ttf') format('truetype');
  font-weight: 600 800;
  font-display: swap;
}
body.ura-site-page {
  --ura-ink: #101827;
  --ura-slate: #48576e;
  --ura-teal: #006b80;
  --ura-pale: #e3e7f3;
  --ura-pale-material: linear-gradient(135deg, #edf0f9 0%, #d6dcec 100%);
  --ura-edge: rgba(255,255,255,.76);
  --ura-divider: rgba(47,65,99,.15);
  --ura-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 16px 40px rgba(0,0,0,.12);
  --ura-focus: #87e5f2;
  --ura-display: UraSiteDisplay, 'Bricolage Grotesque', sans-serif;
  --ura-text: UraSiteText, 'DM Sans', system-ui, sans-serif;
  --bg: #060a14;
  --text-primary: #f7f8ff;
  --text-body: #d3dae9;
  --text-secondary: #bcc5d6;
  --text-tertiary: #a5b0c5;
  --border: rgba(218,228,255,.16);
  --cyan: #7ee5f4;
  --purple: #af93fa;
  --font-title: var(--ura-display);
  --font-body: var(--ura-text);
  --hub-title: var(--ura-display);
  --hub-body-font: var(--ura-text);
  --hub-text: #f7f8ff;
  --hub-body: #d3dae9;
  --hub-muted: #bcc5d6;
  --hub-tertiary: #a5b0c5;
  --hub-cyan: #7ee5f4;
  --hub-border: rgba(218,228,255,.16);
  --hub-border-strong: rgba(218,228,255,.28);
  --gradient-cta: linear-gradient(105deg, #70e3f4 0%, #57bafa 48%, #a78af3 100%);
  margin: 0;
  color: #f7f8ff;
  font-family: var(--ura-text);
  font-size: 17px;
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(ellipse 90% 720px at 82% 0, rgba(66,42,116,.55), transparent 76%),
    radial-gradient(ellipse 70% 1050px at 0 1500px, rgba(7,58,78,.3), transparent 76%),
    #060a14;
  background-attachment: scroll;
}
body.ura-site-page :is(h1,h2,h3,h4,.section-heading,.stat-num) {
  font-family: var(--ura-display);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.2;
  text-wrap: balance;
}
body.ura-site-page :is(h1,.page-title,.hub-hero h1,.rl-hero-title,.rl-article-title) { font-size: 34px; }
body.ura-site-page :is(h2,.section-heading,.hub-section h2,.rl-section-title) { font-size: 28px; }
body.ura-site-page :is(h3,h4) { font-size: 20px; }
body.ura-site-page :is(button,input,textarea,select) { font-family: var(--ura-text); }
body.ura-site-page :is(a,button) { touch-action: manipulation; }
body.ura-site-page :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 3px solid var(--ura-focus);
  outline-offset: 4px;
}
body.ura-site-page :is(#starfield,.hub-starfield) { opacity: .38; }
body.ura-site-page :is(.page-label,.hub-eyebrow,.rl-hero-eyebrow) {
  color: #9de3ee;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1em;
}
body.ura-site-page .accent { color: #8ee8f3; background: none; -webkit-text-fill-color: currentColor; }

/* One quiet, compact header shared by the old and new page families. */
body.ura-site-page :is(.page > nav,.hub-header,#main-nav) {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(1240px, calc(100% - 64px));
  min-height: 100px;
  height: auto;
  margin: 0 auto;
  padding: 20px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
  opacity: 1;
  pointer-events: auto;
}
body.ura-site-page :is(.nav-logo,.hub-header-logo) { display: flex; align-items: center; flex-shrink: 0; min-height: 44px; }
body.ura-site-page :is(.nav-logo img,.hub-header-logo img) { width: 92px; height: auto; max-height: 52px; object-fit: contain; }
body.ura-site-page :is(.hub-nav,.nav-pill) {
  position: static;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  gap: 2px;
  transform: none;
  background: none;
  border: 0;
  border-radius: 0;
  backdrop-filter: none;
  box-shadow: none;
}
body.ura-site-page :is(.hub-nav a,.nav-pill-item) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 10px;
  color: #c3cbdb;
  font: 600 13px/1.3 var(--ura-text);
  background: transparent;
  border-radius: 12px;
}
body.ura-site-page :is(.hub-nav a[aria-current],.nav-pill-item.active) { color: #fff; background: rgba(225,231,249,.08); }
body.ura-site-page .hub-nav a::before { content: none; }
body.ura-site-page :is(.nav-pill-bg,.nav-pill-lamp,.nav-pill-icon) { display: none; }
body.ura-site-page .nav-pill-label { display: inline; }
body.ura-site-page :is(.hub-header-store-actions,.nav-store-actions) { display: none; }
body.ura-site-page :is(.hub-mobile-actions,.mobile-nav-actions) { display: flex; align-items: center; margin-left: auto; gap: 10px; }
body.ura-site-page :is(.hub-menu-button,.mobile-menu-toggle) { display: none; width: 44px; height: 44px; padding: 10px; border-radius: 50%; }
body.ura-site-page .nav-back { color: #c3cbdb; min-height: 44px; font-size: 15px; }
body.ura-site-page :is(.hub-mobile-menu,.mobile-nav-menu) {
  position: absolute;
  top: calc(100% - 8px);
  left: 0;
  right: 0;
  z-index: 110;
  padding: 12px;
  background: #e3e7f3;
  color: var(--ura-ink);
  border: 1px solid var(--ura-edge);
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(0,0,0,.26);
  backdrop-filter: none;
}
body.ura-site-page :is(.hub-mobile-menu a,.mobile-nav-link) { min-height: 48px; border-radius: 12px; color: var(--ura-ink); font-size: 17px; }
body.ura-site-page :is(.hub-mobile-menu a:hover,.mobile-nav-link:hover,.mobile-nav-link[aria-current]) { color: var(--ura-ink); background: #c7eaf0; }

/* Breathing room and naturally wrapping titles, rather than oversized headlines. */
body.ura-site-page .hub-main { padding-top: 0; }
body.ura-site-page.rl-page main { max-width: 1160px; padding: 0 32px 72px; }
body.ura-site-page :is(.hub-container,.section-shell) { width: min(1120px, calc(100% - 64px)); }
body.ura-site-page :is(.hub-hero,.page-hero,.rl-hero) {
  min-height: 0;
  padding: 56px 0 64px;
  border: 0;
}
body.ura-site-page :is(.hub-hero-inner,.page-hero) { max-width: 780px; margin-inline: auto; }
body.ura-site-page :is(.page-title,.hub-hero h1,.rl-hero-title) { max-width: 28ch; margin-inline: auto; line-height: 1.2; }
body.ura-site-page :is(.page-sub,.page-summary,.hub-hero-copy,.rl-hero-sub) { max-width: 62ch; margin: 20px auto 0; color: #bcc5d6; font-size: 17px; line-height: 1.65; }
body.ura-site-page :is(.page-updated,.hub-meta,.hub-breadcrumbs,.rl-crumbs) { font-size: 13px; color: #a5b0c5; }
body.ura-site-page :is(.hub-section,.included) { padding: 48px 0 72px; border: 0; }
body.ura-site-page :is(.hub-section-heading,.rl-section-title) { margin-bottom: 24px; }
body.ura-site-page .hub-section-lead { max-width: 62ch; color: #bcc5d6; font-size: 17px; }
body.ura-site-page :is(.hub-grid,.rl-grid,.rl-cat-grid,.posts-grid,.values-grid,.contact-grid) { gap: 20px; }
body.ura-site-page .content { width: min(960px, calc(100% - 64px)); padding: 0 0 80px; }

/* Opaque Ura surfaces own their ink and semantic colours. Page text remains light. */
body.ura-site-page :is(.hub-card,.hub-feature-copy,.hub-note,.tool-panel,.hub-table-wrap,.compare-product-card,.compare-takeaway,.rl-cat-card,.rl-card,.rl-faq-list,.rl-toc,.rl-notice,.rl-callout,.rl-steps li,.rl-feature-card,.rl-helpful,.rl-action-bar,.rl-listen-player,.rl-share-popover,.rl-ai-dialog,.rl-cta,.contact-card,.value-card,.stat-row,.faq-list,.cta-block,.post-card,.post-featured,.legal-toc,.legal-highlight,.deletion-panel,.included-item) {
  --surface: #e3e7f3;
  --surface-hover: #edf1fa;
  --secondary: #48576e;
  --text-primary: #101827;
  --text-body: #48576e;
  --text-secondary: #48576e;
  --text-tertiary: #52627b;
  --cyan: #006b80;
  --purple: #6240ad;
  --border: rgba(47,65,99,.15);
  --hub-text: #101827;
  --hub-body: #48576e;
  --hub-muted: #48576e;
  --hub-tertiary: #52627b;
  --hub-cyan: #006b80;
  --hub-green: #176544;
  --hub-border: rgba(47,65,99,.15);
  --hub-border-strong: rgba(47,65,99,.25);
  --hub-surface: #e3e7f3;
  --hub-surface-strong: #d8e1ef;
  --ura-focus: #007991;
  color: var(--ura-ink);
  background: var(--ura-pale-material);
  border: 1px solid var(--ura-edge);
  border-radius: 26px;
  box-shadow: var(--ura-shadow);
}
body.ura-site-page :is(.hub-card,.hub-feature-copy,.hub-note,.contact-card,.value-card) { padding: 28px; text-align: left; }
body.ura-site-page :is(.hub-card,.hub-feature-copy,.hub-note,.contact-card,.value-card,.post-card,.post-featured,.deletion-panel) :is(h2,h3,strong) { color: var(--ura-ink); }
body.ura-site-page :is(.hub-card h2,.hub-card h3,.hub-feature-copy h2,.contact-card h3,.value-card h3,.post-body h2,.post-body h3,.rl-card-title,.rl-feature-copy h3) { font-size: 20px; line-height: 1.3; }
body.ura-site-page :is(.hub-card p,.hub-feature-copy p,.hub-note p,.contact-card p,.value-card p,.post-excerpt,.post-body p,.deletion-panel p,.deletion-panel li) { color: var(--ura-slate); font-size: 17px; }
body.ura-site-page :is(.hub-card-kicker,.hub-feature-copy .hub-eyebrow,.hub-card-link,.contact-link,.post-tag,.post-read,.post-link) { color: var(--ura-teal); font-size: 13px; }
body.ura-site-page .hub-card-link { justify-content: flex-start; font-size: 15px; }
body.ura-site-page :is(.hub-choice,.tool-directory-card) { min-height: 0; }
body.ura-site-page .tool-card-art { margin: 0 0 24px; width: 104px; height: 88px; }
body.ura-site-page :is(.contact-icon,.value-icon) { width: 56px; height: 56px; object-fit: contain; margin-bottom: 20px; }
body.ura-site-page .hub-feature { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; }
body.ura-site-page .hub-feature + .hub-feature { margin-top: 88px; }
body.ura-site-page .hub-feature-media img { width: min(100%, 360px); }
body.ura-site-page .story-block { padding: 0; background: none; border: 0; margin-bottom: 48px; }
body.ura-site-page .story-block p { color: #d3dae9; font-size: 17px; line-height: 1.8; }
body.ura-site-page .story-block h2 { margin-bottom: 18px; }
body.ura-site-page .stat-row { overflow: hidden; }
body.ura-site-page .stat-num { color: var(--ura-ink); font-size: 34px; }
body.ura-site-page .stat-label { color: var(--ura-slate); font-size: 13px; }
body.ura-site-page .faq-list { padding: 10px 28px; }
body.ura-site-page .faq-item { border-color: var(--ura-divider); }
body.ura-site-page .faq-btn { padding: 22px 0; min-height: 68px; color: var(--ura-ink); font-size: 17px; line-height: 1.45; }
body.ura-site-page .faq-btn svg { color: var(--ura-teal); flex-shrink: 0; }
body.ura-site-page .faq-answer { color: var(--ura-slate); font-size: 15px; line-height: 1.75; }
body.ura-site-page .faq-answer a { color: var(--ura-teal); text-decoration: underline; text-underline-offset: 3px; }

/* Controls: clear purpose, consistent targets, quiet secondary actions. */
body.ura-site-page :is(.hub-button,.hub-download,.nav-cta,.mobile-download-btn,.btn-primary,.rl-download-free,.rl-ai-launch,.instagram-cta) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  height: auto;
  padding: 13px 24px;
  gap: 9px;
  border: 1px solid rgba(230,251,255,.58);
  border-radius: 100px;
  background: var(--gradient-cta);
  color: var(--ura-ink);
  font: 600 17px/1.4 var(--ura-text);
  text-decoration: none;
  white-space: normal;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
  transition: transform .18s ease, filter .18s ease;
}
body.ura-site-page :is(.nav-cta,.hub-download,.mobile-download-btn) { width: auto; min-height: 44px; padding: 10px 20px; font-size: 15px; }
body.ura-site-page :is(.hub-button--secondary,.hub-button--quiet) { color: var(--hub-text); border-color: var(--hub-border-strong); background: transparent; box-shadow: none; }
body.ura-site-page :is(.hub-button:disabled,.plan-suggestion:disabled,.rl-action-btn:disabled) { cursor: not-allowed; opacity: .5; }
body.ura-site-page .hub-actions { gap: 12px; margin-top: 28px; }
body.ura-site-page :is(.hub-cta,.hub-cta--download) { padding: 64px 0 80px; border: 0; }
body.ura-site-page :is(.hub-cta h2,.hub-cta--download h2,.cta-block h2) { font-size: 28px; line-height: 1.2; }
body.ura-site-page .hub-cta-app-icon { width: 80px; height: 80px; border-radius: 21px; }
body.ura-site-page :is(.hub-cta-copy,.hub-cta--download .hub-cta-copy) { font-size: 17px; color: #bcc5d6; }
body.ura-site-page :is(.hub-cta-meta,.hub-cta--download .hub-cta-meta) { color: #a5b0c5; font-size: 13px; }
body.ura-site-page :is(.hub-cta-store-link,.rl-store-btn) { min-height: 52px; padding: 12px 22px; border-radius: 100px; }

/* Comparisons retain their readable row/column relationships. */
body.ura-site-page .compare-product-card { padding: 28px; }
body.ura-site-page .compare-product-header :is(h2,p) { color: var(--ura-ink); }
body.ura-site-page .compare-product-media { border-radius: 18px; }
body.ura-site-page .compare-product-media--ura { background: #14162d; }
body.ura-site-page .hub-compare-row--head { color: var(--ura-ink); background: rgba(255,255,255,.42); }
body.ura-site-page .hub-compare-cell { padding: 22px; font-size: 15px; text-align: left; }
body.ura-site-page :is(.hub-compare-label,.hub-table-wrap strong) { color: var(--ura-ink); }
body.ura-site-page .hub-compare-value { color: var(--ura-slate); }
body.ura-site-page .hub-table-wrap .hub-compare-cell a { color: var(--ura-teal); }
body.ura-site-page .compare-takeaway { padding: 28px; border-radius: 26px; }
body.ura-site-page .compare-takeaway-item strong { color: var(--ura-ink); font-size: 20px; }
body.ura-site-page .compare-takeaway-item p { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page :is(.compare-takeaway-versus,.compare-versus) { font-size: 13px; }
body.ura-site-page .hub-sources { color: #a5b0c5; font-size: 13px; }

/* Interactive tools: the exercise stage stays dark; the surrounding UI is light. */
body.ura-site-page .tool-panel { padding: 32px; }
body.ura-site-page .tool-panel :is(h2,h3) { color: var(--ura-ink); }
body.ura-site-page .tool-panel > p { color: var(--ura-slate); font-size: 17px; }
body.ura-site-page .tool-display {
  --hub-cyan: #7ee5f4;
  --hub-text: #f7f8ff;
  --hub-muted: #c3cbdb;
  --hub-tertiary: #a5b0c5;
  min-height: 220px;
  border: 0;
  border-radius: 22px;
  padding: 28px;
  background: #10182c;
  color: #f7f8ff;
  box-shadow: inset 0 1px 10px rgba(0,0,0,.15);
}
body.ura-site-page .tool-display :is(p,h2,h3,strong,.tool-time) { color: #f7f8ff; }
body.ura-site-page .tool-display .tool-cue { color: #7ee5f4; }
body.ura-site-page .tool-time { font-family: var(--ura-display); font-size: 64px; }
body.ura-site-page .tool-progress { background: rgba(30,61,82,.12); }
body.ura-site-page .tool-display .tool-progress { background: rgba(255,255,255,.14); }
body.ura-site-page .tool-index { gap: 12px; }
body.ura-site-page .tool-index a { min-height: 52px; padding: 13px; background: #e3e7f3; border: 1px solid var(--ura-edge); border-radius: 18px; color: var(--ura-ink); font-size: 15px; }
body.ura-site-page .tool-index a[aria-current] { background: #b9eef2; }
body.ura-site-page :is(.tool-field label,.plan-input-label,.grounding-prompt) { color: var(--ura-ink); font-size: 17px; }
body.ura-site-page :is(.grounding-input,.tool-field input,.tool-field textarea,.tool-field select,.plan-step input,.plan-step textarea) {
  color-scheme: light;
  min-height: 52px;
  padding: 14px 16px;
  background: rgba(255,255,255,.64);
  color: var(--ura-ink);
  border: 1px solid rgba(47,65,99,.22);
  border-radius: 16px;
  font-size: 17px;
  line-height: 1.5;
}
body.ura-site-page :is(.grounding-input,.tool-field input,.tool-field textarea,.plan-step input,.plan-step textarea)::placeholder { color: #5b697e; opacity: 1; }
body.ura-site-page .tool-step-number { color: var(--ura-teal); }
body.ura-site-page .plan-builder-shell { padding: 0; }
body.ura-site-page .plan-builder-heading { padding: 28px 32px; }
body.ura-site-page .plan-builder-heading h2 { font-size: 24px; }
body.ura-site-page .plan-privacy-note { background: rgba(255,255,255,.35); border-color: var(--ura-divider); color: var(--ura-slate); font-size: 15px; }
body.ura-site-page .plan-step legend { color: var(--ura-ink); font-size: 24px; line-height: 1.3; }
body.ura-site-page .plan-suggestion { min-height: 54px; border-radius: 16px; background: rgba(255,255,255,.45); border-color: rgba(47,65,99,.2); color: var(--ura-ink); font-size: 15px; }
body.ura-site-page .plan-suggestion[aria-pressed="true"] { background: #b8edf0; border-color: #439bab; color: #063b49; }
body.ura-site-page .plan-preview-list dd { color: var(--ura-ink); font-size: 17px; }
body.ura-site-page .plan-result-heading h2 { font-size: 28px; }
body.ura-site-page .plan-progress-meta { font-size: 13px; }

/* Recovery library: compact discovery cards, generous long-form reading. */
body.ura-site-page .rl-hero { padding-bottom: 8px; }
body.ura-site-page .rl-section { margin-top: 56px; }
body.ura-site-page .rl-search { max-width: 580px; margin-top: 30px; }
body.ura-site-page .rl-search input { min-height: 56px; padding-block: 15px; background: #e3e7f3; color: var(--ura-ink); border-color: var(--ura-edge); font-family: var(--ura-text); font-size: 17px; box-shadow: var(--ura-shadow); }
body.ura-site-page .rl-search .rl-search-icon { color: #52627b; opacity: 1; }
body.ura-site-page .rl-search-icon { color: #52627b; }
body.ura-site-page .rl-search input:hover, body.ura-site-page .rl-search input:focus { background: #eef1f9; border-color: #76dbe9; }
body.ura-site-page .rl-cat-card { padding: 24px; gap: 18px; }
body.ura-site-page .rl-cat-name { font-family: var(--ura-display); font-size: 20px; color: var(--ura-ink); }
body.ura-site-page .rl-cat-desc { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page :is(.rl-cat-count,.rl-card-cat) { color: var(--ura-teal); font-size: 12px; }
body.ura-site-page .rl-card-link, body.ura-site-page .rl-card--compact .rl-card-link { padding: 26px; gap: 12px; }
body.ura-site-page .rl-card-title, body.ura-site-page .rl-card--compact .rl-card-title { color: var(--ura-ink); font-size: 20px; }
body.ura-site-page .rl-card-summary { font-size: 15px; color: var(--ura-slate); }
body.ura-site-page .rl-card-meta { font-size: 13px; color: #52627b; padding-top: 12px; }
body.ura-site-page .rl-chip { min-height: 44px; padding: 9px 16px; font-size: 15px; color: #d3dae9; background: rgba(225,231,249,.06); border-color: rgba(218,228,255,.2); }
body.ura-site-page .rl-chip[aria-current], body.ura-site-page .rl-chip.is-active { background: #b9eef2; color: #063b49; border-color: #b9eef2; }
body.ura-site-page .rl-article-head { padding-top: 48px; }
body.ura-site-page .rl-article-title { max-width: 30ch; line-height: 1.25; text-wrap: pretty; }
body.ura-site-page .rl-article-summary { font-size: 17px; line-height: 1.7; margin-top: 18px; }
body.ura-site-page :is(.rl-author-trust,.rl-article-meta,.rl-title-reading-time) { color: #a5b0c5; font-size: 13px; }
body.ura-site-page .rl-prose { font-size: 17px; line-height: 1.85; color: #d3dae9; }
body.ura-site-page .rl-prose h2 { font-size: 28px; margin-top: 48px; scroll-margin-top: 28px; }
body.ura-site-page .rl-prose h3 { font-size: 20px; margin-top: 32px; scroll-margin-top: 28px; }
body.ura-site-page .rl-prose p { margin-bottom: 22px; }
body.ura-site-page .rl-prose :is(.rl-callout,.rl-notice) { color: var(--ura-slate); font-size: 15px; line-height: 1.75; }
body.ura-site-page :is(.rl-callout,.rl-notice) { padding: 24px; border-left-width: 1px; }
body.ura-site-page .rl-callout--warning { background: #f5ecd2; border-color: #e7ce8a; color: #534b35; }
body.ura-site-page .rl-callout :is(strong,.rl-callout-title), body.ura-site-page .rl-callout--warning .rl-callout-title { color: var(--ura-ink); font-size: 17px; }
body.ura-site-page :is(.rl-callout,.rl-notice,.rl-steps) a { color: var(--ura-teal); }
body.ura-site-page .rl-callout p:last-child { margin-bottom: 0; }
body.ura-site-page .rl-steps li { padding: 22px 22px 22px 60px; }
body.ura-site-page .rl-steps li::before { top: 23px; left: 20px; color: var(--ura-teal); background: #c3eaf0; border: 0; font-size: 13px; }
body.ura-site-page .rl-steps strong { color: var(--ura-ink); font-size: 17px; }
body.ura-site-page .rl-steps span { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page .rl-toc { padding: 24px; top: 24px; max-height: calc(100vh - 48px); }
body.ura-site-page :is(.rl-toc-h,.rl-toc li::before) { color: #52627b; font-size: 13px; }
body.ura-site-page .rl-toc a { color: var(--ura-slate); line-height: 1.5; }
body.ura-site-page .rl-toc a.is-active, body.ura-site-page .rl-toc a:hover { color: var(--ura-teal); }
body.ura-site-page .rl-action-bar { gap: 6px; padding: 8px; border-radius: 22px; box-shadow: none; }
body.ura-site-page .rl-action-btn { color: var(--ura-slate); border-radius: 16px; min-height: 48px; font-size: 15px; }
body.ura-site-page .rl-action-btn.is-active, body.ura-site-page .rl-action-btn:hover { color: #063b49; background: #c0eaf0; }
body.ura-site-page :is(.rl-action-btn--ai,.rl-action-btn--app) { color: var(--ura-teal); }
body.ura-site-page .rl-listen-player { padding: 24px; }
body.ura-site-page :is(.rl-listen-heading strong,.rl-share-title,.rl-ai-dialog h2,.rl-ai-context strong,.rl-feature-copy h3) { color: var(--ura-ink); }
body.ura-site-page :is(.rl-listen-status,.rl-listen-current,.rl-speed-label,.rl-audio-time,.rl-ai-dialog-copy,.rl-ai-question p,.rl-feature-copy p) { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page :is(.rl-icon-btn,.rl-play-btn,.rl-share-grid button,.rl-share-grid a,.rl-ai-dialog-close) { color: var(--ura-ink); background: rgba(255,255,255,.48); border-color: var(--ura-divider); }
body.ura-site-page .rl-speed-label select { color-scheme: light; color: var(--ura-ink); background: #f5f7fc; border-color: var(--ura-divider); }
body.ura-site-page .rl-ai-dialog h2 { font-size: 24px; }
body.ura-site-page .rl-ai-dialog-eyebrow { color: #6240ad; font-size: 12px; }
body.ura-site-page :is(.rl-ai-context,.rl-ai-question) { background: rgba(255,255,255,.42); border: 1px solid var(--ura-divider); border-radius: 18px; }
body.ura-site-page :is(.rl-ai-context > span,.rl-ai-question > span) { font-size: 12px; color: #52627b; }
body.ura-site-page .rl-ai-copy { color: var(--ura-teal); border-color: var(--ura-divider); }
body.ura-site-page .rl-ai-store-fallback a { color: var(--ura-ink); border-color: var(--ura-divider); background: rgba(255,255,255,.3); }
body.ura-site-page .rl-feature-card { padding: 24px; gap: 16px; }
body.ura-site-page .rl-feature-icon { background: transparent; border: 0; color: var(--ura-teal); }
body.ura-site-page .rl-feature-open { color: var(--ura-teal); font-size: 15px; }
body.ura-site-page .rl-helpful h2 { color: var(--ura-ink); font-size: 24px; }
body.ura-site-page .rl-helpful :is(button,a) { min-height: 44px; color: var(--ura-teal); border-color: var(--ura-divider); }
body.ura-site-page .rl-helpful p { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page .rl-cta-inner { padding: 36px; gap: 24px; }
body.ura-site-page .rl-cta-heading { color: var(--ura-ink); font-size: 28px; }
body.ura-site-page .rl-cta-body { font-size: 17px; }
body.ura-site-page .rl-store-btn { background: #101827; color: #f7f8ff; border-color: #101827; }
body.ura-site-page .rl-store-btn small { color: #bbc5d9; font-size: 11px; }
body.ura-site-page .rl-store-btn strong { font-size: 15px; }
body.ura-site-page :is(.rl-refs,.rl-disclaimer,.rl-faq-a) { font-size: 15px; color: #bcc5d6; }
body.ura-site-page :is(.rl-faq-item summary,.rl-faq-item h3) { font-size: 17px; }

/* Legal and editorial pages preserve every paragraph, with a useful reading width. */
body.ura-site-page .legal-wrap { display: grid; grid-template-columns: 220px minmax(0,720px); gap: 56px; width: min(1056px, calc(100% - 64px)); max-width: none; margin-inline: auto; padding: 0 0 80px; }
body.ura-site-page .legal-toc { position: sticky; top: 24px; align-self: start; padding: 24px; }
body.ura-site-page .legal-toc :is(h2,h3) { color: var(--ura-ink); font-size: 15px; letter-spacing: 0; }
body.ura-site-page .legal-toc a { color: var(--ura-slate); font-size: 13px; line-height: 1.5; }
body.ura-site-page .legal-toc a:hover { color: var(--ura-teal); }
body.ura-site-page .legal-body { min-width: 0; }
body.ura-site-page .legal-section { margin-bottom: 44px; scroll-margin-top: 24px; }
body.ura-site-page .legal-section h2 { font-size: 24px; padding-bottom: 18px; border-color: rgba(218,228,255,.14); }
body.ura-site-page .legal-section h3 { font-size: 20px; }
body.ura-site-page .legal-section :is(p,li) { color: #d3dae9; font-size: 17px; line-height: 1.8; }
body.ura-site-page .legal-section a { color: #8ee8f3; text-underline-offset: 3px; }
body.ura-site-page .legal-highlight { padding: 24px; }
body.ura-site-page .legal-highlight :is(p,li,strong) { color: var(--ura-ink); }
body.ura-site-page .legal-highlight a { color: var(--ura-teal); }
body.ura-site-page .deletion-wrap { width: min(760px, calc(100% - 64px)); padding: 0 0 80px; }
body.ura-site-page .deletion-panel { padding: 32px; }
body.ura-site-page .deletion-section { border-color: var(--ura-divider); }
body.ura-site-page .deletion-section h2 { font-size: 24px; }
body.ura-site-page .deletion-panel .legal-note { background: rgba(255,255,255,.35); color: var(--ura-slate); border-color: var(--ura-divider); border-radius: 18px; }
body.ura-site-page .post-featured { overflow: hidden; }
body.ura-site-page .post-featured-body { padding: 32px; }
body.ura-site-page .post-card { border-radius: 26px; }
body.ura-site-page .post-body { padding: 24px; }
body.ura-site-page :is(.post-meta,.post-date) { color: #52627b; font-size: 13px; }
body.ura-site-page .post-img { background: rgba(115,139,178,.14); }

/* Campaign content keeps authentic product media and its working carousel. */
body.ura-site-page .campaign-header { width: min(1120px, calc(100% - 64px)); min-height: 100px; }
body.ura-site-page .campaign-header .brand img { width: 92px; max-height: 52px; object-fit: contain; }
body.ura-site-page .kit-video { border-radius: 26px; }
body.ura-site-page .included-item { padding: 24px; opacity: .65; }
body.ura-site-page .included-item.is-active { opacity: 1; border-color: var(--ura-edge); box-shadow: var(--ura-shadow); }
body.ura-site-page .included-copy-card h3 { color: var(--ura-ink); font-size: 20px; }
body.ura-site-page .included-copy-card p { color: var(--ura-slate); }
body.ura-site-page .included-copy-card > span { color: var(--ura-teal); }
body.ura-site-page .included-carousel-control { color: var(--ura-ink); background: #e3e7f3; border-color: var(--ura-edge); box-shadow: none; }
body.ura-site-page .included-carousel-control:hover:not(:disabled) { color: var(--ura-ink); background: #b9eef2; }
body.ura-site-page .ros-section { background: transparent; border: 0; padding: 72px 0; }
body.ura-site-page .ros-layout { gap: 64px; }
body.ura-site-page .ros-portrait img { border-radius: 32px; border: 1px solid rgba(255,255,255,.24); }
body.ura-site-page .entry { padding-block: 72px; }
body.ura-site-page :is(.terms,.terms-copy) { max-width: 720px; margin-inline: auto; }
body.ura-site-page .terms-copy { color: #c3cbdb; font-size: 15px; }

/* Small handoff screens: only direct children with these existing unique contents. */
body.ura-site-page > main:has(> .code), body.ura-site-page > main:has(> a[href="/"]) {
  padding: 32px;
  color: var(--ura-ink);
  background: var(--ura-pale-material);
  border: 1px solid var(--ura-edge);
  border-radius: 28px;
  box-shadow: var(--ura-shadow);
}
body.ura-site-page > main:has(> .code) :is(h1,p), body.ura-site-page > main:has(> a[href="/"]) :is(h1,p) { color: var(--ura-ink); }
body.ura-site-page > main:has(> .code) h1 { font-size: 28px; }
body.ura-site-page > main:has(> .code) .eyebrow { color: var(--ura-teal); }
body.ura-site-page > main:has(> .code) .code { background: rgba(255,255,255,.5); color: var(--ura-ink); }
body.ura-site-page > main:has(> .code) #open { background: #99e4ef; color: #063b49; border: 1px solid #75cbd9; border-radius: 100px; font-size: 17px; }
body.ura-site-page > main:has(> .code) #download { background: rgba(255,255,255,.45); color: var(--ura-ink); border: 1px solid var(--ura-divider); border-radius: 100px; font-size: 17px; }
body.ura-site-page > main:has(> .code) #copy, body.ura-site-page > main:has(> a[href="/"]) a { color: var(--ura-teal); }
body.ura-site-page > main:has(> .code) .status { color: #176544; font-size: 13px; }

/* Footers use the same rhythm and legible contrast throughout the site. */
body.ura-site-page :is(.hub-footer,.rl-footer,.page > footer) { padding: 56px 32px 28px; border-top: 1px solid rgba(218,228,255,.12); background: transparent; }
body.ura-site-page :is(.hub-footer-grid,.rl-footer-inner,.footer-inner) { width: min(1120px,100%); margin-inline: auto; gap: 36px; }
body.ura-site-page :is(.hub-footer-brand,.hub-footer-col,.footer-brand,.footer-col,.rl-footer-brand,.rl-footer-col) { text-align: left; align-items: flex-start; }
body.ura-site-page :is(.hub-footer-brand img,.footer-brand img,.rl-footer-brand img) { display: block; width: 88px; height: auto; max-height: 48px; object-fit: contain; margin: 0 0 18px; }
body.ura-site-page :is(.hub-footer-col h4,.footer-col h4,.rl-footer-col h4) { color: #e3e8f5; font-family: var(--ura-text); font-size: 13px; line-height: 1.5; letter-spacing: .03em; }
body.ura-site-page :is(.hub-footer p,.hub-footer a,.rl-footer p,.rl-footer a,.page > footer p,.page > footer a) { color: #aeb9cd; font-size: 13px; line-height: 1.7; }
body.ura-site-page :is(.hub-footer-col a,.rl-footer-col a,.footer-col a) { padding-block: 4px; }
body.ura-site-page :is(.hub-footer-bottom,.rl-footer-legal,.footer-bottom) { border-color: rgba(218,228,255,.12); font-size: 13px; }
body.ura-site-page :is(.hub-footer-wordmark,.rl-footer-wordmark,.footer-wordmark) { opacity: .16; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.ura-site-page :is(.hub-button,.hub-download,.nav-cta,.mobile-download-btn,.btn-primary,.rl-download-free,.instagram-cta):hover { transform: translateY(-2px); filter: brightness(1.04); }
  body.ura-site-page :is(.hub-choice,.rl-card,.rl-cat-card,.contact-card,.post-card):hover { transform: translateY(-3px); background: #edf1fa; border-color: #fff; }
  body.ura-site-page :is(.hub-nav a,.nav-pill-item):hover { color: #fff; background: rgba(225,231,249,.08); }
  body.ura-site-page :is(.hub-footer a,.rl-footer a,.page > footer a):hover { color: #fff; }
}
@media (max-width: 1080px) {
  body.ura-site-page :is(.hub-nav,.nav-pill) { display: none; }
  body.ura-site-page :is(.hub-menu-button,.mobile-menu-toggle) { display: inline-flex; }
  body.ura-site-page .hub-feature { gap: 36px; }
  body.ura-site-page .legal-wrap { grid-template-columns: 190px minmax(0,1fr); gap: 32px; }
  body.ura-site-page :is(.hub-footer-grid,.rl-footer-inner,.footer-inner) { gap: 24px; }
}
@media (max-width: 760px) {
  body.ura-site-page :is(.page > nav,.hub-header,#main-nav,.campaign-header) { width: calc(100% - 40px); min-height: 84px; gap: 12px; padding-block: 16px; }
  body.ura-site-page :is(.nav-logo img,.hub-header-logo img) { width: 80px; }
  body.ura-site-page :is(.hub-container,.section-shell,.content,.deletion-wrap,.legal-wrap) { width: calc(100% - 40px); }
  body.ura-site-page.rl-page main { padding: 0 20px 56px; }
  body.ura-site-page :is(.page-hero,.hub-hero) { padding: 36px 0 48px; }
  body.ura-site-page .page-hero { padding-inline: 20px; }
  body.ura-site-page .rl-hero { padding: 32px 0 8px; }
  body.ura-site-page :is(.hub-section,.included) { padding: 28px 0 56px; }
  body.ura-site-page :is(.hub-grid--2,.hub-grid--3,.posts-grid) { grid-template-columns: 1fr; }
  body.ura-site-page :is(.hub-card,.hub-feature-copy,.hub-note,.contact-card,.value-card,.compare-product-card,.deletion-panel) { padding: 24px; border-radius: 24px; }
  body.ura-site-page .hub-feature { display: flex; flex-direction: column; gap: 28px; }
  body.ura-site-page .hub-feature-media { order: -1; }
  body.ura-site-page .hub-feature + .hub-feature { margin-top: 64px; }
  body.ura-site-page .hub-feature-copy { width: 100%; }
  body.ura-site-page .hub-feature-media img { max-height: 300px; }
  body.ura-site-page .tool-panel { padding: 20px; border-radius: 24px; }
  body.ura-site-page .tool-display { padding: 24px 16px; }
  body.ura-site-page .plan-builder-shell { padding: 0; }
  body.ura-site-page :is(.plan-builder-heading,.plan-builder,.plan-result) { padding: 24px 20px; }
  body.ura-site-page .hub-table-wrap { background: transparent; border: 0; box-shadow: none; overflow: visible; }
  body.ura-site-page .hub-compare-row:not(.hub-compare-row--head) { border: 1px solid var(--ura-edge); background: var(--ura-pale-material); border-radius: 22px; overflow: hidden; }
  body.ura-site-page .hub-compare-cell { padding: 18px 22px; }
  body.ura-site-page .hub-compare-value::before { color: #52627b; font-size: 12px; }
  body.ura-site-page .rl-article-head { padding-top: 32px; }
  body.ura-site-page .rl-article-title { font-size: 28px; }
  body.ura-site-page .rl-prose h2 { font-size: 24px; }
  body.ura-site-page .rl-cta-inner { padding: 26px; }
  body.ura-site-page .rl-cat-card { padding: 22px; }
  body.ura-site-page .rl-card-link, body.ura-site-page .rl-card--compact .rl-card-link { padding: 24px; }
  body.ura-site-page .legal-wrap { grid-template-columns: 1fr; gap: 32px; }
  body.ura-site-page .legal-toc { position: static; }
  body.ura-site-page :is(.hub-cta,.hub-cta--download) { padding-block: 48px 64px; }
  body.ura-site-page :is(.hub-footer,.rl-footer,.page > footer) { padding: 40px 20px 24px; }
  body.ura-site-page :is(.hub-footer-grid,.rl-footer-inner,.footer-inner) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; }
  body.ura-site-page :is(.hub-footer-brand,.rl-footer-brand,.footer-brand) { grid-column: 1 / -1; }
  body.ura-site-page .ros-layout { gap: 32px; }
}
@media (max-width: 420px) {
  body.ura-site-page :is(.nav-cta,.hub-download,.mobile-download-btn) { padding: 10px 16px; }
  body.ura-site-page .page > nav { flex-wrap: wrap; }
  body.ura-site-page .page > nav .nav-cta { margin-left: auto; }
  body.ura-site-page .rl-action-bar { gap: 4px; }
  body.ura-site-page .rl-action-btn { padding-inline: 10px; }
  body.ura-site-page .hub-actions .hub-button { width: 100%; }
  body.ura-site-page .plan-wizard-controls { grid-template-columns: minmax(80px,.4fr) minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.ura-site-page) { scroll-behavior: auto !important; }
  body.ura-site-page *, body.ura-site-page *::before, body.ura-site-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  body.ura-site-page :is(.hub-button,.hub-download,.nav-cta,.mobile-download-btn,.btn-primary,.rl-download-free,.hub-choice,.rl-card,.rl-cat-card,.contact-card,.post-card):hover { transform: none; }
}
/* Pausing decorative motion also removes animated hover transitions. Tool timing remains page-owned. */
html[data-site-motion="paused"] body.ura-site-page .site-motion-link,
html.motion-paused body.ura-site-page .site-motion-link { transition: none !important; }
body.ura-site-page .ura-site-motion-controls { display: flex; justify-content: flex-start; width: min(1120px,100%); margin: 20px auto 0; }
body.ura-site-page .motion-toggle { min-height: 44px; padding: 10px 15px; border: 1px solid rgba(179,192,221,.35); border-radius: 22px; background: transparent; color: #c4cfe3; font-family: var(--ura-text); font-size: 13px; line-height: 1.5; cursor: pointer; }
body.ura-site-page .motion-toggle:hover { background: rgba(255,255,255,.05); }
body.ura-site-page .motion-toggle:disabled { cursor: default; }
@media print {
  body.ura-site-page { background: #fff; color: #101827; }
  body.ura-site-page :is(.page > nav,.hub-header,#main-nav,.hub-starfield,#starfield,.hub-footer,.rl-footer,.page > footer,.ura-site-motion-controls) { display: none !important; }
  body.ura-site-page :is(.rl-prose,.legal-section,.deletion-panel) :is(p,li,h2,h3,strong) { color: #101827; }
  body.ura-site-page :is(.tool-panel,.rl-callout,.rl-notice,.legal-highlight) { box-shadow: none; background: #fff; border-color: #bbc3d0; }
}

/* Current native screens in the library CTA. Art stays behind the phones. */
body.ura-site-page .ura-current-phones {
  position: relative;
  isolation: isolate;
  width: min(100%, 430px);
  aspect-ratio: 1 / 1.2;
  margin: 0 auto;
}
body.ura-site-page .rl-cta-visual .ura-current-phone {
  position: absolute;
  z-index: 2;
  width: 48%;
  max-width: none;
  height: auto;
  margin: 0;
  aspect-ratio: 660 / 1428;
  object-fit: cover;
  border: 6px solid #11141d;
  border-radius: 27px;
  outline: 1px solid #7a8191;
  outline-offset: 0;
  background: #080d1d;
  filter: none;
  box-shadow: 0 15px 28px rgba(18,24,46,.22);
}
body.ura-site-page .ura-current-phone--home { left: 5%; top: 10%; transform: rotate(-8deg); }
body.ura-site-page .ura-current-phone--breathing { right: 4%; top: 21%; transform: rotate(7deg); }
body.ura-site-page .rl-cta-visual .ura-current-phones-mascot {
  position: absolute;
  z-index: 1;
  width: 46%;
  max-width: none;
  height: auto;
  margin: 0;
  top: -1%;
  right: 0;
  filter: none;
}
@media (max-width: 759px) {
  body.ura-site-page .ura-current-phones { width: min(100%, 340px); margin-top: 24px; }
  body.ura-site-page .rl-cta-visual .ura-current-phone { border-width: 5px; border-radius: 22px; }
}

/* Explicit legacy text colours and wrappers not covered by inherited tokens. */
body.ura-site-page .tool-display .grounding-prompt { color: #f7f8ff; }
body.ura-site-page .rl-search input::placeholder { color: #52627b; opacity: 1; }
body.ura-site-page :is(.post-featured-body h2,.post-card-body h3) { color: var(--ura-ink); font-size: 20px; }
body.ura-site-page .post-featured-body p { color: var(--ura-slate); font-size: 17px; }
body.ura-site-page .post-card-body { padding: 24px; }
body.ura-site-page .post-card-body p { color: var(--ura-slate); font-size: 15px; }
body.ura-site-page .post-read-more { color: var(--ura-teal); font-size: 15px; }
body.ura-site-page :is(.post-featured-img,.post-card-img) { background: rgba(125,156,199,.1); }
body.ura-site-page .deletion-panel .steps-list { gap: 0; }
body.ura-site-page .deletion-panel .steps-list li { border: 0; border-radius: 0; border-bottom: 1px solid var(--ura-divider); background: transparent; padding: 16px 0; color: var(--ura-ink); }
body.ura-site-page .deletion-panel .steps-list li:last-child { border-bottom: 0; }
body.ura-site-page .deletion-panel .step-number { background: #c8eaf0; border: 0; color: var(--ura-teal); }
body.ura-site-page .footer-top { width: min(1120px,100%); margin-inline: auto; padding: 0 0 32px; gap: 36px; }
@media (max-width: 760px) {
  body.ura-site-page .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 20px; }
}

/* Interactive states use the same legible ink as their surrounding surface. */
body.ura-site-page :is(.hub-card .compare-brand,.compare-product-header strong) { color: var(--ura-ink); }
body.ura-site-page .compare-product-header strong { font-size: 20px; }
body.ura-site-page .hub-card .hub-list li { border-color: var(--ura-divider); text-align: left; }
body.ura-site-page .hub-choice .hub-card-link { align-self: flex-start; }
body.ura-site-page .rl-action-btn--ai { color: #254970; background: #ccdff4; border-color: transparent; }
body.ura-site-page .rl-action-btn--ai:hover { color: #063b49; background: #b9e9ef; }
body.ura-site-page .rl-listen-heading h2 { color: var(--ura-ink); font-size: 20px; }
body.ura-site-page .rl-play-btn { color: #063b49; background: #b9eef2; border-color: #94ccd8; }
body.ura-site-page .rl-share-grid :is(a,button):hover { color: var(--ura-teal); background: #c5e9ef; }
body.ura-site-page .rl-helpful :is(button:hover,button.is-selected) { color: #063b49; background: #b9eef2; border-color: #81b7c2; }
body.ura-site-page :is(.rl-helpful-thanks,.rl-helpful-reason-thanks,.rl-share-status) { color: #176544; }
body.ura-site-page :is(.rl-callout,.rl-steps,.rl-notice) .rl-speech-active { color: var(--ura-ink) !important; background: rgba(96,111,179,.12); }
@media (max-width: 999px) {
  body.ura-site-page .rl-toc { top: auto; max-height: min(62vh,440px); }
  body.ura-site-page .rl-toc-mobile-toggle { color: var(--ura-ink); background: #e3e7f3; border-color: var(--ura-edge); font-size: 15px; }
}

/* The hub menu is a sibling of its header; library menus sit inside theirs. */
body.ura-site-page .hub-mobile-menu { position: fixed; top: 84px; left: 20px; right: 20px; }
body.ura-site-page .legal-toc { display: block; left: auto; right: auto; z-index: 1; }
body.ura-site-page .legal-toc .toc-heading { color: var(--ura-ink); font-size: 13px; }
body.ura-site-page .rl-faq-list { padding: 6px 24px; gap: 0; }
body.ura-site-page .rl-faq-item { border: 0; border-bottom: 1px solid var(--ura-divider); border-radius: 0; background: transparent; }
body.ura-site-page .rl-faq-item:last-child { border-bottom: 0; }
body.ura-site-page .rl-faq-item summary { min-height: 64px; padding: 20px 0; color: var(--ura-ink); font-family: var(--ura-text); font-size: 17px; line-height: 1.45; }
body.ura-site-page .rl-faq-item summary::after { color: var(--ura-teal); }
body.ura-site-page .rl-faq-a { padding: 0 0 22px; color: var(--ura-slate); font-size: 15px; }

body.ura-site-page .tool-card-art img{display:block;width:100%;height:100%;object-fit:contain}

/* The simple page family shares the same five destinations without requiring JS. */
body.ura-site-page .ura-basic-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 2px; min-width: 0; }
body.ura-site-page .ura-basic-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 10px; border-radius: 12px; color: #c3cbdb; font: 600 13px/1.3 var(--ura-text); text-decoration: none; }
body.ura-site-page .ura-basic-nav a:is(:hover,[aria-current]) { color: #fff; background: rgba(225,231,249,.08); }
body.ura-site-page .ura-basic-menu { display: none; }
body.ura-site-page .ura-basic-menu summary { display: flex; align-items: center; justify-content: center; min-width: 60px; min-height: 44px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; color: #e9ecf7; font: 600 15px/1.3 var(--ura-text); cursor: pointer; list-style: none; }
body.ura-site-page .ura-basic-menu summary::-webkit-details-marker { display: none; }
body.ura-site-page .ura-basic-menu[open] summary { color: #101827; background: #c7eaf0; border-color: #c7eaf0; }
body.ura-site-page .ura-basic-mobile-links { position: absolute; top: calc(100% - 8px); left: 0; right: 0; z-index: 110; padding: 12px; border: 1px solid #ffffffb8; border-radius: 22px; background: #e3e7f3; box-shadow: 0 16px 40px rgba(0,0,0,.26); }
body.ura-site-page .ura-basic-mobile-links a { display: flex; align-items: center; min-height: 48px; padding: 10px 16px; border-radius: 12px; color: #101827; font: 500 17px/1.4 var(--ura-text); text-decoration: none; }
body.ura-site-page .ura-basic-mobile-links a:is(:hover,[aria-current]) { background: #c7eaf0; }
body.ura-site-page :is(.ura-basic-nav a,.ura-basic-menu summary,.ura-basic-mobile-links a):focus-visible { outline: 3px solid #8ee8f3; outline-offset: 4px; }
body.ura-site-page .ura-basic-mobile-links a:focus-visible { outline-color: #00677d; }
body.ura-site-page .about-founder { display: flex; align-items: center; gap: 24px; margin: 0 0 48px; }
body.ura-site-page .about-founder img { display: block; flex: 0 0 148px; width: 148px; height: 148px; border-radius: 28px; object-fit: cover; }
body.ura-site-page .about-founder figcaption { display: grid; gap: 6px; color: #c3cbdb; font: 400 15px/1.5 var(--ura-text); }
body.ura-site-page .about-founder strong { color: #f7f8ff; font: 700 24px/1.2 var(--ura-display); }
@media (max-width: 1040px) {
  body.ura-site-page .ura-basic-nav { display: none; }
  body.ura-site-page .ura-basic-menu { display: block; order: 3; }
  body.ura-site-page .page > nav:has(.ura-basic-menu) { flex-wrap: nowrap; gap: 12px; z-index: 120; }
  body.ura-site-page .page > nav:has(.ura-basic-menu) .nav-cta { margin-left: auto; }
}
@media (max-width: 540px) {
  body.ura-site-page .about-founder { gap: 20px; margin-bottom: 36px; }
  body.ura-site-page .about-founder img { flex-basis: 112px; width: 112px; height: 112px; border-radius: 24px; }
  body.ura-site-page .about-founder strong { font-size: 20px; }
  body.ura-site-page .page > nav:has(.ura-basic-menu) { gap: 8px; }
  body.ura-site-page .page > nav:has(.ura-basic-menu) .nav-cta { padding: 10px 12px; gap: 0; }
  body.ura-site-page .page > nav:has(.ura-basic-menu) .nav-cta svg { display: none; }
}

body.ura-site-page img.rl-ico{object-fit:contain;flex-shrink:0}