/* Lingurise grammar lessons — shared modern portal skin for grades 4–6. */
body[data-grammar-page="wh-questions"],
body[data-grammar-page="article-pattern"],
body[data-grammar-page="simple-commands"],
body[data-grammar-page="prepositions"]{
  --gl-ink:#123f70;--gl-blue:#347fe5;--gl-violet:#7144ee;--gl-cyan:#12aabe;
  background:
    radial-gradient(circle at 8% 18%,rgba(255,226,102,.48),transparent 23rem),
    radial-gradient(circle at 92% 24%,rgba(222,170,255,.5),transparent 25rem),
    linear-gradient(145deg,#67b6f3,#7bd0ef 50%,#779ef2)!important;
}
body[data-grammar-page="wh-questions"] h1,body[data-grammar-page="wh-questions"] h2,body[data-grammar-page="wh-questions"] h3,
body[data-grammar-page="article-pattern"] h1,body[data-grammar-page="article-pattern"] h2,body[data-grammar-page="article-pattern"] h3,
body[data-grammar-page="simple-commands"] h1,body[data-grammar-page="simple-commands"] h2,body[data-grammar-page="simple-commands"] h3,
body[data-grammar-page="prepositions"] h1,body[data-grammar-page="prepositions"] h2,body[data-grammar-page="prepositions"] h3{
  color:var(--gl-ink)!important;text-shadow:0 3px 0 rgba(255,255,255,.72),0 10px 22px rgba(18,63,112,.16)
}
body[data-grammar-page] .daily-life-shell,
body[data-grammar-page="article-pattern"] .article-shell{
  background:linear-gradient(135deg,#bceeff 0%,#d9c9ff 48%,#ffe39b 100%)!important;
  border:3px solid rgba(255,255,255,.78)!important;
  box-shadow:0 14px 0 rgba(34,91,165,.18),0 28px 60px rgba(20,72,130,.2)!important;
  min-height:360px
}
body[data-grammar-page] .daily-life-copy,
body[data-grammar-page="article-pattern"] .article-copy{align-self:center}
body[data-grammar-page] .daily-life-copy>p,
body[data-grammar-page="article-pattern"] .article-copy>p{color:#3c6388;font-weight:650;line-height:1.75;max-width:720px}
body[data-grammar-page] .eyebrow{
  background:linear-gradient(135deg,#fff19a,#ffbd72)!important;color:#75500e!important;
  border:2px solid rgba(255,255,255,.75)!important;box-shadow:0 5px 0 rgba(170,112,24,.13)
}
body[data-grammar-page] .daily-side-card,
body[data-grammar-page="article-pattern"] .article-side-card{
  background:linear-gradient(145deg,#65d4e9,#83b7ff 54%,#be9aef)!important;
  border:3px solid rgba(255,255,255,.74)!important;
  box-shadow:0 10px 0 rgba(35,90,160,.17),0 19px 34px rgba(20,69,129,.17)!important;
  color:#103e70!important;overflow:hidden
}
body[data-grammar-page] .daily-side-stat,
body[data-grammar-page="article-pattern"] .article-side-stat{
  background:rgba(216,245,255,.68)!important;border:2px solid rgba(255,255,255,.68)!important;
  box-shadow:0 5px 0 rgba(36,87,151,.11)!important;border-radius:18px!important
}
body[data-grammar-page] .panel-note{color:#244f78!important;font-weight:650}
body[data-grammar-page] .section>.container{
  background:linear-gradient(145deg,rgba(119,213,239,.97),rgba(176,183,255,.96) 52%,rgba(255,207,142,.96))!important;
  border:3px solid rgba(255,255,255,.7)!important;
  box-shadow:0 13px 0 rgba(34,91,165,.17),0 24px 48px rgba(18,63,112,.16)!important
}
body[data-grammar-page] .section-heading{max-width:830px;margin-inline:auto;text-align:center;justify-content:center!important}
body[data-grammar-page] .section-heading p{color:#355e87;font-weight:650}

/* One focused learning card at a time, with the same rhythm as Parts of Speech. */
body[data-grammar-page] .daily-word-card,
body[data-grammar-page] .wh-question-card,
body[data-grammar-page] .command-word-card,
body[data-grammar-page] .article-example-viewer,
body[data-grammar-page] .article-example-sidebar{
  background:linear-gradient(145deg,#bcecff,#cfc4ff 52%,#ffdca0)!important;
  border:3px solid rgba(255,255,255,.78)!important;border-radius:30px!important;
  box-shadow:0 12px 0 rgba(34,86,158,.2),0 24px 43px rgba(19,67,125,.19)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;overflow:hidden
}
body[data-grammar-page] .daily-word-media,
body[data-grammar-page] .wh-question-visual,
body[data-grammar-page] .command-word-media,
body[data-grammar-page] .article-example-media{
  background:linear-gradient(145deg,#6dd5e9,#87b8ff 55%,#b993ed)!important;
  border:2px solid rgba(255,255,255,.7)!important;border-radius:24px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 8px 0 rgba(40,92,160,.14)!important;
  overflow:hidden
}
body[data-grammar-page] .daily-word-media img,
body[data-grammar-page] .wh-question-visual img,
body[data-grammar-page] .command-word-media img,
body[data-grammar-page] .article-example-media img{
  object-fit:contain!important;filter:drop-shadow(0 13px 14px rgba(20,61,120,.2))
}
body[data-grammar-page] .daily-word-body,
body[data-grammar-page] .wh-question-head,
body[data-grammar-page] .article-example-content{background:transparent!important}
body[data-grammar-page] .mini-label{
  background:linear-gradient(135deg,#ffe98d,#ffbd74)!important;color:#684707!important;
  border:2px solid rgba(255,255,255,.7)!important;box-shadow:0 5px 0 rgba(159,103,22,.13)!important
}
body[data-grammar-page] .wh-question-example,
body[data-grammar-page] .wh-answer-model,
body[data-grammar-page] .article-sentence-box,
body[data-grammar-page] .article-helper-card,
body[data-grammar-page] .article-translation-box,
body[data-grammar-page] .article-example-chip,
body[data-grammar-page] .command-icon-tile,
body[data-grammar-page] .daily-word-meta,
body[data-grammar-page] .daily-word-usage{
  background:rgba(202,240,250,.68)!important;border:2px solid rgba(255,255,255,.65)!important;
  border-radius:20px!important;box-shadow:0 6px 0 rgba(40,93,158,.11)!important
}
body[data-grammar-page="article-pattern"] .article-stage-pill{
  background:linear-gradient(135deg,#36b8c5,#397ee6)!important;color:#fff!important;
  border:2px solid rgba(255,255,255,.7)!important;box-shadow:0 7px 0 rgba(35,75,151,.23)!important
}
body[data-grammar-page="article-pattern"] .article-stage-pill.is-active{
  background:linear-gradient(135deg,#ffbd4b,#ff7b63)!important;box-shadow:0 7px 0 #bd5a35!important
}
body[data-grammar-page="article-pattern"] .article-example-layout{gap:1.2rem!important}
body[data-grammar-page] .lesson-flow-controls{
  background:linear-gradient(135deg,#77d5e9,#a9b8ff,#ffd083)!important;
  border:2px solid rgba(255,255,255,.75)!important;box-shadow:0 8px 0 rgba(35,81,152,.18)!important
}

/* Prepositions opens directly on the learning cards. */
body[data-grammar-page="prepositions"] #prepositions-home{
  display:none!important;
}
body[data-grammar-page] .lesson-flow-button,
body[data-grammar-page] .mini-btn,
body[data-grammar-page] .btn-primary{
  border:0!important;color:#fff!important;background:linear-gradient(135deg,#7144ee,#368df6)!important;
  box-shadow:0 7px 0 #3c2aaa!important
}
body[data-grammar-page] .btn-light,
body[data-grammar-page] .mini-btn-light{
  color:#164f87!important;background:linear-gradient(135deg,#dcf7ff,#fff2a7)!important;
  border:2px solid rgba(255,255,255,.75)!important;box-shadow:0 6px 0 rgba(40,89,153,.18)!important
}
@media(prefers-reduced-motion:no-preference){
  body[data-grammar-page] .daily-word-card:hover,
  body[data-grammar-page] .wh-question-card:hover,
  body[data-grammar-page] .command-word-card:hover,
  body[data-grammar-page] .article-example-viewer:hover,
  body[data-grammar-page] .article-stage-pill:hover{
    transform:translateY(-7px) rotate(-.35deg)!important;
    box-shadow:0 16px 0 rgba(34,86,158,.18),0 29px 48px rgba(19,67,125,.22)!important
  }
}
@media(max-width:760px){
  body[data-grammar-page] .daily-life-shell,
  body[data-grammar-page="article-pattern"] .article-shell{grid-template-columns:1fr!important;min-height:0}
  body[data-grammar-page] .daily-side-card,
  body[data-grammar-page="article-pattern"] .article-side-card{order:-1}
  body[data-grammar-page] .daily-word-card,
  body[data-grammar-page] .wh-question-card,
  body[data-grammar-page] .command-word-card,
  body[data-grammar-page] .article-example-viewer,
  body[data-grammar-page] .article-example-sidebar{border-radius:24px!important;min-width:0!important}
  body[data-grammar-page] .daily-word-media,
  body[data-grammar-page] .wh-question-visual,
  body[data-grammar-page] .command-word-media,
  body[data-grammar-page] .article-example-media{min-height:220px}
  body[data-grammar-page] .lesson-flow-controls{position:sticky;bottom:8px;z-index:8}
  body[data-grammar-page] .daily-word-card:hover,
  body[data-grammar-page] .wh-question-card:hover,
  body[data-grammar-page] .command-word-card:hover,
  body[data-grammar-page] .article-example-viewer:hover{transform:none!important}
}