/* assets/home-reference-step3.css */
/* Home screen based on the selected student dashboard; existing app actions remain wired. */
.grRefHome{display:flex!important;flex-direction:column!important;background:#fafbf7!important;color:#0d2430!important;padding-bottom:88px!important}
.grRefHome .g1581HeroShell{order:0;width:100%!important;margin:0 0 16px!important;padding:0!important;--hero-bg:#fafbf7;--hero-ink:#0c202b;--hero-muted:#62748c;--hero-card:#fff}
.grRefHome .g1581Hero{border-radius:0!important;padding:14px 14px 10px!important;background:#fafbf7!important}
.grRefHome .g1581Top{min-height:48px}
.grRefHome .g1581Brand>img{width:38px;height:38px;flex-basis:38px}
.grRefHome .g1581Brand strong{font-weight:900;font-size:15px}
.grRefHome .g1581Brand small{font-size:8px;letter-spacing:.18em}
.grRefHome .g1581Body{min-height:225px;margin-top:18px}
.grRefHome .g1581Copy{width:54%;z-index:2}
.grRefHome .g1581Copy h1{font-size:25px!important;line-height:1.1!important}
.grRefHome .g1581Copy p{font-size:11px!important;max-width:205px;line-height:1.5}
.grRefHome .g1581Art{inset:-6px -13px -9px 0;overflow:visible!important;z-index:1}
.grRefHome .g1581Art>img{width:76%!important;right:-14%!important;bottom:0!important;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(27,71,42,.08))}
.grRefHome .g1581Meta{width:59%;z-index:2;margin-top:14px;gap:5px}
.grRefHome .g1581MetaCard{padding:6px 5px;min-height:42px;box-shadow:0 5px 20px rgba(48,71,45,.09)}
.grRefHome .g1581Search{margin:0 14px!important;height:49px;box-shadow:0 9px 24px rgba(41,61,45,.10)}
.grRefHome .v2Challenge{order:1;margin:4px 16px 18px!important;width:calc(100% - 32px)!important;min-height:154px;border-radius:19px!important;background:#fff!important;border:1px solid #e2eae2!important;box-shadow:0 8px 22px rgba(41,61,45,.08)!important}
.grRefHome .v2ChallengeCopy small{font-size:11px!important;letter-spacing:.02em;color:#099b79!important}
.grRefHome .v2ChallengeCopy h2{font-size:20px!important;color:#0d2430!important}
.grRefHome .v2ChallengeCopy p{font-size:11px!important}
.grRefHome .v2ChallengeWin{display:none!important}
.grRefHome .v2ChallengeRing{width:78px;height:78px}
.grRefHome .v2ServicesWrap{order:2;padding:0 16px;margin:0 0 18px!important}
.grRefHome .v2SectionHead h2{font-size:22px!important;color:#0c202b!important}
.grRefHome .v2ServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.grRefHome .v2ServiceGrid .v2ServiceCard{min-width:0!important;min-height:76px!important;grid-column:auto!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 10px!important;grid-template-rows:1fr!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #e6ece6!important;border-radius:16px!important;padding:9px 8px!important;box-shadow:0 6px 16px rgba(24,54,40,.055)!important;color:#112a3a!important}
.grRefHome .v2ServiceCard .v2ServiceIcon{grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:0!important;box-shadow:none!important}
.grRefHome .v2ServiceCard .v2ServiceCopy{grid-column:2!important;grid-row:1!important;gap:3px!important}
.grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:11.6px!important;line-height:1.16!important;color:#10293b!important}
.grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:9.2px!important;line-height:1.2!important;color:#60758e!important}
.grRefHome .v2ServiceCard .v2Chevron{grid-column:3!important;grid-row:1!important;align-self:center!important;color:#04a786!important;font-size:22px!important}
.grRefHome .v2ServiceCard.qa .v2ServiceIcon{background:#fff0f1!important}
.grRefHome .v2ServiceCard.summary .v2ServiceIcon{background:#e9f9f3!important}
.grRefHome .v2ServiceCard.battle .v2ServiceIcon{background:#f0e9fa!important}
.grRefHome .v2ServiceCard.rank .v2ServiceIcon{background:#fff3e2!important}
.grRefHome .v2ServiceCard.progress .v2ServiceIcon,.grRefHome .v2ServiceCard.schedule .v2ServiceIcon{background:#e9f7ee!important}
.grRefHome .v2ServiceCard:is(.qa,.summary,.battle,.rank,.progress,.schedule,.solo) .v2ServiceIcon::before{background-image:none!important;content:""!important;background-color:#0aaa84!important;mask-size:contain!important;mask-repeat:no-repeat!important;mask-position:center!important;-webkit-mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important;width:28px!important;height:28px!important}
.grRefHome .v2ServiceCard.qa .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/message.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/message.svg')!important;background-color:#eb5572!important}
.grRefHome .v2ServiceCard.summary .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/notebook.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/notebook.svg')!important}
.grRefHome .v2ServiceCard.battle .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/trophy.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/trophy.svg')!important;background-color:#7553ab!important}
.grRefHome .v2ServiceCard.rank .v2ServiceIcon::before,.grRefHome .v2ServiceCard.progress .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/chart.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/chart.svg')!important}
.grRefHome .v2ServiceCard.schedule .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/clipboard-check.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/clipboard-check.svg')!important}
.grRefHome .v2ServiceCard.solo .v2ServiceIcon::before{mask-image:url('/assets/icons-v1591/trophy.svg')!important;-webkit-mask-image:url('/assets/icons-v1591/trophy.svg')!important;background-color:#d29519!important}
.grRefHome>.v2Progress{display:none!important}
.grRefHome>.guulOfflineSlot{order:3;margin:0 16px 17px!important;width:calc(100% - 32px)!important;padding:14px!important;display:grid!important;grid-template-columns:49px minmax(0,1fr) 104px;gap:9px;align-items:center;border:1px solid #e5ebe3;border-radius:19px;background:#fff;box-shadow:0 7px 18px rgba(29,59,41,.055)}
.grRefHome .grOfflineArt{height:44px;width:44px;border-radius:50%;background:#dbf5e6;color:#07a37a;display:grid;place-items:center;font-size:27px}
.grRefHome .grOfflineCopy b{display:block;font-size:15px;color:#0c202b}.grRefHome .grOfflineCopy small,.grRefHome .grOfflineCopy p{display:block;font-size:9px;line-height:1.3;color:#647991;margin:3px 0}
.grRefHome .grOfflineActions{display:grid;gap:5px}.grRefHome .grOfflineActions button{width:100%!important;min-width:0!important;max-width:none!important;min-height:34px!important;border-radius:9px!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important;padding:6px 3px!important;transform:none!important;animation:none!important}.grRefHome .grOfflineInstall{border:0;background:#079c7b;color:white}.grRefHome .grOfflineSave{border:1px solid #079c7b!important;background:#fff!important;color:#078b71!important}
.grRefHome .v2BottomNav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.grRefHome .v2ServiceCard:focus-visible,.grRefHome .grOfflineActions button:focus-visible{outline:3px solid #e5a733;outline-offset:2px}
html[data-guul-comfort-resolved="dark"] .grRefHome{background:#14221c!important}html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Hero{background:#14221c!important}html[data-guul-comfort-resolved="dark"] .grRefHome .v2Challenge,html[data-guul-comfort-resolved="dark"] .grRefHome .v2ServiceGrid .v2ServiceCard,html[data-guul-comfort-resolved="dark"] .grRefHome>.guulOfflineSlot{background:#21372b!important;border-color:#375843!important}html[data-guul-comfort-resolved="dark"] .grRefHome :is(.v2ServiceCopy b,.v2SectionHead h2,.v2ChallengeCopy h2,.grOfflineCopy b){color:#f0f7f0!important}
@media(max-width:360px){.grRefHome .g1581Copy h1{font-size:21px!important}.grRefHome .g1581Art>img{width:83%!important;right:-23%!important}.grRefHome .v2ServiceGrid .v2ServiceCard{gap:5px!important;padding:7px 6px!important;grid-template-columns:35px minmax(0,1fr) 8px!important}.grRefHome .v2ServiceCard .v2ServiceIcon{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important}.grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:10px!important}.grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:8px!important}.grRefHome>.guulOfflineSlot{grid-template-columns:38px minmax(0,1fr);gap:8px}.grRefHome .grOfflineArt{width:38px;height:38px}.grRefHome .grOfflineActions{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(min-width:768px){.grRefHome .g1581Hero{padding:18px 25px 10px!important}.grRefHome .g1581Body{min-height:260px}.grRefHome .g1581Art>img{width:64%!important;right:-11%!important}.grRefHome .g1581Copy h1{font-size:37px!important}.grRefHome .g1581Copy p{font-size:15px!important;max-width:315px}.grRefHome .g1581Search{margin:0 25px!important}.grRefHome .v2Challenge{margin-inline:25px!important;width:calc(100% - 50px)!important}.grRefHome .v2ServicesWrap{padding-inline:25px}.grRefHome .v2ServiceGrid .v2ServiceCard{min-height:84px!important;padding:12px!important}.grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:14px!important}.grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:11px!important}.grRefHome>.guulOfflineSlot{margin-inline:25px!important;width:calc(100% - 50px)!important}}

/* Step 52: individual education icons; no screenshot sprite or copied text. */
.grRefHome .grRefServices .v2SectionHead h2{color:#073c39!important;font-weight:1000!important;letter-spacing:-.035em!important}
.grRefHome .grRefServices .v2ServiceGrid{gap:12px!important}
.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard{position:relative!important;min-height:94px!important;grid-template-columns:68px minmax(0,1fr) 12px!important;grid-template-rows:1fr!important;gap:9px!important;padding:9px 11px!important;background:linear-gradient(165deg,#fff,#fdfcf9)!important;border:1px solid #dbe7e3!important;border-radius:19px!important;box-shadow:0 9px 20px rgba(25,69,58,.08)!important}
.grRefHome .grRefServices .v2ServiceCard::after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#28a995,#60d5c5)}
.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon{grid-column:1!important;grid-row:1!important;width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:0!important;overflow:visible!important}
.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon::before{content:""!important;display:block!important;width:68px!important;height:68px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-color:transparent!important;mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 3px 3px rgba(19,75,78,.12))!important}
.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy{grid-column:2!important;grid-row:1!important;gap:4px!important}
.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy b{color:#0c2856!important;font-weight:1000!important;font-size:clamp(11px,1.6vw,17px)!important;line-height:1.12!important}
.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy small{color:#7086ac!important;font-size:clamp(9px,1.25vw,13px)!important;line-height:1.18!important}
.grRefHome .grRefServices .v2ServiceCard .v2Chevron{grid-column:3!important;grid-row:1!important;font-weight:1000!important;color:#0aa995!important;font-size:27px!important}
.grRefHome .grRefServices .v2ServiceCard.books .v2ServiceIcon::before{background-image:url('/assets/icons-v1592/book-art.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.qa .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/qa.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.summary .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/summary.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.lessons .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/lessons.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.english .v2ServiceIcon::before{background-image:url('/assets/icons-v1592/cap-art.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.exams .v2ServiceIcon::before{background-image:url('/assets/icons-v1592/clipboard-art.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.gov .v2ServiceIcon::before{background-image:url('/assets/icons-v1592/landmark-art.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.solo .v2ServiceIcon::before{background-image:url('/assets/icons-v1592/trophy-art.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.battle .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/battle.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.rank .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/rank.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.progress .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/progress.svg')!important}
.grRefHome .grRefServices .v2ServiceCard.schedule .v2ServiceIcon::before{background-image:url('/assets/education-icons-step52/schedule.svg')!important}
@media(min-width:768px){.grRefHome .grRefServices .v2ServiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard{min-height:108px!important;grid-template-columns:80px minmax(0,1fr) 14px!important;gap:12px!important;padding:12px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon,.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon::before{width:80px!important;height:80px!important}.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard:last-child:nth-child(odd){grid-column:auto!important;grid-template-columns:80px minmax(0,1fr) 14px!important;grid-template-rows:1fr!important}.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard:last-child:nth-child(odd) .v2ServiceCopy{grid-column:2!important;grid-row:1!important}.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard:last-child:nth-child(odd) .v2Chevron{grid-column:3!important;grid-row:1!important}}
@media(max-width:767px){.grRefHome .grRefServices .v2ServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard{min-height:85px!important;grid-template-columns:51px minmax(0,1fr) 8px!important;gap:5px!important;padding:7px 5px!important;border-radius:14px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon,.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon::before{width:51px!important;height:51px!important;min-width:51px!important;min-height:51px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy b{font-size:11px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy small{font-size:8.5px!important}.grRefHome .grRefServices .v2ServiceCard .v2Chevron{font-size:19px!important}}
@media(max-width:370px){.grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard{grid-template-columns:43px minmax(0,1fr) 7px!important;gap:4px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon,.grRefHome .grRefServices .v2ServiceCard .v2ServiceIcon::before{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy b{font-size:10px!important}.grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy small{font-size:7.5px!important}}
html[data-guul-comfort-resolved="dark"] .grRefHome .grRefServices .v2ServiceGrid .v2ServiceCard{background:#21372b!important;border-color:#375843!important}html[data-guul-comfort-resolved="dark"] .grRefHome .grRefServices .v2ServiceCard .v2ServiceCopy b{color:#f5faf6!important}html[data-guul-comfort-resolved="dark"] .grRefHome .grRefServices .v2SectionHead h2{color:#f5faf6!important}


/* assets/repair-step5.css */
/* Repair after screenshot-derived art caused duplicate UI and broken icon crops. */
:root{--v2-desktop-max:460px}
.grRefHome{overflow:visible!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
.grRefHome .g1581Art{background:none!important;overflow:hidden!important}
.grRefHome .g1581Art>img{display:block!important;max-height:100%!important;object-fit:contain!important}
.grRefHome .v2ServiceCard .v2ServiceIcon{background-image:none!important}
.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{order:3!important;display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;width:calc(100% - 32px)!important;min-height:118px!important;margin:10px 16px 8px!important;transform:none!important;animation:none!important}
.grRefHome>.guulOfflineSlot .grOfflineActions{min-width:0}
.grRefHome>.guulOfflineSlot .grOfflineActions button{visibility:visible!important;opacity:1!important;display:block!important}
@media(max-width:767px){
  body{padding:0!important;margin:0!important}
  .appShell:has(.v2Home.grRefHome){width:100vw!important;max-width:none!important;margin:0!important;border-radius:0!important}
  .appShell:has(.v2Home.grRefHome)>.content{width:100%!important;max-width:none!important;padding:0!important}
  .appShell:has(.v2Home.grRefHome) .v2Home.grRefHome{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:100vw!important;max-width:none!important;left:0!important;right:0!important;transform:none!important;border-radius:0!important}
  .grRefHome .g1581Hero{padding-inline:12px!important}
  .grRefHome .g1581Search{margin-inline:12px!important}
  .grRefHome .v2Challenge{margin-inline:12px!important;width:calc(100% - 24px)!important}
  .grRefHome .v2ServicesWrap{padding-inline:12px!important}
  .grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 24px)!important;margin-inline:12px!important}
  .grRefHome .v2ServiceGrid .v2ServiceCard{min-height:80px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:12px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:10px!important}
}
/* Match the earlier phone-sized staging view on desktop as well. */
@media (min-width:768px){
  .appShell:has(.v2Home.grRefHome){width:min(100%,460px)!important;max-width:460px!important;margin-inline:auto!important}
  .appShell:has(.v2Home.grRefHome)>.content{width:100%!important;max-width:100%!important;padding-inline:0!important}
  .appShell:has(.v2Home.grRefHome) .v2Home.grRefHome{width:100%!important;max-width:100%!important;padding-inline:0!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:min(100%,460px)!important;max-width:460px!important;left:50%!important;transform:translateX(-50%)!important}
}
@media(min-width:768px){body{padding:20px!important}.grRefHome .g1581Hero{padding:14px!important}.grRefHome .g1581Body{min-height:225px!important}.grRefHome .g1581Copy h1{font-size:25px!important}.grRefHome .g1581Copy p{font-size:11px!important;max-width:205px!important}.grRefHome .g1581Art>img{width:76%!important;right:-14%!important}.grRefHome .g1581Search{margin:0 14px!important}.grRefHome .v2Challenge{margin:4px 16px 18px!important;width:calc(100% - 32px)!important}.grRefHome .v2ServicesWrap{padding:0 16px!important}.grRefHome .v2ServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grRefHome .v2ServiceGrid .v2ServiceCard{min-height:76px!important;grid-template-columns:42px minmax(0,1fr) 10px!important;padding:9px 8px!important}.grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:11.6px!important}.grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:9.2px!important}.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 32px)!important;margin-inline:16px!important}}
@media(max-width:360px){.grRefHome .g1581Art>img{width:82%!important;right:-20%!important}.grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 28px)!important;margin-inline:14px!important}}


/* assets/tablet-desktop-layout-step6.css */
/* Tablet and desktop layout only. Mobile rules remain unchanged. */
@media (min-width:768px){
  body{padding:0!important;background:#f2f1ec!important}
  .appShell:has(.v2Home.grRefHome){width:calc(100vw - 16px)!important;max-width:none!important;margin-inline:auto!important;border-radius:18px!important;overflow:hidden!important}
  .appShell:has(.v2Home.grRefHome)>.content{width:100%!important;max-width:100%!important;padding:0!important}
  .appShell:has(.v2Home.grRefHome) .v2Home.grRefHome{width:100%!important;max-width:100%!important;padding-inline:0!important}
  .grRefHome .g1581Hero{padding:20px 24px 12px!important}
  .grRefHome .g1581Body{min-height:245px!important;margin-top:20px!important}
  .grRefHome .g1581Copy{width:53%!important}
  .grRefHome .g1581Copy h1{font-size:32px!important}
  .grRefHome .g1581Copy p{font-size:14px!important;max-width:300px!important}
  .grRefHome .g1581Art>img{width:min(52%,470px)!important;right:0!important;max-height:100%!important}
  .grRefHome .g1581Meta{width:52%!important}
  .grRefHome .g1581Search{margin:0 24px!important}
  .grRefHome .v2Challenge{margin:8px 24px 22px!important;width:calc(100% - 48px)!important}
  .grRefHome .v2ServicesWrap{padding:0 24px!important}
  .grRefHome .v2ServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .grRefHome .v2ServiceGrid .v2ServiceCard{min-height:92px!important;grid-template-columns:46px minmax(0,1fr) 12px!important;padding:12px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:14px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:11px!important}
  .grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 48px)!important;margin:10px 24px 12px!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:calc(100vw - 16px)!important;max-width:none!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important}
}
@media (min-width:1024px){
  .appShell:has(.v2Home.grRefHome){width:calc(100vw - 32px)!important;max-width:none!important}
  .grRefHome .g1581Hero{padding:20px 34px 12px!important}
  .grRefHome .g1581Body{min-height:270px!important;margin-top:18px!important}
  .grRefHome .g1581Copy{width:59%!important}
  .grRefHome .g1581Copy h1{font-size:36px!important}
  .grRefHome .g1581Copy p{font-size:15px!important;max-width:380px!important}
  .grRefHome .g1581Art>img{width:min(43%,540px)!important;right:2%!important}
  .grRefHome .g1581Meta{width:390px!important;gap:12px!important}
  .grRefHome .g1581Search{margin:0 34px!important;height:58px!important}
  .grRefHome .v2Challenge{margin:12px 34px 28px!important;width:calc(100% - 68px)!important}
  .grRefHome .v2ServicesWrap{padding:0 34px!important}
  .grRefHome .v2ServiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .grRefHome .v2ServiceGrid .v2ServiceCard{min-height:100px!important;grid-template-columns:48px minmax(0,1fr) 12px!important;padding:14px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy b{font-size:15px!important}
  .grRefHome .v2ServiceCard .v2ServiceCopy small{font-size:12px!important}
  .grRefHome>.guulOfflineSlot.guulOfflineBelowHero{width:calc(100% - 68px)!important;margin:12px 34px 16px!important}
  .appShell:has(.v2Home.grRefHome) .v2BottomNav{width:calc(100vw - 32px)!important;max-width:none!important}
}


/* assets/hero-refresh-step8.css */
/* Visual refresh of the Home hero only. The responsive dimensions stay in the existing layout sheets. */
.grRefHome .g1581HeroShell{--hero-bg:#f3fbf5;--hero-ink:#102d25;--hero-muted:#547069;--hero-card:#fffdf7}
.grRefHome .g1581Hero{background:#f3fbf5!important;box-shadow:inset 0 -1px 0 #d8e9dc}
.grRefHome .g1581Brand strong{color:#092c23!important;letter-spacing:.005em}
.grRefHome .g1581Brand small{color:#5f796f!important}
.grRefHome .g1581Copy h1{color:#10342b!important;letter-spacing:-.025em!important}
.grRefHome .g1581Copy .g1581Name{color:#087c65!important}
.grRefHome .g1581Copy p{color:#516d65!important;font-weight:600!important}
.grRefHome .g1581MetaCard{background:#fffefa!important;border-color:#d9e9dd!important;box-shadow:0 8px 22px rgba(19,80,55,.08)!important}
.grRefHome .g1581MetaCard b{color:#153d30!important}
.grRefHome .g1581MetaCard small{color:#688073!important}
.grRefHome .g1581Search{background:#fffefa!important;border-color:#d8e8dc!important;box-shadow:0 10px 26px rgba(18,79,54,.09)!important}
.grRefHome .g1581Search input{color:#163b30!important}
.grRefHome .g1581Search input::placeholder{color:#6a8074!important}
.grRefHome .g1581HeroShell .g1581Tool{background:#fffefa}
.grRefHome .g1581HeroShell .g1581Theme{background:#fffefa}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581HeroShell{--hero-bg:#183128;--hero-ink:#f0f8ed;--hero-muted:#c4d5ca;--hero-card:#213c2e}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Hero{background:#183128!important;box-shadow:inset 0 -1px 0 #355943}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy h1,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Brand strong{color:#eff9ef!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy .g1581Name{color:#6ee3b1!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy p,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Brand small{color:#c4d5ca!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Search{background:#234132!important;border-color:#436d51!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard b,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Search input{color:#f2faf2!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard small,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Search input::placeholder{color:#c6d9cb!important}


/* assets/hero-reference-match-step9.css */
/* Reference composition: keep the established responsive page and hero box sizes. */
.grRefHome .g1581Hero{
  background:radial-gradient(ellipse at 92% 9%,#c9f1f5 0,#e8fbf7 25%,transparent 59%),linear-gradient(105deg,#fffefa 0%,#f8fffb 52%,#e8f9f2 100%)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.grRefHome .g1581Copy h1{color:#082e2b!important;letter-spacing:-.035em!important}
.grRefHome .g1581Copy .g1581Name{color:#087b66!important}
.grRefHome .g1581Copy h1::after{content:"";display:block;width:min(75%,180px);height:3px;margin-top:7px;border-radius:99px;background:#f5ad3f;transform:rotate(-2deg)}
.grRefHome .g1581Copy p{color:#496476!important}
.grRefHome .g1581Art>img{filter:drop-shadow(0 7px 6px rgba(19,84,54,.08))!important}
.grRefHome .g1581MetaCard{background:#fff!important;border-color:#e1eee7!important}
.grRefHome .g1581Search{background:#fff!important}
@media(max-width:767px){
  .grRefHome .g1581Copy{width:66%!important}
  .grRefHome .g1581Art{inset:-45px -13px -9px 0!important;overflow:hidden!important}
  .grRefHome .g1581Art>img{width:100%!important;right:-3%!important;bottom:0!important;max-height:none!important;transform:scaleY(1.35);transform-origin:bottom right}
  .grRefHome .g1581Meta{width:58%!important}
}
@media(max-width:430px){.grRefHome .g1581Art>img{right:-20%!important}}
@media(min-width:768px){
  .grRefHome .g1581Art{inset:-36px -12px -9px 0!important}
  .grRefHome .g1581Art>img{width:min(51%,650px)!important;right:0!important;bottom:0!important;max-height:none!important}
}
@media(min-width:1024px){
  .grRefHome .g1581Art{inset:-32px -12px -9px 0!important}
  .grRefHome .g1581Art>img{width:min(51%,690px)!important;right:0!important}
}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Hero{background:radial-gradient(ellipse at 90% 12%,#21565a 0,transparent 57%),linear-gradient(105deg,#183128,#1c3b31)!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy h1{color:#eff9ef!important}


/* assets/hero-detail-polish-step10.css */
/* Detail polish only: no viewport, shell, hero, art, or card dimensions change. */
.grRefHome .g1581Brand strong{
  color:#102b26!important;
  font-family:GuulHero,ui-sans-serif,system-ui,sans-serif!important;
  font-size:19px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  line-height:1!important;
  text-shadow:0 1px 0 #fff8;
}
.grRefHome .g1581Brand small{color:#586d69!important;font-weight:900!important;letter-spacing:.17em!important;font-size:8.5px!important}
.grRefHome .g1581Copy h1{color:#0a2b28!important;font-weight:900!important}
.grRefHome .g1581Copy p{color:#425b55!important;font-weight:700!important;letter-spacing:-.012em!important}
.grRefHome .g1581MetaCard{background:#fffefa!important;border:1px solid #dce9dc!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(35,70,46,.09)!important}
.grRefHome .g1581MetaCard .g1581Calendar{background:#e4f7ef;border-radius:5px;padding:2px}
.grRefHome .g1581MetaCard .g1581Flame{background:#fff1dc;border-radius:5px;padding:2px}
.grRefHome .g1581MetaCard b{color:#112f29!important;font-weight:900!important}
.grRefHome .g1581MetaCard small{color:#65766b!important}
.grRefHome .g1581Search input::placeholder{color:#697b72!important}
@media(max-width:430px){
  .grRefHome .g1581Brand strong{font-size:16px!important}
  .grRefHome .g1581Brand small{font-size:7.4px!important}
}
@media(min-width:768px){.grRefHome .g1581Brand strong{font-size:21px!important}.grRefHome .g1581Brand small{font-size:9px!important}}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Brand strong,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy h1{color:#f0f8ee!important;text-shadow:none}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Brand small,html[data-guul-comfort-resolved="dark"] .grRefHome .g1581Copy p{color:#c9dfd1!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard{background:#254334!important;border-color:#42664d!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard b{color:#f2f9ef!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .g1581MetaCard small{color:#c5d8c9!important}


/* assets/hero-card-position-step11.css */
/* Mobile hero detail fix: same hero and page dimensions, clearer copy and lower cards. */
.grRefHome .g1581Copy p{color:#365349!important;line-height:1.42!important;max-width:218px}
@media(max-width:767px){
  .grRefHome .g1581Meta{position:absolute!important;left:0!important;bottom:7px!important;margin-top:0!important}
  .grRefHome .g1581MetaCard{align-self:end!important}
}


/* assets/hero-progress-art-step12.css */
/* Requested hero copy and progress-card finish; existing responsive frame stays intact. */
.grRefHome .g1581Copy p{max-width:158px!important;margin-top:21px!important;color:#214c3c!important;font-weight:800!important}
.grRefHome .v2Challenge{
  background-color:#fafff6!important;
  background-image:linear-gradient(90deg,#fafff6 0%,#fafff6 29%,rgba(250,255,246,.94) 45%,rgba(250,255,246,.24) 75%,rgba(250,255,246,0) 100%),url('/assets/speed-v17/progress-1600.webp')!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%,auto 100%!important;
  background-position:center,right bottom!important;
  border-color:#dceee1!important;
  box-shadow:0 9px 23px rgba(29,79,57,.085)!important;
}
.grRefHome .v2Challenge::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(90deg,#fafff6 0%,#fafff6 29%,rgba(250,255,246,.92) 45%,rgba(250,255,246,.18) 75%,transparent 100%),url('/assets/speed-v17/progress-1600.webp');
  background-repeat:no-repeat;background-size:100% 100%,auto 100%;background-position:center,right bottom;
}
.grRefHome .v2Challenge::after{display:none!important}
.grRefHome .v2ChallengeCopy small{color:#078869!important}
.grRefHome .v2ChallengeCopy h2{color:#102d26!important}
.grRefHome .v2ChallengeCopy p{color:#546c63!important}
.grRefHome .v2ChallengeBar{background:#dbece5!important}
.grRefHome .v2ChallengeBar i{background:linear-gradient(90deg,#009a78,#19b78b)!important}
.grRefHome .v2ChallengeCopy em{color:#5a7269!important}
.grRefHome .v2ChallengeCopy em::before{content:'❞';display:inline-block;margin-right:7px;color:#00a981;font-size:18px;font-weight:900;line-height:.5;vertical-align:-2px}
.grRefHome .v2ChallengeRing{background-color:#fff!important;box-shadow:inset 0 0 0 8px #fff,0 7px 17px rgba(11,84,66,.16)!important}
.grRefHome .v2ChallengeRing b{color:#103d34!important}
.grRefHome .v2ChallengeRing span{color:#50665e!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .v2Challenge{
  background-color:#203b31!important;
  background-image:linear-gradient(90deg,#203b31 0%,#203b31 34%,rgba(32,59,49,.85) 58%,rgba(32,59,49,.35) 100%),url('/assets/speed-v17/progress-1600.webp')!important;
  border-color:#3a604a!important;
}
html[data-guul-comfort-resolved="dark"] .grRefHome .v2Challenge::before{
  background-image:linear-gradient(90deg,#203b31 0%,#203b31 34%,rgba(32,59,49,.85) 58%,rgba(32,59,49,.4) 100%),url('/assets/speed-v17/progress-1600.webp');
}
html[data-guul-comfort-resolved="dark"] .grRefHome .v2ChallengeCopy :is(h2,p,em){color:#e9f5eb!important}
html[data-guul-comfort-resolved="dark"] .grRefHome .v2ChallengeCopy small{color:#6fe0b6!important}


/* assets/summary-interface-step3.css */
/* Khulaasooyinka: xulashada fasalka iyo 8-da maaddo, mobile first. */
.grSummaryTop{display:flex;align-items:center;gap:14px;background:linear-gradient(125deg,#e9f8ee,#f8f8e8);border-radius:22px;padding:18px;margin-bottom:18px;color:#174d39}.grSummaryTop>span{font-size:36px}.grSummaryTop h3{margin:0 0 4px;font-size:18px}.grSummaryTop p{margin:0;font-size:12px;line-height:1.5}.grSummaryGrades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 20px}.grSummaryGrades button{border:1px solid #d8e7db;border-radius:15px;background:#fff;color:#254b3a;min-width:0;padding:12px 3px;font-size:10px;cursor:pointer}.grSummaryGrades button b{display:block;font-size:16px}.grSummaryGrades button.active{border:2px solid #159b79;background:#e0f6ea}.grSummarySearch{border:1px solid #e1e9df;border-radius:15px;background:#fff;display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:22px}.grSummarySearch input{min-width:0;flex:1;border:0;outline:0;color:#213e31;font:inherit;background:transparent}.grSummaryHeading{font-size:19px;margin:0 0 12px}.grSummarySubjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grSummarySubject{min-width:0;border:1px solid #e2ece3;border-radius:18px;background:#fff;padding:12px;box-shadow:0 6px 18px rgba(25,62,36,.04)}.grSummarySubject[hidden],.grSummaryNoMatch[hidden]{display:none}.grSummarySubjectHead{display:flex;gap:9px;align-items:center}.grSummarySubjectHead img{width:40px;height:40px;object-fit:cover;border-radius:11px}.grSummarySubjectHead div{min-width:0}.grSummarySubjectHead b{display:block;font-size:12px;line-height:1.25}.grSummarySubjectHead small{display:block;color:#5e7d69;font-size:10px}.grSummarySubject>p{font-size:10px;line-height:1.45;color:#6b7b70;margin:9px 0 0}.grSummaryFiles{margin-top:9px;display:grid;gap:6px}.grSummaryFiles button{display:flex;align-items:center;width:100%;gap:6px;background:#ebf8ee;border:0;border-radius:10px;padding:9px;text-align:left;color:#155f47;cursor:pointer}.grSummaryFiles button>span:nth-child(2){min-width:0;flex:1}.grSummaryFiles b,.grSummaryFiles small{display:block;font-size:10px}.grSummaryFiles small{font-size:9px}.grSummaryFiles em{font-style:normal;font-size:18px}.grSummaryNoMatch{font-size:13px;color:#647b68}.grSummarySubjects button:focus-visible,.grSummaryGrades button:focus-visible,.grSummarySearch input:focus-visible{outline:3px solid #e8ac4a;outline-offset:2px}html[data-guul-comfort-resolved="dark"] .grSummaryTop{background:#204334;color:#eff9f0}html[data-guul-comfort-resolved="dark"] .grSummaryGrades button,html[data-guul-comfort-resolved="dark"] .grSummarySearch,html[data-guul-comfort-resolved="dark"] .grSummarySubject{background:#1c3228;color:#e8f6ea;border-color:#335844}html[data-guul-comfort-resolved="dark"] .grSummaryGrades button.active,html[data-guul-comfort-resolved="dark"] .grSummaryFiles button{background:#285442;color:#eaffed}html[data-guul-comfort-resolved="dark"] .grSummarySearch input{color:#fff}@media(max-width:370px){.grSummarySubjects{grid-template-columns:1fr}}


/* assets/home-step2.css */
/* Tallaabada 2: bogga Hore, iyadoo muuqaalka hore la ilaalinayo. */
.grStep2Services .grStep2GroupHead{margin-top:28px}.grStep2Services .v2ServiceCard.qa{background:linear-gradient(145deg,#eaf6ed,#dff1e6)}.grStep2Services .v2ServiceCard.rank{background:linear-gradient(145deg,#f8f0df,#f3e8cf)}.grStep2Plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grStep2Plan button{min-width:0;border:1px solid #dce9df;border-radius:17px;background:#f7fbf6;color:#1b503d;padding:13px 10px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font:inherit}.grStep2Plan button>span:first-child{font-size:25px}.grStep2Plan button>span:nth-child(2){display:grid;min-width:0}.grStep2Plan b{font-size:12px}.grStep2Plan small{font-size:10px;color:#537465}.grStep2Plan i{margin-left:auto;font-style:normal;font-size:23px}.grStep2Plan button:focus-visible,.grStep2Services button:focus-visible{outline:3px solid #e7aa4b;outline-offset:2px}html[data-guul-comfort-resolved="dark"] .grStep2Plan button{background:#20392e;border-color:#365c47;color:#e7f4ed}html[data-guul-comfort-resolved="dark"] .grStep2Plan small{color:#b6cfbf}@media(max-width:350px){.grStep2Plan{grid-template-columns:1fr}}


/* assets/student-help-step1.css */
.guul-help-open{overflow:hidden}.guulHelpBackdrop{position:fixed;inset:0;z-index:200000;background:#fafbf5;overflow:auto;color:#0b1537;font-family:Nunito,system-ui,sans-serif}.guulHelpPanel{box-sizing:border-box;min-height:100vh;max-width:960px;margin:auto;padding:24px 28px 110px;background:#fbfcf7}.guulHelpHeader{display:flex;justify-content:space-between;align-items:center;gap:16px}.guulHelpBrand{display:flex;align-items:center;gap:14px}.guulHelpBrand>img{width:64px;height:64px;object-fit:contain}.guulHelpBrand span{display:flex;flex-direction:column}.guulHelpBrand b{font-size:clamp(18px,3vw,27px);letter-spacing:-.035em;font-weight:900}.guulHelpBrand small{font-weight:900;color:#7885a1;letter-spacing:.2em;font-size:13px}.guulHelpTools{display:flex;gap:12px;align-items:center}.guulHelpTools button{width:48px;height:48px;border:0;border-radius:17px;background:#fff;box-shadow:0 5px 24px #192f3510;display:grid;place-items:center;cursor:pointer}.guulHelpTools button img{width:28px;height:28px;object-fit:contain}.guulHelpTools [data-help-avatar]{border-radius:50%;padding:3px;border:2px solid #aff3d9}.guulHelpTools [data-help-avatar] img{width:100%;height:100%;border-radius:50%}.guulHelpHero{min-height:310px;display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.guulHelpHeroCopy{position:relative;z-index:1;padding:22px 0 38px;max-width:55%}.guulHelpQuestion{display:grid;place-items:center;width:104px;height:104px;background:#e7f8f0;color:#009c77;border-radius:50%;font-size:80px;font-weight:900;line-height:1;margin-bottom:4px}.guulHelpHero h1{margin:0;font-size:clamp(46px,8vw,76px);font-weight:900;letter-spacing:-.055em;line-height:1.02}.guulHelpHero p{font-size:clamp(20px,3vw,28px);color:#737f9e;line-height:1.25;margin:10px 0 0}.guulHelpHeroArt{width:48%;max-height:360px;object-fit:contain;object-position:right bottom;align-self:end}.guulHelpCard{border:1px solid #ebedf0;background:#fff;border-radius:28px;box-shadow:0 11px 35px #192f350a;padding:22px 26px;margin-bottom:24px}.guulHelpCard h2{display:flex;align-items:center;gap:13px;margin:0 0 17px;font-size:27px;font-weight:900;letter-spacing:-.035em}.guulHelpCard h2 img{width:31px;height:31px;filter:invert(42%) sepia(85%) saturate(739%) hue-rotate(124deg) brightness(90%)}.guulHelpCompose textarea{box-sizing:border-box;width:100%;height:210px;resize:vertical;border:2px solid #a6d4c7;border-radius:17px;padding:22px 24px;background:#fff;color:#0b1537;font:inherit;font-size:22px;outline:none}.guulHelpCompose textarea::placeholder{color:#8290ae}.guulHelpCompose textarea:focus{border-color:#009d7e;box-shadow:0 0 0 4px #00ab8320}.guulHelpSend{width:100%;height:70px;margin-top:13px;border:0;border-radius:18px;background:#009d82;color:#fff;font:inherit;font-size:26px;font-weight:900;cursor:pointer}.guulHelpSend:hover{background:#008771}.guulHelpSend span{font-size:26px;margin-right:14px;display:inline-block;transform:rotate(-25deg)}.guulHelpNote{display:flex;gap:12px;align-items:center;color:#75819d;line-height:1.4;font-size:17px;margin:20px 0 0}.guulHelpNote span{color:#009d80;font-size:26px}.guulHelpError{color:#ae293b;font-weight:700;margin:7px 0 0}.guulHelpMessages{padding:0;overflow:hidden}.guulHelpMessages h2{padding:22px 26px;margin:0;border-bottom:1px solid #edf0f2}.guulHelpMessagesBody{min-height:220px;padding:18px 26px}.guulHelpEmpty{text-align:center;color:#7885a0;font-size:21px}.guulHelpEmpty img{display:block;width:180px;height:150px;object-fit:contain;margin:0 auto 4px}.guulHelpDraft{border-bottom:1px solid #e8efec;padding:12px 0}.guulHelpDraft p{white-space:pre-wrap;margin:0 0 7px}.guulHelpDraft small{color:#687792}.guulHelpDraft a{display:inline-block;color:#008a70;font-weight:800;margin-left:12px}.guulHelpBottom{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),920px);box-sizing:border-box;z-index:2;background:#fff;border-radius:28px;box-shadow:0 -4px 22px #11293c12;display:grid;grid-template-columns:repeat(5,1fr);padding:9px;margin:16px -10px -90px}.guulHelpBottom button{background:none;border:0;color:#7a849f;display:grid;justify-items:center;gap:3px;padding:10px 2px;font:inherit;font-weight:800;cursor:pointer;min-width:0}.guulHelpBottom button img{height:26px;width:26px;opacity:.55}.guulHelpBottom button.active{color:#008e78;border-radius:18px;background:#e4f8f1}.guulHelpBottom button.active img{opacity:1}.guulHelpSr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guulHelpBackdrop :focus-visible{outline:3px solid #edb13d;outline-offset:2px}html[data-guul-comfort-resolved="dark"] .guulHelpBackdrop{background:#17251f;color:#eaf6ed}html[data-guul-comfort-resolved="dark"] .guulHelpPanel{background:#17251f}html[data-guul-comfort-resolved="dark"] .guulHelpCard,html[data-guul-comfort-resolved="dark"] .guulHelpBottom,html[data-guul-comfort-resolved="dark"] .guulHelpTools button{background:#243b31;color:#eaf6ed;border-color:#385949}html[data-guul-comfort-resolved="dark"] .guulHelpCompose textarea{background:#193228;color:#fff}@media(max-width:650px){.guulHelpPanel{padding:18px 16px 95px}.guulHelpBrand{gap:7px}.guulHelpBrand>img{width:43px;height:43px}.guulHelpBrand b{font-size:15px}.guulHelpBrand small{font-size:9px}.guulHelpTools{gap:5px}.guulHelpTools button{width:36px;height:36px;border-radius:12px}.guulHelpTools button img{width:23px;height:23px}.guulHelpHero{min-height:230px}.guulHelpHeroCopy{max-width:62%;padding-bottom:23px}.guulHelpQuestion{width:63px;height:63px;font-size:48px}.guulHelpHero h1{font-size:45px}.guulHelpHero p{font-size:17px}.guulHelpHeroArt{width:47%;max-height:235px;margin-left:-6%}.guulHelpCard{border-radius:21px;padding:18px;margin-bottom:16px}.guulHelpCard h2{font-size:22px}.guulHelpCompose textarea{height:180px;font-size:17px;padding:16px}.guulHelpSend{height:56px;font-size:20px}.guulHelpNote{font-size:13px}.guulHelpMessages h2{padding:18px}.guulHelpMessagesBody{min-height:190px;padding:14px}.guulHelpBottom{margin:10px -10px -75px;border-radius:20px}.guulHelpBottom button{font-size:10px}.guulHelpBottom button img{height:22px;width:22px}}

.guulHelpHeader{position:relative}.guulHelpBack{position:fixed;top:24px;left:20px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #dcebe5;border-radius:15px;background:#fff;box-shadow:0 5px 22px #192f3510;cursor:pointer}.guulHelpBack img{width:24px;height:24px;object-fit:contain}.guulHelpBack:hover{background:#e9f8f1}html[data-guul-comfort-resolved="dark"] .guulHelpBack{background:#243b31;border-color:#385949}@media(max-width:1110px){.guulHelpHeader{padding-left:54px}.guulHelpBack{position:absolute;top:7px;left:0}}@media(max-width:650px){.guulHelpHeader{padding-left:38px}.guulHelpBack{top:3px;left:0;width:32px;height:36px;border-radius:10px}.guulHelpBack img{width:19px;height:19px}}