/* Scoped automatic pose-guide demonstration; native pose imagery is untouched. */
#iphone-guide[data-guide-demo] .ypd-summary { display: none; }
#iphone-guide[data-guide-demo] .ypd-topic-area { height: auto; min-height: 0; }
#iphone-guide[data-guide-demo] .ypd-topics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2cqw;
}
#iphone-guide[data-guide-demo] .ypd-topics li {
  position: relative;
  min-width: 0;
  min-height: 20.4cqw;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 3cqw;
  transition: border-color 220ms ease, background-color 220ms ease;
}
#iphone-guide[data-guide-demo] .ypd-topic-display {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 20.4cqw;
  padding: 2cqw 1cqw;
  gap: 1.4cqw;
}
#iphone-guide[data-guide-demo] .ypd-topics svg { width: 6.5cqw; height: 6.5cqw; flex: none; }
#iphone-guide[data-guide-demo] .ypd-topics span { font-size: clamp(10px, 3cqw, 11px); line-height: 1.2; }
#iphone-guide[data-guide-demo] .ypd-topics li.is-demo-active {
  border-color: #80b9a3;
  background: #e9f8f2;
}
#iphone-guide[data-guide-demo] .ypd-topics li.is-demo-tapping::after {
  content: '';
  position: absolute;
  width: 8cqw;
  height: 8cqw;
  right: 12%;
  bottom: 16%;
  pointer-events: none;
  border: 1.5px solid #619782;
  border-radius: 50%;
  background: #94c2b029;
  animation: guide-demo-tap 550ms ease-out both;
}
#iphone-guide .guide-demo-panel {
  margin-top: 2cqw;
  padding: 3.5cqw 2.5cqw 2cqw;
  border-top: 1px solid #e4edea;
  height: 66cqw;
  box-sizing: border-box;
  color: #49434e;
}
#iphone-guide .guide-demo-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 2cqw; margin-bottom: 3cqw; }
#iphone-guide .guide-demo-title { margin: 0; font: inherit; font-size: clamp(12px, 3.9cqw, 14px); line-height: 1.3; font-weight: 500; color: #293631; }
#iphone-guide .guide-demo-toggle {
  flex: none;
  width: 8cqw;
  height: 8cqw;
  min-width: 26px;
  min-height: 26px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #edf5f2;
  color: #558472;
  padding: 0;
  cursor: pointer;
}
#iphone-guide .guide-demo-toggle svg { width: 12px; height: 12px; fill: currentColor; }
#iphone-guide .guide-demo-toggle:focus-visible { outline: 2px solid #558472; outline-offset: 2px; }
#iphone-guide .guide-demo-copy { margin: 0; padding-left: 4cqw; font-size: clamp(12px, 3.55cqw, 13px); line-height: 1.5; }
#iphone-guide .guide-demo-copy li { margin: 0 0 2cqw; padding-left: .6cqw; }
#iphone-guide .guide-demo-copy.is-demo-entering { animation: guide-demo-content 320ms ease both; }
@keyframes guide-demo-tap { 0% { transform: scale(.6); opacity: 0; } 30% { opacity: .9; } 100% { transform: scale(1.4); opacity: 0; } }
@keyframes guide-demo-content { from { opacity: .25; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  #iphone-guide[data-guide-demo] .ypd-topics li { transition: none; }
  #iphone-guide .guide-demo-copy, #iphone-guide .ypd-topics li::after { animation: none !important; }
}

/* Complete source text continues beyond a fixed, softly clipped reading window. */
#iphone-guide .guide-demo-panel{display:flex;flex-direction:column;overflow:hidden}
#iphone-guide .guide-demo-panel-header{flex:none}
#iphone-guide .guide-demo-copy{flex:1;min-height:0;padding:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)}
#iphone-guide .guide-demo-copy ul{margin:0;padding-left:4cqw}
#iphone-guide .guide-demo-copy h5{margin:0 0 2cqw;font:inherit;font-weight:600;color:inherit}
#iphone-guide .guide-demo-copy ul+h5{margin-top:3cqw}

/* Compact source-based Mountain Pose header, inside the existing fixed phone. */
#iphone-guide[data-guide-demo] .iphone-content{overflow:hidden}
#iphone-guide[data-guide-demo] .ypd-overview{height:100%;display:flex;flex-direction:column;padding:0}
#iphone-guide[data-guide-demo] .ypd-intro-card{flex:none;padding:2cqw 1cqw 3cqw;margin:0;background:transparent!important;border-radius:0}
#iphone-guide[data-guide-demo] .ypd-intro{grid-template-columns:1fr 20cqw;gap:3cqw;align-items:center}
#iphone-guide[data-guide-demo] .ypd-intro img{grid-column:2;grid-row:1;width:20cqw;height:20cqw;object-fit:contain;border-radius:3cqw}
#iphone-guide[data-guide-demo] .ypd-intro>div{grid-column:1;grid-row:1}
#iphone-guide[data-guide-demo] .ypd-intro h3{font-size:clamp(22px,7.4cqw,26px);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:0 0 1.4cqw}
#iphone-guide[data-guide-demo] .ypd-sanskrit{font-size:clamp(12px,4cqw,14px)!important;font-style:italic;color:#56a486!important}
#iphone-guide[data-guide-demo] .ypd-summary{display:block;font-size:12px!important;line-height:1.4!important;margin:2.5cqw 0!important;color:#49434e}
#iphone-guide[data-guide-demo] .ypd-facts{display:flex;flex-wrap:wrap;gap:4px}
#iphone-guide[data-guide-demo] .ypd-facts span{padding:3px 7px;border-radius:20px;font-size:10.5px;line-height:1.25;white-space:nowrap;color:#518f77;background:#e0f6ee}
#iphone-guide[data-guide-demo] .ypd-topic-area{display:flex;flex-direction:column;flex:1;min-height:0}
#iphone-guide[data-guide-demo] .ypd-topics{flex:none;gap:1.4cqw}
#iphone-guide[data-guide-demo] .ypd-topics li,#iphone-guide[data-guide-demo] .ypd-topic-display{min-height:17.5cqw}
#iphone-guide[data-guide-demo] .ypd-topic-display{padding:1.4cqw 1cqw;gap:1cqw}
#iphone-guide[data-guide-demo] .ypd-topics svg{width:6cqw;height:6cqw}
#iphone-guide[data-guide-demo] .guide-demo-panel{flex:1;min-height:0;height:auto;padding:2cqw 1cqw 0;margin-top:2cqw}
#iphone-guide[data-guide-demo] .guide-demo-panel-header{margin-bottom:2cqw}
#iphone-guide[data-guide-demo] .guide-demo-copy{font-size:12px;line-height:1.45}
html[data-preview-theme=dark] #iphone-guide[data-guide-demo] .ypd-sanskrit{color:#c2f0de!important}
html[data-preview-theme=dark] #iphone-guide[data-guide-demo] .ypd-facts span{color:#dff7ee;background:#629b8545}

#iphone-guide[data-guide-demo] .ypd-topics span{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
html[data-preview-theme=dark] #iphone-guide[data-guide-demo] .iphone-screen .ypd-intro-card{background:transparent!important}
html[data-preview-theme=dark] #iphone-guide[data-guide-demo] .iphone-screen .ypd-sanskrit{color:#c2f0de!important}