.grammar-step-stack{gap:14px;min-width:0;display:grid}.grammar-step{--gs-accent:var(--portal,var(--gw-accent,#7961b0));border:1px solid color-mix(in srgb,var(--gs-accent) 22%,#d8dce3);border-left:7px solid var(--gs-accent);color:#172035;background:#fff;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 12px 30px #17203512}.grammar-step-summary{background:linear-gradient(90deg,color-mix(in srgb,var(--gs-accent) 11%,#fff),#fff 68%);width:100%;min-height:94px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;transition:background .22s;display:grid}.grammar-step-summary:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--gs-accent) 17%,#fff),#fff 76%)}.grammar-step-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--gs-accent) 72%,#172035);outline-offset:-4px}.grammar-step-number{background:color-mix(in srgb,var(--gs-accent) 21%,#fff);width:48px;height:48px;color:color-mix(in srgb,var(--gs-accent) 76%,#172035);border-radius:50%;place-items:center;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:750;display:grid}.grammar-step-heading>*{display:block}.grammar-step-heading small{color:color-mix(in srgb,var(--gs-accent) 68%,#4e596a);letter-spacing:1.35px;text-transform:uppercase;font-size:11px;font-weight:900}.grammar-step-heading strong{letter-spacing:-.025em;margin-top:4px;font-family:Fraunces,Georgia,serif;font-size:clamp(22px,2.25vw,31px);font-weight:720;line-height:1.18}.grammar-step-heading em{color:#667181;margin-top:6px;font-size:14px;font-style:normal;font-weight:600;line-height:1.45}.grammar-step-action{color:#667181;letter-spacing:1px;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.grammar-step-action i{border:1px solid color-mix(in srgb,var(--gs-accent) 38%,#cbd0d8);width:38px;height:38px;color:color-mix(in srgb,var(--gs-accent) 76%,#263149);border-radius:50%;place-items:center;font-size:23px;font-style:normal;line-height:1;transition:transform .28s,background .22s,color .22s;display:grid}.grammar-step.is-open{border-color:color-mix(in srgb,var(--gs-accent) 45%,#d8dce3);box-shadow:0 18px 42px color-mix(in srgb,var(--gs-accent) 12%,#17203518)}.grammar-step.is-open .grammar-step-summary{background:linear-gradient(90deg,color-mix(in srgb,var(--gs-accent) 18%,#fff),#fff 76%)}.grammar-step.is-open .grammar-step-action i{background:var(--gs-accent);color:#fff;transform:rotate(180deg)}.grammar-step-panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.2,.75,.25,1),opacity .22s,visibility 0s linear .34s;display:grid}.grammar-step.is-open .grammar-step-panel{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .34s cubic-bezier(.2,.75,.25,1),opacity .25s,visibility}.grammar-step-clip{min-height:0;overflow:hidden}.grammar-step-body{border-top:1px solid color-mix(in srgb,var(--gs-accent) 22%,#e2e5ea);background:#fbfaf8;padding:30px 32px 34px}.grammar-step-body>:first-child{margin-top:0}.grammar-step-body>:last-child{margin-bottom:0}@media (width<=700px){.grammar-step-stack{gap:10px}.grammar-step{border-left-width:5px;border-radius:13px}.grammar-step-summary{grid-template-columns:41px minmax(0,1fr) 34px;gap:10px;min-height:84px;padding:14px 13px}.grammar-step-number{width:39px;height:39px;font-size:15px}.grammar-step-heading small{letter-spacing:1px;font-size:9px}.grammar-step-heading strong{font-size:20px;line-height:1.22}.grammar-step-heading em{font-size:13px;line-height:1.4}.grammar-step-action b{display:none}.grammar-step-action i{width:33px;height:33px;font-size:20px}.grammar-step-body{padding:22px 15px 25px}}@media (prefers-reduced-motion:reduce){.grammar-step-summary,.grammar-step-action i,.grammar-step-panel{transition:none}}@media print{.grammar-step-panel{opacity:1!important;visibility:visible!important;grid-template-rows:1fr!important}.grammar-step-action{display:none}}