/* TOCHKA_APPROVED_LIVE_HOME_20261102_V1
   User-approved 941 x 1672 artwork is the actual homepage.
   Each visible button is backed by a real native <button>, not image-map hacks.
   The current app's original functionality and localStorage remain unchanged.
   Male: exact approved poster / Female: original female presentation.
   Safe image-failure fallback restores native existing homepage. */
.approved-live-home{display:none}
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) .approved-live-home{
  display:block;
}
.approved-live-home{
  width:100%;
  max-width:941px;
  position:relative;
  margin:0 auto;
  isolation:isolate;
  background:#f8f3e6;
  box-shadow:0 8px 28px rgba(7,48,34,.12);
  line-height:0;
}
.approved-live-home__image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:941/1672;
  object-fit:contain;
}
.approved-live-home__hotspot{
  box-sizing:border-box;
  appearance:none;
  position:absolute;
  z-index:3;
  display:block;
  border:2px solid transparent;
  padding:0;
  margin:0;
  background:transparent;
  border-radius:999px;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,219,133,.20);
  left:var(--hit-x);
  top:var(--hit-y);
  width:var(--hit-w);
  height:var(--hit-h);
}
.approved-live-home__hotspot:hover{
  background:rgba(255,234,175,.08);
  border-color:rgba(255,241,204,.29);
}
.approved-live-home__hotspot:active{
  background:rgba(255,227,145,.15);
}
.approved-live-home__hotspot:focus-visible{
  outline:3px solid #fff7d5;
  outline-offset:1px;
  border-color:#155d45;
  box-shadow:0 0 0 4px #155d45;
}
.approved-live-home__hotspot[aria-pressed="true"]{outline-offset:1px}
/* On the illustrated main page do not double-render the old hero or old nav.
   The actual program content below remains fully available. */
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) .app > .intro-shell,
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) .app > .nav,
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) .app > .home-design-traits{
  display:none !important;
}
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) .app{
  background:linear-gradient(180deg,#f7f0df,#fbf9ef 600px);
}
body[data-gender="male"][data-current-tab="home"]:not(.approved-home-image-error) main.content{
  padding-top:16px;
}
/* Mobile edge-to-edge art, with no enlargement/distortion of the approved face. */
@media(max-width:759px){
 .approved-live-home{
   max-width:100%;
   box-shadow:none;
 }
 .approved-live-home__hotspot{
   border-width:1px;
 }
 .approved-live-home__hotspot:focus-visible{
   outline-width:2px;
   box-shadow:0 0 0 2px #155d45;
 }
}
@media(prefers-reduced-motion:reduce){
 .approved-live-home__hotspot{transition:none}
}