:root{--page: #f5f7fb;--ink: #172033;--muted: #5c6679;--link: #174ea6;--chrome: #c0c0c0;--light: #fff;--mid: #808080;--content: 780px}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}button,input{font:inherit}button{color:inherit}a{color:var(--link)}a:hover{text-decoration-thickness:2px}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:8px 12px;transform:translateY(-150%);border-radius:4px;background:#fff;color:#000;font-weight:700}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:#fff;border-bottom:1px solid #dce1ea}.brand{display:inline-flex;align-items:center;gap:7px;color:#121a2b;font-size:18px;font-weight:700;text-decoration:none}.brand-mine{color:#536074;font-size:20px}.play-link{color:#27334a;font-size:14px;font-weight:700;text-underline-offset:3px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:13px 0 17px}th,td{padding:9px 12px;border:1px solid #d8dde7;text-align:left}thead{background:#edf2fb}.site-footer{padding:30px 20px 34px;border-top:1px solid #dce1ea;background:#fff;color:#5b6474;text-align:center;font-size:13px}.site-footer p{margin:0 0 12px}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}.site-footer a{color:#33405a}.site-footer .cookie-settings{padding:0;border:0;background:none;color:#33405a;font:inherit;text-decoration:underline;cursor:pointer}@media(max-width:600px){.site-header{min-height:48px;padding:0 14px}.play-link{font-size:13px}}[hidden]{display:none!important}:where(a,button,select,summary):focus-visible{outline:3px solid #2466c2;outline-offset:3px}select{font:inherit;color:inherit}.header-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.header-nav a{color:#27334a;text-underline-offset:4px;padding:10px 0}.eyebrow{display:block;color:#376085;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #174ea6;border-radius:8px;background:#174ea6;color:#fff;font:700 13px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer}.primary-button:hover{background:#103e88;color:#fff}@media(max-width:600px){.header-nav{gap:18px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:600px){.site-header{gap:8px;padding-inline:12px}.header-nav{gap:12px;font-size:12px}.brand{font-size:16px;gap:5px}}@media(max-width:360px){.site-header{padding-inline:9px}.brand{font-size:14px}.brand-mine{font-size:17px}.header-nav{gap:10px;font-size:11px}.play-link{font-size:11px}}.guide-page{max-width:1100px;margin:0 auto;padding:28px 28px 64px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#627089;margin-bottom:32px}.breadcrumbs a{text-underline-offset:3px}.guide-hero{max-width:760px;padding-bottom:30px}.guide-hero h1{margin:12px 0 16px;font-size:clamp(34px,4.7vw,54px);letter-spacing:-.04em;line-height:1.08}.guide-hero>p{font-size:19px;color:#46546a;max-width:650px;line-height:1.6;margin:0 0 18px}.guide-byline{font-size:12px;color:#59687d}.guide-byline a{color:inherit;text-underline-offset:3px}.guide-practice-link{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;text-underline-offset:4px;padding:6px 0}.guide-tabs{display:flex;gap:5px;border-bottom:1px solid #d4deeb;margin-bottom:30px}.guide-tabs a{padding:13px 19px;color:#46546a;font-size:14px;font-weight:700;text-decoration:none;border-bottom:3px solid transparent}.guide-tabs a span{margin-right:6px;font:12px Courier New,monospace}.guide-tabs a[aria-current=page]{color:#174ea6;border-color:#2466c2;background:#eaf0f7;border-radius:8px 8px 0 0}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:32px;align-items:start}.guide-article{min-width:0;background:#fff;padding:32px;border:1px solid #dfe5ef;border-radius:14px}.guide-article h2{font-size:25px;letter-spacing:-.025em;line-height:1.25;margin:0 0 16px}.guide-article h3{font-size:17px;line-height:1.4}.guide-article p{margin:0 0 17px}.guide-article section+section{margin-top:44px;padding-top:34px;border-top:1px solid #e4e9f1}.guide-article section{scroll-margin-top:24px}.guide-article li+li{margin-top:12px}.guide-article ol,.guide-article ul{padding-left:23px;margin:20px 0}.answer-summary{color:#23374c;font-size:17px}.guide-steps li::marker{color:#255c9b;font-weight:700}.guide-sidebar{position:sticky;top:24px;font-size:13px}.guide-sidebar nav{display:grid;gap:3px;margin:7px 0 22px}.guide-sidebar nav strong{color:#53657b;text-transform:uppercase;font-size:10px;letter-spacing:.11em;margin-bottom:8px}.guide-sidebar nav a{display:block;padding:8px 0;text-decoration:none;color:#43566f}.guide-sidebar nav a:hover{text-decoration:underline}.guide-sidebar>p{margin-top:17px;font-size:12px;line-height:1.7;color:#627089}.guide-next{margin-top:48px;max-width:800px}.guide-next h2{margin:5px 0 0;font-size:27px;letter-spacing:-.025em}.rule-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.rule-pair>div{padding:19px;border:1px solid #dce4ef;border-radius:10px;background:#f8fafc}.rule-pair h3{margin:9px 0}.rule-pair p{font-size:14px;margin:0}.rule-symbol{color:#174ea6;font-size:23px;line-height:1}.guide-callout{border-left:3px solid #7c9cbe;background:#f0f5fb;padding:20px;margin:25px 0;border-radius:0 10px 10px 0}.guide-callout p{margin:10px 0 0}.guide-article caption{text-align:left;color:#53657b;font-size:12px;padding-bottom:8px}.guide-article th,.guide-article td{font-size:14px;padding:10px}@media(max-width:850px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:20px}.guide-sidebar{position:static;grid-row:1}.guide-sidebar nav{display:flex;flex-wrap:wrap;gap:4px 15px;margin:0 0 3px}.guide-sidebar nav strong{flex-basis:100%;margin:0}.guide-sidebar nav a{padding:4px 0;font-size:12px}.guide-sidebar>.primary-button,.guide-sidebar>p{display:none}}@media(max-width:600px){.guide-page{padding:20px 12px 40px}.breadcrumbs{margin-bottom:24px;font-size:11px}.guide-hero{padding:0 7px 22px}.guide-hero>p{font-size:17px}.guide-byline{font-size:11px}.guide-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.guide-tabs a{padding:11px 9px;font-size:12px}.guide-tabs a span{margin-right:2px;font-size:10px}.guide-sidebar{padding:0 8px}.guide-article{padding:24px 18px}.guide-article h2{font-size:23px}.guide-article section+section{margin-top:34px;padding-top:28px}.guide-article .answer-summary{font-size:16px}.guide-article th,.guide-article td{font-size:12px;padding:8px}.rule-pair{grid-template-columns:1fr}.rule-pair>div{padding:17px}.guide-next{padding:0 5px}}.learning-links{display:grid;gap:12px;margin:22px 0 8px}.learning-card{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid #dce4ef;border-radius:12px;color:var(--ink);background:#f8fafc;text-decoration:none;transition:border-color .15s,background .15s}.learning-card:hover{border-color:#8daed5;background:#f0f5fb}.learning-number{flex:0 0 38px;height:38px;display:grid;place-items:center;background:#e7eef8;color:#255c9b;font:700 15px Courier New,monospace;border:1px solid #cbd8e9;box-shadow:inset 2px 2px #fff}.learning-card-body{display:grid;gap:5px}.learning-card-body strong{color:#174ea6;font-size:17px;line-height:1.35}.learning-card-body>span{color:#46546a;font-size:14px}.learning-card-body small{color:#56667d;font-size:11px;margin-top:4px}.learning-arrow{margin-left:auto;color:#376085;font-size:20px}.lesson{margin:24px 0;border:1px solid #cad9e8;border-radius:12px;overflow:hidden;background:#f5f8fc}.lesson-heading{padding:21px 23px 16px;border-bottom:1px solid #d9e3ef}.lesson-heading h3,.content .lesson-heading h3{margin:7px 0 9px;font-size:20px;letter-spacing:-.02em}.lesson-heading p,.content .lesson-heading p{font-size:13px;line-height:1.65;color:#50627b;margin:0}.lesson-workspace{display:grid;grid-template-columns:minmax(202px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;padding:24px 22px}.lesson-board-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.lesson-board{display:grid;width:max-content;background:#aeb3b9;padding:5px;border:1px solid #8c929b;box-shadow:inset 2px 2px #fff,inset -2px -2px #80858d}.lesson-cell{width:48px;height:48px;padding:0;border:3px solid;border-color:#fff #80858d #80858d #fff;background:#c9cdd1;color:#344054;font:700 18px/1 Arial,sans-serif;cursor:pointer;border-radius:0;touch-action:manipulation}.lesson-cell.is-open{background:#e1e4e7;border:1px solid #a3aab3}.lesson-cell.is-flag{color:#b52e1c;font-size:25px}.lesson-cell[aria-disabled=true],.lesson-cell:disabled{cursor:default;opacity:1}.lesson-cell[aria-disabled=false]:hover{box-shadow:inset 0 0 0 2px #4774a7}.lesson-cell.is-correct{background:#dcf0e3}.lesson-cell.n1{color:#0752c3}.lesson-cell.n2{color:#1b6a31}.lesson-cell.n3{color:#b12a29}.lesson-cell.n4{color:#42378d}.lesson-board-caption{text-align:center;max-width:190px;color:#56667d;font-size:11px;line-height:1.6}.lesson-coach{min-width:0}.lesson-step,.content .lesson-step{margin:0 0 7px;color:#376085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lesson-prompt,.content .lesson-prompt{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.5}.lesson-feedback,.content .lesson-feedback{min-height:54px;margin:0 0 15px;color:#50627b;font-size:13px;line-height:1.65}.lesson-feedback[data-tone=success]{color:#21603c}.lesson-feedback[data-tone=try-again]{color:#824510}.lesson-feedback[data-tone=hint]{color:#174ea6}.lesson-controls{min-height:44px}.lesson-actions{display:flex;flex-wrap:wrap;gap:8px}.lesson-actions button{min-height:44px;border:1px solid #bdccdf;border-radius:7px;padding:8px 11px;background:#fff;color:#284a73;font-size:12px;font-weight:700;cursor:pointer}.lesson-actions .primary-button{background:#174ea6;color:#fff;border-color:#174ea6}.lesson-actions [data-lesson-reset]{background:transparent;border-color:transparent;color:#53657b}.lesson-solution{background:#fff;padding:13px 22px;border-top:1px solid #d9e3ef;font-size:13px;color:#46546a}.lesson-solution summary{cursor:pointer;padding:4px 0;color:#284a73;font-size:12px;font-weight:700;min-height:32px}.lesson-solution p,.content .lesson-solution p{margin:13px 0 7px}.lesson-nojs{padding:0 22px;font-size:13px}.lesson[data-complete=true]{border-color:#8db69b}@media(max-width:600px){.lesson-workspace{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 18px}.lesson-heading{padding:18px}.lesson-heading h3,.content .lesson-heading h3{font-size:19px}.lesson-board-caption{max-width:230px}.lesson-solution{padding:12px 18px}.lesson-feedback{min-height:0}.learning-card{padding:16px 12px;gap:11px}.learning-number{flex-basis:30px;height:30px;font-size:13px}.learning-card-body strong{font-size:15px}.learning-card-body>span{font-size:13px}.learning-arrow{font-size:17px}}@media(prefers-reduced-motion:reduce){.learning-card{transition:none}}