@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--paper:#f5f4ee;--white:#fffefa;--ink:#26342c;--muted:#7c8277;--line:#dddfd3;--orange:#d96638;--orange-light:#f4e4d9;--green:#74816a;--dark:#202c25;--mono:'IBM Plex Mono',Consolas,monospace;--sans:'Noto Sans SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--orange)}button{color:inherit}button:disabled{opacity:.45;cursor:default}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.4}svg{display:block}button svg{pointer-events:none}button{border:0}::selection{background:#dfac78;color:#202c25}.skip{position:fixed;top:-100px;z-index:99;background:var(--ink);color:white;padding:12px}.skip:focus{top:0}
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1328px;margin:auto;padding:19px 40px;display:flex;align-items:center;gap:48px;min-height:88px}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--orange);color:var(--white);font-weight:900;font-size:28px;border-radius:3px;line-height:1}.brand strong{font-size:23px;letter-spacing:1.5px;line-height:1.2}.brand-dot{color:var(--orange)}.brand small{display:block;font:8px/1.3 var(--mono);letter-spacing:1.5px;margin-top:5px}.header-inner nav{display:flex;gap:31px;align-self:stretch;align-items:center;margin-left:auto;white-space:nowrap}.header-inner nav a{font-size:13px;color:#697167;font-weight:500;position:relative}.header-inner nav a.active{color:var(--ink);font-weight:700}.header-inner nav a.active:after{content:'';height:3px;width:16px;background:var(--orange);position:absolute;left:calc(50% - 8px);bottom:-14px}.nav-arrow{font-size:12px;color:#8e968b;margin-left:5px}.header-actions{display:flex;gap:25px;align-items:center}.saved-link{font-size:13px;white-space:nowrap}.saved-link:first-letter{font-size:20px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:11px 22px;border-radius:3px;font-weight:600;font-size:13px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--dark);color:#f9f7e9}.btn-dark:hover{background:#394b3b}.btn-small{min-height:39px;padding:8px 16px;font-size:12px}.btn-small span{font-size:20px;line-height:1}.btn-orange{background:var(--orange);color:#fff9ed}.btn-orange:hover{background:#bc5128}.btn-outline{border:1px solid #75816d;color:#e9eddf;background:transparent}.btn-outline:hover{background:#ffffff0b}.btn-plain{border:1px solid var(--line);background:var(--white)}.icon-btn{background:transparent;font-size:25px;padding:0 7px;line-height:1.4}.eyebrow{font:11px/1.4 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--green)}
.hero{position:relative;background:var(--dark);color:#f4f1df;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#91a58407 1px,transparent 1px),linear-gradient(90deg,#91a58407 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent,#000)}.hero-inner{max-width:1328px;margin:auto;padding:68px 40px 50px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:474px}.hero-copy{z-index:2}.hero .eyebrow{color:#a7b29a;display:flex;align-items:center;gap:10px}.status-dot{height:6px;width:6px;background:#d7a46c;box-shadow:0 0 0 4px #d7a46c12;border-radius:50%}.hero h1{font-size:51px;line-height:1.32;letter-spacing:1px;font-weight:800;margin:23px 0 18px}.hero h1 em{font-style:normal;color:#d4ab71}.hero-copy>p{color:#aeb8a4;font-size:13px;line-height:2;max-width:465px;margin-bottom:27px}.hero-cta{display:flex;gap:12px}.hero-note{margin-top:24px;color:#869780;font-size:10px;display:flex;align-items:center;gap:9px}.hero-note code{font:10px var(--mono);color:#c5cdbb}.hero-art{position:relative;min-width:0;display:grid;align-items:center}.art-top{display:flex;justify-content:space-between;position:absolute;top:0;left:0;right:0;font:9px var(--mono);letter-spacing:1.4px;color:#84937d}.art-corner{height:20px;width:20px;position:absolute;border-color:#76866a;border-style:solid;opacity:.5}.art-corner.a{left:0;top:25px;border-width:1px 0 0 1px}.art-corner.b{right:0;bottom:25px;border-width:0 1px 1px 0}.tank-scene{width:100%;height:320px}.art-caption{display:flex;gap:16px;font:9px var(--mono);color:#98a58e;letter-spacing:1px;position:absolute;bottom:8px;left:18px}.art-caption strong{color:#d5c4a1}.floating-code{position:absolute;right:-2px;bottom:33px;transform:rotate(-3deg);background:#1a241e;border:1px solid #4d5c45;padding:13px 18px;box-shadow:0 14px 40px #0003;min-width:230px}.floating-code .filename{font:8px var(--mono);color:#85937b;border-bottom:1px solid #3c4934;padding-bottom:8px;margin-bottom:8px}.floating-code pre{font:10px/1.8 var(--mono);color:#b5c2a2;margin:0}.floating-code b{color:#d9ad76;font-weight:400}.stats-strip{background:#ebede3;border-bottom:1px solid var(--line)}.stats-inner{max-width:1248px;margin:auto;display:flex;align-items:center;gap:44px;padding:18px 0;font-size:11px;color:#6e7769}.stat{display:flex;align-items:center;gap:10px}.stat strong{font:19px var(--mono);color:#47543e}.stat-divider{height:21px;width:1px;background:#d1d7c7}.stats-version{margin-left:auto;font:10px var(--mono);color:#747d6b;display:flex;align-items:center;gap:10px}.tiny-square{width:5px;height:5px;background:#829073}
.section-wrap{max-width:1328px;padding:48px 40px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.8px}.section-heading h2{margin:8px 0 0;font-size:26px;font-weight:750;letter-spacing:.5px}.heading-sub{color:#818778;font-size:12px;margin:8px 0 0}.text-link{color:#6d785f;font-size:12px;font-weight:500;white-space:nowrap}.text-link span{margin-left:13px}.text-link:hover{color:var(--orange)}.library-layout{display:grid;grid-template-columns:185px 1fr;gap:35px}.sidebar{border-top:1px solid var(--line);padding-top:20px}.side-label{font:10px var(--mono);letter-spacing:1.5px;color:#8b9183;margin-bottom:13px}.categories{display:flex;flex-direction:column;gap:5px}.category{display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;padding:10px 13px;font-size:12px;border-radius:3px}.category span{display:flex;align-items:center;gap:11px}.category small{font:10px var(--mono);color:#929984}.category.active{background:#e3e7da;font-weight:600;color:#4f6244}.category.active small{color:#748268}.category:hover{background:#e8eade}.category-icon{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}.side-box{margin-top:25px;padding:20px 15px;border:1px solid var(--line);border-radius:4px;background:#edeee5}.side-box>span{font:23px var(--mono);color:#839075}.side-box h3{font-size:13px;margin:13px 0 7px}.side-box p{font-size:11px;color:#7c8570;margin-bottom:15px;line-height:1.9}.side-box a{font-size:11px;font-weight:600;color:#536945}.library-tools{display:flex;gap:12px;align-items:center;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:11px;background:var(--white);border:1px solid var(--line);padding:10px 13px;border-radius:4px;flex:1;min-width:0}.search-box svg{width:17px;height:17px;stroke:#8c9583;fill:none;stroke-width:1.5;flex-shrink:0}.search-box input{border:0;background:none;outline:none;min-width:0;width:100%;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#9aa18f}.search-box kbd{font:10px var(--mono);border:1px solid var(--line);color:#9ca38f;border-radius:3px;padding:0 5px}.sort{background:transparent;border:1px solid var(--line);font-size:11px;color:#727c65;border-radius:3px;min-height:41px;padding:0 11px}.filter-info{display:flex;justify-content:space-between;font-size:10px;color:#929986;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.code-card{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative;transition:transform .18s,border-color .18s}.code-card:hover{transform:translateY(-4px);border-color:#9aaa88}.card-art{height:127px;background:#e6eadf;position:relative;overflow:hidden}.card-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7485650d 1px,transparent 1px),linear-gradient(90deg,#7485650d 1px,transparent 1px);background-size:17px 17px}.card-art>svg{width:100%;height:100%;position:relative}.card-art .art-id{position:absolute;left:13px;top:9px;font:8px var(--mono);letter-spacing:1px;color:#768469}.card-art .art-type{position:absolute;right:12px;bottom:9px;font:8px var(--mono);color:#899278}.card-art.weapon{background:#ece5d8}.card-art.action{background:#e1e7e3}.card-art.building{background:#e8e7dd}.bookmark{position:absolute;right:10px;top:10px;width:28px;height:28px;display:grid;place-items:center;background:#fffdf4d9;border:1px solid #d7ddce;border-radius:3px;z-index:2;color:#7c8b6c;font-size:17px}.bookmark.is-saved{color:var(--orange);background:#fff6e8}.card-body{padding:17px 16px 13px}.card-badges{display:flex;gap:6px;margin-bottom:11px}.tag{font-size:9px;border-radius:2px;padding:2px 7px;color:#6c7a5e;background:#edf0e6}.tag.level{color:#9b7957;background:#f4ede1}.card-title{font-size:14px;margin:0 0 8px;font-weight:700;line-height:1.6}.card-title a:after{content:'';position:absolute;inset:39px 0 0;z-index:1}.card-description{font-size:11px;color:#929885;line-height:1.9;height:41px;margin-bottom:14px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #eeeee4;padding-top:11px;color:#919a85;font:9px var(--mono)}.card-footer span:first-child{color:#6f7c62}.library-bottom{display:flex;justify-content:center;margin-top:25px}.library-bottom .btn{font-size:11px;min-height:39px;padding:8px 22px}.evidence-note{font-size:10px;color:#929881;margin-top:19px;line-height:1.8}.evidence-note a{text-decoration:underline}.course-section{border-top:1px solid var(--line);padding-top:41px}.course-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:20px}.course-feature{background:#dfe5d5;min-height:230px;border-radius:4px;padding:27px;position:relative;overflow:hidden}.course-feature .eyebrow{font-size:9px}.course-feature h3{font-size:23px;max-width:230px;margin:14px 0 11px;position:relative;z-index:2}.course-feature p{font-size:11px;color:#78876a;max-width:210px;position:relative;z-index:2}.course-feature .text-link{display:inline-block;margin-top:12px;font-size:11px;position:relative;z-index:2}.course-feature:after{content:'01';font:150px/.9 var(--mono);color:#6d815216;position:absolute;bottom:-9px;right:-2px}.course-stack{display:flex;flex-direction:column;gap:12px}.lesson-row{display:flex;gap:15px;padding:18px 16px;background:var(--white);border:1px solid var(--line);border-radius:4px;align-items:center;flex:1;transition:border .15s}.lesson-row:hover{border-color:#93a383}.lesson-number{font:22px var(--mono);color:#c1c8b6;align-self:flex-start}.lesson-row h3{font-size:12px;margin:0 0 8px;line-height:1.6}.lesson-row p{font-size:9px;color:#8b947f;margin:0}.lesson-row .row-arrow{margin-left:auto;color:#7e8e6c}.bottom-banner{padding:25px 28px;border:1px solid var(--line);border-left:3px solid var(--orange);display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:35px;background:#efeee5}.bottom-banner h3{font-size:16px;margin:0 0 6px}.bottom-banner p{font-size:11px;color:#88907b;margin:0}.bottom-banner code{font:11px var(--mono)}
footer{border-top:1px solid var(--line);background:#eeeee5;margin-top:30px}.footer-inner{max-width:1328px;margin:auto;padding:35px 40px;display:flex;justify-content:space-between;gap:20px}.footer-brand .brand-mark{height:27px;width:27px;font-size:19px}.footer-brand strong{font-size:17px}.footer-inner p{font-size:10px;color:#949a87;margin:10px 0 0}.footer-meta{text-align:right}.footer-meta>span{font:9px var(--mono);letter-spacing:1px;color:#7b886f}.footer-meta a{font-size:9px;color:#6c7b5e;margin-left:15px}
.page-head{max-width:1328px;margin:auto;padding:46px 40px 28px}.page-head h1{font-size:36px;margin:12px 0}.page-head>p{font-size:13px;color:#828c76;max-width:720px}.breadcrumb{font-size:11px;color:#8d977f;margin-bottom:28px;display:flex;gap:12px}.breadcrumb a:hover{color:var(--orange)}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;max-width:1190px;margin:auto;padding:0 40px 50px}.article-toc{position:sticky;top:120px;align-self:start;border-top:1px solid var(--line);padding-top:20px}.article-toc a{display:block;font-size:12px;margin-bottom:14px;color:#7c8a6d}.article-toc a:hover{color:var(--orange)}.article-main{min-width:0}.article-main h2{font-size:22px;margin:38px 0 17px}.article-main p{font-size:14px;color:#69765d;line-height:2.1;white-space:pre-line}.article-main code{font:12px var(--mono)}.callout{background:#e8ecdf;border-left:3px solid #8e9d76;padding:17px 20px;color:#72815e;font-size:12px;margin:20px 0;line-height:1.9}.callout.warning{background:#f1e8dc;border-color:#c49765;color:#97764c}.code-panel{background:#202b25;border:1px solid #3c4b36;border-radius:4px;overflow:hidden;margin:20px 0}.code-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #3a4734;color:#a5b296;font:11px var(--mono);gap:10px}.code-panel-head>div{display:flex;gap:13px}.code-button{background:none;color:#b7c5a5;font-size:10px;padding:4px;min-height:30px}.code-button:hover{color:#edbf81}.code-panel pre{overflow:auto;margin:0;padding:21px 0;font:12px/1.9 var(--mono);color:#d3ddc6;tab-size:2;max-height:850px}.code-line{display:block;min-height:1.9em;white-space:pre}.line-no{display:inline-block;width:48px;padding-right:14px;text-align:right;color:#68765e;user-select:none}.syntax-section{color:#e7b97a}.syntax-comment{color:#7b8c70}.syntax-key{color:#b9d2a3}.syntax-value{color:#d7d1b3}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.detail-meta{display:flex;gap:15px;align-items:center;font-size:11px;color:#8b947e}.detail-meta .tag{font-size:11px}.article-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:26px;margin-top:40px}.article-nav a{font-size:12px;color:#788b66}.completed{background:#e0e8d4;color:#60774d}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tutorial-card{border:1px solid var(--line);background:var(--white);padding:27px;border-radius:4px;display:flex;flex-direction:column;position:relative;min-height:235px}.tutorial-card .lesson-number{font-size:35px}.tutorial-card h2{font-size:19px;margin:18px 0 12px}.tutorial-card p{font-size:12px;color:#8b947f;flex:1}.tutorial-card>span{font-size:10px;color:#8f9a7f}.tutorial-card:hover{border-color:#92a27f}.tutorial-card .done{position:absolute;right:22px;top:22px;font-size:10px;color:#7a905f}.reference-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.reference-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.reference-tabs button{background:#e9ecdf;color:#7c896c;border:1px solid transparent;padding:9px 15px;border-radius:3px;font-size:11px}.reference-tabs button.active{border-color:#8b9d76;background:#dfe6d4;color:#4f633f}.reference-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--white)}.reference-table th{text-align:left;padding:13px 16px;background:#e7ebde;color:#70815e;font-size:10px;font-weight:500;white-space:nowrap}.reference-table td{padding:14px 16px;border-bottom:1px solid #e8ebdf;vertical-align:top}.reference-table td:first-child{font:11px/1.8 var(--mono);color:#5e7650;max-width:260px;overflow-wrap:anywhere}.reference-table td:nth-child(3){color:#7f8974}.ref-scope{display:block;font-size:9px;color:#a1a993}.reference-table details summary{cursor:pointer;list-style:none}.reference-table details summary:after{content:' ＋';color:#bd9862}.reference-table details[open] summary:after{content:' −'}.ref-details{font:11px/1.9 var(--sans);color:#8c967d;background:#f2f3eb;margin-top:10px;padding:12px;min-width:200px;white-space:pre-line}.ref-details pre{max-width:600px;overflow:auto;max-height:350px;font:10px/1.7 var(--mono);white-space:pre-wrap}.ref-evidence{font:9px var(--mono);border:1px solid #d6dfc9;padding:2px 6px;border-radius:2px;color:#789063}.ref-evidence.b{color:#a5895d;border-color:#e6d8bc}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px;font:11px var(--mono);color:#81916e}.empty{padding:65px 25px;text-align:center;color:#8b987c;border:1px dashed #cbd4bd;background:#f0f2e8;grid-column:1/-1}.empty h2{font-size:18px;color:#607450}.empty p{font-size:12px}.empty button{margin-top:14px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{display:block;background:var(--white);border:1px solid var(--line);padding:24px;border-radius:4px}.download-card h3{font-size:16px;margin:14px 0 10px}.download-card p{font-size:11px;color:#8a967c}.download-card>span{font:10px var(--mono);color:var(--orange)}.download-card:hover{border-color:#94a87b}.manual-body{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/2 var(--sans);color:#69795c}.manual-chapters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.manual-chapters a{font-size:11px;border:1px solid var(--line);padding:7px 10px}.manual-chapters a.active{background:#dce5d1}.manual-search{margin-bottom:20px}.manual-body mark{background:#eed599;color:#465437}.small-mono{font:10px var(--mono);color:#94a184}.page-narrow{max-width:930px}.about-body h2{font-size:21px;margin-top:35px}.about-body p{color:#7c8b6c;font-size:13px;line-height:2}.about-body a{text-decoration:underline}.about-body ul{padding-left:20px;color:#7b8b6b;font-size:13px;line-height:2}.mini-table{width:100%;border-collapse:collapse;margin:20px 0}.mini-table td,.mini-table th{border:1px solid var(--line);padding:12px;text-align:left;font-size:12px;color:#788968}.builder{display:flex;gap:15px;flex-wrap:wrap;padding:20px;background:#e5eadc}.builder label{font-size:11px;flex:1;min-width:100px}.builder input{display:block;width:100%;padding:8px;border:1px solid #cbd5bd;background:#fbfcf6;margin-top:6px}
dialog{border:1px solid var(--line);border-radius:7px;max-width:630px;width:calc(100% - 30px);padding:30px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#172319a6;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:29px;margin:20px 0 15px}dialog .muted{font-size:12px;color:#889778;line-height:1.9}label{display:block;font-size:11px;font-weight:500}dialog label{margin-top:15px}input,textarea,select{color:var(--ink)}dialog input,dialog textarea,dialog select{display:block;width:100%;border:1px solid var(--line);background:var(--white);padding:10px 12px;border-radius:3px;margin-top:7px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.code-input{font:12px/1.8 var(--mono)}.form-note{font-size:10px;color:#97a287;margin-top:16px}.dialog-actions{display:flex;gap:13px;justify-content:flex-end;margin-top:25px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);padding:12px 22px;border-radius:4px;background:#26392b;color:#edf2e3;box-shadow:0 5px 20px #0002;opacity:0;z-index:100;pointer-events:none;transition:.2s;font-size:12px;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.loader{text-align:center;padding:55px;color:#8b9a7b;font:12px var(--mono)}
@media(min-width:1600px){.hero-inner{padding-top:80px;padding-bottom:65px}.hero h1{font-size:56px}.tank-scene{height:355px}}
@media(max-width:1150px){.header-inner{gap:24px;padding:18px 25px}.header-inner nav{gap:20px}.header-actions{gap:16px}.saved-link span{display:none}.hero-inner{padding:50px 30px 45px;gap:20px}.hero h1{font-size:44px}.floating-code{min-width:205px;right:0}.stats-inner{padding:17px 30px;gap:20px}.section-wrap{padding:38px 30px}.library-layout{grid-template-columns:155px 1fr;gap:22px}.cards{gap:13px}.card-body{padding:15px 12px 12px}.card-title{font-size:12px}.card-description{font-size:10px}.card-art{height:112px}.footer-inner{padding:30px}.page-head{padding:35px 30px 25px}.course-feature{padding:22px}.lesson-row{padding:15px 12px;gap:10px}}
@media(max-width:900px){.brand strong{font-size:19px}.brand small{font-size:7px}.brand-mark{width:34px;height:34px;font-size:24px}.header-inner{gap:15px;flex-wrap:wrap;padding:15px 22px 10px}.header-inner nav{order:3;width:100%;justify-content:center;padding:10px 0 7px;gap:35px}.header-inner nav a{font-size:12px}.header-inner nav a.active:after{bottom:-7px}.header-actions{margin-left:auto}.hero-inner{grid-template-columns:1.05fr 1fr;padding:45px 25px;gap:10px}.hero h1{font-size:38px}.hero-copy>p{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.tank-scene{height:280px}.floating-code{min-width:180px;padding:10px;bottom:25px}.floating-code pre{font-size:8px}.art-top,.art-caption{font-size:7px}.hero-note{font-size:9px}.stats-inner{padding:16px 25px;gap:18px}.stats-version{display:none}.stat{gap:6px;font-size:10px}.stat strong{font-size:16px}.library-layout{grid-template-columns:130px 1fr;gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category{padding:9px 7px;font-size:10px}.category span{gap:6px}.side-box{padding:14px 10px}.course-grid{grid-template-columns:1fr 1fr}.course-grid .course-stack:last-child{grid-column:1/-1;flex-direction:row}.course-feature{min-height:230px}.course-stack .lesson-row{flex:1}.tutorial-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:25px;padding:0 25px 40px}.reference-table td,.reference-table th{padding:11px 10px}.reference-table td:first-child{max-width:180px}.ref-details pre{max-width:420px}.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:13px}.header-inner{padding:13px 18px 8px}.brand strong{font-size:20px}.brand small{font-size:6px;letter-spacing:1.3px}.brand-mark{width:35px;height:35px}.header-actions{gap:12px}.header-actions .btn{font-size:10px;padding:6px 10px;min-height:34px;gap:3px}.saved-link{font-size:20px}.header-inner nav{gap:26px;justify-content:space-between;padding:8px 0}.header-inner nav a{font-size:11px}.nav-arrow{display:none}.hero-inner{display:block;padding:39px 24px 26px}.hero h1{font-size:40px;margin-top:20px}.hero-copy>p{font-size:12px;max-width:330px}.hero-cta .btn{font-size:11px;min-height:43px;padding:10px 18px}.hero-note{margin-top:20px;font-size:9px}.hero-art{margin-top:27px;height:255px}.tank-scene{height:250px;width:100%}.floating-code{right:1px;bottom:26px;min-width:181px}.art-top{top:0;font-size:8px}.art-caption{font-size:8px;left:5px;bottom:4px}.stats-inner{padding:17px 20px;justify-content:space-between;gap:6px}.stat{display:block;font-size:9px;text-align:center}.stat strong{display:block;font-size:21px;margin-bottom:3px}.stat-divider{height:28px}.section-wrap{padding:32px 20px}.section-heading{gap:10px;margin-bottom:22px}.section-heading h2{font-size:22px}.section-heading .eyebrow{font-size:8px}.section-heading .text-link{font-size:10px}.heading-sub{font-size:10px;max-width:260px}.library-layout{display:block}.sidebar{padding-top:0;border:0}.side-label,.side-box{display:none}.categories{flex-direction:row;overflow-x:auto;gap:6px;margin-bottom:18px;padding-bottom:5px}.category{white-space:nowrap;font-size:10px;padding:7px 11px;border:1px solid var(--line);gap:8px;flex-shrink:0}.category-icon{display:none}.category small{font-size:8px}.cards{gap:12px}.card-art{height:105px}.card-body{padding:13px 12px 10px}.card-badges{margin-bottom:8px;gap:3px}.tag{font-size:8px;padding:2px 5px}.card-title{font-size:12px;min-height:38px;margin-bottom:6px}.card-description{font-size:10px;height:56px;margin-bottom:9px}.card-footer{font-size:8px}.card-footer span:last-child{display:none}.card-art .art-id{font-size:7px;left:9px}.card-art .art-type{font-size:6px;right:8px}.bookmark{width:25px;height:25px;font-size:14px;right:7px;top:7px}.library-tools{gap:8px;margin-bottom:13px}.search-box{padding:9px 10px;gap:6px}.search-box input{font-size:10px}.search-box kbd{display:none}.sort{font-size:10px;max-width:90px;padding:0 5px;min-height:39px}.filter-info{font-size:9px}.evidence-note{font-size:9px}.course-grid{display:block}.course-feature{min-height:220px;margin-bottom:13px}.course-feature h3{font-size:24px}.course-stack,.course-grid .course-stack:last-child{display:flex;flex-direction:column;gap:10px;margin-top:10px}.lesson-row{padding:16px}.lesson-row h3{font-size:12px}.lesson-number{font-size:23px}.bottom-banner{display:block;padding:21px;margin-top:27px}.bottom-banner h3{font-size:16px}.bottom-banner p{font-size:10px}.bottom-banner .btn{margin-top:17px;font-size:11px}.footer-inner{padding:25px 20px;display:block}.footer-meta{text-align:left;margin-top:24px}.footer-meta a{margin-left:0;margin-right:13px}.page-head{padding:30px 20px 18px}.page-head h1{font-size:29px}.page-head>p{font-size:12px}.breadcrumb{margin-bottom:20px;font-size:10px}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{padding:23px;min-height:220px}.tutorial-card h2{font-size:19px}.article-layout{display:block;padding:0 20px 30px}.article-toc{position:static;padding:14px 0;margin-bottom:20px;display:flex;gap:13px;overflow-x:auto}.article-toc .side-label{display:none}.article-toc a{white-space:nowrap;font-size:10px;margin-bottom:5px}.article-main h2{font-size:21px;margin-top:30px}.article-main p{font-size:12px}.callout{font-size:11px;padding:14px 16px}.code-panel-head{font-size:9px;padding:10px}.code-panel pre{font-size:10px}.line-no{width:35px;padding-right:10px}.detail-actions .btn{font-size:10px;padding:10px 14px;min-height:41px}.detail-actions{gap:8px}.detail-meta{flex-wrap:wrap;font-size:10px;gap:9px}.reference-tabs{gap:5px}.reference-tabs button{font-size:10px;padding:8px 10px}.reference-table{font-size:10px}.reference-table td,.reference-table th{padding:11px 8px}.reference-table td:first-child{font-size:9px;max-width:135px}.reference-table td:nth-child(2){min-width:47px}.reference-table td:nth-child(3){font-size:10px}.reference-table th{font-size:9px}.ref-details{font-size:10px;min-width:0;padding:8px}.ref-details pre{max-width:185px;font-size:9px}.ref-scope{font-size:8px}.ref-evidence{font-size:8px}.reference-toolbar{gap:8px}.reference-toolbar .sort{max-width:135px}.download-grid{grid-template-columns:1fr}.download-card{padding:22px}.manual-body{font-size:12px;line-height:2}.manual-chapters a{font-size:10px}.pagination{font-size:10px;gap:9px}.pagination .btn{padding:8px 12px;font-size:10px}.about-body p,.about-body ul{font-size:12px}dialog{padding:22px}dialog h2{font-size:25px}.dialog-actions .btn{padding:10px 13px;font-size:11px}.form-row{gap:12px}.mini-table td,.mini-table th{font-size:10px;padding:8px}}
@media(min-width:601px) and (max-width:760px){.hero-inner{display:block}.hero-art{max-width:470px;margin:30px auto 0;height:290px}.hero-copy>p{max-width:470px}.hero-cta{justify-content:flex-start}.hero-cta .btn{white-space:nowrap}.hero-note{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}