/* Shared mobile rhythm for homepage and information pages. */
@media (max-width:700px){
  :is(.home-page,.info-page) .how-demo,:is(.home-page,.info-page) .home-overview,
  :is(.home-page,.info-page) .parent-insights,:is(.home-page,.info-page) .home-plans,
  :is(.home-page,.info-page) .home-questions{padding-block:28px}
  :is(.home-page,.info-page) .demo-layout,:is(.home-page,.info-page) .parent-insights{gap:24px}
  :is(.home-page,.info-page) :is(.how-demo .demo-copy h2,.insight-copy h2,.content-heading h2){font-size:30px;line-height:1.15}
  :is(.home-page,.info-page) .content-heading{margin-bottom:20px}
  :is(.home-page,.info-page) .content-heading h2{margin:10px 0 14px}
  :is(.home-page,.info-page) :is(.demo-copy>p,.insight-copy>p,.content-heading>p){font-size:15px;line-height:1.7}
  :is(.home-page,.info-page) .demo-copy>p{margin-top:16px}
  :is(.home-page,.info-page) .overview-grid{gap:18px;margin-top:20px}
  :is(.home-page,.info-page) .overview-grid h3{font-size:20px;margin-bottom:6px}
  :is(.home-page,.info-page) .overview-grid p{line-height:1.65}
  :is(.home-page,.info-page) .insight-copy h2{margin:10px 0 16px}
  :is(.home-page,.info-page) .insight-copy ul{margin:18px 0;gap:14px}
  :is(.home-page,.info-page) .insight-copy li{padding-left:14px}
  :is(.home-page,.info-page) .insight-copy li strong{margin-bottom:3px}
  :is(.home-page,.info-page) .insight-copy li span{line-height:1.6}
  :is(.home-page,.info-page) .insight-copy .insight-trust{font-size:13px;line-height:1.65}
  :is(.home-page,.info-page) .insight-copy>.text-link{margin-top:8px}
  :is(.home-page,.info-page) .insight-preview{padding:16px;border-radius:22px}
  :is(.home-page,.info-page) .insight-preview-top{padding:16px;border-radius:16px;background:rgba(255,235,199,.55)}
  :is(.home-page,.info-page) .insight-preview-top>strong{font:900 23px/1.2 'BeeBright Rounded',Bee,sans-serif;margin:8px 0}
  :is(.home-page,.info-page) .insight-preview-top p{font-size:12px;line-height:1.6}
  :is(.home-page,.info-page) .insight-subject{padding:16px;margin:12px 0;border-radius:16px;background:rgba(244,246,236,.65)}
  :is(.home-page,.info-page) .insight-subject h3{font-size:19px;line-height:1.3}
  :is(.home-page,.info-page) .insight-metrics{gap:12px;margin-top:12px}
  :is(.home-page,.info-page) .insight-metrics strong{font:900 28px/1.15 'BeeBright Rounded',Bee,sans-serif}
  :is(.home-page,.info-page) .insight-metrics span{font-size:12px;line-height:1.4;margin-top:4px}
  :is(.home-page,.info-page) .insight-attempt{padding:16px;border-radius:16px}
  :is(.home-page,.info-page) .insight-attempt>div:first-child{gap:10px;align-items:flex-start}
  :is(.home-page,.info-page) .insight-attempt>div:first-child>div{min-width:0}
  :is(.home-page,.info-page) .insight-attempt p{font-size:12px;line-height:1.5;margin-top:4px}
  :is(.home-page,.info-page) .insight-score{margin-top:12px;padding:0;background:none!important;border:0;box-shadow:none!important}
  :is(.home-page,.info-page) .insight-score strong{font:900 26px/1.2 'BeeBright Rounded',Bee,sans-serif}
  :is(.home-page,.info-page) .insight-score>span{float:none;display:block;font-size:12px;margin-top:4px}
  :is(.home-page,.info-page) .insight-score i{margin-top:8px}
  :is(.home-page,.info-page) .insight-preview-note{font-size:12px;line-height:1.6;margin-top:12px}
  :is(.home-page,.info-page) .plan-grid{gap:16px}
  :is(.home-page,.info-page) .plan-card{padding:20px;border-radius:22px}
  :is(.home-page,.info-page) .plan-card h3{font-size:24px;line-height:1.2}
  :is(.home-page,.info-page) .plan-card .plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:36px;line-height:1.2;margin:10px 0 8px}
  :is(.home-page,.info-page) .plan-price span{font-size:13px}
  :is(.home-page,.info-page) .plan-card>p:not(.plan-price){font-size:14px;line-height:1.6}
  :is(.home-page,.info-page) .plan-includes{gap:9px;margin-top:16px}
  :is(.home-page,.info-page) .plan-includes li{font-size:14px;line-height:1.6;padding-left:22px}
  :is(.home-page,.info-page) .plan-card .button{margin-top:20px}
  :is(.home-page,.info-page) .home-plan-footer{margin-top:18px;gap:8px}
  :is(.home-page,.info-page) .home-plan-footer p{line-height:1.65}
  /* Same readable label size, padding and touch height for every main action. */
  :is(.home-page,.info-page) :is(.hero .actions,.home-closing){width:100%}
  :is(.home-page,.info-page) :is(.button,.secondary-button,.demo-copy .demo-launch,.hero .button){display:flex;width:100%;max-width:100%;min-height:52px!important;padding:13px 16px;border-radius:16px;gap:12px;font:900 15px/1.4 'BeeBright Rounded',Bee,sans-serif;text-align:center;justify-content:center}
  :is(.home-page,.info-page) .button>span,:is(.home-page,.info-page) .secondary-button>span{flex-shrink:0}
  :is(.home-page,.info-page) .overview-more{margin-top:22px}
  :is(.home-page,.info-page) .demo-copy .demo-launch{margin-top:20px}
  :is(.home-page,.info-page) .home-questions .content-heading h2{font-size:28px}
  :is(.home-page,.info-page) .home-questions .faq-list details{padding:12px 14px;border-radius:14px;margin-top:8px}
  :is(.home-page,.info-page) .home-questions .faq-list summary{font-size:15px;line-height:1.5;gap:12px}
  :is(.home-page,.info-page) .home-questions .faq-list p{line-height:1.65}
  :is(.home-page,.info-page) .home-closing{gap:18px;margin-top:24px;padding-top:24px}
  :is(.home-page,.info-page) .home-closing h3{font-size:25px}
  :is(.home-page,.info-page) .home-closing p{line-height:1.65;margin-top:8px}
  :is(.home-page,.info-page) .site-footer{padding-block:22px;gap:10px}
}
@media (max-width:700px){
  .info-page .page-intro{padding-block:28px 24px}
  .info-page .page-intro h1{font-size:36px;line-height:1.12;margin:12px 0 16px;overflow-wrap:anywhere}
  .info-page .page-intro>p{font-size:15px;line-height:1.7}
  .info-page :is(.section,.content-section,.next-step){padding-block:28px}
  .info-page .page-topics{margin-top:20px;padding-top:12px;gap:4px}
  .info-page .page-topics a{font-size:14px;line-height:1.5;padding-block:8px}
  .info-page .steps-heading,.info-page .next-step h2{font-size:28px;line-height:1.15;margin-bottom:20px}
  .info-page .steps{gap:14px}
  .info-page .steps article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 14px;padding:16px;border:1px solid var(--bb-glass-border);border-radius:18px}
  .info-page .steps .step-number{position:static;grid-row:1 / 3;width:44px;height:44px;margin:0;border-radius:14px;font-size:18px}
  .info-page .steps h3{font-size:21px;line-height:1.25;margin:0}
  .info-page .steps p{grid-column:2;font-size:14px;line-height:1.65;max-width:none}
  .info-page .demo-copy>.button{margin-top:20px}
  .info-page .quiz-card{padding:20px;border-radius:22px}
  .info-page .next-step{gap:18px}
  .info-page .next-step h2{margin-bottom:0}
  .info-page .next-step p{font-size:15px;line-height:1.7;margin-top:12px}
  .info-page .billing-status{padding:16px;margin-top:18px;font-size:14px;line-height:1.65}
  .info-page .policy-list{gap:14px;margin-top:18px}
  .info-page .policy-list article{padding:16px;border:1px solid var(--bb-glass-border);border-radius:18px;background:var(--bb-glass);box-shadow:var(--bb-glass-shadow)}
  .info-page .policy-list h3,.info-page .education-grid h3{font-size:22px;line-height:1.25;margin-bottom:8px}
  .info-page .policy-list p,.info-page .education-grid p{font-size:14px;line-height:1.7}
  .info-page .policy-caption{font-size:13px;line-height:1.65;margin-top:16px}
  .info-page .education-grid{gap:14px}
  .info-page .education-grid article{padding:16px;border:1px solid var(--bb-glass-border);border-radius:18px}
  .info-page .education-source{font-size:14px;line-height:1.7;margin-top:18px}
  .info-page .source-details{border:0;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .info-page .source-details>details{padding:10px 14px;margin-top:10px;border:1px solid var(--bb-glass-border);border-radius:16px;background:var(--bb-glass);box-shadow:var(--bb-glass-shadow)}
  .info-page .source-details summary{font-size:19px;line-height:1.35;gap:12px}
  .info-page .source-details summary>span{flex-shrink:0}
  .info-page .source-detail-body{padding:12px;border-radius:12px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .info-page .source-detail-body ul{padding-left:18px}
  .info-page .source-detail-body li{margin-block:12px}
  .info-page .integrated-sources .source-note{padding:12px;margin-top:14px;border-radius:12px}
  .info-page .integrated-sources :is(th,td){padding:10px 6px;font-size:13px;line-height:1.6}
  .info-page .sources-updated{line-height:1.65;margin-top:16px}
  .info-page .insight-copy .actions{margin-top:20px}
}

/* Owner-selected mobile reading order: introduction, bee, then the demo action. */
@media(max-width:700px){.home-page .hero-copy{display:contents}.home-page .hero h1{grid-row:1}.home-page .hero .intro{grid-row:2}.home-page .hero .hero-art{grid-row:3}.home-page .hero .actions{grid-row:4;margin-top:0}.home-page .hero h1{margin-bottom:0}.home-page .hero{row-gap:20px}}

/* On phones, finish the task section with its next action. */
@media(max-width:700px){.home-page .how-demo .demo-layout{row-gap:16px}.home-page .how-demo .demo-copy{display:contents}.home-page .how-demo .demo-copy>.eyebrow{grid-row:1}.home-page .how-demo .demo-copy>h2{grid-row:2;margin:0}.home-page .how-demo .demo-copy>p{grid-row:3;margin:0}.home-page .how-demo .quiz-card{grid-row:4;margin-top:4px}.home-page .how-demo .demo-launch{grid-row:5;margin-top:4px}.home-page .plan-card .button{gap:8px}}