/* Local baseline: prevent inherited theme typography and block spacing. */
.se-module h1, .se-module h2, .se-module h3, .se-module p, .se-module ul, .se-module ol, .se-module li, .se-module article, .se-module section, .se-module header, .se-module aside {
 margin:0; padding:0; font-family:inherit; color:inherit;
}
.se-module p, .se-module li { font-size:inherit; line-height:inherit; }
.se-module h1, .se-module h2, .se-module h3 { text-transform:none; font-style:normal; }
.se-module article, .se-module section, .se-module header, .se-module aside { float:none; width:auto; height:auto; min-height:0; }
.se-module { --se-blue:#2563eb; --se-ink:#17243b; --se-muted:#667085; box-sizing:border-box; color:var(--se-ink); background:#f6f8fc; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; padding:20px 12px 48px; overflow-wrap:break-word; }
.se-module *, .se-module *::before, .se-module *::after { box-sizing:inherit; }
.se-module h1, .se-module h2, .se-module h3, .se-module p, .se-module ul, .se-module ol { margin:0; }
.se-module .se-shell { max-width:960px; margin:0 auto; }
.se-module .se-brand { display:flex; align-items:center; gap:9px; margin-bottom:18px; font-size:16px; font-weight:800; letter-spacing:.025em; }
.se-module .se-brand span { color:var(--se-blue); }
.se-module .se-brand-mark { width:9px; height:22px; border-radius:3px; background:var(--se-blue); }
.se-module .se-hero { position:relative; padding:24px 20px; border:1px solid #dce6fc; border-radius:24px; background:linear-gradient(130deg,#fff 15%,#edf3ff); box-shadow:0 8px 28px #18396c08; }
.se-module .se-hero-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-bottom:18px; }
.se-module .se-eyebrow { color:var(--se-blue); font-weight:800; font-size:16px; letter-spacing:.07em; }
.se-module .se-badge { display:inline-flex; padding:5px 10px; border-radius:20px; background:#e3edff; color:#214fa8; font-size:16px; font-weight:700; }
.se-module h1 { max-width:640px; font-size:clamp(30px,5vw,46px); line-height:1.15; letter-spacing:-.04em; font-weight:800; }
.se-module .se-subtitle { margin-top:14px; color:var(--se-blue); font-size:20px; font-weight:600; }
.se-module .se-goal { max-width:650px; margin-top:20px; padding-top:18px; border-top:1px solid #d8e3f5; color:#45536b; }
.se-module .se-section { margin-top:40px; }
.se-module .se-section-heading { display:flex; gap:12px; align-items:flex-start; margin-bottom:18px; }
.se-module .se-number { display:flex; flex-shrink:0; align-items:center; justify-content:center; min-width:48px; min-height:38px; padding:5px 7px; background:#e8effe; color:#2256b9; border-radius:11px; font-size:16px; font-weight:800; }
.se-module h2 { font-size:24px; line-height:1.3; letter-spacing:-.025em; padding-top:3px; font-weight:800; }
.se-module h3 { font-size:22px; line-height:1.35; font-weight:750; }
.se-module .se-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.se-module .se-grid > *, .se-module .se-form > *, .se-module .se-answers > * { min-width:0; }
.se-module .se-card { padding:20px; border:1px solid #e1e7f0; border-radius:18px; background:#fff; box-shadow:0 3px 12px #14284b04; }
.se-module .se-phon { color:var(--se-muted); font-size:16px; font-style:italic; }
.se-module .se-pronouns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.se-module .se-pronoun { padding:18px; }
.se-module .se-pronoun h3 { color:var(--se-blue); font-size:32px; margin-bottom:3px; }
.se-module .se-pronoun .se-phon { margin-top:4px; }
.se-module .se-note { margin-top:16px; padding:18px 20px; border:1px solid #dae5fb; border-left:4px solid var(--se-blue); border-radius:14px; background:#eef4ff; }
.se-module .se-note h3 { font-size:16px; letter-spacing:.06em; color:#2454ae; margin-bottom:8px; }
.se-module .se-note ul { padding-left:20px; }
.se-module .se-note li + li { margin-top:6px; }
.se-module .se-warning { background:#fff8e9; border-color:#f5deab; border-left-color:#d89917; }
.se-module .se-warning h3 { color:#875b06; }
.se-module .se-verb { text-align:center; padding:22px 16px; border-top:3px solid var(--se-blue); }
.se-module .se-verb h3 { font-size:36px; color:var(--se-blue); margin-bottom:5px; }
.se-module .se-verb .se-phon { margin-top:8px; }
.se-module .se-rules { list-style:none; padding-left:0 !important; }
.se-module .se-rules strong { color:var(--se-blue); }
.se-module .se-note + .se-grid { margin-top:16px; }
.se-module .se-correct { color:#176047; background:#edf8f2; border-color:#cde9dc; }
.se-module .se-error { color:#973c43; background:#fff1f1; border-color:#f0d2d6; }
.se-module .se-correct p, .se-module .se-error p { margin-top:6px; }
.se-module .se-forms { display:grid; gap:8px; }
.se-module .se-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:16px 18px; border:1px solid #e1e7f0; border-radius:14px; background:#fff; }
.se-module .se-form h3 { color:var(--se-blue); }
.se-module .se-form > p:not(.se-phon) { grid-column:1; }
.se-module .se-form .se-phon { grid-column:1; }
.se-module .se-beats { grid-column:2; grid-row:1 / 4; align-self:center; color:var(--se-blue); letter-spacing:3px; white-space:nowrap; }
.se-module .se-legend { display:flex; flex-wrap:wrap; gap:6px 20px; margin-top:12px; color:var(--se-muted); font-size:16px; }
.se-module .se-sentence h3 { font-size:24px; }
.se-module .se-sentence .se-phon { margin-top:7px; }
.se-module .se-sentence .se-phon + p { font-size:18px; margin-top:10px; }
.se-module .se-rhythm { margin-top:18px; padding-top:12px; border-top:1px solid #edf0f5; color:#667085; font-size:16px; }
.se-module .se-rhythm span { color:#315ba6; margin-left:8px; letter-spacing:3px; white-space:nowrap; }
.se-module .se-contractions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.se-module .se-contraction { padding:16px; }
.se-module .se-contraction h3 { color:var(--se-blue); font-size:28px; margin-top:6px; }
.se-module .se-contraction .se-phon { margin-top:5px; }
.se-module .se-arrow { color:#8494ad; margin-left:5px; }
.se-module .se-negative h3 { color:var(--se-blue); margin-top:10px; }
.se-module .se-answer-list { display:grid; gap:16px; }
.se-module .se-question { padding:16px; }
.se-module .se-question > h3 { margin:6px 0 16px; }
.se-module .se-question .se-eyebrow { color:var(--se-muted); }
.se-module .se-answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.se-module .se-answer { padding:13px 10px; border:1px solid; border-radius:12px; }
.se-module .se-answer > span { font-size:16px; font-weight:800; letter-spacing:.07em; }
.se-module .se-answer p { font-size:18px; line-height:1.4; font-weight:650; }
.se-module .se-comparison { border-radius:18px; overflow:hidden; border:1px solid #e2e7ee; }
.se-module .se-comparison > div { padding:18px 20px; }
.se-module .se-comparison > .se-error p { font-size:22px; margin:0; }
.se-module .se-comparison .se-phon { margin-top:7px; }
.se-module .se-situation h3 { font-size:16px; letter-spacing:.035em; color:var(--se-blue); margin-bottom:16px; }
.se-module .se-situation ul { list-style:none; padding:0; font-size:20px; font-weight:600; }
.se-module .se-situation li + li { margin-top:10px; }
.se-module .se-practice { padding:24px 20px; border-radius:20px; border:1px solid #cadbfd; background:#eaf2ff; }
.se-module .se-practice h3 { color:#2454ae; font-size:16px; letter-spacing:.08em; margin-bottom:18px; }
.se-module .se-practice ol { list-style:none; padding:0; counter-reset:practice; }
.se-module .se-practice li { counter-increment:practice; display:grid; grid-template-columns:30px minmax(0,1fr); gap:5px 10px; padding:16px 0; border-top:1px solid #d0dff6; font-size:21px; font-weight:650; }
.se-module .se-practice li::before { content:counter(practice,decimal-leading-zero); grid-row:1 / 3; padding-top:4px; color:#6483b8; font-size:16px; }
.se-module .se-practice-beats { grid-column:2; font-size:16px; letter-spacing:3px; color:#315ba6; }
.se-module .se-summary { padding:24px 20px; border:1px solid #d6e2f9; border-top:4px solid var(--se-blue); border-radius:20px; background:#fff; box-shadow:0 8px 28px #18396c08; }
.se-module .se-summary h3 { font-size:18px; color:var(--se-blue); }
.se-module .se-summary ul { list-style:none; padding:0; margin-top:20px; display:grid; gap:13px; }
.se-module .se-summary li { display:flex; gap:12px; align-items:flex-start; }
.se-module .se-summary li span { color:var(--se-blue); font-weight:800; }
.se-module .se-summary-note { margin-top:24px; padding-top:20px; border-top:1px solid #e5eaf3; color:#53627b; }
.se-module .se-next { display:flex; width:100%; align-items:center; justify-content:space-between; gap:15px; margin-top:24px; min-height:56px; padding:15px 20px; border:0; border-radius:14px; color:#fff; background:var(--se-blue); font:700 16px/1.5 system-ui,sans-serif; cursor:default; }
.se-module .se-next:focus-visible { outline:3px solid #17243b; outline-offset:4px; }
@media (min-width:560px) {
 .se-module { padding:28px 24px 64px; }
 .se-module .se-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .se-module .se-pronouns, .se-module .se-contractions { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .se-module .se-verbs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .se-module .se-form { grid-template-columns:1fr 1fr 1fr auto; align-items:center; gap:16px; }
 .se-module .se-form > p:not(.se-phon), .se-module .se-form .se-phon, .se-module .se-beats { grid-column:auto; grid-row:auto; }
 .se-module .se-hero { padding:32px; }
 .se-module .se-answer-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .se-module .se-section { margin-top:48px; }
 .se-module .se-summary { padding:32px; }
 .se-module .se-next { max-width:320px; margin-left:auto; }
}
@media (min-width:900px) {
 .se-module .se-pronouns, .se-module .se-contractions { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .se-module .se-hero { padding:36px 40px; }
 .se-module .se-section-heading { margin-bottom:22px; }
 .se-module h2 { font-size:28px; }
 .se-module .se-summary ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 30px; }
}
/* Compact content-driven cards on phones; typography stays unchanged. */
@media (max-width:559px) {
 .se-module .se-pronoun { padding:6px 18px; }
 .se-module .se-verb { padding:6px 16px; }
 .se-module .se-pronoun h3, .se-module .se-verb h3 { line-height:1.2; }
 .se-module .se-pronoun p, .se-module .se-verb p { line-height:1.4; }
 .se-module .se-pronoun .se-phon { margin-top:2px; }
 .se-module .se-verb h3 { margin-bottom:4px; }
 .se-module .se-verb .se-phon { margin-top:4px; }
}
