html[data-theme=light]{color-scheme:light;--bg: #f4f7f6;--bg-2: #e8efed;--ink: #17201f;--ink-dim: #4d5c5a;--ink-mute: #596866;--line: rgba(22, 49, 46, .1);--line-strong: rgba(22, 49, 46, .17);--accent: #056d86;--accent-deep: #04586d;--accent-soft: rgba(8, 127, 156, .1)}.grammar-site{--max: 1040px}.grammar-site main{padding-bottom:36px}.grammar-site a:focus-visible,.grammar-site button:focus-visible,.grammar-site summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.grammar-brand{font-weight:600;font-size:24px;text-decoration:none;letter-spacing:-.04em}.grammar-brand span{font-size:14px;font-weight:400;color:var(--ink-dim);letter-spacing:0}.grammar-theme{border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);border-radius:50%;width:42px;height:42px;font-size:24px;cursor:pointer}.grammar-breadcrumbs{margin-block:24px 12px;font-size:13px;color:var(--ink-dim)}.grammar-breadcrumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}.grammar-breadcrumbs li:not(:last-child):after{content:"/";margin-left:10px;color:var(--ink-mute)}.grammar-breadcrumbs a{text-underline-offset:3px}.grammar-languages{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.grammar-languages a{padding:6px 12px;border:1px solid var(--line);border-radius:100px;color:var(--ink-dim);font-size:13px;text-decoration:none}.grammar-languages a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.grammar-heading{padding:clamp(30px,6vw,64px) 0 32px}.grammar-eyebrow{display:block;margin:0 0 14px;color:var(--accent);font-size:13px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none}.grammar-heading h1{margin:0;max-width:24ch;font-size:clamp(32px,5.5vw,58px);line-height:1.14;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.grammar-heading>p:not(.grammar-eyebrow){max-width:72ch;margin-top:24px;color:var(--ink-dim);font-size:18px;line-height:1.7}.grammar-pair-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-block:24px}.grammar-pair-card{padding:28px;border:1px solid var(--line-strong);border-radius:20px;background:var(--accent-soft);text-decoration:none;transition:border-color .2s}.grammar-pair-card:hover{border-color:var(--accent)}.grammar-pair-card h3{margin:0 0 16px;font-size:23px;font-weight:500}.grammar-pair-card>span{display:flex;justify-content:space-between;gap:12px;color:var(--ink-dim)}.grammar-groups{display:grid;gap:22px}.grammar-group{border:1px solid var(--line-strong);border-radius:22px;overflow:clip;background:var(--bg)}.grammar-group summary{display:flex;align-items:center;gap:16px;padding:24px;cursor:pointer;list-style:none}.grammar-group summary::-webkit-details-marker{display:none}.grammar-group summary:after{content:"+";font-size:24px;color:var(--accent)}.grammar-group[open] summary:after{content:"−"}.grammar-group summary h2{flex:1;margin:0;font-size:clamp(18px,2.6vw,24px);line-height:1.35;font-weight:500}.grammar-group summary>span{color:var(--ink-dim);font-size:13px;white-space:nowrap}.grammar-group ul{list-style:none;margin:0;padding:0}.grammar-group li{border-top:1px solid var(--line)}.grammar-topic-row{display:grid;grid-template-columns:1fr 48px 100px 20px;align-items:center;gap:18px;min-height:86px;padding:20px 24px;text-decoration:none}.grammar-topic-row:hover{background:var(--accent-soft)}.grammar-topic-title{font-size:18px;line-height:1.45}.grammar-level{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:3px 12px;border-radius:100px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600}.grammar-priority{font-size:13px;color:var(--ink-dim);overflow-wrap:anywhere}.grammar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px;color:var(--ink-dim);font-size:14px}.grammar-lesson{max-width:850px;margin-inline:auto}.grammar-podcast{padding:24px;margin:0 0 28px;border:1px solid var(--line-strong);border-radius:22px;background:var(--accent-soft)}.grammar-podcast[hidden]{display:none}.grammar-podcast h2{font-weight:500;font-size:20px;margin:0 0 18px}.grammar-podcast audio{display:block;width:100%}.grammar-prose{padding:clamp(22px,4vw,44px);border:1px solid var(--line-strong);border-radius:22px;background:var(--bg);font-size:18px;line-height:1.85;overflow-wrap:anywhere}.grammar-prose h2{margin:36px 0 16px;padding-top:28px;border-top:1px solid var(--line);font-size:clamp(23px,3vw,30px);line-height:1.3;font-weight:500;letter-spacing:-.02em}.grammar-prose>:first-child{margin-top:0;border-top:0;padding-top:0}.grammar-prose p{margin:14px 0}.grammar-prose ul,.grammar-prose ol{padding-left:24px}.grammar-prose li{margin-block:10px}.grammar-prose a{color:var(--accent);text-underline-offset:3px}.grammar-prose table{border-collapse:collapse;width:100%;font-size:16px}.grammar-prose th,.grammar-prose td{border:1px solid var(--line-strong);padding:12px;text-align:start}.grammar-prose pre{overflow-x:auto;padding:16px;background:var(--bg-2);border-radius:12px}.grammar-topic-nav{max-width:850px;margin:30px auto;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.grammar-topic-nav a{padding:18px;border:1px solid var(--line-strong);border-radius:16px;text-decoration:none}.grammar-topic-nav a:hover{background:var(--accent-soft)}.grammar-topic-nav span{display:block;color:var(--ink-dim);font-size:13px}.grammar-topic-nav strong{display:block;margin-top:10px;font-weight:500;font-size:15px}.grammar-topic-nav a[rel=next]{text-align:end}.grammar-overview{align-self:center;font-size:14px;color:var(--accent);text-align:center}.grammar-cta{margin:56px auto 24px;padding:clamp(24px,5vw,48px);border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(125deg,var(--accent-soft),var(--bg-2))}.grammar-cta h2{margin:0 0 18px;max-width:28ch;font-size:clamp(25px,4vw,36px);line-height:1.25;font-weight:500;letter-spacing:-.025em}.grammar-cta>p:not(.grammar-eyebrow){max-width:70ch;color:var(--ink-dim);line-height:1.8}.grammar-button{display:inline-flex;align-items:center;gap:18px;padding:14px 22px;margin-top:10px;border:1px solid var(--accent);border-radius:100px;color:var(--accent);font-weight:500;text-decoration:none}.grammar-button:hover{background:var(--accent-soft)}@media(max-width:600px){.grammar-site{--gutter: 16px}.grammar-group summary{padding:20px 16px;gap:12px}.grammar-group summary>span{font-size:11px}.grammar-topic-row{grid-template-columns:1fr auto 16px;gap:10px;padding:18px 16px}.grammar-topic-title{grid-row:span 2;font-size:16px}.grammar-topic-row>:last-child{grid-column:3;grid-row:1 / span 2}.grammar-priority{grid-column:2;font-size:11px}.grammar-level{justify-self:start;font-size:12px;padding:2px 10px}.grammar-topic-nav{grid-template-columns:1fr 1fr}.grammar-topic-nav .grammar-overview{grid-column:1 / -1;grid-row:2}.grammar-topic-nav a{padding:14px}.grammar-prose{font-size:17px}}