@font-face {
  font-family: "Libre Baskerville";
  src: url("/fonts/libre-baskerville-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --uro-ink: #17343b;
  --uro-soft: #526b71;
  --uro-aqua: #3f6f70;
  --uro-aqua-deep: #27545b;
  --uro-aqua-light: #5a8780;
  --uro-mist: #edf6f2;
  --uro-mist-2: #eaf3f0;
  --uro-paper: #fffefa;
  --uro-line: #d6e4e1;
  --uro-gold: #bca264;
  --uro-wordmark: "Libre Baskerville", Georgia, "Times New Roman", serif;
  --ink: var(--uro-ink);
  --ink-soft: var(--uro-soft);
  --soft: var(--uro-soft);
  --navy: var(--uro-aqua-deep);
  --paper: var(--uro-paper);
  --cream: var(--uro-mist);
  --line: var(--uro-line);
  --gold: var(--uro-gold);
  --uro-serif: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  --uro-ui: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans JP", sans-serif;
}

html { background: var(--uro-mist); }
body {
  color: var(--uro-ink);
  background: linear-gradient(180deg, #fbfdfc 0, var(--uro-mist) 52%, #f7faf9 100%);
  font-family: var(--uro-serif);
  overflow-x: clip;
  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;
}

:where(button, input, select, textarea) {
  font-family: var(--uro-ui);
}

:where(h1, h2, h3, h4, p, li, dd) {
  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;
}

:where(h1, h2, h3, h4) {
  text-wrap: pretty;
}

@supports (word-break: auto-phrase) {
  body,
  :where(h1, h2, h3, h4, p, li, dd) {
    word-break: auto-phrase;
  }
}

:where(
  [data-uro-term],
  [data-program-name],
  [data-keep-together],
  [data-value-unit],
  .brand strong,
  .legal-brand strong,
  .library-brand strong,
  .pd-brand strong,
  .continuum-page-index strong,
  .continuum-next-grid strong,
  .feature-preview-product strong,
  .summary-preview-choice b,
  .visit-preview-phone article b,
  .continuum-action-list > a > small,
  .pc-plan > h3,
  .pd-plan > h3
) {
  overflow-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}

:where(img, svg) {
  max-width: 100%;
}

/* The same quiet, translucent header used on the portal home. */
:is(.site-header, .legal-header, .library-header, .pd-header) {
  border-bottom-color: rgba(23, 52, 59, .1);
  background: rgba(251, 253, 252, .9);
  box-shadow: 0 8px 30px rgba(31, 67, 75, .035);
  backdrop-filter: blur(18px);
}
:is(.brand-mark, .legal-brand-mark, .library-brand-mark, .pd-brand-mark) {
  width: 42px !important;
  height: 45px !important;
  color: var(--uro-aqua-deep) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
:is(.brand-mark, .legal-brand-mark, .library-brand-mark, .pd-brand-mark) img { width: 100% !important; height: 100% !important; display: block; object-fit: contain; }
:is(.brand, .legal-brand, .library-brand, .pd-brand) strong { font-family: var(--uro-wordmark) !important; font-weight: 400 !important; letter-spacing: 0 !important; }

/* Deep aqua replaces the old near-black hero and feature surfaces. */
:is(
  .subpath-hero,
  .visit-prep-promo,
  .legal-hero,
  .disease-hero,
  .symptom-hero,
  .library-hero,
  .print-hero,
  .sheet-hero,
  .pelvic-hero,
  .pd-hero,
  .pc-hero,
  .section-dark,
  .care-programs,
  .pd-curriculum,
  .pc-curriculum
) {
  background-color: var(--uro-aqua-deep) !important;
  background-image: linear-gradient(135deg, var(--uro-aqua-deep) 0%, var(--uro-aqua) 56%, var(--uro-aqua-light) 100%) !important;
}
:is(
  .subpath-hero,
  .legal-hero,
  .disease-hero,
  .symptom-hero,
  .library-hero,
  .print-hero,
  .sheet-hero,
  .pelvic-hero,
  .pd-hero,
  .pc-hero
) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
:is(
  .subpath-hero,
  .legal-hero,
  .disease-hero,
  .symptom-hero,
  .library-hero,
  .print-hero,
  .sheet-hero,
  .pelvic-hero,
  .pc-hero
)::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 430px;
  height: 430px;
  right: -180px;
  top: -235px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 78px rgba(255, 255, 255, .022), 0 0 0 156px rgba(216, 240, 235, .018);
  pointer-events: none;
}

/* Pale aqua sections and white cards mirror the home-page rhythm. */
:is(
  .care-records,
  .care-plans,
  .before-learn,
  .library-main,
  .print-section,
  .print-faq,
  .sheet-body,
  .pd-value,
  .pd-membership,
  .pc-public-benefits,
  .pc-pathways,
  .pc-flow
) { background-color: var(--uro-mist) !important; }

:is(
  .care-record-grid a,
  .care-plan-grid article,
  .before-learn-grid a,
  .library-card,
  .printable-card,
  .use-grid article,
  .faq-list details,
  .side-card,
  .pd-cap,
  .pd-ui,
  .pd-book,
  .pd-report,
  .pd-plan,
  .pc-benefit-grid article,
  .pc-curriculum-grid article,
  .pc-lesson-grid article,
  .pc-panel,
  .pc-record-card,
  .pc-mini-card
) {
  border-color: var(--uro-line);
  background-color: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 48px rgba(31, 67, 75, .055);
}

:is(.button-dark, .side-link, .library-filters button.active, .library-card footer i, .printable-actions a.primary, .pd-button.dark) {
  border-color: var(--uro-aqua-deep) !important;
  background: var(--uro-aqua-deep) !important;
}
:is(.button-dark, .side-link, .library-filters button.active, .library-card footer i, .printable-actions a.primary, .pd-button.dark):hover {
  background: var(--uro-aqua) !important;
}

:is(
  .continuity-band,
  .print-member-cta,
  .library-notice,
  .pc-cta,
  .pc-mini-card.schedule,
  .pd-report.dark,
  .pd-plan.concierge,
  .care-plan-concierge
) {
  border-color: rgba(255, 255, 255, .14) !important;
  background: linear-gradient(135deg, var(--uro-aqua-deep), var(--uro-aqua) 58%, var(--uro-aqua-light)) !important;
}

/* Public Uro Program pathway tabs. */
.pc-tabs {
  border-color: var(--uro-line);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14px 38px rgba(31, 67, 75, .055);
}
.pc-tabs button { border-color: var(--uro-line); }
.pc-tabs button:hover { background: var(--uro-mist); }
.pc-tabs button[aria-selected="true"] {
  color: white;
  background: var(--uro-aqua-deep);
}
.pc-tabs button[aria-selected="true"]:hover { background: var(--uro-aqua-deep); }
.pc-panel { background: #f8fbfa !important; }
.pc-panel[hidden], .pc-panel:not(.is-active) { display: none !important; }
.pc-panel.is-active { display: block; animation: uro-panel-in .28s ease both; }
.pc-curriculum .pc-curriculum-grid article {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background-color: rgba(255, 255, 255, .07) !important;
  box-shadow: none;
}
.pc-curriculum .pc-curriculum-grid h3,
.pc-curriculum .pc-curriculum-grid li b { color: #fff !important; }
.pc-curriculum .pc-curriculum-grid li { color: rgba(255, 255, 255, .78) !important; }

:is(.legal-footer, .library-footer, .pd-footer, .site-footer) {
  color: rgba(23, 52, 59, .74) !important;
  border-top: 1px solid #b7cec7;
  background: linear-gradient(135deg, #dfece8 0%, #c7dcd6 100%) !important;
}
:is(.legal-footer, .library-footer, .pd-footer, .site-footer) a { color: inherit !important; }
.site-footer .footer-brand,.site-footer .footer-grid h3 { color: var(--uro-ink) !important; }
.site-footer .footer-caution p { color: rgba(23, 52, 59, .62) !important; }
.site-footer .footer-bottom { border-top-color: rgba(23, 52, 59, .13) !important; }

.uro-page-footnotes {
  box-sizing: border-box;
  width: min(1120px, calc(100% - 40px));
  display: grid;
  gap: 5px;
  margin: 26px auto 0;
  padding: 14px 0 18px;
  border-top: 1px solid var(--uro-line);
  color: #6d7f82;
  font-family: var(--uro-ui);
  font-size: 10px;
  line-height: 1.75;
}

.uro-page-footnotes p {
  display: grid;
  grid-template-columns: 1.2em minmax(0, 1fr);
  gap: 3px;
  margin: 0;
}

.uro-page-footnotes p > span {
  color: #557477;
}

.site-footer .footer-policy-links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin: 0;
}

.site-footer .footer-policy-links a {
  margin: 0;
}

@media (max-width: 680px) {
  .uro-page-footnotes {
    width: calc(100% - 28px);
    margin-top: 20px;
    font-size: 9px;
  }
}

/* Slow ambient geometry: each page family keeps a distinct, quiet motif. */
:is(.subpath-hero,.legal-hero,.disease-hero,.symptom-hero,.library-hero,.print-hero,.sheet-hero,.pelvic-hero,.pd-hero,.pc-hero) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
:is(.subpath-hero,.legal-hero,.disease-hero,.symptom-hero,.library-hero,.print-hero,.sheet-hero,.pelvic-hero,.pd-hero,.pc-hero) > * {
  position: relative;
  z-index: 1;
}
:is(.subpath-hero,.legal-hero,.disease-hero,.symptom-hero,.library-hero,.print-hero,.sheet-hero,.pelvic-hero,.pd-hero,.pc-hero)::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 430px;
  height: 430px;
  right: -180px;
  top: -235px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 78px rgba(255, 255, 255, .022), 0 0 0 156px rgba(216, 240, 235, .018);
  animation: uro-orbit-drift 29s ease-in-out infinite alternate;
  pointer-events: none;
}
:is(.legal-hero,.disease-hero,.symptom-hero)::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 430px;
  height: 330px;
  left: -185px;
  bottom: -188px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 59% 41% 55% 45% / 44% 58% 42% 56%;
  opacity: .75;
  background: repeating-radial-gradient(ellipse at 35% 56%, transparent 0 37px, rgba(255,255,255,.06) 38px 39px, transparent 40px 76px);
  transform: rotate(7deg);
  animation: uro-contour-drift 38s ease-in-out -8s infinite alternate-reverse;
  pointer-events: none;
}
:is(.library-hero,.print-hero,.sheet-hero)::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 470px;
  height: 280px;
  left: 4%;
  bottom: -142px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 52% 48% 62% 38% / 58% 42% 58% 42%;
  opacity: .75;
  background: repeating-radial-gradient(ellipse at 18% 78%, transparent 0 38px, rgba(255,255,255,.055) 39px 40px, transparent 41px 77px);
  transform: rotate(-7deg);
  animation: uro-wave-drift 42s ease-in-out -5s infinite alternate;
  pointer-events: none;
}
:is(.pelvic-hero,.pd-hero,.pc-hero)::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 520px;
  height: 260px;
  left: -225px;
  bottom: -150px;
  opacity: .68;
  background: repeating-radial-gradient(ellipse at center, transparent 0 35px, rgba(255,255,255,.065) 36px 37px, transparent 38px 72px);
  transform: rotate(-12deg);
  animation: uro-arch-drift 35s ease-in-out -11s infinite alternate-reverse;
  pointer-events: none;
}
.subpath-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 330px;
  height: 330px;
  left: 3%;
  bottom: -225px;
  opacity: .35;
  background: conic-gradient(from 30deg, rgba(255,255,255,.12), transparent 18%, rgba(255,255,255,.055) 34%, transparent 52%, rgba(255,255,255,.09) 70%, transparent 88%);
  clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  animation: uro-polygon-drift 44s linear infinite;
  pointer-events: none;
}

@keyframes uro-panel-in {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}
@keyframes uro-orbit-drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-34px,30px,0) scale(1.06); } }
@keyframes uro-contour-drift { from { transform: translate3d(0,0,0) rotate(7deg) scale(1); } to { transform: translate3d(42px,-31px,0) rotate(11deg) scale(1.05); } }
@keyframes uro-wave-drift { from { transform: translate3d(0,0,0) rotate(-7deg) scale(1); } to { transform: translate3d(48px,-25px,0) rotate(-3deg) scale(1.06); } }
@keyframes uro-arch-drift { from { transform: translate3d(0,0,0) rotate(-12deg) scale(1); } to { transform: translate3d(47px,-28px,0) rotate(-7deg) scale(1.05); } }
@keyframes uro-polygon-drift { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .pc-panel.is-active { animation: none; }
  :is(.subpath-hero,.legal-hero,.disease-hero,.symptom-hero,.library-hero,.print-hero,.sheet-hero,.pelvic-hero,.pd-hero,.pc-hero)::before,
  :is(.subpath-hero,.legal-hero,.disease-hero,.symptom-hero,.library-hero,.print-hero,.sheet-hero,.pelvic-hero,.pd-hero,.pc-hero)::after { animation: none; }
}

@media (max-width: 700px) {
  .pc-tabs { grid-template-columns: 1fr; }
  .pc-tabs button { min-height: 82px; border-right: 0; border-bottom: 1px solid var(--uro-line); }
  .pc-tabs button:last-child { border-bottom: 0; }
}

/* One global navigation system for every public portal page. */
[hidden] { display: none !important; }
.uro-sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.uro-global-header { position: sticky; z-index: 1000; top: 0; color: var(--uro-ink); background: rgba(255,255,255,.97); box-shadow: 0 8px 30px rgba(31,67,75,.035); backdrop-filter: blur(18px); }
.uro-global-primary { border-bottom: 1px solid rgba(23,52,59,.09); }
.uro-global-inner { box-sizing: border-box; width: min(1240px,calc(100% - 40px)); min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: auto; }
.uro-global-brand { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.uro-global-brand-mark { width: 42px; height: 45px; display: grid; flex: 0 0 auto; place-items: center; }
.uro-global-brand-mark img { width: 100%; height: 100%; display: block; object-fit: contain; }
.uro-global-brand strong,.uro-global-brand small { display: block; line-height: 1.2; }
.uro-global-brand strong { font-family: var(--uro-wordmark); font-size: 20px; font-weight: 400; letter-spacing: 0; }
.uro-global-brand small { margin-top: 5px; color: var(--uro-soft); font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; font-size: 9px; font-weight: 500; letter-spacing: .15em; }
.uro-global-account { display: flex; align-items: center; gap: 9px; color: #486369; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; font-size: 12px; font-weight: 600; }
.uro-global-account>a { box-sizing: border-box; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 999px; color: inherit; text-decoration: none; white-space: nowrap; }
.uro-global-journey { overflow: hidden; border-bottom: 1px solid #d9e4e1; background: #fff; }
.uro-global-journey-inner { width: min(980px,calc(100% - 40px)); min-height: 49px; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); margin: auto; }
.uro-global-journey a { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #718487; border-right: 1px solid #edf1ef; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; line-height: 1; text-decoration: none; white-space: nowrap; }
.uro-global-journey a:first-child { border-left: 1px solid #edf1ef; }
.uro-global-stage-tab { min-width: 0; }
.uro-global-stage-tab strong { color: #244e55; font-family: var(--uro-wordmark); font-size: 13px; font-weight: 400; letter-spacing: .04em; }
.uro-global-stage-tab small { color: #718487; font-size: 8px; font-weight: 800; letter-spacing: .1em; line-height: 1; white-space: nowrap; }
.uro-global-program-tab { background: #fffdf8; }
.uro-global-program-tab strong { color: #8a7137; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.uro-global-program-tab small { color: #718487; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.uro-global-journey a::after { content: ""; position: absolute; right: 50%; bottom: 0; left: 50%; height: 2px; background: #b99b55; transition: left .2s ease,right .2s ease; }
.uro-global-journey a:hover::after,.uro-global-journey a[aria-current="page"]::after { right: 15%; left: 15%; }
.uro-global-journey a[aria-current="page"] { color: #245b60; background: #fbfdfc; }
.uro-global-login:hover { color: #245b60; background: #eef6f4; }
.uro-global-account-primary { border: 1px solid var(--uro-aqua); color: #fff !important; background: var(--uro-aqua); box-shadow: 0 7px 19px rgba(45,98,106,.13); }
.uro-global-account-primary:hover { background: var(--uro-aqua-deep); }
.uro-global-menu-button { width: 44px; height: 44px; display: none; padding: 9px; border: 0; color: var(--uro-ink); background: transparent; }
.uro-global-menu-button span:not(.uro-sr-only) { height: 1px; display: block; margin: 6px 0; background: currentColor; }
.uro-context-nav { border-bottom: 1px solid var(--uro-line); color: #466267; background: #edf6f3; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; }
.uro-context-inner { box-sizing: border-box; width: min(1240px,calc(100% - 40px)); min-height: 52px; display: flex; align-items: center; gap: 28px; margin: auto; }
.uro-context-inner>strong { padding-right: 26px; border-right: 1px solid #cbdeda; color: #245b60; font-size: 12px; font-weight: 600; letter-spacing: .04em; white-space: nowrap; }
.uro-context-inner>div { display: flex; align-items: stretch; gap: 25px; min-width: 0; }
.uro-context-nav a { position: relative; box-sizing: border-box; min-height: 52px; display: inline-flex; align-items: center; color: inherit; font-size: 12px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.uro-context-nav a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; transform: scaleX(0); background: var(--uro-aqua); transition: transform .2s ease; }
.uro-context-nav a:hover,.uro-context-nav a[aria-current="page"] { color: #245b60; }
.uro-context-nav a:hover::after,.uro-context-nav a[aria-current="page"]::after { transform: scaleX(1); }
.uro-member-dock { position: fixed; z-index: 1400; right: 0; bottom: 14px; left: 0; pointer-events: none; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; }
.uro-member-dock>div { box-sizing: border-box; width: min(760px,calc(100% - 24px)); min-height: 72px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin: auto; overflow: hidden; border: 1px solid rgba(203,222,218,.92); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 18px 52px rgba(14,46,53,.2); backdrop-filter: blur(20px); pointer-events: auto; }
.uro-member-dock a { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 9px 3px 8px; color: #61777b; text-decoration: none; }
.uro-member-dock a+a { border-left: 1px solid #edf2f0; }
.uro-member-dock svg { display: block; flex: 0 0 auto; }
.uro-member-dock span { overflow: hidden; max-width: 100%; font-size: 9px; font-weight: 700; line-height: 1.15; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.uro-member-dock a::after { content: ""; position: absolute; right: 24%; bottom: 0; left: 24%; height: 3px; border-radius: 999px 999px 0 0; background: #b99b55; opacity: 0; transform: scaleX(.35); transition: opacity .2s,transform .2s; }
.uro-member-dock a:hover,.uro-member-dock a[aria-current="page"] { color: #245b60; background: #f2f8f6; }
.uro-member-dock a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }
html.has-member-dock body { padding-bottom: 102px; }

@media(max-width:900px) {
  .uro-global-inner { width: calc(100% - 30px); min-height: 68px; display: grid; grid-template-columns: minmax(0,1fr) 44px; column-gap: 12px; }
  .uro-global-brand { min-width: 0; }
  .uro-global-menu-button { display: block; grid-column: 2; grid-row: 1; }
  .uro-global-account { position: static; grid-column: 1 / -1; grid-row: 2; align-self: stretch; display: none; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0 -15px; padding: 14px 16px 16px; border-top: 1px solid #e2ebe8; border-bottom: 1px solid #c9dcda; background: rgba(255,255,255,.99); box-shadow: none; }
  .uro-global-account.is-open { display: grid; }
  .uro-global-account>a { min-height: 48px; border: 1px solid #cbdeda; font-size: 13px; }
  .uro-global-journey { overflow-x: auto; scrollbar-width: none; }
  .uro-global-journey::-webkit-scrollbar { display: none; }
  .uro-global-journey-inner { width: max-content; min-width: 100%; grid-template-columns: repeat(7,minmax(88px,1fr)); }
  .uro-global-journey a { min-height: 52px; padding: 0 12px; }
  .uro-global-stage-tab strong { font-size: 14px; }
  .uro-global-program-tab strong { font-size: 9px; }
  .uro-context-inner { width: 100%; display: block; padding: 11px 15px 12px; }
  .uro-context-inner>strong { display: block; margin-bottom: 8px; padding: 0; border: 0; font-size: 11px; }
  .uro-context-inner>div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .uro-context-nav a { min-height: 42px; justify-content: center; padding: 5px 8px; border: 1px solid #cfdfdc; border-radius: 9px; background: rgba(255,255,255,.7); font-size: 12px; text-align: center; white-space: normal; }
  .uro-context-nav a::after { display: none; }
  .uro-context-nav a[aria-current="page"] { border-color: var(--uro-aqua); background: #fff; }
}
@media(max-width:520px) {
  .uro-global-inner { width: calc(100% - 24px); }
  .uro-global-brand { gap: 9px; }
  .uro-global-brand-mark { width: 37px; height: 40px; }
  .uro-global-brand strong { font-size: 17px; }
  .uro-global-brand small { font-size: 8px; }
  .uro-global-journey-inner { grid-template-columns: repeat(7,minmax(82px,1fr)); }
  .uro-global-journey a:first-child small { font-size: 7px; letter-spacing: .06em; }
  .uro-context-inner>div { gap: 6px; }
  .uro-context-nav a { font-size: 11px; }
}
@media(max-width:680px) {
  .uro-member-dock { bottom: 0; }
  .uro-member-dock>div { width: 100%; min-height: calc(66px + env(safe-area-inset-bottom)); grid-template-columns: repeat(5,minmax(0,1fr)); align-items: start; border-width: 1px 0 0; border-radius: 0; padding-bottom: env(safe-area-inset-bottom); }
  .uro-member-dock a[data-dock-key="knowledge"] { display: none; }
  .uro-member-dock a { min-height: 66px; padding: 8px 1px 6px; }
  .uro-member-dock svg { width: 21px; height: 21px; }
  .uro-member-dock span { font-size: 8px; letter-spacing: -.015em; }
  html.has-member-dock body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

/* Public header: account actions stay visible; the seven care destinations live in the menu. */
.uro-global-actions { display: flex; align-items: center; gap: 10px; }
.uro-global-menu-button { box-sizing: border-box; display: block; border: 1px solid #d2dfdc; border-radius: 50%; background: #fff; cursor: pointer; }
.uro-global-menu-panel { position: absolute; right: 0; left: 0; top: 100%; border-bottom: 1px solid #cbdeda; background: rgba(255,255,255,.99); box-shadow: 0 20px 45px rgba(23,52,59,.12); }
.uro-global-menu-grid { box-sizing: border-box; width: min(1100px,calc(100% - 40px)); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: auto; padding: 18px 0 22px; }
.uro-global-menu-item { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: center; padding: 14px 15px; border: 1px solid #e1e8e5; border-radius: 13px; color: #294d53; background: #fbfdfc; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic","Noto Sans JP",sans-serif; text-decoration: none; }
.uro-global-menu-item:hover,.uro-global-menu-item[aria-current="page"] { border-color: #7ba59e; background: #f0f7f5; }
.uro-global-menu-item>strong { color: #987a39; font: 400 18px Georgia,"Times New Roman",serif; text-align: center; }
.uro-global-menu-item>span { min-width: 0; display: grid; gap: 4px; }
.uro-global-menu-item small { overflow: hidden; color: #718487; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-overflow: ellipsis; white-space: nowrap; }
.uro-global-menu-item b { font-size: 12px; font-weight: 600; }
.uro-global-program-item { border-color: #dfd4b8; background: #fffdf7; }
.uro-global-program-item>strong { color: #8a7137; font-size: 22px; }
html[data-auth-state="signed-in"] .uro-global-header,
html[data-auth-state="signed-in"] .uro-context-nav { display: none !important; }

@media(max-width:900px) {
  .uro-global-inner { width: calc(100% - 24px); display: flex; grid-template-columns: none; gap: 10px; }
  .uro-global-actions { gap: 6px; }
  .uro-global-account { position: static; display: flex; gap: 5px; margin: 0; padding: 0; border: 0; background: transparent; }
  .uro-global-account>a { min-height: 40px; padding: 0 10px; font-size: 11px; }
  .uro-global-menu-button { grid-column: auto; grid-row: auto; }
  .uro-global-menu-grid { width: calc(100% - 24px); grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 0 16px; }
}

@media(max-width:520px) {
  .uro-global-brand { gap: 7px; }
  .uro-global-brand-mark { width: 34px; height: 37px; }
  .uro-global-brand small { display: none; }
  .uro-global-account>a { padding: 0 8px; font-size: 10px; }
  .uro-global-menu-button { width: 40px; height: 40px; padding: 8px; }
  .uro-global-menu-grid { gap: 6px; }
  .uro-global-menu-item { grid-template-columns: 27px minmax(0,1fr); gap: 8px; padding: 11px 8px; }
  .uro-global-menu-item>strong { font-size: 16px; }
  .uro-global-menu-item b { font-size: 11px; }
}

/* Quiet interaction feedback shared by public calls to action. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :where(
    .button,
    .continuum-detail-cta,
    .continuum-about-link,
    .continuum-program-bridge > a,
    .home-practical-guide a,
    .about-tool-list a,
    .about-closing-actions a,
    .uro-global-account a,
    .uro-global-menu-item
  ) {
    transition-duration: .18s;
    transition-timing-function: ease;
  }

  :where(
    .button,
    .continuum-detail-cta,
    .continuum-about-link,
    .continuum-program-bridge > a,
    .home-practical-guide a,
    .about-closing-actions a,
    .uro-global-account a,
    .uro-global-menu-item
  ):hover {
    transform: translateY(-1px);
  }

  :where(.continuum-about-link, .summaryBridge, .about-tool-list a) i {
    transition: transform .18s ease;
  }

  :where(.continuum-about-link, .summaryBridge, .about-tool-list a):hover i {
    transform: translateX(2px);
  }
}

:where(
  .button,
  .continuum-detail-cta,
  .continuum-about-link,
  .continuum-program-bridge > a,
  .home-practical-guide a,
  .about-tool-list a,
  .about-closing-actions a,
  .uro-global-account a,
  .uro-global-menu-item
):active {
  transform: translateY(1px) scale(.985);
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .button,
    .continuum-detail-cta,
    .continuum-about-link,
    .continuum-program-bridge > a,
    .home-practical-guide a,
    .about-tool-list a,
    .about-closing-actions a,
    .uro-global-account a,
    .uro-global-menu-item
  ) {
    transition: none !important;
  }

  :where(
    .button,
    .continuum-detail-cta,
    .continuum-about-link,
    .continuum-program-bridge > a,
    .home-practical-guide a,
    .about-tool-list a,
    .about-closing-actions a,
    .uro-global-account a,
    .uro-global-menu-item
  ):hover,
  :where(
    .button,
    .continuum-detail-cta,
    .continuum-about-link,
    .continuum-program-bridge > a,
    .home-practical-guide a,
    .about-tool-list a,
    .about-closing-actions a,
    .uro-global-account a,
    .uro-global-menu-item
  ):active {
    transform: none !important;
  }
}