/* The approved home is the reference: 26/25/21px titles, 14px body,
   12px supporting copy and 10px eyebrows. Desktop and the home stay intact.
   Only typography and spacing change; saved editor rules still take priority. */
@media(max-width:760px){
 main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]){
  --sim-mobile-title:26px;
  --sim-mobile-section:25px;
  --sim-mobile-card-title:21px;
  --sim-mobile-body:14px;
  --sim-mobile-detail:12px;
  --sim-mobile-eyebrow:10px;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) h1:not(:where(.student-reader *, .student-book-page *)){
  font-size:var(--sim-mobile-title)!important;line-height:1.22!important;margin:12px 0 16px!important;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) h2:not(:where(.student-reader *, .student-book-page *, table *)){
  font-size:var(--sim-mobile-section)!important;line-height:1.3!important;margin:12px 0 16px!important;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) h3:not(:where(.student-reader *, .student-book-page *, table *, .calendar-event *)){
  font-size:var(--sim-mobile-card-title)!important;line-height:1.3!important;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) p:not(:where(.student-reader *, .student-book-page *, table *, .sim-finance-chart *, .sim-payment-chart *, .student-module-content *, .calendar-event *, .mobile-info-mobile *, .subtle)){
  font-size:var(--sim-mobile-body)!important;line-height:1.65!important;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.eyebrow){
  font-size:var(--sim-mobile-eyebrow)!important;line-height:1.6!important;letter-spacing:1.5px;
 }
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.subtle,.student-resource-content>small,.student-demo-toggle small,.student-sheet-footnote,.sim-finance-export-panel>small){
  font-size:var(--sim-mobile-detail)!important;line-height:1.6!important;
 }
 /* A related title and description form one group, with space before the next. */
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.sectionhead,.community-heading){gap:12px!important;margin-bottom:24px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.sectionhead,.community-heading)>div>p{margin:12px 0 0!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.student-materials-intro,.student-book-explanation,.student-area-description){margin-bottom:20px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.student-materials-intro,.student-book-explanation)>p{margin:12px 0 16px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-resource-content{gap:10px 11px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-resource-content>h2{font-size:var(--sim-mobile-card-title)!important;margin:0!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-resource-content>p{margin:8px 0!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-resource-content>.secondary{margin-top:10px!important}
 /* Dense module summaries remain supporting copy, with enough line height. */
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-module-content>p{font-size:var(--sim-mobile-detail)!important;line-height:1.6!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-module-content>h3{height:56px!important;min-height:56px!important;margin:0!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-module-standard:has(.student-module-topics)>.student-module-content{grid-template-rows:16px 56px 22px minmax(min-content,1fr) auto 36px!important;gap:10px!important}
 /* Keep the existing compact upload layout and search height. */
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .house-workspace .vault>.vault-heading>div:first-child>p{font-size:var(--sim-mobile-body)!important;line-height:1.65!important;margin:8px 0 10px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .house-links>.subtle{font-size:var(--sim-mobile-detail)!important;line-height:1.6!important;margin:8px 0 14px!important}
 /* Finance descriptions follow the home; numbers and table columns retain scale. */
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .sim-finance-locked>.sectionhead>div>p{margin:12px 0 20px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .sim-finance-locked>.sectionhead>.primary{margin-top:4px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .sim-finance-locked>.card.aside{padding:20px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) :is(.sim-finance-chart,.sim-payment-chart) p{font-size:var(--sim-mobile-detail)!important;line-height:1.6!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .course-sales>.module-grid>article>.body>h3{font-size:var(--sim-mobile-section)!important;line-height:1.3!important;margin:14px 0 16px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .course-sales>.module-grid>article>.body>p{font-size:var(--sim-mobile-body)!important;line-height:1.65!important;margin:0 0 18px!important}
}

/* Only the material cards and apostila module overview receive pastel colors.
   The contents of the book, tools and course lessons keep their own design. */
@media(max-width:760px){
 body main[data-mobile-page] .student-area .student-resource-grid>.student-resource-card[data-resource="book"]{background-color:#fcf2f0}
 body main[data-mobile-page] .student-area .student-resource-grid>.student-resource-card[data-resource="finances"]{background-color:#faf6e8}
 body main[data-mobile-page] .student-area .student-resource-grid>.student-resource-card[data-resource="guests"]{background-color:#f0f6ef}
 body main[data-mobile-page] .student-area .student-resource-grid>.student-resource-card[data-resource="tasks"]{background-color:#f0f5f8}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="1"]{background-color:#fcf2f0}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="2"]{background-color:#faf6e8}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="3"]{background-color:#f0f6ef}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="4"]{background-color:#f0f5f8}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="5"]{background-color:#f6f3f9}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="6"]{background-color:#fbf3ea}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="7"]{background-color:#f0f7f5}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="8"]{background-color:#f8f4f0}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="9"]{background-color:#f7f5e9}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="10"]{background-color:#f2f5fa}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="11"]{background-color:#f9f3f5}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="12"]{background-color:#f4f7ec}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="13"]{background-color:#f6f3fa}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="14"]{background-color:#eef6f7}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="15"]{background-color:#faf4ed}
 body main[data-mobile-page] .student-area .student-module-grid>.student-module-standard[data-module="16"]{background-color:#f7f4ed}
 /* Natural rows match each module's content, like the materials cards. */
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-grid{grid-auto-rows:auto!important;align-items:start}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-grid>.student-module-standard{height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;align-items:start;overflow:visible}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-standard>.student-module-content{height:auto!important;min-height:0!important;grid-template-rows:none!important;grid-auto-rows:auto;align-content:start!important;gap:10px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-content>h3{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset;margin:0!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-content>.student-module-topics{flex:none;min-height:0;margin:2px 0 4px!important}
 body main[data-mobile-page]:not([data-mobile-page="inicio"]):not([data-mobile-page="editar-celular"]) .student-area .student-module-content>:is(.link,.secondary,.pill){align-self:start;margin:0!important}
}

@media(max-width:760px){
 /* Open information occupies the card's own width and participates in flow. */
 body main[data-mobile-page] .mobile-info-mobile[open]{position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;box-sizing:border-box;grid-column:1/-1}
 body main[data-mobile-page] .mobile-info-mobile[open]>div{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:8px 0 0!important;overflow:visible!important;box-sizing:border-box;box-shadow:none;overflow-wrap:anywhere;text-align:left}
 body main[data-mobile-page] .support-course-access-pending:has(.mobile-info-mobile[open]){position:static!important;display:block!important;width:100%!important;max-width:100%;height:auto!important;min-height:0!important;margin-top:10px!important}
 body main[data-mobile-page] .support-course-access-pending .mobile-info-mobile[open]>summary{margin-left:auto!important}
 body main[data-mobile-page] :is(.card,.vault-content,.student-area-description):has(.mobile-info-mobile[open]){overflow:visible!important}
}

/* Mobile header: identical account alignment in the editor and live views. */
@media(max-width:760px){
 body header{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px!important;row-gap:6px!important;padding:12px 16px!important}
 body header>.brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;align-items:center}
 body header>.brand>.logo{font-size:24px;line-height:1.15}
 body header>.brand>.logo>small{font-size:10px;letter-spacing:.4px;margin-top:5px}
 body header>.header-account-actions{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-wrap:nowrap;gap:7px;max-width:125px;margin:0}
 body header>.header-account-actions>.account-menu{order:0;max-width:125px;font-size:12px;line-height:1.2;justify-content:flex-end;overflow:hidden;text-overflow:ellipsis}
 body header>.header-account-actions>.header-course-access{order:1;display:inline-flex;align-items:center;justify-content:flex-end;font-size:12px;line-height:1.2;margin:0;gap:5px;white-space:nowrap}
 body header>.header-account-actions>.header-course-access svg{width:15px;height:15px}
 body header>.header-account-actions>a.account-menu{padding:0;border:0;border-radius:0;background:none;color:var(--rose);font-size:12px}
 body header>button.secondary{grid-column:2;grid-row:2;justify-self:end;margin:0;padding:5px 9px;min-height:28px;font-size:11px;line-height:1.2}
}
@media(max-width:359px){
 body header{padding-left:12px!important;padding-right:12px!important;column-gap:8px!important}
 body header>.brand{gap:7px}
 body header>.brand>img{width:36px;height:36px}
 body header>.brand>.logo{font-size:21px}
 body header>.brand>.logo>small{font-size:8px;letter-spacing:.2px}
 body header>.header-account-actions{max-width:105px}
}