/* #1180 171/193: public page canvas, scoped to Under Our Tree surfaces only. */
html:has(.uot-v16-public,.uot-public),body:has(.uot-v16-public,.uot-public),
html[data-uot-public-surface],html[data-uot-public-surface] body {
  --uot-public-canvas: white;
  background:var(--uot-public-canvas) !important; background-image:none !important;
}
.uot-v16-public,.uot-public {
  --uot-public-canvas: white;
  background:var(--uot-public-canvas) !important; background-image:none !important;
}
/* Public UOT stays light even when the browser requests a dark palette.
   These aliases outrank the legacy .uot-public media rule loaded later. */
[data-uot].uot-public {
  --bg:var(--uot-white);
  --ink:var(--uot-ink);
  --muted:var(--uot-ink-2);
  color-scheme:light;
}
[data-uot].uot-public form input {
  background:var(--uot-white);
  border-color:var(--uot-border);
  color:var(--uot-ink);
}
.uot-v16-public:has(.uot-v16-signin-title) .uot-v16-public-header,
.uot-v16-public:has(.uot-v16-signin-title) .uot-v16-public-header :is(a,span),
.uot-v16-public.uot-v16-public-invitation .uot-v16-public-header :is(a,span) {
  color:var(--uot-pine) !important;
}
.uot-v16-public .pubc:has(.uot-v16-signin-title) {
  background:var(--uot-public-canvas) !important;
}
html[data-uot-public-surface] { --cream:var(--uot-public-canvas); --bg:var(--uot-public-canvas); }
html[data-uot-public-surface] :is(.lp,.lp-main) {background:var(--uot-public-canvas) !important;background-image:none !important}
@media(forced-colors:active) {
  html:has(.uot-v16-public,.uot-public),body:has(.uot-v16-public,.uot-public),
  html[data-uot-public-surface],html[data-uot-public-surface] body,
  .uot-v16-public,.uot-public {background:Canvas !important}
  .uot-v16-public .uot-v16-public-header :is(a,span) {color:LinkText !important}
}


/* Wave 0 AUD-092/094/095 — static /welcome is the current forced-rewrite
   response. Keep a solid, white navigation surface and accessible real links.
   This file is linked AFTER the static landing's historical inline stylesheet. */
html[data-uot-public-surface] body.site .lp .nav,
html[data-uot-public-surface] body.site .lpd .dnav {
  background:#fff !important;
  background-image:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #dce3ed !important;
  box-shadow:0 1px 8px rgb(20 33 61 / 3%) !important;
}
html[data-uot-public-surface] body.site .lp .nav :is(.logo,.logo b,.lnk),
html[data-uot-public-surface] body.site .lpd .dnav :is(.dn-logo b,.dn-login),
html[data-uot-public-surface] body.site .lpd .dnav nav button {
  color:#14213d !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
}
html[data-uot-public-surface] body.site .lpd .dnav nav button:hover,
html[data-uot-public-surface] body.site .lpd .dnav .dn-login:hover {
  background:#e8f0ff !important;
}
html[data-uot-public-surface] body.site .lp > section.alt,
html[data-uot-public-surface] body.site .lpd section.dsec.dtint {
  background:var(--uot-public-canvas,#fff) !important;
  background-image:none !important;
}
/* Links and controls are accessible at touch and keyboard widths alike. */
html[data-uot-public-surface] body.site :is(.lp .foot .wd-lpf,.lpd .dfoot) :is(a,button) {
  min-height:44px !important;
  min-width:44px;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  padding-block:10px !important;
  text-align:left;
}
html[data-uot-public-surface] body.site :is(.lp .foot .wd-lpf,.lpd .dfoot) :is(a,button):focus-visible {
  outline:3px solid #c9953a !important;
  outline-offset:3px;
}
@media(min-width:1000px) {
  html[data-uot-public-surface] body.site .lpd .dn-in {
    height:80px !important;
    min-height:80px !important;
  }
  html[data-uot-public-surface] body.site .lpd .dhero {
    margin-top:-80px !important;
  }
}


/* AUD-096: 768–999px is a tablet/compact-desktop layout, not a widened
   narrow-phone presentation. The desktop content is adapted here instead
   of shrinking text or hiding horizontal overflow. */
@media (min-width:768px) and (max-width:999px) {
  html[data-uot-public-surface] body.site .lpm {display:none !important}
  html[data-uot-public-surface] body.site .lpd {display:block !important;min-width:0}
  html[data-uot-public-surface] body.site .lpd .dn-in {
    height:80px !important;min-height:80px !important;
    padding:0 28px !important;gap:16px !important;
  }
  html[data-uot-public-surface] body.site .lpd .dnav nav {display:none !important}
  html[data-uot-public-surface] body.site .lpd .dn-r {margin-left:auto;flex-shrink:0}
  html[data-uot-public-surface] body.site .lpd .dn-logo {min-width:0}
  html[data-uot-public-surface] body.site .lpd .dhero {
    margin-top:-80px !important;min-height:640px;
  }
  html[data-uot-public-surface] body.site .lpd .dh-img {
    width:100%;opacity:.7;-webkit-mask-image:none;mask-image:none;
  }
  html[data-uot-public-surface] body.site .lpd .dh-fade {
    background:linear-gradient(90deg,rgba(12,46,35,.94),rgba(12,46,35,.62)),
               linear-gradient(180deg,rgba(12,46,35,.45),transparent 70%,#0c2e23);
  }
  html[data-uot-public-surface] body.site .lpd .dh-in {
    display:block;box-sizing:border-box;width:100%;max-width:760px;
    padding:144px 36px 72px;margin:0 auto;
  }
  html[data-uot-public-surface] body.site .lpd .dh-tx {max-width:640px}
  html[data-uot-public-surface] body.site .lpd .dh-tx h1 {
    font-size:clamp(42px,6vw,56px);overflow-wrap:break-word;
  }
  html[data-uot-public-surface] body.site .lpd .dh-cards {display:none !important}
  html[data-uot-public-surface] body.site .lpd .dh-btns {flex-wrap:wrap}
  html[data-uot-public-surface] body.site .lpd .dtrust {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    margin:-28px 28px 0;padding:18px;max-width:none;
  }
  html[data-uot-public-surface] body.site .lpd .dtrust > div {
    border-right:0;min-width:0;padding:12px;
  }
  html[data-uot-public-surface] body.site .lpd .dsec {
    padding:72px 28px 16px;max-width:none;
  }
  html[data-uot-public-surface] body.site .lpd .dsec.dtint {
    margin-top:48px;padding:72px 28px !important;
  }
  html[data-uot-public-surface] body.site .lpd .dsh {
    margin-bottom:36px;max-width:660px;
  }
  html[data-uot-public-surface] body.site .lpd .dsh h2 {font-size:clamp(30px,4.5vw,42px)}
  html[data-uot-public-surface] body.site .lpd .drow,
  html[data-uot-public-surface] body.site .lpd .drow.rev {
    grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:52px;
  }
  html[data-uot-public-surface] body.site .lpd .drow.rev .dr-img {order:0}
  html[data-uot-public-surface] body.site .lpd .dr-img {height:300px;max-width:100%}
  html[data-uot-public-surface] body.site .lpd .dr-tx h3 {font-size:clamp(26px,4vw,34px)}
  html[data-uot-public-surface] body.site .lpd .dbento {
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:14px;
  }
  html[data-uot-public-surface] body.site .lpd .dbento .b0 {grid-column:span 2}
  html[data-uot-public-surface] body.site .lpd .dbento .b5 {grid-column:span 2}
  html[data-uot-public-surface] body.site .lpd .dsteps {
    grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  }
  html[data-uot-public-surface] body.site .lpd .ds-img {height:170px}
  html[data-uot-public-surface] body.site .lpd .dstep h4 {font-size:19px}
  html[data-uot-public-surface] body.site .lpd .dplans {gap:16px}
  html[data-uot-public-surface] body.site .lpd .dplans .price {padding:26px 22px}
  html[data-uot-public-surface] body.site .lpd .dplans .price .amt {font-size:48px}
  html[data-uot-public-surface] body.site .lpd .dgift {padding:72px 28px 0}
  html[data-uot-public-surface] body.site .lpd .dg-in {grid-template-columns:minmax(0,1fr)}
  html[data-uot-public-surface] body.site .lpd .dg-img {min-height:280px}
  html[data-uot-public-surface] body.site .lpd .dg-tx {padding:38px}
  html[data-uot-public-surface] body.site .lpd .dfaq {grid-template-columns:minmax(0,1fr);gap:24px}
  html[data-uot-public-surface] body.site .lpd .dcta {margin-top:72px;padding:92px 28px}
  html[data-uot-public-surface] body.site .lpd .dcta h2 {font-size:44px}
  html[data-uot-public-surface] body.site .lpd .dfoot {padding:60px 28px 28px}
  html[data-uot-public-surface] body.site .lpd .df-in {
    grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;
  }
}

/* Wave 0 AUD-156/157/158: the forced static welcome response follows the
   same heading and target law as the application public pages. */
html[data-uot-public-surface] {
  --uot-public-page-title:26px;
  --uot-public-control-min:44px;
  --uot-public-small:13px;
}
html[data-uot-public-surface] body.site :is(.lp .hero2,.lpd .dh-tx) h1 {
  font-size:var(--uot-public-page-title) !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  overflow-wrap:anywhere;
}
html[data-uot-public-surface] body.site :is(.lp,.lpd) :is(a[href],button),
html[data-uot-public-surface] body.site .skipl {
  min-height:var(--uot-public-control-min) !important;
  min-width:var(--uot-public-control-min);
  max-width:100%;
  box-sizing:border-box;
}
html[data-uot-public-surface] body.site .skipl {
  display:inline-flex;
  align-items:center;
  max-width:calc(100% - 24px);
}
/* These active labels were 12–12.5px (the mobile footer was already 13px).
   Keep the larger body, heading, desktop footer and input styles intact. */
html[data-uot-public-surface] body.site .lp :is(.core .tb,section > .eb,.price > .bd,.jend,.nav .btn.sm,.foot),
html[data-uot-public-surface] body.site .lp .foot .wd-lpf :is(a,button),
html[data-uot-public-surface] body.site .lp .hero2 .tx::before,
html[data-uot-public-surface] body.site .lpd :is(.eb,.gc-row em,.price > .bd,.dfoot h5),
html[data-uot-public-surface] body.site.pubv .wd-ck small {
  font-size:var(--uot-public-small);
}
/* Let text and flex/grid items shrink inside their real containing block.
   Do not hide overflow to make a viewport-width check pass. */
html[data-uot-public-surface] body.site :is(#stage,.app,.view.pub,.lpm,.lp,.lpd),
html[data-uot-public-surface] body.site .lp :is(section,.why3,.wy,.ctx,.faq,.price,.foot),
html[data-uot-public-surface] body.site .lpd :is(.dh-in,.drow,.dsteps,.dplans,.dfaq,.df-in) > * {
  min-width:0;
  max-width:100%;
}
html[data-uot-public-surface] body.site .lp :is(.wy > div,.core li,.price li,.faq button) {
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:767px) {
  html[data-uot-public-surface] body.site .lp .nav {flex-wrap:wrap}
  html[data-uot-public-surface] body.site .lp .nav .logo {flex:1 1 160px;min-width:0}
  html[data-uot-public-surface] body.site .lp .nav .lgo {max-width:100%}
  html[data-uot-public-surface] body.site .lp .nav .lgo b {
    min-width:0;white-space:normal;overflow-wrap:anywhere;
  }
  /* Historical negative margins won over the generic phone .rl rule.
     Keep each rail within the section; its cards remain touch-scrollable. */
  html[data-uot-public-surface] body.site .lp .rl {
    width:100%;min-width:0;max-width:100%;margin-inline:0;padding-inline:0;
    overflow-x:auto;scroll-padding-inline:0;contain:inline-size;
  }
  html[data-uot-public-surface] body.site .lp .rl > * {min-width:0;max-width:100%}
}