/* GUULRAADRAAC v1574 — Calm Study UI
   Student-facing visual layer only. Keeps v1573 Eye Comfort, PDF, access, scoring and backend logic unchanged. */
:root{
  --calm-accent:#0f766e;
  --calm-accent-2:#159786;
  --calm-accent-soft:#e6f3ee;
  --calm-warm:#d99a28;
  --calm-violet:#7566a6;
  --calm-ink:#20302b;
  --calm-muted:#68756f;
  --calm-page:#f2f0e9;
  --calm-page-2:#f7f5ef;
  --calm-surface:#fbfaf6;
  --calm-surface-2:#f5f3ec;
  --calm-line:#d9ded8;
  --calm-shadow:0 8px 24px rgba(34,52,45,.075);
  --calm-shadow-soft:0 4px 14px rgba(34,52,45,.055);
  --calm-radius:18px;
}
html[data-guul-comfort-resolved="dark"]{
  --calm-accent:#6fd8c7;
  --calm-accent-2:#56c6b4;
  --calm-accent-soft:#213b35;
  --calm-warm:#e7b961;
  --calm-violet:#b9afe0;
  --calm-ink:#edf3ef;
  --calm-muted:#a9b7b0;
  --calm-page:#121917;
  --calm-page-2:#161f1c;
  --calm-surface:#1c2622;
  --calm-surface-2:#222e29;
  --calm-line:#34423c;
  --calm-shadow:0 8px 26px rgba(0,0,0,.22);
  --calm-shadow-soft:0 4px 15px rgba(0,0,0,.16);
}
html[data-guul-comfort-resolved] body,
html[data-guul-comfort-resolved] .appShell,
html[data-guul-comfort-resolved] .appShell>.content,
html[data-guul-comfort-resolved] .v2Home,
html[data-guul-comfort-resolved] .p2App,
html[data-guul-comfort-resolved] .p2Body{
  background:var(--calm-page)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .v2Home{
  background:linear-gradient(180deg,var(--calm-page-2) 0%,var(--calm-page) 56%,var(--calm-page-2) 100%)!important;
}

/* ===== HOME: calm identity ===== */
html[data-guul-comfort-resolved] .v2Hero{
  background:
    radial-gradient(circle at 88% 14%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(145deg,#183b35 0%,#205148 58%,#2a665b 100%)!important;
  box-shadow:0 10px 26px rgba(23,57,49,.14)!important;
}
html[data-guul-comfort-resolved] .v2Hero::before{opacity:.32!important}
html[data-guul-comfort-resolved] .v2Brand small,
html[data-guul-comfort-resolved] .v2Greeting p{color:rgba(242,249,246,.82)!important}
html[data-guul-comfort-resolved] .v2MenuGlyph,
html[data-guul-comfort-resolved] .v2Bell{color:#f5fbf8!important}
html[data-guul-comfort-resolved] .v2Bell,
html[data-guul-comfort-resolved] .guulEye1573Btn{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .v2Avatar{background:#f7f4eb!important;color:#1b5147!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}
html[data-guul-comfort-resolved] .v2Search{
  height:48px!important;
  background:rgba(249,248,243,.96)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(12,39,32,.11)!important;
}
html[data-guul-comfort-resolved] .v2Search>span,
html[data-guul-comfort-resolved] .v2Search button{color:#52746b!important}

html[data-guul-comfort-resolved] .v2Challenge{
  border:1px solid var(--calm-line)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 94% 0,rgba(15,118,110,.10),transparent 33%),
    linear-gradient(145deg,var(--calm-surface) 0%,var(--calm-surface-2) 100%)!important;
  box-shadow:var(--calm-shadow)!important;
}
html[data-guul-comfort-resolved] .v2Challenge::after{background:rgba(15,118,110,.055)!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy small{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy h2{color:var(--calm-ink)!important;letter-spacing:-.018em!important}
html[data-guul-comfort-resolved] .v2ChallengeCopy p,
html[data-guul-comfort-resolved] .v2ChallengeCopy em{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2ChallengeBar{background:color-mix(in srgb,var(--calm-line) 75%,transparent)!important}
html[data-guul-comfort-resolved] .v2ChallengeBar i{background:linear-gradient(90deg,#0f766e,#35ad94)!important}
html[data-guul-comfort-resolved] .v2ChallengeRing{
  box-shadow:inset 0 0 0 9px var(--calm-surface)!important;
}
html[data-guul-comfort-resolved] .v2ChallengeRing b{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ChallengeRing span{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2ChallengeWin{
  background:var(--calm-accent-soft)!important;
  border-color:color-mix(in srgb,var(--calm-accent) 18%,var(--calm-line))!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .v2ChallengeWin small{color:var(--calm-accent)!important}

html[data-guul-comfort-resolved] .v2SectionHead h2{color:var(--calm-ink)!important;letter-spacing:-.015em}
html[data-guul-comfort-resolved] .v2SectionHead button{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .v2ServiceGrid{gap:10px!important}
html[data-guul-comfort-resolved] .v2ServiceCard,
html[data-guul-comfort-resolved] .v2ServiceCard.books,
html[data-guul-comfort-resolved] .v2ServiceCard.exams,
html[data-guul-comfort-resolved] .v2ServiceCard.english,
html[data-guul-comfort-resolved] .v2ServiceCard.lessons,
html[data-guul-comfort-resolved] .v2ServiceCard.game,
html[data-guul-comfort-resolved] .v2ServiceCard.gov{
  position:relative!important;
  background:linear-gradient(160deg,var(--calm-surface),var(--calm-surface-2))!important;
  border:1px solid var(--calm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
html[data-guul-comfort-resolved] .v2ServiceCard::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 18px 18px;
  background:linear-gradient(90deg,var(--calm-accent),#62b8a8);opacity:.72;pointer-events:none
}
html[data-guul-comfort-resolved] .v2ServiceCard.game::after{background:linear-gradient(90deg,#c98b25,#e4b95d)}
html[data-guul-comfort-resolved] .v2ServiceCard.gov::after{background:linear-gradient(90deg,#6f6298,#9c90bc)}
html[data-guul-comfort-resolved] .v2ServiceCard:active{transform:scale(.985)!important}
html[data-guul-comfort-resolved] .v2ServiceIcon{
  background:var(--calm-accent-soft)!important;
  border:1px solid color-mix(in srgb,var(--calm-accent) 12%,var(--calm-line))!important;
  box-shadow:none!important;
}
html[data-guul-comfort-resolved] .v2ServiceCard.game .v2ServiceIcon{background:color-mix(in srgb,#d99a28 13%,var(--calm-surface))!important}
html[data-guul-comfort-resolved] .v2ServiceCard.gov .v2ServiceIcon{background:color-mix(in srgb,#7566a6 12%,var(--calm-surface))!important}
html[data-guul-comfort-resolved] .v2ServiceCopy b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .v2ServiceCopy small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2Chevron{color:var(--calm-accent)!important;font-size:19px!important}

html[data-guul-comfort-resolved] .v2Progress,
html[data-guul-comfort-resolved] .v2Leaderboard{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
}
html[data-guul-comfort-resolved] .v2SubjectStrip button,
html[data-guul-comfort-resolved] .v2SubjectCards button,
html[data-guul-comfort-resolved] .v2SubjectStrip button:nth-child(n){
  background:var(--calm-surface-2)!important;
  border:1px solid color-mix(in srgb,var(--calm-line) 82%,transparent)!important;
}
html[data-guul-comfort-resolved] .v2SubjectStrip b,
html[data-guul-comfort-resolved] .v2SubjectCards b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .v2SubjectStrip small,
html[data-guul-comfort-resolved] .v2SubjectCards small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .v2SubjectBar{background:color-mix(in srgb,var(--calm-line) 80%,transparent)!important}
html[data-guul-comfort-resolved] .v2SubjectBar i{background:linear-gradient(90deg,var(--calm-accent),#4ab39e)!important}
html[data-guul-comfort-resolved] .v2ProgressSummary{background:var(--calm-surface-2)!important}
html[data-guul-comfort-resolved] .v2ProgressSummary p{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}

/* Bottom navigation: calmer, larger and easier to scan. */
html[data-guul-comfort-resolved] .v2BottomNav{
  height:calc(68px + env(safe-area-inset-bottom))!important;
  padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
  background:color-mix(in srgb,var(--calm-surface) 94%,transparent)!important;
  border-color:var(--calm-line)!important;
  box-shadow:0 -8px 24px rgba(31,48,41,.065)!important;
}
html[data-guul-comfort-resolved] .v2BottomNav button{color:var(--calm-muted)!important;border-radius:13px!important;gap:3px!important}
html[data-guul-comfort-resolved] .v2BottomNav button>span{font-size:21px!important}
html[data-guul-comfort-resolved] .v2BottomNav small{font-size:9.5px!important;font-weight:800!important}
html[data-guul-comfort-resolved] .v2BottomNav button.active{
  color:var(--calm-accent)!important;
  background:var(--calm-accent-soft)!important;
}
html[data-guul-comfort-resolved] .v2BottomNav button.active>span{transform:none!important}

/* ===== PHASE 2: exams/books/lessons ===== */
html[data-guul-comfort-resolved] .p2App{--p2-purple:var(--calm-accent);--p2-blue:var(--calm-accent-2);--p2-ink:var(--calm-ink);--p2-muted:var(--calm-muted);--p2-line:var(--calm-line);--p2-bg:var(--calm-page)}
html[data-guul-comfort-resolved] .p2Head{
  background:
    radial-gradient(circle at 92% 7%,rgba(255,255,255,.09),transparent 30%),
    linear-gradient(135deg,#193b35 0%,#22564c 72%,#2e6e62 100%)!important;
  box-shadow:0 8px 24px rgba(24,57,50,.13)!important;
}
html[data-guul-comfort-resolved] .p2Head:after{background:rgba(255,255,255,.055)!important}
html[data-guul-comfort-resolved] .p2Back,
html[data-guul-comfort-resolved] .p2Close{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .p2HeadCopy small{color:#bfe3d9!important}
html[data-guul-comfort-resolved] .p2HeadCopy h2{color:#fff!important}
html[data-guul-comfort-resolved] .p2HeadCopy p{color:rgba(244,250,247,.82)!important}
html[data-guul-comfort-resolved] .p2Body{background:linear-gradient(180deg,var(--calm-page-2),var(--calm-page) 58%)!important}
html[data-guul-comfort-resolved] .p2HeroNote{
  background:linear-gradient(145deg,var(--calm-surface),var(--calm-accent-soft))!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
}
html[data-guul-comfort-resolved] .p2HeroNote b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .p2HeroNote p{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .p2Card,
html[data-guul-comfort-resolved] .p2Card.blue,
html[data-guul-comfort-resolved] .p2Card.pink,
html[data-guul-comfort-resolved] .p2Card.green,
html[data-guul-comfort-resolved] .p2Card.yellow,
html[data-guul-comfort-resolved] .p2Card.purple{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  border-radius:18px!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .p2Card::after{display:none!important}
html[data-guul-comfort-resolved] .p2Card img.iconImg,
html[data-guul-comfort-resolved] .p2Card .icon{background:var(--calm-surface-2)!important;box-shadow:none!important;border:1px solid var(--calm-line)!important}
html[data-guul-comfort-resolved] .p2Card b{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .p2Card small{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .p2Card em{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2Row,
html[data-guul-comfort-resolved] .p2Point,
html[data-guul-comfort-resolved] .p2Result,
html[data-guul-comfort-resolved] .p2Stat,
html[data-guul-comfort-resolved] .p2ScheduleSubject,
html[data-guul-comfort-resolved] .p2ProgressRow,
html[data-guul-comfort-resolved] .p2Answer{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .p2Row .num,
html[data-guul-comfort-resolved] .p2Point i,
html[data-guul-comfort-resolved] .p2Pill{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2DoneBtn,
html[data-guul-comfort-resolved] .p2Next{background:linear-gradient(90deg,#0f766e,#2a9885)!important;box-shadow:0 8px 18px rgba(15,118,110,.17)!important}
html[data-guul-comfort-resolved] .p2QuizProgress i,
html[data-guul-comfort-resolved] .p2Prog i{background:linear-gradient(90deg,#0f766e,#43af99)!important}
html[data-guul-comfort-resolved] .p2Score,
html[data-guul-comfort-resolved] .p2QuizTop strong,
html[data-guul-comfort-resolved] .p2ProgressRow strong{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2SubjectCardV85,
html[data-guul-comfort-resolved] .p2SubjectHeroV85{
  background:var(--calm-surface)!important;border-color:var(--calm-line)!important;box-shadow:var(--calm-shadow-soft)!important
}
html[data-guul-comfort-resolved] .p2SubjectCardV85:after{background:rgba(15,118,110,.045)!important}
html[data-guul-comfort-resolved] .p2SubjectCopyV85 small,
html[data-guul-comfort-resolved] .p2SubjectPctV85{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .p2SubjectPctV85{background:var(--calm-accent-soft)!important}
html[data-guul-comfort-resolved] .p2SubjectBarV85{background:var(--calm-line)!important}
html[data-guul-comfort-resolved] .p2SubjectBarV85 i{background:linear-gradient(90deg,#0f766e,#45ad98)!important}

/* ===== 1v1 BATTLE: stronger contrast, less purple wash ===== */
html[data-guul-comfort-resolved] .guulCompetitionModeChooser,
html[data-guul-comfort-resolved] .guulBattlePanel,
html[data-guul-comfort-resolved] .guulBattleWaiting,
html[data-guul-comfort-resolved] .guulBattleScoreboard article,
html[data-guul-comfort-resolved] .guulBattleRulesList article,
html[data-guul-comfort-resolved] .guulModeCard,
html[data-guul-comfort-resolved] .guulModeCard.battle{
  background:var(--calm-surface)!important;
  border-color:var(--calm-line)!important;
  box-shadow:var(--calm-shadow-soft)!important;
  color:var(--calm-ink)!important;
}
html[data-guul-comfort-resolved] .guulModeCard:before{background:rgba(15,118,110,.045)!important}
html[data-guul-comfort-resolved] .guulModeIcon,
html[data-guul-comfort-resolved] .guulBattleModalHead>span,
html[data-guul-comfort-resolved] .guulBattleSpinner{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulModeHeading>span,
html[data-guul-comfort-resolved] .guulModeCard em,
html[data-guul-comfort-resolved] .guulModeSwitch button,
html[data-guul-comfort-resolved] .guulBattleActionLabel,
html[data-guul-comfort-resolved] .guulBattleKicker{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulModeHeading h2,
html[data-guul-comfort-resolved] .guulModeCard strong,
html[data-guul-comfort-resolved] .guulBattlePanel h2,
html[data-guul-comfort-resolved] .guulBattleWaiting :is(h1,h2),
html[data-guul-comfort-resolved] .guulBattleArena h2{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .guulModeHeading p,
html[data-guul-comfort-resolved] .guulModeCard small,
html[data-guul-comfort-resolved] .guulBattlePanel>small,
html[data-guul-comfort-resolved] .guulBattleWaiting>p,
html[data-guul-comfort-resolved] .guulBattleSearching{color:var(--calm-muted)!important}
html[data-guul-comfort-resolved] .guulModeBadge.live,
html[data-guul-comfort-resolved] .guulLiveDot{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important;border-color:color-mix(in srgb,var(--calm-accent) 18%,var(--calm-line))!important}
html[data-guul-comfort-resolved] .guulBattleIdentity,
html[data-guul-comfort-resolved] .guulBattleRulesIntro,
html[data-guul-comfort-resolved] .guulBattleSearching,
html[data-guul-comfort-resolved] .guulBattlePoolNote,
html[data-guul-comfort-resolved] .guulBattleHint{background:var(--calm-surface-2)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleIdentity strong{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .guulBattleIdentity button,
html[data-guul-comfort-resolved] .guulBattleResume{background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattlePanelActions .primary,
html[data-guul-comfort-resolved] .guulBattlePanelActions button:not(.guulSecondary){background:linear-gradient(135deg,#0f766e,#299785)!important;color:#fff!important;box-shadow:0 8px 20px rgba(15,118,110,.16)!important}
html[data-guul-comfort-resolved] .guulBattlePanelActions .guulSecondary{background:var(--calm-surface-2)!important;color:var(--calm-ink)!important;border:1px solid var(--calm-line)!important;box-shadow:none!important}
html[data-guul-comfort-resolved] .guulBattleField input,
html[data-guul-comfort-resolved] .guulBattleField select,
html[data-guul-comfort-resolved] .guulBattleCount button{background:var(--calm-surface)!important;color:var(--calm-ink)!important;border-color:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleCount button.selected{background:var(--calm-accent-soft)!important;border-color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleCount b{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleVs{background:#243a34!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article small,
html[data-guul-comfort-resolved] .guulBattleScoreboard article strong{color:var(--calm-accent)!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article i{background:var(--calm-line)!important}
html[data-guul-comfort-resolved] .guulBattleScoreboard article i em{background:var(--calm-accent)!important}

/* ===== Other student surfaces ===== */
html[data-guul-comfort-resolved] :is(.guulChapter,.guulBulletList li,.guulQaItem,.guulResult,.qaPdfCard,.englishStats span,.englishLessonCard,.englishLessonIntro,.guulLearnSection,.guulLessonCard){
  background:var(--calm-surface)!important;border-color:var(--calm-line)!important;color:var(--calm-ink)!important;box-shadow:var(--calm-shadow-soft)!important
}
html[data-guul-comfort-resolved] :is(.guulSummary,.englishTip,.guulStudyHero){background:var(--calm-surface-2)!important;border-color:var(--calm-line)!important;color:var(--calm-ink)!important}
html[data-guul-comfort-resolved] .englishHero{background:linear-gradient(135deg,#193b35,#23574d 62%,#2c695d)!important;box-shadow:0 12px 32px rgba(24,57,50,.15)!important}
html[data-guul-comfort-resolved] :is(.qaPdfCount,.englishNavIcon,.englishLessonTop>span,.englishLessonIntro>span,.guulQaItem summary:before,.guulLessonCard>span){background:var(--calm-accent-soft)!important;color:var(--calm-accent)!important}

/* Dark mode: explicit readable contrast on legacy nested labels. */
html[data-guul-comfort-resolved="dark"] :is(.v2ServiceCard,.v2Progress,.v2Leaderboard,.p2Card,.p2HeroNote,.p2Row,.p2Point,.p2Result,.p2Stat,.p2ScheduleSubject,.p2ProgressRow,.guulModeCard,.guulBattlePanel,.guulBattleWaiting,.guulBattleScoreboard article,.guulChapter,.qaPdfCard,.englishLessonCard,.guulLearnSection) :is(h1,h2,h3,h4,b,strong,em){color:var(--calm-ink)!important}
html[data-guul-comfort-resolved="dark"] :is(.v2ServiceCard,.v2Progress,.v2Leaderboard,.p2Card,.p2HeroNote,.p2Row,.p2Point,.p2Result,.p2Stat,.p2ScheduleSubject,.p2ProgressRow,.guulModeCard,.guulBattlePanel,.guulBattleWaiting,.guulBattleScoreboard article,.guulChapter,.qaPdfCard,.englishLessonCard,.guulLearnSection) :is(p,small,span){color:var(--calm-muted)}
html[data-guul-comfort-resolved="dark"] .v2ServiceCopy b,
html[data-guul-comfort-resolved="dark"] .p2Card b,
html[data-guul-comfort-resolved="dark"] .p2Card em,
html[data-guul-comfort-resolved="dark"] .guulModeCard em{color:var(--calm-ink)!important}
html[data-guul-comfort-resolved="dark"] .p2Card em,
html[data-guul-comfort-resolved="dark"] .guulModeCard em{color:var(--calm-accent)!important}

/* Mobile-first refinements */
@media(max-width:620px){
  html[data-guul-comfort-resolved] .v2Hero{padding-bottom:17px!important}
  html[data-guul-comfort-resolved] .v2Greeting{margin-top:8px!important}
  html[data-guul-comfort-resolved] .v2HeroDecor{opacity:.48!important;transform:scale(.92);transform-origin:right center}
  html[data-guul-comfort-resolved] .v2Challenge{padding:14px!important}
  html[data-guul-comfort-resolved] .v2ServiceCard{min-height:126px!important;padding:12px 11px!important}
  html[data-guul-comfort-resolved] .p2Head{padding:13px 12px!important;gap:9px!important}
  html[data-guul-comfort-resolved] .p2Back,
  html[data-guul-comfort-resolved] .p2Close{width:38px!important;height:38px!important;border-radius:12px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy h2{font-size:19px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy small{font-size:8.5px!important}
  html[data-guul-comfort-resolved] .p2HeadCopy p{font-size:10.5px!important}
  html[data-guul-comfort-resolved] .p2Body{padding:14px!important}
  html[data-guul-comfort-resolved] .p2HeroNote{padding:15px 16px!important;border-radius:18px!important}
  html[data-guul-comfort-resolved] .p2Card{padding:13px!important;border-radius:16px!important}
  html[data-guul-comfort-resolved] .p2Card img.iconImg{width:54px!important;height:54px!important;border-radius:15px!important}
  html[data-guul-comfort-resolved] .p2Card b{font-size:14px!important}
  html[data-guul-comfort-resolved] .p2Card small{font-size:10.5px!important}
  html[data-guul-comfort-resolved] .guulBattlePanel{padding:16px!important;border-radius:18px!important}
}
@media(max-width:360px){
  html[data-guul-comfort-resolved] .v2ServiceGrid{gap:8px!important}
  html[data-guul-comfort-resolved] .v2ServiceCard{min-height:118px!important}
  html[data-guul-comfort-resolved] .v2BottomNav small{font-size:8.6px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-guul-comfort-resolved] .v2ServiceCard,
  html[data-guul-comfort-resolved] .p2Card,
  html[data-guul-comfort-resolved] .guulModeCard{transition:none!important;animation:none!important}
}