main[data-course=ielts-grammar]{--paper:#f4f6f8;--paper-2:#e8ecf1;--card:#fbfcfd;--card-2:#fff;--mist:#eef2f7;--ink:#16202e;--ink-soft:#3e4a5c;--ink-faint:#56627a;--reading:#1b2533;--line:#dde3ea;--line-soft:#e8ecf1;--line-ui:#848fa0;--accent-tint:#e6ebf4;--gold-bright:#f2cf77;--gold-ink:#7f6220;--ok:#24654f;--ok-tint:#e7f1ec;--amber-deep:#80601f;--amber-tint:#f6f0e2;--hero-text:#c9d3e3;--sec-1:var(--mist);--sec-2:var(--mist);--sec-3:var(--mist);--sec-4:var(--mist);--sec-5:var(--mist);--sec-6:var(--mist);--sh-raised:0 1px 2px #16202e0a, 0 12px 32px -18px #16202e38;background:var(--paper);min-height:100%}#main:has(>[data-course=ielts-grammar]){background:#f4f6f8}.shell:has([data-course=ielts-grammar]){background:#f4f6f8}main[data-course=ielts-grammar] :is(.tp-hero,.gp-hero,.tp-cta){background:linear-gradient(160deg, var(--navy-sheen) 0%, var(--navy) 55%, var(--navy-deep) 100%);border-bottom:0}main[data-course=ielts-grammar] :is(.tp-lead,.gp-sub,.gp-meta,.tp-facts li,.tp-cta-lead,.tp-crumb,.gp-back){color:var(--hero-text)}main[data-course=ielts-grammar] .tp-facts li{background:0 0;border-color:#c9d3e338}main[data-course=ielts-grammar] .tp-facts b{color:var(--card);font-weight:600}main[data-course=ielts-grammar] .gp-meta-ok{color:var(--card)}main[data-course=ielts-grammar] .tp-btn-gold{background:var(--gold-bright);box-shadow:none}main[data-course=ielts-grammar] .tp-btn-gold:hover{box-shadow:none;filter:brightness(1.04)}main[data-course=ielts-grammar] .tp-step.feature{background:var(--card-2);border-color:var(--accent);box-shadow:var(--sh-raised)}main[data-course=ielts-grammar] .tp-step.feature .tp-step-ic{background:var(--accent);color:var(--card-2)}main[data-course=ielts-grammar] :is(.tp-level-bar>span,.tp-sticky-bar>span),main[data-course=ielts-grammar] .tp-tc-steps i.on{background:var(--accent)}main[data-course=ielts-grammar] .tp-topic-card:hover .tp-tc-num{color:var(--card-2)}main[data-course=ielts-grammar] .gp-ring .val{stroke:var(--accent)}main[data-course=ielts-grammar] .gp-step.on .gp-step-n{background:var(--card-2);color:var(--navy)}main[data-course=ielts-grammar] .gp-seal{box-shadow:0 0 0 6px var(--mist), var(--sh-raised)}main[data-course=ielts-grammar] .tp-tag.gold.sm{background:var(--accent-tint);color:var(--accent)}main[data-course=ielts-grammar] .gp-ref p{border-left-color:var(--line)}main[data-course=ielts-grammar] .tp-lesson-card.is-quiet-reading .lesson-section-intro{background:var(--mist);border:1px solid var(--line)}main[data-course=ielts-grammar] .is-quiet-reading .lesson-prose :is(.keyfacts,.glossary){background:var(--card-2)}main.gt-state .gt-state-who{align-items:center;gap:14px;margin-top:18px;display:flex}main.gt-state .gt-state-who .tp-eyebrow{margin:0}main.gt-state .gt-state-photo{border:1px solid var(--gold-line);border-radius:50%;flex:none;padding:3px;display:inline-flex}main.gt-state .gt-state-photo .sp-avatar{border-color:#0000}main.gt-state .tp-hero{box-sizing:border-box;min-height:calc(100dvh - 60px)}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-tag-time{color:var(--hero-text,var(--ink-soft));border:1px solid color-mix(in srgb, currentColor 35%, transparent);text-transform:none;letter-spacing:0;background:0 0;font-size:13px}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-tags{flex-wrap:wrap}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-step-time{white-space:nowrap}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-extra-more{min-height:44px;color:var(--accent);text-underline-offset:3px;align-self:center;align-items:center;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-xref{color:var(--accent);text-underline-offset:3px;white-space:nowrap;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-xref:hover{text-decoration-thickness:2px}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-xref:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-lesson .table-scroll.is-overflow{background:radial-gradient(farthest-side at 100%,#16202e2e,#0000) 100%/14px 100% no-repeat}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-lesson .table-scroll.is-overflow:before{content:"Swipe to see the whole table →";font-family:var(--sans);color:var(--ink-faint);margin:0 0 6px;font-size:12px;font-weight:600;display:block;position:sticky;left:0}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-sticky-wrap{top:var(--topbar-h,60px)}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-sticky{border-top-left-radius:0;border-top-right-radius:0}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-actions{align-items:center}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-actions .tp-btn{box-sizing:border-box;min-height:46px;margin-top:0;margin-bottom:0}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-progress,:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-level-mini{display:none}@media (width<=860px){:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-progress{color:var(--hero-text,var(--ink-soft));margin:12px 0 0;font-size:13.5px;font-weight:600;display:block}}@media (width<=640px){:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels:not(:has(.static)){scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels:not(:has(.static)) .tp-level-card:last-child{margin-right:24px}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-level-mini{color:var(--ink-faint);margin-top:2px;font-size:12.5px;display:block}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-hero-actions .tp-btn{white-space:normal;text-align:center;flex:100%}}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-topic-note{box-sizing:border-box;background:color-mix(in srgb, var(--card) 12%, transparent);border:1px solid color-mix(in srgb, var(--card) 28%, transparent);width:fit-content;max-width:100%;color:var(--card);border-radius:10px;margin:14px 0 0;padding:8px 14px;font-size:13.5px;font-weight:600;display:block}main[data-course=ielts-vocab] .tp-topic-note{background:var(--card-2);border-color:var(--line);color:var(--ink)}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide{grid-template-columns:repeat(6,minmax(0,1fr))}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide>*{grid-column:span 2}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide>:nth-child(4):nth-last-child(2){grid-column:2/span 2}@media (width<=860px){:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide{grid-template-columns:1fr}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide>*,:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-levels-wide>:nth-child(4):nth-last-child(2){grid-column:auto}}@media (width>=861px){:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]).tp-topic .tp-body{padding-right:max(28px, calc(160px - (100% - var(--tp-w)) / 2))}}.tp-sticky-mic{display:none}@media (width<=767px){:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-sticky-mic{border:1px solid var(--line);background:var(--card-2);width:44px;height:44px;color:var(--accent);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}:is(main[data-course=ielts-grammar],main[data-course=ielts-vocab]) .tp-sticky-mic svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}}