/* One centered composition, sized to the space inside the Overview window. */
.overview-top,.overview-bottom{flex-shrink:0}
.overview-content{scroll-behavior:auto;padding:26px 36px}
.overview-panel{animation:overview-topic-in .32s cubic-bezier(.22,.75,.2,1)}
@keyframes overview-topic-in{from{transform:translateY(var(--overview-enter-y,14px))}to{transform:translateY(0)}}
#overview-intro{height:100%;min-height:460px;display:grid;grid-template-rows:auto minmax(140px,1fr) auto;gap:22px;text-align:center}
.overview-intro{display:block;max-width:530px;margin:0 auto}
.overview-intro .eyebrow{font-size:11px;letter-spacing:.07em;color:#0762ce;margin-bottom:14px}
.overview-intro h3{font-size:42px;line-height:1.06;margin:0 0 14px}
.overview-intro>p:not(.eyebrow){max-width:480px;font-size:16px;line-height:1.45;color:#5e6269;margin:0 auto}
.overview-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;max-width:560px;margin:0 auto;padding:0 20px}
.overview-preview .overview-app{display:block;flex:0 1 auto;width:auto;height:auto;max-height:100%;max-width:100%;margin:0;border-radius:9px;border:1px solid #17171926;box-shadow:0 14px 30px #11182718}
.overview-friend{position:absolute;width:60px;right:-28px;bottom:-2px;transform:rotate(9deg);pointer-events:none;filter:drop-shadow(0 7px 8px #142b4815)}
.overview-friend .wave-character{display:block;width:100%}
.overview-intro-foot .overview-note{font-size:14px!important;line-height:1.5;color:#5e6269;margin:0 auto 16px}
#overview-intro .overview-facts{justify-content:center;gap:10px 20px;font-size:12px;padding-top:14px;border-color:#17171915}
.overview-facts span{white-space:nowrap}
.overview-tabs button{min-height:42px}
.overview-panel:focus-visible{outline:2px solid #087aff;outline-offset:5px;border-radius:4px}
@media(min-width:761px) and (max-height:800px){
  .overview-content{padding:20px 30px}
  #overview-intro{min-height:420px;gap:16px}
  .overview-intro h3{font-size:36px;margin-bottom:10px}
  .overview-intro .eyebrow{margin-bottom:10px}
  .overview-intro-foot .overview-note{margin-bottom:12px}
}
@media(max-width:760px){
  .overview-content{padding:22px 20px}
  #overview-intro{min-height:410px;gap:18px;grid-template-rows:auto minmax(100px,1fr) auto}
  .overview-intro h3{font-size:34px;margin-bottom:12px}
  .overview-intro .eyebrow{font-size:10px;margin-bottom:12px}
  .overview-intro>p:not(.eyebrow){font-size:15px}
  .overview-preview{padding:0 4px}
  .overview-friend{width:44px;right:-12px;bottom:-22px}
  .overview-intro-foot .overview-note{font-size:13px!important;margin-bottom:14px}
  #overview-intro .overview-facts{font-size:11px;gap:8px 14px;padding-top:12px}
  .overview-tabs button{font-size:11px;padding:8px 2px;min-height:36px}
  .overview-top h2{font-size:12px}
}
@media(max-width:360px){
  .overview-content{padding:18px 16px}
  .overview-tabs button{font-size:10px}
  #overview-intro{gap:14px}
  .overview-intro h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){.overview-panel{animation:none}}