:root{--paper:#f8f9f4;--surface:#fffefb;--ink:#243d32;--secondary:#53665b;--muted:#67796e;--green:#276044;--lime:#dfedb7;--line:#dce2d6;--soft:#ecf0e5;--rail:252px;--body:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--display:"Iowan Old Style","Songti SC","STSong",serif}
*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:90;padding:12px 20px;background:var(--green);color:var(--surface)}.skip:focus{top:10px}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:var(--soft);border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column;padding:30px 24px 20px}.brand{font-size:39px;font-weight:650;letter-spacing:-2px;line-height:1;display:inline-flex;align-items:center;gap:5px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--green);align-self:flex-end;margin-bottom:6px}.brand-label{font-size:12px;letter-spacing:.12em;color:var(--secondary);margin:11px 0 26px}.toc{overflow:auto;scrollbar-width:thin;flex:1;padding:0 2px 18px}.nav-group{margin:24px 0 8px;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:600}.nav-group:first-child{margin-top:0}.toc a{display:block;padding:7px 11px;margin:2px -1px;font-size:13px;color:var(--secondary);border-radius:5px;line-height:1.65}.toc a:hover{background:#e0e7d8;text-decoration:none}.toc a.active{background:var(--green);color:var(--surface)}.rail-foot{border-top:1px solid #d2dbcc;padding-top:16px;display:flex;justify-content:space-between;font-size:12px}.shell{margin-left:var(--rail)}.toolbar{height:76px;position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 48px}.toolbar-actions{display:flex;gap:24px;align-items:center;white-space:nowrap}.toolbar-actions a,.text-button{font-size:12px;color:var(--secondary)}.text-button{background:none;border:0;padding:0}.text-button:hover{color:var(--green)}.search-wrap{position:relative;width:300px;max-width:50vw}.search-wrap input{background:transparent;border:0;padding:10px 0;width:100%;color:var(--ink);font-size:13px;outline-offset:1px}input::placeholder{color:var(--muted)}.search-results{position:absolute;top:100%;left:0;width:420px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;border:1px solid var(--line);background:var(--surface);padding:8px;box-shadow:0 12px 35px #243d3214}.search-results a{display:block;padding:13px 14px;line-height:1.5}.search-results a:hover{background:var(--soft);text-decoration:none}.search-results span{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.search-results p{padding:12px;font-size:14px}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:4px;padding:5px 12px;color:var(--ink);font-size:13px}.progress{height:2px;position:absolute;bottom:-1px;left:0;background:var(--green);width:0}
main{max-width:1280px;margin:auto;padding:0 58px 70px}.home{padding-top:52px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--green);text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:35px;align-items:center}.hero h1{font:500 clamp(34px,3.6vw,54px)/1.35 var(--display);letter-spacing:-.04em;margin:24px 0 22px}.hero h1 em{font-style:normal;color:var(--green)}.hero .lead{color:var(--secondary);font-size:15px;max-width:530px;margin:0}.hero-links{display:flex;gap:26px;margin:24px 0;font-size:13px;font-weight:600}.memory-drawing{width:100%;height:auto;color:var(--ink)}.home-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:42px;border-top:1px solid var(--line);padding-top:30px}.home-intro h2{font-size:20px;font-weight:600;margin:0}.home-intro p{font-size:13px;color:var(--muted);margin:0}.start-panel{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}.switcher{display:flex;border-bottom:1px solid var(--line);background:#f0f3ea;padding:0 24px;gap:28px}.switcher button{border:0;border-bottom:2px solid transparent;padding:17px 0 15px;background:none;color:var(--secondary);font-size:14px}.switcher button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:600}.start-content{padding:24px 28px 20px}.start-instruction{font-size:14px;color:var(--secondary);margin:0 0 17px}.start-content .prompt-text{font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--body);margin:0}.start-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:21px;padding-top:17px}.start-foot a{font-size:12px}.copy-primary{background:var(--green);border:1px solid var(--green);color:var(--surface);border-radius:5px;padding:9px 18px;font-size:13px;font-weight:600}.copy-primary:hover{background:#1d4c35}.start-note{font-size:12px;color:var(--muted);margin:13px 0 0}.explore{margin-top:52px}.section-kicker{font-size:12px;letter-spacing:.04em;color:var(--muted);margin:0 0 16px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}.explore-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);color:var(--ink)}.explore-link:hover{text-decoration:none;color:var(--green)}.explore-link strong{font-size:16px;font-weight:550}.explore-link small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.arrow{font-size:20px;color:var(--green)}.home-footer{margin-top:52px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
.chapter{max-width:840px;margin:0 auto;padding:40px 0 20px;overflow-wrap:anywhere}.breadcrumb{font-size:12px;display:flex;gap:12px;align-items:center;color:var(--muted);margin-bottom:24px}.chapter-label{font-size:11px;letter-spacing:.15em;color:var(--green);font-weight:600}.chapter-title{font:600 clamp(27px,3vw,38px)/1.45 var(--display);letter-spacing:-.02em;margin:12px 0 28px;padding-bottom:26px;border-bottom:1px solid var(--line)}.chapter p{margin:18px 0}.chapter h3{font-size:21px;line-height:1.55;font-weight:600;margin:46px 0 20px;scroll-margin-top:20px;letter-spacing:-.01em}.chapter h4{font-size:17px;margin:30px 0 12px}.chapter ul,.chapter ol{padding-left:24px}.chapter li{margin:10px 0;padding-left:4px}.chapter strong{font-weight:600;color:#203c2d}.chapter p a,.chapter li a{box-decoration-break:clone;text-decoration:underline;text-decoration-color:#a1b899;text-underline-offset:4px}.chapter blockquote{margin:25px 0;padding:3px 20px;background:var(--soft);border:0;color:var(--secondary)}.chapter :not(pre)>code{padding:2px 5px;font-size:.87em;border-radius:3px;background:#e9eee2;color:#315c43;font-family:"SFMono-Regular",Consolas,monospace}.table-scroll{overflow:auto;margin:28px 0;scrollbar-width:thin;border:1px solid var(--line);border-radius:5px}.chapter table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.8;min-width:530px;background:var(--surface)}.chapter th{background:var(--soft);color:var(--green);font-size:12px;font-weight:600}.chapter td,.chapter th{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top}.chapter tr:last-child td{border-bottom:0}.chapter td:first-child{font-weight:550;min-width:105px}.code-wrap{border:1px solid var(--line);border-radius:6px;background:var(--surface);margin:24px 0;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);background:#f1f4ec}.copy-code{font-size:11px;color:var(--green);border:0;background:transparent;padding:0 4px}.chapter pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;margin:0;font:12px/1.85 "SFMono-Regular",Consolas,monospace}.chapter pre code{font:inherit}.chapter .ai-example pre{font:14px/1.9 var(--body)}.source-detail{margin:26px 0;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.source-detail summary{cursor:pointer;font-size:13px;font-weight:600;padding:15px 20px;color:var(--green)}.source-detail .code-wrap{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 6px 6px}.chapter figure{margin:30px 0}.chapter figure img{width:100%;height:auto;display:block}.chapter figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}.chapter .sources{font-size:12px;color:var(--muted)}.in-page{margin:26px 0 34px;border-bottom:1px solid var(--line);padding:0 0 22px}.in-page summary{font-size:12px;color:var(--muted);cursor:pointer}.in-page nav{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:6px;margin-top:14px;font-size:12px}.chapter-pagination{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);margin-top:54px;padding-top:23px;font-size:14px}.chapter-pagination a{max-width:50%}.chapter-pagination small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.chapter-pagination a:last-child{text-align:right;margin-left:auto}.reading-footer{font-size:12px;color:var(--muted);padding:40px 0 0}.reading-footer a{margin-left:14px}.backdrop{display:none}.toast{position:fixed;bottom:28px;left:calc(50% + 126px);transform:translateX(-50%);padding:10px 21px;background:var(--green);color:var(--surface);font-size:13px;border-radius:5px;z-index:100}
@media(min-width:1600px){main{padding-left:80px;padding-right:80px}.home{padding-top:70px}.hero h1{font-size:58px}.hero-grid{grid-template-columns:1fr 310px}.home-intro{margin-top:62px}}
@media(max-width:1180px){:root{--rail:226px}.rail{padding:26px 19px 19px}main{padding:0 34px 55px}.toolbar{padding:0 34px}.hero-grid{grid-template-columns:1fr 200px;gap:15px}.hero h1{font-size:37px}.hero .lead{font-size:14px}.home-intro{display:block}.home-intro p{margin-top:6px}.toolbar-actions{gap:17px}}
@media(max-width:900px){:root{--rail:210px}.rail{padding:23px 16px 16px}.toc a{font-size:12px}.hero-grid{grid-template-columns:1fr}.memory-drawing{display:none}.hero h1{font-size:38px}.hero .lead{max-width:100%}.home{padding-top:36px}.toolbar{padding:0 26px;height:66px}.toolbar-actions .site-link{display:none}.search-wrap{width:230px}.hero-links{margin-bottom:0}.home-intro{margin-top:34px}.start-content{padding:20px}.switcher{padding:0 20px}.explore-grid{column-gap:24px}.explore-link strong{font-size:14px}.explore-link small{font-size:11px}.chapter{font-size:15px}.chapter-title{font-size:30px}.chapter h3{font-size:20px}}
@media(max-width:720px){:root{--rail:0px}.shell{margin:0}.rail{width:256px;visibility:hidden;transform:translateX(-100%);transition:transform .2s ease;z-index:80}.nav-open .rail{visibility:visible;transform:translateX(0)}.nav-open .backdrop{display:block;position:fixed;inset:0;background:#203c2d55;border:0;z-index:70}.toolbar{height:64px;padding:0 20px;gap:16px}.menu-button{display:block;white-space:nowrap}.search-wrap{width:auto;max-width:none;flex:1}.toolbar-actions{gap:0}.toolbar-actions a{display:none}.toolbar-actions button{font-size:11px}.search-results{left:-70px;width:calc(100vw - 40px)}main{padding:0 23px 40px}.home{padding-top:34px}.eyebrow{font-size:10px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(25px,8vw,34px);line-height:1.4;letter-spacing:-.055em;margin:22px 0 20px}.hero .lead{font-size:14px;line-height:1.9}.hero-links{font-size:12px;gap:25px;margin-top:22px}.home-intro{margin-top:32px;padding-top:24px}.home-intro h2{font-size:18px}.home-intro p{font-size:12px}.switcher{gap:23px;padding:0 18px}.switcher button{font-size:13px;padding:14px 0}.start-content{padding:19px 18px 17px}.start-instruction{font-size:12px}.start-content .prompt-text{font-size:13px;line-height:1.9}.start-foot{gap:10px}.copy-primary{padding:8px 14px;font-size:12px}.start-foot a{font-size:11px}.start-note{font-size:11px;line-height:1.8}.explore{margin-top:35px}.explore-grid{grid-template-columns:1fr}.explore-link{padding:17px 0}.explore-link strong{font-size:15px}.explore-link small{font-size:12px}.home-footer{margin-top:33px;font-size:11px;display:block}.home-footer a{display:inline-block;margin-top:9px}.chapter{padding-top:28px;font-size:15px;line-height:1.85}.breadcrumb{font-size:11px;margin-bottom:21px}.chapter-title{font-size:29px;line-height:1.5;margin:11px 0 25px;padding-bottom:22px}.chapter h3{font-size:20px;margin-top:35px}.chapter td,.chapter th{padding:12px}.chapter pre{padding:16px;font-size:11px}.chapter .ai-example pre{font-size:13px}.in-page nav{display:block}.in-page nav a{display:block;margin-top:8px}.chapter-pagination{font-size:13px;gap:16px}.toast{left:50%;width:max-content;max-width:90vw}.reading-footer{font-size:11px}.reading-footer a{margin-left:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:#111;font-size:11pt}.rail,.toolbar,.home,.backdrop,.chapter-pagination,.reading-footer,.copy-code,.in-page,.toast,.breadcrumb,.skip{display:none!important}.shell{margin:0}main{padding:0;max-width:none}.chapter,.chapter[hidden]{display:block!important;max-width:none;padding:0;break-before:page}.chapter-title{font-size:25pt}.chapter h3{font-size:17pt}.table-scroll{overflow:visible}.chapter table{min-width:0;font-size:9pt}.chapter pre{font-size:8pt}.source-detail{break-inside:avoid}.chapter figure{break-inside:avoid}.chapter img{max-height:80vh}.chapter a{color:inherit;text-decoration:none}.chapter p,.chapter li{orphans:3;widows:3}}

/* Article screenshots are grouped by the action being explained. */
.chapter .article-figure{margin:28px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.chapter .article-figure>a{display:block;padding:12px;background:#f1f3ed}
.chapter .article-figure img{max-width:100%;height:auto;border-radius:4px}
.chapter .article-figure figcaption{margin:0;text-align:left;padding:14px 18px;font-size:12px;line-height:1.8;color:var(--secondary)}
.article-figure figcaption span{display:block;margin-top:4px;font-size:11px;color:var(--green)}
.image-gallery{margin:25px 0 32px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.gallery-tabs{display:flex;gap:22px;padding:0 20px;background:var(--soft);border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin}
.gallery-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--secondary);font-size:12px;padding:14px 0}
.gallery-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green);font-weight:600}
.chapter .image-gallery .article-figure{margin:0;border:0;border-radius:0}
.chapter .image-gallery .article-figure>a{height:480px;display:flex;justify-content:center;align-items:center;padding:20px}
.chapter .image-gallery .article-figure img{width:auto;max-height:100%;max-width:100%;object-fit:contain}
@media(max-width:720px){.gallery-tabs{gap:20px;padding:0 14px}.gallery-tabs button{font-size:11px}.chapter .image-gallery .article-figure>a{height:370px;padding:10px}.chapter .article-figure figcaption{font-size:11px;padding:12px 14px}.chapter .article-figure>a{padding:7px}}
@media print{.gallery-tabs{display:none}.chapter .image-gallery .article-figure[hidden]{display:block!important}.image-gallery{border:0}.chapter .image-gallery .article-figure{break-inside:avoid;border:1px solid #ccc;margin:12px 0}.chapter .image-gallery .article-figure>a{height:auto;max-height:none}.chapter .image-gallery .article-figure img{max-height:60vh}}