.app-shell{grid-template-columns:268px minmax(0,1fr);max-width:1600px;min-height:100vh;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);background:#eeeee3;height:100vh;padding:30px 22px;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:12px;margin-bottom:34px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#f7f2dc;font:700 20px var(--mono);padding:12px 9px}.brand strong{white-space:nowrap;font-size:14px;display:block}.brand small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.home-link,.library-link{border:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:13px;text-decoration:none;display:flex}.home-link.active{background:var(--green);color:#fffdf8}.home-link:hover:not(.active),.library-link:hover:not(.active){background:#e1e5d7}.nav-caption{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:29px 0 12px}.family-nav{gap:6px;display:grid}.family-nav a{border-left:2px solid #0000;align-items:center;gap:12px;padding:9px 10px;font-size:12px;line-height:1.5;text-decoration:none;display:flex}.family-nav a:hover{background:#e1e5d7}.family-nav a.active{border-left-color:var(--green);color:var(--green);background:#dce4d5}.nav-number{color:var(--muted);font:10px var(--mono)}.library-link{border:1px solid #b6c3b6;margin-top:27px;font-size:12px}.library-link>span:last-child{font:10px var(--mono)}.library-link.active{background:var(--green);color:var(--white);border-color:var(--green)}.sidebar-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:28px;padding-top:20px;font-size:12px}.sidebar-foot p{margin:10px 0 12px}.sidebar-foot code{font:10px var(--mono)}.main-shell{min-width:0;padding:32px 5.5% 0}.topbar{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.topbar-caption{font:10px var(--mono);color:var(--muted)}.main-shell main{min-height:calc(100vh - 180px);padding-top:32px}footer{border-top:1px solid var(--line);color:var(--muted);font:10px/1.7 var(--mono);justify-content:space-between;gap:15px;margin-top:46px;padding:18px 0 24px;display:flex}.skip-link{background:var(--green);color:#fff;z-index:20;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}@media (width<=1100px){.app-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:25px 16px}.brand{gap:9px}.brand strong{font-size:12px}.main-shell{padding-left:28px;padding-right:28px}}@media (width<=700px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:17px 18px;position:static}.brand{margin-bottom:12px}.brand-mark{padding:8px;font-size:18px}.brand strong{font-size:14px}.sidebar nav{gap:10px;display:flex}.home-link,.library-link{flex:1;margin:0;padding:8px 10px;font-size:12px}.family-nav,.nav-caption,.sidebar-foot{display:none}.main-shell{padding:22px 18px 0}.main-shell main{padding-top:25px}.topbar-caption{display:none}footer{font-size:9px}}.practice-link{border:1px solid #b6c3b6;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:11px 12px;font-size:12px;text-decoration:none;display:flex}.practice-link>span:last-child{font:10px var(--mono)}.practice-link:hover{background:#e1e5d7}.practice-link.active{background:var(--green);color:var(--white);border-color:var(--green)}@media (width<=700px){.sidebar nav{flex-wrap:wrap}.practice-link{flex-basis:100%;margin:0;padding:9px 10px}}.home-hero{padding-top:3px}.home-hero h1{margin:20px 0 22px;font-size:clamp(42px,5.1vw,74px)}.home-hero>p{color:var(--muted);max-width:690px;margin-bottom:25px;font-size:16px}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:26px;padding:15px 0;font-size:12px;display:flex}.hero-bottom b{font:19px var(--mono);margin-right:7px}.hero-note{font:italic 17px var(--serif);color:var(--muted);margin-left:auto}.search-row{align-items:center;gap:20px;margin:28px 0 22px;display:flex}.search-field{background:var(--white);border:1px solid #b6c3b6;flex:1;align-items:center;gap:12px;padding:11px 15px;display:flex}.search-field>span{font:21px var(--mono);color:var(--muted)}.search-field input{color:var(--ink);background:0 0;border:0;width:100%;min-width:0;font-size:13px}.search-field:focus-within{outline:2px solid var(--green);outline-offset:2px}.search-field input:focus-visible{outline:none}.search-count{font:10px var(--mono);color:var(--muted);white-space:nowrap}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.family-card{background:var(--white);border:1px solid var(--line);flex-direction:column;min-height:260px;padding:24px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.family-card:hover{border-color:var(--green);transform:translateY(-2px)}.family-card-meta{color:var(--muted);font:10px var(--mono);letter-spacing:.5px;justify-content:space-between;display:flex}.family-card-meta span:last-child{font-size:20px;line-height:1}.family-card h2{font:normal 28px/1.13 var(--serif);letter-spacing:-.6px;margin:22px 0 12px}.family-card p{color:var(--muted);max-width:560px;margin-bottom:24px;font-size:13px}.family-card-bottom{border-top:1px solid var(--line);color:var(--muted);gap:6px;margin-top:auto;padding-top:14px;font-size:10px;line-height:1.6;display:grid}.family-card-bottom>span:first-child{font:10px var(--mono);color:var(--green)}.family-card.featured{background:var(--green);color:#f5f1e2;grid-column:1/-1;min-height:245px;padding:26px 30px;position:relative;overflow:hidden}.featured .family-card-meta,.featured p,.featured .family-card-bottom{color:#c8d6bd}.featured h2{margin-top:18px;font-size:36px}.featured .family-card-bottom{border-color:#56745d;justify-content:space-between;gap:20px;display:flex}.featured .family-card-bottom>span:first-child{color:#e4e8ce}.featured:hover{border-color:var(--orange)}.library-teaser{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:25px;display:flex}.library-teaser h2{font:normal 26px var(--serif);margin:9px 0 10px}.library-teaser p{color:var(--muted);max-width:560px;margin:0;font-size:13px}@media (width<=1000px){.hero-note{display:none}.family-card{min-height:280px;padding:22px}.family-card h2{font-size:26px}.library-teaser{flex-direction:column;align-items:start}.library-teaser .outline-link{align-self:stretch}.search-row{gap:12px}}@media (width<=620px){.home-hero h1{font-size:44px}.home-hero>p{font-size:14px}.hero-bottom{gap:14px;font-size:11px}.hero-bottom b{font-size:16px}.family-grid{grid-template-columns:1fr}.family-card,.family-card.featured{min-height:0;padding:22px}.featured h2{font-size:31px}.featured .family-card-bottom{flex-direction:column;gap:7px}.family-card h2{margin-top:18px}.search-row{flex-wrap:wrap;gap:10px}.search-field{flex-basis:100%}.search-count{margin-bottom:2px}}.home-practice-link{background:#e8edde;border:1px solid #bccbb4;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:23px 25px;text-decoration:none;display:flex}.home-practice-link h2{font:normal 27px var(--serif);margin:8px 0}.home-practice-link p{color:var(--muted);margin:0;font-size:12px}.home-practice-link>span{color:var(--green);white-space:nowrap;font-size:12px}.home-practice-link:hover{border-color:var(--green)}@media (width<=620px){.home-practice-link{flex-direction:column;align-items:start;gap:18px}}.code-block{background:var(--code);color:#e2e8d4}.code-bar{font:10px/1.7 var(--mono);color:#a9c0ac;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #34493d;justify-content:space-between;align-items:center;gap:14px;padding:11px 21px;display:flex}.code-bar>span>span{color:#678674;padding:0 7px}.code-bar button{color:#edf3df;font:10px var(--mono);white-space:nowrap;background:0 0;border:1px solid #667d69;border-radius:3px;padding:5px 10px}.code-bar button:hover{background:#344e3e}.code-block pre{white-space:normal;font:12px/1.85 var(--mono);tab-size:4;margin:0;padding:20px 21px 16px}.code-block code{font:inherit;display:block}.code-line{grid-template-columns:3ch minmax(0,1fr);gap:17px;display:grid}.line-number{color:#8da799;text-align:right;-webkit-user-select:none;user-select:none;box-sizing:content-box;border-right:1px solid #34493d;padding-right:10px}.line-number:before{content:attr(data-number)}.line-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;min-height:1.85em}.syntax-keyword{color:#eabe79}.syntax-string{color:#a9d3a0}.syntax-comment{color:#8da799;font-style:italic}.syntax-number{color:#c0b3e0}.wrap-hint{color:#a9c0ac;font:9px/1.7 var(--mono);margin:0;padding:4px 21px 15px}.manual-copy{padding:16px;font-size:12px;display:block}.manual-copy textarea{width:100%;min-height:170px;font:11px var(--mono);background:var(--white);color:var(--ink);margin-top:10px;display:block}@media (width<=620px){.code-bar{padding:10px 15px;font-size:9px}.code-bar button{font-size:9px}.code-block pre{padding:18px 14px 13px;font-size:11px}.code-line{gap:14px}.wrap-hint{padding-left:15px;padding-right:15px;font-size:9px}}.note{color:#755329;background:#f7ecd8;border:1px solid #e6d1aa;gap:12px;margin:18px 0;padding:16px 20px;font-size:12px;line-height:1.85;display:flex}.note>span{font-size:18px;line-height:1.4}.note strong{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;display:block}.note p{margin:0}.note-info{color:#405b45;background:#e9eee1;border-color:#d0dbca}.application{border-top:2px solid var(--ink);margin-top:34px;padding-top:24px}.example-source{color:var(--muted);margin:17px 0;font-size:12px}.example-source a{color:var(--orange)}.example-picker{flex-wrap:wrap;gap:8px;display:flex}.example-picker button{background:0 0;border:1px solid #c8d3c3;padding:8px 12px;font-size:12px}.example-picker button.selected{border-color:var(--green);color:var(--green);background:#e4ebdb}.example-code{border:1px solid var(--line);background:var(--white)}.example-code .explanation-grid{border:0}.recognition{color:var(--green);align-items:center;gap:15px;margin-top:20px;padding:15px 0 0;font-size:13px;display:flex}.recognition .eyebrow{white-space:nowrap}.algorithm-steps{border:1px solid var(--line);background:#eeeee3;flex-wrap:wrap;margin:25px 0 32px;padding:0;list-style:none;display:flex}.algorithm-steps li{white-space:nowrap;flex:1;align-items:center;gap:10px;padding:14px 15px;font-size:12px;display:flex}.algorithm-steps li+li{border-left:1px solid var(--line)}.algorithm-steps li>span{font:10px var(--mono);color:var(--muted)}.model-section{margin-top:28px}.variants{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.case-nav{flex-wrap:wrap;gap:8px;margin-bottom:21px;display:flex}.case-nav a{background:var(--white);border:1px solid #bdcbb9;padding:9px 14px;font-size:12px;text-decoration:none}.case-nav a:hover{background:#e5ebdc}.case-nav a.selected{background:var(--green);color:var(--white);border-color:var(--green)}.case-intro h3{font:normal 24px var(--serif);margin:0 0 10px}.case-intro p,.case-detail{color:var(--muted);max-width:800px;font-size:13px;line-height:1.8}.case-intro p{margin-bottom:18px}.case-detail{margin-top:17px}.related-pattern{border:1px solid var(--line);color:var(--green);background:#eeeee3;align-items:center;gap:15px;margin-top:20px;padding:13px 18px;font-size:13px;text-decoration:none;display:flex}.related-pattern span:first-child{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px}.related-pattern span:last-child{margin-left:auto;font-size:18px}.related-pattern:hover{border-color:var(--green)}@media (width<=1000px){.algorithm-steps li{white-space:normal;flex-basis:45%}.algorithm-steps li:nth-child(3){border-left:0}.algorithm-steps li:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=620px){.recognition{flex-direction:column;align-items:start;gap:7px}.algorithm-steps li{gap:7px;padding:12px 10px;font-size:11px}.case-nav a{padding:8px 10px;font-size:11px}.related-pattern{flex-wrap:wrap;gap:8px}.related-pattern span:first-child{flex-basis:100%}.related-pattern span:last-child{margin-left:auto}}.family-practice-link{color:var(--green);background:#e8edde;border:1px solid #c5d1bd;align-items:center;gap:18px;margin-top:30px;padding:18px 20px;text-decoration:none;display:flex}.family-practice-link>span:first-child{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.family-practice-link strong{font-size:13px;font-weight:400}.family-practice-link>span:last-child{margin-left:auto;font-size:20px}.family-practice-link:hover{border-color:var(--green)}@media (width<=620px){.family-practice-link{flex-wrap:wrap;gap:10px}.family-practice-link>span:first-child{flex-basis:100%}}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.exercise-card{border:1px solid var(--line);background:var(--white);flex-direction:column;padding:26px;display:flex}.exercise-card h2{font:normal 28px/1.15 var(--serif);margin:14px 0}.exercise-card h2 a{text-decoration:none}.exercise-card h2 a:hover{color:var(--orange)}.exercise-card>p{color:var(--muted);font-size:13px;line-height:1.8}.exercise-families{flex-wrap:wrap;gap:6px;margin:5px 0 23px;display:flex}.exercise-families span{font:9px/1.6 var(--mono);color:var(--green);background:#eaf0e2;padding:5px 7px}.exercise-open{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;margin-top:auto;padding-top:15px;font-size:12px;text-decoration:none;display:flex}.exercise-open:hover{color:var(--orange)}.library-footnote{color:var(--muted);max-width:730px;margin-top:25px;font-size:12px}.extracted-patterns{margin-top:28px}.extracted-patterns h2{font:normal 27px var(--serif);margin:7px 0 16px}.pattern-links{flex-wrap:wrap;gap:8px;display:flex}.pattern-links a{background:var(--white);color:var(--green);border:1px solid #c7d2c1;gap:12px;padding:9px 12px;font-size:12px;text-decoration:none;display:flex}.pattern-links a:hover{border-color:var(--green);background:#eaf0e2}.source-program{margin-top:30px}.source-caption{color:var(--muted);margin-top:-5px;margin-bottom:18px;font-size:12px}@media (width<=900px){.exercise-grid{grid-template-columns:1fr}.exercise-card{padding:23px}}.exercise-statement,.exercise-decomposition,.exercise-review{margin-top:30px}.statement-origin{color:var(--muted);font-size:12px;line-height:1.8}.statement-body{background:var(--white);border:1px solid var(--line);padding:26px;font-size:14px;line-height:1.9}.statement-body h3{font:normal 23px var(--serif);margin:24px 0 12px}.statement-body ul,.statement-body ol{margin-bottom:0;padding-left:24px}.statement-body li+li{margin-top:12px}.statement-body p:last-child{margin-bottom:0}.exercise-decomposition ul{border:1px solid var(--line);background:#eeeee3;padding:20px 25px 20px 42px;font-size:13px;line-height:1.9}.exercise-decomposition li+li{margin-top:10px}@media (width<=620px){.statement-body{padding:20px;font-size:13px}}.statement-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7}.statement-table th,.statement-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:10px 12px}.statement-table th{color:var(--green);font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.4px;background:#eeeee3}.statement-table td:first-child{font-weight:700}.statement-format{border:1px solid var(--line);background:#eeeee3;margin-top:22px;padding:16px 18px}.statement-format code{font:12px/1.9 var(--mono);overflow-wrap:anywhere;margin-top:8px;display:block}.statement-origin a,.source-caption a{color:var(--orange)}@media (width<=620px){.statement-table{font-size:11px}.statement-table th,.statement-table td{padding:8px 6px}.statement-format{padding:13px}.statement-format code{font-size:11px}}.mixed-card{background:var(--green);color:#f5f1e2;border:1px solid var(--green);justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:28px 30px;text-decoration:none;transition:transform .15s;display:flex}.mixed-card:hover{border-color:var(--orange);transform:translateY(-2px)}.mixed-card .eyebrow{color:#c8d6bd}.mixed-card h2{font:normal 33px/1.15 var(--serif);margin:10px 0}.mixed-card p{color:#c8d6bd;max-width:600px;margin:0;font-size:13px}.mixed-action{white-space:nowrap;align-items:center;gap:24px;font-size:13px;display:flex}.mixed-action>span{font-size:23px}.practice-families{margin-top:34px}.practice-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.practice-family-card{background:var(--white);border:1px solid var(--line);flex-direction:column;padding:23px;text-decoration:none;transition:border-color .15s;display:flex}.practice-family-card:hover{border-color:var(--green)}.practice-card-meta{font:10px var(--mono);color:var(--muted);justify-content:space-between;gap:15px;display:flex}.practice-family-card h3{font:normal 27px/1.2 var(--serif);letter-spacing:-.4px;margin:18px 0 12px}.practice-family-card p{color:var(--muted);margin-bottom:20px;font-size:12px}.practice-card-action{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.practice-mode-line{justify-content:space-between;align-items:center;gap:15px;display:flex}.practice-level{font:10px var(--mono);color:var(--green);background:#e7ecdd;padding:5px 9px}.practice-task{background:var(--white);border:1px solid var(--line);margin-top:28px;padding:26px}.practice-task h2{font:normal 28px var(--serif);margin:9px 0 15px}.practice-task>p{max-width:850px;margin-bottom:20px;font-size:16px;line-height:1.85}.practice-deliverable{border-left:3px solid var(--green);background:#eef0e6;padding:13px 16px}.practice-deliverable pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--mono);margin:8px 0 0}.practice-deliverable code{font:inherit}.practice-given{margin-top:29px}.practice-conditions{margin-top:25px}.practice-conditions h2{font:normal 25px var(--serif);margin-bottom:12px}.practice-conditions ul{color:var(--muted);margin-bottom:0;padding-left:20px;font-size:13px;line-height:1.85}.practice-conditions li+li{margin-top:7px}.practice-checks{border-top:1px solid var(--line);margin-top:31px;padding-top:24px}.practice-checks table{border-collapse:collapse;background:var(--white);width:100%;font-size:12px;line-height:1.8}.practice-checks th{text-align:left;font:10px/1.7 var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--green);background:#eeeee3}.practice-checks th,.practice-checks td{border:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:13px 17px}.practice-checks td:first-child{width:45%;color:var(--muted)}.practice-help{margin-top:25px}.practice-reveal-actions{flex-wrap:wrap;gap:12px;display:flex}.practice-reveal-actions button{color:var(--green);background:0 0;border:1px solid #b6c3b6;justify-content:space-between;align-items:center;gap:22px;padding:11px 15px;font-size:12px;display:flex}.practice-reveal-actions button:hover{background:#e5ebdd}.practice-reveal-actions .is-open{border-color:var(--green);background:#e4ebdb}.practice-hint{color:#755329;background:#f7ecd8;border:1px solid #e6d1aa;margin-top:16px;padding:19px 22px}.practice-hint .eyebrow{color:#755329}.practice-hint p{margin:8px 0 0;font-size:13px;line-height:1.85}.practice-solution{border-top:2px solid var(--ink);margin-top:30px;padding-top:25px}.practice-solution-origin{color:var(--muted);margin-top:-4px;margin-bottom:20px;font-size:12px}.practice-solution-explanation{background:var(--white);border:1px solid var(--line);border-top:0;padding:23px}.practice-solution-explanation h3{font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:9px}.practice-solution-explanation p{margin-bottom:15px;font-size:13px;line-height:1.85}.practice-solution-explanation a{color:var(--orange);font-size:12px}.practice-next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:33px;padding-top:23px;display:flex}.practice-next p{color:var(--muted);margin:7px 0 0;font-size:12px}.practice-next-button{background:var(--green);border:1px solid var(--green);color:var(--white);white-space:nowrap;align-items:center;gap:28px;padding:12px 19px;font-size:13px;display:flex}.practice-next-button:hover{background:#153b2d}@media (width<=900px){.practice-family-grid{grid-template-columns:1fr}.mixed-card{flex-direction:column;align-items:start;gap:20px}.mixed-action{justify-content:space-between;align-self:stretch}}@media (width<=620px){.mixed-card{padding:24px 22px}.mixed-card h2{font-size:30px}.practice-task{padding:20px}.practice-task>p{font-size:14px}.practice-deliverable{padding:12px}.practice-deliverable pre{font-size:11px}.practice-checks th,.practice-checks td{padding:10px;font-size:11px}.practice-reveal-actions button{width:100%}.practice-next{flex-direction:column;align-items:stretch;gap:17px}.practice-next-button{justify-content:space-between}.practice-mode-line{flex-wrap:wrap;gap:10px}}[hidden]{display:none!important}.practice-workspace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;margin-top:26px;display:grid}.practice-brief{min-width:0}.practice-workspace .practice-task{margin-top:0;padding:22px}.practice-workspace .practice-task>p{font-size:14px;line-height:1.8}.practice-workspace .practice-checks th,.practice-workspace .practice-checks td{padding:10px}.practice-heading h1{font-size:clamp(34px,3.5vw,46px)}.practice-workspace .practice-reveal-actions button{width:100%}.practice-solution{clear:both}@media (width<=1100px){.practice-workspace{grid-template-columns:1fr}.practice-brief{display:contents}.practice-workspace .practice-task{grid-row:1}.practice-editor{grid-row:2}.practice-workspace .practice-conditions,.practice-workspace .practice-checks,.practice-workspace .practice-help{margin-top:0}}.practice-signature-task{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.8}:root{color:#243c32;font-synthesis:none;--paper:#f6f3eb;--white:#fffdf8;--ink:#243c32;--muted:#687269;--line:#d8ddd1;--green:#214c3c;--orange:#b64d25;--mono:"DejaVu Sans Mono",Consolas,monospace;--serif:Georgia,"Times New Roman",serif;--code:#172d25;background:#f6f3eb;font-family:Trebuchet MS,Verdana,sans-serif;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}main:focus{outline:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(39px,4.5vw,65px)/1.07 var(--serif);letter-spacing:-1.8px;margin:20px 0}h1 em{color:var(--green)}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:26px;font-size:12px;display:flex}.breadcrumbs a{color:var(--green);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.page-heading{border-bottom:1px solid var(--line);padding-bottom:26px}.page-heading>p{max-width:720px;color:var(--muted);margin-bottom:0;font-size:16px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{font:normal 29px/1.2 var(--serif);letter-spacing:-.5px;margin:8px 0 0}.section-counter{font:10px var(--mono);color:var(--muted);white-space:nowrap;margin-bottom:3px}.explanation-grid{background:var(--white);border:1px solid var(--line);border-top:0;grid-template-columns:1.1fr 1fr;gap:28px;padding:24px;display:grid}.explanation-grid h3{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 8px}.explanation-grid p{margin:0;font-size:13px;line-height:1.85}.empty-state{text-align:center;border:1px dashed var(--line);padding:55px 20px}.empty-state h2{font:normal 28px var(--serif)}.empty-state p{color:var(--muted);font-size:14px}.text-button{color:var(--orange);background:0 0;border:0;font-size:13px;text-decoration:underline}.outline-link{white-space:nowrap;border:1px solid #adbeae;justify-content:space-between;align-items:center;gap:20px;padding:11px 16px;font-size:13px;text-decoration:none;display:flex}.outline-link:hover{background:#e8eddf}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.family-footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:36px;padding-top:21px;font-size:12px;display:flex}.family-footer a{color:var(--green);text-decoration:none}.family-footer a:hover{text-decoration:underline}@media (width<=900px){.explanation-grid{grid-template-columns:1fr;gap:20px}.section-heading{gap:12px}.section-counter{display:none}}@media (width<=620px){h1{letter-spacing:-1px;font-size:39px}.page-heading>p{font-size:14px}.section-heading h2{font-size:26px}.explanation-grid{padding:20px}.family-footer{flex-direction:column;gap:14px}.breadcrumbs{margin-bottom:20px}}@media print{.sidebar,.topbar,footer,.family-footer,.copy-button,.code-bar button{display:none!important}.app-shell{display:block!important}.main-shell main{padding:0!important}body{background:#fff}.code-block{break-inside:avoid}.code-block pre{color:#000!important;background:#fff!important}.syntax-keyword,.syntax-number,.syntax-string,.syntax-comment{color:#000!important}.note{break-inside:avoid}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}