/* Restored Classic layout. New features use the same type, colors and spacing. */
@layer ymWholeWorld.foundation {
html[data-classic-interactive] body.ys-page {--ka-ink:var(--site-ink)!important;--ka-halo:var(--site-bg)!important;--ys-on-paper:var(--site-ink)!important;}
html[data-classic-interactive] body.ys-page main :is(h1,h2,h3) {font-family:'Bricolage',Arial,sans-serif!important;letter-spacing:-.055em!important;line-height:1.04!important;}
html[data-classic-interactive] body.ys-page main h1 {font-size:clamp(68px,7.5vw,120px)!important;}
html[data-classic-interactive] body.ys-page main h2 {font-size:clamp(44px,5.1vw,82px)!important;}
html[data-classic-interactive] body.ys-page main h1 span,html[data-classic-interactive] body.ys-page main h2 em {color:var(--site-accent)!important;}
html[data-classic-interactive] .ys-everyday {color:var(--site-ink)!important;}
html[data-classic-interactive] body.ys-page main :is(.ys-practice,.ys-privacy) h2 em {color:inherit!important;}
html[data-classic-interactive] body.ys-page :is(.ys-everyday-copy,.ys-world-description,.ys-world-company,.ys-phone figcaption) {background:transparent!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page :is(.ys-practice,.ys-privacy) {background:#453b32!important;color:var(--site-ink)!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page :is(.ys-practice,.ys-privacy) :is(h2,h3,p,a,span,strong,.ys-handwritten,.ys-availability) {color:var(--site-ink)!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page .ys-practice-launcher {background:var(--site-panel)!important;color:var(--site-ink)!important;border-color:var(--site-line)!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page .ys-practice-choices a {border-color:var(--site-line)!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page .ys-practice-launcher :is(span,strong) {color:var(--site-ink)!important;}
html[data-classic-interactive][data-theme=dark] body.ys-page :is(.ys-practice-choices a>span>span,.ys-practice-launcher-bottom>span) {color:var(--site-muted)!important;}
html[data-classic-interactive] .ys-hero-scene {min-height:640px!important;}
html[data-classic-interactive] .ys-hero-scene>img {width:94%!important;max-width:540px!important;top:42%!important;transform:translate(-50%,-50%)!important;aspect-ratio:1!important;height:auto!important;}
html[data-classic-interactive] #krow-playground {display:block!important;bottom:22px!important;left:24px!important;right:24px!important;color:#354736!important;}
html[data-classic-interactive] #krow-playground p {font:400 12px/1.5 var(--ym-font,'Inter'),sans-serif!important;margin:0!important;}
html[data-classic-interactive] #krow-playground .krow-touch-hint {margin-bottom:9px!important;}
html[data-classic-interactive] .ys-scene-ground {top:66%!important;bottom:auto!important;}
html[data-classic-interactive] .krow-actions {display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
html[data-classic-interactive] #krow-playground button {min-height:44px!important;padding:10px 13px!important;border:1px solid var(--site-line)!important;border-radius:6px!important;background:var(--site-panel)!important;color:var(--site-ink)!important;font:600 11px/1.3 var(--ym-font,'Inter'),sans-serif!important;cursor:pointer!important;box-shadow:none!important;}
html[data-classic-interactive] #krow-playground button:hover:not(:disabled) {background:var(--site-soft)!important;}
html[data-classic-interactive] #krow-playground button:focus-visible {outline:3px solid var(--site-accent)!important;outline-offset:3px!important;}
html[data-classic-interactive] #krow-playground button:disabled {opacity:.55!important;cursor:default!important;}
html[data-classic-interactive] #krow-live-status {min-height:18px!important;margin-top:8px!important;color:#354736!important;}
html[data-classic-interactive] #krow-live-start {margin-top:8px!important;}
html[data-classic-interactive] #krow-playground [hidden] {display:none!important;}
html[data-classic-interactive] body:not(.ys-js) #krow-playground>:not(noscript) {display:none!important;}
html[data-classic-interactive] #krow-playground[data-krow-state]:not([data-krow-state=ready]):not([data-krow-state=playing]) .krow-touch-hint {visibility:hidden!important;}
html[data-classic-interactive] .ys-new-places {padding-block:92px 0!important;}
html[data-classic-interactive] .ys-new-heading {display:flex!important;align-items:end!important;justify-content:space-between!important;gap:40px!important;margin-bottom:36px!important;}
html[data-classic-interactive] .ys-new-heading h2 {font-size:clamp(42px,5.2vw,76px)!important;line-height:1.03!important;}
html[data-classic-interactive] .ys-new-heading>p {max-width:350px!important;color:var(--site-muted)!important;font-size:15px!important;line-height:1.65!important;}
html[data-classic-interactive] .ys-new-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 48px!important;}
html[data-classic-interactive] .ys-new-grid article {padding:28px 0 30px!important;border-top:1px solid var(--site-rule)!important;min-width:0!important;}
html[data-classic-interactive] .ys-place-mark {display:block!important;color:var(--site-accent)!important;font-size:28px!important;line-height:1!important;margin-bottom:16px!important;}
html[data-classic-interactive] .ys-new-grid h3 {font:400 30px/1.2 var(--ys-serif,Georgia),serif!important;letter-spacing:-.035em!important;}
html[data-classic-interactive] .ys-new-grid p {max-width:460px!important;margin:13px 0 16px!important;color:var(--site-muted)!important;font-size:14px!important;line-height:1.65!important;}
html[data-classic-interactive] .ys-new-grid nav {display:flex!important;gap:12px 24px!important;flex-wrap:wrap!important;}
html[data-classic-interactive] .ys-new-grid a {display:inline-flex!important;align-items:center!important;gap:15px!important;min-height:44px!important;font-size:12px!important;font-weight:600!important;}
html[data-classic-interactive] .ys-new-grid a svg {width:16px!important;height:16px!important;}
html[data-classic-interactive] #ys-motion-tools button {color:var(--site-ink)!important;min-height:44px!important;}
html[data-classic-interactive] #ys-motion-tools {background:var(--site-panel)!important;border-color:var(--site-line)!important;}
html[data-classic-interactive] #ys-motion-tools[hidden] {display:none!important;}
html[data-classic-interactive] #ys-motion-tools:not([hidden]) {position:relative!important;inset:auto!important;margin:16px 0 0!important;justify-content:flex-start!important;max-width:100%!important;z-index:7!important;}
@media(max-width:1100px) and (min-width:701px) {html[data-classic-interactive] .ys-hero-scene {min-height:600px!important;}html[data-classic-interactive] .ys-hero-scene>img {top:39%!important;}html[data-classic-interactive] .krow-actions {gap:5px!important;}html[data-classic-interactive] #krow-playground button {padding-inline:10px!important;}}
@media(max-width:700px) {
html[data-classic-interactive] body.ys-page main h1 {font-size:clamp(56px,12.5vw,84px)!important;}
html[data-classic-interactive] body.ys-page main h2 {font-size:clamp(40px,10.5vw,56px)!important;}
html[data-classic-interactive] .ys-hero-scene {min-height:495px!important;}
html[data-classic-interactive] .ys-hero-scene>img {width:84%!important;max-width:350px!important;top:40%!important;}
html[data-classic-interactive] .ys-scene-word {top:68px!important;}
html[data-classic-interactive] #krow-playground {left:20px!important;right:20px!important;bottom:18px!important;}
html[data-classic-interactive] .ys-new-places {padding-top:64px!important;}
html[data-classic-interactive] .ys-new-heading {display:block!important;}
html[data-classic-interactive] .ys-new-heading>p {margin-top:23px!important;}
html[data-classic-interactive] .ys-new-grid {grid-template-columns:1fr!important;}
html[data-classic-interactive] .ys-new-grid h3 {font-size:28px!important;}
}
}

/* Interaction states belong to the same surface as their text, in either theme. */
@layer ymWholeWorld.foundation {
html[data-classic-interactive] body.ys-page .ys-practice-launcher .ys-practice-choices a {
  padding-inline:16px!important;
  border-radius:6px!important;
  color:var(--site-ink)!important;
}
html[data-classic-interactive] body.ys-page .ys-practice-launcher .ys-practice-choices a:is(:hover,:focus-visible) {
  background:var(--site-soft)!important;
  color:var(--site-ink)!important;
}
html[data-classic-interactive] body.ys-page .ys-practice-launcher .ys-practice-choices a:is(:hover,:focus-visible) :is(span,strong,svg) {
  color:inherit!important;
}
html[data-classic-interactive] body.ys-page .ys-world-tabs {
  display:grid!important;
  gap:6px!important;
}
html[data-classic-interactive] body.ys-page .ys-world-tabs button {
  min-height:60px!important;
  padding:16px 18px!important;
  gap:14px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--site-ink)!important;
  filter:none!important;
  transition:background-color .16s,color .16s!important;
}
html[data-classic-interactive] body.ys-page .ys-world-tabs button:not([aria-selected=true]):is(:hover,:focus-visible) {
  background:var(--site-soft)!important;
  color:var(--site-ink)!important;
}
html[data-classic-interactive] body.ys-page .ys-world-tabs button[aria-selected=true] {
  background:var(--site-accent)!important;
  color:var(--site-on)!important;
}
html[data-classic-interactive] body.ys-page .ys-world-tabs button :is(span,svg) {
  color:inherit!important;
  opacity:1!important;
  flex-shrink:0!important;
}
html[data-classic-interactive] body.ys-page .ys-everyday-inner {
  grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;
  gap:clamp(32px,5vw,72px)!important;
}
html[data-classic-interactive] body.ys-page .ys-phone-pair {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,2vw,24px)!important;
  width:100%!important;
  max-width:568px!important;
  margin-inline:auto!important;
  padding:0!important;
}
html[data-classic-interactive] body.ys-page .ys-phone {
  width:100%!important;
  min-width:0!important;
  max-width:247px!important;
  justify-self:center!important;
}
html[data-classic-interactive] body.ys-page .ys-phone-two {
  margin-top:36px!important;
}
html[data-classic-interactive] body.ys-page .ys-phone figcaption {
  font-size:12px!important;
  line-height:1.5!important;
  margin-top:12px!important;
}
html[data-classic-interactive] body.ys-page .ys-world-description {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:14px!important;
  max-width:568px!important;
  margin-inline:auto!important;
  padding:28px 0 0!important;
}
html[data-classic-interactive] body.ys-page .ys-world-description>p {
  min-height:0!important;
  max-width:54ch!important;
  font-size:14px!important;
  line-height:1.7!important;
}
html[data-classic-interactive] body.ys-page .ys-world-description .ys-inline-link {
  min-height:44px!important;
  margin:0!important;
  padding-block:8px!important;
  font-size:13px!important;
  white-space:normal!important;
}
html[data-classic-interactive] body.ys-page .ys-world-description .ys-screenshot-note {
  color:var(--site-muted)!important;
  font-size:11px!important;
  line-height:1.5!important;
}
@media(max-width:700px) {
  html[data-classic-interactive] body.ys-page .ys-everyday-inner {grid-template-columns:minmax(0,1fr)!important;gap:32px!important;}
  html[data-classic-interactive] body.ys-page .ys-world-tabs button {min-height:56px!important;padding:14px!important;}
  html[data-classic-interactive] body.ys-page .ys-phone-two {margin-top:24px!important;}
  html[data-classic-interactive] body.ys-page .ys-phone figcaption {font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html[data-classic-interactive] body.ys-page .ys-world-tabs button {transition:none!important;}
}
}

@layer ymWholeWorld.foundation {
html[data-classic-interactive] body.ys-page:not(.ys-js) .ys-world-tabs {display:none!important;}
}

@layer ymWholeWorld.foundation {
html[data-classic-interactive] body.ys-page :is(.ys-desktop-modes button,#ys-invite-krow) {min-height:44px!important;}
}

/* Keep the ordinary navigation usable when scripts are unavailable. */
@layer ymWholeWorld.foundation {
@media(max-width:1120px) {
html[data-classic-interactive] body.ys-page:not(.ys-js) #yn-header .yn-bar {flex-wrap:wrap!important;}
html[data-classic-interactive] body.ys-page:not(.ys-js) #yn-header #yn-nav-slot {flex:1 1 100%!important;min-width:0!important;margin:0!important;}
html[data-classic-interactive] body.ys-page:not(.ys-js) #yn-header .yn-primary {flex-wrap:wrap!important;}
}
}