/* TutorSyntax v28: focused lesson enhancements; isolated styles, no changes to global nav or consent. */
.seo28-wrap{max-width:1080px;margin:2rem auto;padding:0 20px;color:#1b2942}
.seo28-wrap p,.seo28-wrap li{line-height:1.7}
.seo28-panel{border:1px solid #d6e7ee;background:#f6fbfc;border-radius:15px;padding:1.25rem 1.45rem;margin:1.4rem 0}
.seo28-panel h2,.seo28-panel h3{margin-top:.25rem;color:#10284f}
.seo28-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;margin:1rem 0 1.3rem}
.seo28-card{background:#fff;border:1px solid #d5e5ef;border-radius:12px;padding:1.1rem;box-shadow:0 4px 12px rgba(12,36,75,.04)}
.seo28-card h3{margin:.05rem 0 .4rem;font-size:1.1rem;color:#12324e}
.seo28-card a{font-weight:700;color:#075c77}
.seo28-card p{margin:.35rem 0 .7rem}
.seo28-kicker{font-weight:800;font-size:.76rem;letter-spacing:.085em;text-transform:uppercase;color:#066273}
.seo28-wrap pre{white-space:pre;overflow:auto;padding:1rem;background:#142340;color:#f1f5fc;border-radius:10px;font-size:.9rem;line-height:1.55}
.seo28-wrap code{font-family:Consolas,Menlo,monospace}
.seo28-wrap :not(pre)>code{background:#e6eef4;color:#12324e;padding:2px 5px;border-radius:4px}
.seo28-wrap table{width:100%;border-collapse:collapse;margin:.9rem 0;display:block;overflow-x:auto}
.seo28-wrap th,.seo28-wrap td{padding:.62rem .8rem;text-align:left;border-bottom:1px solid #cddde8;white-space:normal;min-width:65px}
.seo28-wrap th{background:#e9f4f7;color:#10284f}
.seo28-wrap details{border:1px solid #bed8e2;border-radius:10px;margin:.75rem 0;padding:.8rem 1rem;background:#fff}
.seo28-wrap summary{cursor:pointer;font-weight:750;color:#08677f}
.seo28-wrap a{color:#075c77}
.seo28-wrap a:focus-visible,.seo28-wrap summary:focus-visible{outline:3px solid #6d54ad;outline-offset:3px}
.seo28-small{font-size:.9rem;color:#475d72}
.seo28-related{border-top:3px solid #0b8da3;margin-top:2rem;padding-top:1.25rem}
.seo28-wrap h2{color:#142a51;margin-top:1.45rem}
.seo28-wrap h3{color:#143c5d}
.seo28-number{display:inline-block;background:#dcf7f5;color:#0b5e68;border-radius:50px;padding:.15rem .6rem;font-weight:800;margin-right:.3rem}
@media(max-width:600px){.seo28-wrap{padding:0 16px;margin:1.2rem auto}.seo28-panel{padding:1rem}.seo28-grid{grid-template-columns:1fr}.seo28-wrap pre{font-size:.78rem}}