@font-face{font-family:Workshop Mono;src:url('/fonts/iosevka-400.woff2') format('woff2');font-display:swap;font-weight:400}
:root{--paper:#f5f5ef;--ink:#203c36;--muted:#66746a;--line:#d6dbcf;--lime:#d5f36b;--mono:'Workshop Mono',ui-monospace,monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6c8528;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,p{margin:0}button{border:0}button,input{border-radius:0}[hidden]{display:none!important}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}.eyebrow,.micro{font-family:var(--mono);font-size:11px;letter-spacing:.11em;font-weight:400}.site-header{height:108px;display:flex;align-items:center;gap:72px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:.09em}.brand small{display:block;font:9px/1.8 var(--mono);letter-spacing:.09em}.brand-icon{width:42px;height:42px;background:var(--ink);color:var(--lime);font:italic 37px/38px Georgia;position:relative;padding-left:8px}.brand-icon>span{font:24px/1 var(--mono);position:absolute;right:1px;top:0}.site-header nav{display:flex;gap:32px;align-items:center;font-size:13px;height:100%}.site-header nav a{display:flex;align-items:center;gap:7px;height:100%;position:relative}.site-header nav a:hover:after,.nav-active:after{content:'';position:absolute;bottom:-1px;width:100%;height:2px;background:var(--ink)}.site-header nav span{font:10px var(--mono);background:#e4e9dd;padding:2px 5px}.header-note{margin-left:auto;font:10px var(--mono);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.header-note i,.experiment-head i{width:6px;height:6px;border-radius:50%;background:#749548;display:inline-block}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:76px 62px;align-items:center}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px}.tiny-cross{font-size:21px}.hero h1{font-size:clamp(44px,4.7vw,66px);font-weight:650;letter-spacing:-.055em;line-height:1.28;margin-top:22px}.underline{position:relative;z-index:0;white-space:nowrap}.underline:after{content:'';height:12px;background:var(--lime);position:absolute;bottom:4px;left:0;right:-2px;z-index:-1;transform:rotate(-2deg)}.lime-dot{color:#89a943}.hero-description{font-size:16px;line-height:1.95;color:var(--muted);margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 21px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:var(--paper);transition:background .15s,transform .15s}.primary:hover{background:#355c4f;transform:translateY(-2px)}.primary span{color:var(--lime);font-size:21px}.hero .primary{margin-top:29px}.hero-bottom{display:flex;align-items:center;gap:20px;margin-top:40px;color:var(--muted);font-size:10px}.hero-bottom>span+span{border-left:1px solid var(--line);padding-left:20px}.hero-bottom b{font:18px var(--mono);color:var(--ink);margin-right:4px}.hero-bottom i{font-style:normal;margin-left:7px}.experiment{border:1px solid #bfc9b7;border-radius:5px;background:#fafbf6;box-shadow:8px 8px 0 #e5e9dd;min-width:0}.experiment-head{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:10px var(--mono);color:var(--muted)}.experiment-head>span{display:flex;align-items:center;gap:8px}.experiment-head .corner-cross{font-size:20px}.experiment-body{padding:25px 24px 22px}.experiment-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.experiment h2{font-size:19px;letter-spacing:-.02em}.demo-label{border:1px solid var(--line);padding:3px 7px;font-size:9px;white-space:nowrap;color:var(--muted)}.experiment-desc{font-size:11px;color:var(--muted);margin:10px 0 22px;line-height:1.6}.mode-switch{background:#e9eddf;padding:4px;display:flex;gap:4px}.mode-switch button{width:50%;padding:9px 7px;background:transparent;font-size:12px}.mode-switch button[aria-pressed=true]{background:var(--ink);color:#fafbf6}.mode-switch button span{color:#799244;margin-left:10px}.mode-switch button[aria-pressed=true] span{color:var(--lime)}.memory-caption{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);margin:26px 0 10px}.memory{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.memory-block{height:62px;border:1px dashed #bdc7af;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .2s;position:relative}.memory-block small{font:9px var(--mono);opacity:.7}.memory-block>span{font:16px var(--mono)}.memory-block.busy{background:repeating-linear-gradient(135deg,#cbd3bd,#cbd3bd 3px,#e1e6d7 3px,#e1e6d7 6px);border:1px solid #b0bea1;color:#455b40}.memory-block.allocated{background:var(--lime);border:1px solid #93b044;color:var(--ink)}.memory-key{display:flex;gap:15px;margin-top:11px;font-size:9px;color:var(--muted)}.memory-key span{display:flex;align-items:center;gap:5px}.memory-key i{width:7px;height:7px;border:1px solid #aebaa1;display:inline-block}.busy-key{background:#bcc9ae}.new-key{background:var(--lime)}.demo-message{display:flex;align-items:flex-start;gap:10px;background:#f1eee2;padding:12px;margin-top:22px;min-height:76px}.status-symbol{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid #988953;border-radius:50%;font:12px var(--mono);color:#806f39}.demo-message strong{font-size:11px;line-height:1.6;display:block;font-weight:600;color:#675b34}.demo-message p{font-size:10px;line-height:1.7;color:#77705a;margin-top:3px}.demo-message.success{background:#edf2df}.success strong,.success p{color:#466035}.success .status-symbol{border-color:#789157;color:#466035}.demo-controls{margin-top:15px;display:flex;align-items:center;gap:12px}.demo-controls button{font-size:10px;background:transparent;padding:7px 0}.demo-controls button:first-child{border:1px solid #a7b297;padding:8px 11px}.demo-controls button:first-child:not(:disabled):hover{background:var(--lime)}.demo-controls button:disabled{opacity:.4}.demo-controls button span{margin-left:14px}.demo-controls>span{margin-left:auto;font:12px var(--mono)}.experiment-footer{border-top:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:8px;color:var(--muted)}.experiment-footer a{color:var(--ink)}.experiment-footer a:hover{text-decoration:underline}.principles{display:flex;align-items:center;gap:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:22px;font-size:12px}.principles span{display:flex;gap:34px;align-items:center}.principles b{font:18px var(--mono);color:#84927b}.principles p{margin-left:auto;color:var(--muted);font:10px var(--mono)}.catalog{padding-top:76px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px}.section-head .eyebrow{color:var(--muted);font-size:10px;margin-bottom:12px}.section-head h2{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.4}.section-head>p{font-size:11px;color:var(--muted);padding-bottom:4px}.title-count{font:13px var(--mono);display:inline-block;vertical-align:top;margin:3px 0 0 13px;color:var(--muted)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;gap:20px}.filters{display:flex;gap:8px}.filters button{padding:9px 13px;border:1px solid var(--line);background:transparent;font-size:11px;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters span{font:10px var(--mono);margin-left:7px;opacity:.6}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:7px 11px;width:290px;height:35px}.search>span{font-size:23px;line-height:1}.search input{border:0;outline:0;background:transparent;font-size:11px;width:100%;min-width:0;color:var(--ink)}.search:focus-within{outline:2px solid #6c8528}.search kbd{font:10px var(--mono);border:1px solid var(--line);padding:1px 4px;color:var(--muted)}.explorer-card{display:grid;grid-template-columns:40% 60%;margin-top:26px;border:1px solid #ccd3c3;background:#fcfcf8;transition:border-color .2s}.explorer-card:hover{border-color:#7c9270}.card-art{min-height:320px;background-color:#203c36;background-image:linear-gradient(#35504755 1px,transparent 1px),linear-gradient(90deg,#35504755 1px,transparent 1px);background-size:25px 25px;position:relative;padding:27px 30px;overflow:hidden;color:#cddbc8;display:flex;flex-direction:column}.art-index{font:10px var(--mono);letter-spacing:.06em;opacity:.7}.art-blocks{width:222px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;transform:perspective(550px) rotateX(35deg) rotateZ(-27deg);margin:10px auto 14px}.art-blocks i{height:45px;border:1px solid #b2c590;color:#cbdcb0;background:#345448;font:12px/45px var(--mono);text-align:center;font-style:normal;box-shadow:0 5px 0 #142e28,0 6px 0 #8a9f70}.art-blocks .block-0,.art-blocks .block-3{background:#d5f36b;color:#203c36;border-color:#d5f36b}.art-blocks i:nth-child(3n){opacity:.45}.art-caption{margin-top:auto;display:flex;flex-direction:column;gap:8px}.art-caption span{font:9px var(--mono);letter-spacing:.16em;opacity:.65}.art-caption strong{font:26px var(--mono);letter-spacing:-.04em;font-weight:400;color:#e4eccf}.card-copy{padding:29px 36px 25px;display:flex;flex-direction:column;min-width:0}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted)}.category-tag{background:#ebefdf;padding:5px 8px;color:#4e633f}.card-copy h3{font:35px var(--mono);letter-spacing:-.035em;margin-top:19px;color:var(--ink)}.card-copy h3 a{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-copy h3 span{font-size:27px;font-weight:400;opacity:.55}.card-copy h3 a:hover span{color:#78913b;opacity:1}.card-subtitle{font-size:16px;font-weight:500;margin-top:8px}.card-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:540px}.tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:17px 0 22px}.tags li{font:10px var(--mono);border:1px solid #dce1d4;padding:4px 8px;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.card-bottom>span{font-size:10px;color:var(--muted)}.card-bottom b{padding:0 5px;font-weight:400}.card-cta{font-size:12px;font-weight:600}.card-cta span{margin-left:17px}.card-cta:hover{text-decoration:underline}.collection-note{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line);padding:21px 0}.collection-note b{font:16px var(--mono);margin-left:12px}.questions{padding-top:65px}.section-index{font:10px var(--mono);color:var(--muted)}.lessons{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.lesson{padding:23px 22px 22px 0;display:flex;flex-direction:column;transition:background .2s}.lesson+.lesson{border-left:1px solid var(--line);padding-left:22px}.lesson:hover{background:#e9edde}.lesson .micro{font-size:9px;color:#7e8b75;letter-spacing:.02em}.lesson h3{font-size:15px;font-weight:550;line-height:1.7;margin-top:15px}.lesson p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:6px}.lesson-foot{margin-top:auto;padding-top:27px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.lesson-foot b{font:18px var(--mono);color:var(--ink)}.about{margin-top:76px;padding:45px 46px;background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}.about .eyebrow{font-size:10px;color:var(--muted)}.about h2{font-size:32px;font-weight:550;line-height:1.55;letter-spacing:-.04em;margin-top:20px}.about-intro>p:last-of-type{font-size:12px;line-height:2;color:var(--muted);max-width:370px;margin-top:18px}.about-mark{font:58px var(--mono);color:#b7c5a0;display:block;margin-top:23px}.method-list{padding-top:3px}.method-list article{display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #ced7bf}.method-list article:first-child{padding-top:0}.method-list article:last-child{border-bottom:0;padding-bottom:0}.method-list article>span{font:13px var(--mono);color:#7f9167;padding-top:3px}.method-list h3{font-size:16px;font-weight:550}.method-list p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:60px;border-top:1px solid var(--line);padding-block:27px 36px;font-size:10px;color:var(--muted)}.footer-brand{font-size:13px;font-weight:600;color:var(--ink)}.footer-brand span{font:9px var(--mono);font-weight:400;margin-left:15px}.site-footer>a:last-child:hover{text-decoration:underline}.empty{text-align:center;padding:50px 20px;background:#eef0e6;margin-top:26px}.empty>span{font-size:34px}.empty h3{font-size:20px;margin:8px 0}.empty p{font-size:13px;color:var(--muted)}.empty button{background:var(--ink);color:var(--paper);padding:10px 20px;margin-top:22px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:2000}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.not-found{padding-block:120px}.not-found h1{font-size:40px;margin-block:24px}.not-found>p{line-height:1.8}.not-found .button{margin-top:24px}
@media(min-width:1600px){.hero{gap:100px}.hero h1{font-size:68px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;padding-block:55px}.site-header{gap:40px;height:90px}.header-note{display:none}.site-header nav{margin-left:auto}.hero h1{font-size:52px}.hero-bottom{gap:12px}.hero-bottom>span+span{padding-left:12px}.principles{gap:22px}.principles span{gap:20px}.principles p{font-size:8px}.experiment-body{padding:20px 18px}.experiment h2{font-size:16px}.experiment-desc{font-size:10px}.experiment-footer{padding-inline:15px;font-size:8px}.section-head>p{max-width:230px;line-height:1.7}.card-copy{padding:24px}.about{gap:50px}.lesson h3{font-size:14px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.hero-copy{max-width:600px}.hero h1{font-size:58px}.hero-description{font-size:15px}.hero-bottom{margin-top:30px}.experiment{max-width:600px;width:100%}.experiment h2{font-size:20px}.experiment-desc{font-size:12px}.experiment-body{padding:25px}.memory-block{height:66px}.demo-message strong{font-size:12px}.demo-message p{font-size:11px}.experiment-footer{font-size:10px;padding:14px 24px}.principles{gap:0;justify-content:space-between;font-size:11px}.principles span{gap:14px}.principles p{display:none}.catalog{padding-top:50px}.section-head{display:block}.section-head>p{max-width:none;margin-top:13px}.section-head h2{font-size:26px}.explorer-card{grid-template-columns:1fr}.card-art{min-height:290px}.art-blocks{position:absolute;right:30px;top:25px;width:230px}.art-caption{max-width:45%}.card-copy{padding:26px}.card-description{max-width:none}.card-copy h3{font-size:36px}.collection-note{flex-direction:column;align-items:flex-start;gap:12px}.lessons{grid-template-columns:repeat(2,1fr)}.lesson{padding:23px 20px}.lesson+.lesson{padding-left:20px}.lesson:nth-child(3){border-left:0}.lesson:nth-child(-n+2){border-bottom:1px solid var(--line)}.lesson h3{font-size:16px}.lesson p{font-size:12px}.section-index{display:none}.about{grid-template-columns:1fr;gap:30px;padding:30px;margin-top:50px}.about h2{font-size:32px}.about-mark{display:none}.about-intro>p:last-of-type{max-width:none}.site-footer{flex-wrap:wrap;margin-top:45px}.footer-brand span{display:none}.site-footer p{margin-left:auto}.site-footer>a:last-child{width:100%}}
@media(max-width:480px){.site-header{height:82px;gap:15px}.brand{font-size:17px;gap:9px}.brand-icon{width:35px;height:36px;font-size:30px;line-height:32px;padding-left:7px}.brand-icon>span{font-size:20px}.brand small{font-size:7px}.site-header nav{font-size:11px;gap:17px}.site-header nav span{display:none}.hero-copy>.eyebrow{font-size:8px;gap:6px}.hero h1{font-size:48px}.hero-description{font-size:14px}.hero-bottom{font-size:9px;gap:10px;flex-wrap:wrap}.hero-bottom>span+span{padding-left:10px}.hero-bottom b{font-size:17px}.experiment-body{padding:21px 16px}.experiment-title{gap:5px}.experiment h2{font-size:17px}.demo-label{font-size:8px;padding:3px 5px}.experiment-desc{font-size:10px}.memory{gap:3px}.memory-block{height:54px}.memory-key{font-size:8px;gap:12px}.demo-message{padding:10px;gap:8px;min-height:82px}.demo-message strong{font-size:11px}.demo-message p{font-size:10px}.experiment-head{padding-inline:15px;font-size:9px}.experiment-footer{font-size:8px;padding:12px 15px}.principles{font-size:10px;padding-block:17px}.principles span{gap:9px}.principles b{font-size:13px}.section-head h2{font-size:23px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:15px}.search{width:100%;height:40px}.search input{font-size:12px}.filters button{padding:10px 14px}.card-art{min-height:255px;padding:24px}.art-blocks{width:173px;right:24px;top:20px;gap:6px}.art-blocks i{height:35px;line-height:35px}.art-caption strong{font-size:24px}.art-caption{max-width:none}.card-copy{padding:23px 20px}.card-copy h3{font-size:33px}.card-subtitle{font-size:15px}.card-bottom>span{font-size:9px}.card-cta{font-size:11px}.card-cta span{margin-left:7px}.card-eyebrow{font-size:9px}.lessons{grid-template-columns:1fr}.lesson,.lesson+.lesson{padding:23px 12px;border-left:0;border-bottom:1px solid var(--line)}.lesson:last-child{border-bottom:0}.lesson-foot{padding-top:20px}.questions{padding-top:48px}.questions .section-head h2{font-size:22px}.about{padding:28px 23px}.about h2{font-size:30px}.method-list article{gap:18px}.collection-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Language control follows the ZH / EN menu used by the Explorers. */
.site-header{gap:40px}.language-picker{position:relative;flex:none;margin-left:auto}.header-note+.language-picker{margin-left:0}
#language-toggle{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--line);background:transparent;font:12px var(--mono)}
#language-toggle:hover,#language-toggle[aria-expanded=true]{background:#e9eddf;border-color:#9fae8d}
#language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:220px;padding:5px;background:#fcfcf8;border:1px solid #bac6af;box-shadow:0 8px 24px #203c361a}
#language-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 10px;background:transparent;font-size:13px;text-align:left}
#language-menu button:hover,#language-menu button:focus-visible{background:#e9eddf}#language-menu small{margin-left:auto;color:var(--muted);font-size:10px}
.language-check{opacity:0}#language-menu [aria-checked=true] .language-check{opacity:1}#language-menu [aria-checked=true]{color:#49651c}
.hero-bottom>span>span{display:inline}.filters button>span[data-i18n]{font:inherit;margin-left:0;opacity:1}.filters button>span[data-localized]{font:inherit;margin-left:0;opacity:1}
.card-copy h3 span[data-localized]{font:inherit;color:inherit;opacity:1}.card-cta>span[data-i18n]{margin-left:0;font:inherit}.lesson-foot>span[data-localized]{font:inherit}.footer-brand>span[data-i18n]{font:inherit;margin-left:0}
html[lang=en] .hero h1{font-size:clamp(40px,4.2vw,58px);line-height:1.2;letter-spacing:-.055em}
html[lang=en] .brand{font-size:17px;letter-spacing:-.02em}html[lang=en] .brand small{letter-spacing:.08em}
html[lang=en] .section-head h2{font-size:26px}html[lang=en] .experiment-title{align-items:flex-start}html[lang=en] .experiment h2{font-size:18px;line-height:1.4}
html[lang=en] .demo-message{min-height:89px}html[lang=en] .hero-bottom{gap:14px}html[lang=en] .hero-bottom>span+span{padding-left:14px}
html[lang=en] .principles{gap:25px}html[lang=en] .principles span{gap:20px}html[lang=en] .about h2{font-size:29px}
html[lang=en] .card-bottom{flex-wrap:wrap;row-gap:14px}html[lang=en] .card-copy h3{font-size:35px}
@media(max-width:1100px){.site-header{gap:28px}.site-header nav{margin-left:auto}.language-picker{margin-left:0}.header-note{display:none}html[lang=en] .hero-bottom{flex-wrap:wrap;row-gap:10px}html[lang=en] .hero-bottom>span:last-child{border-left:0;padding-left:0}html[lang=en] .principles{gap:12px}html[lang=en] .principles span{gap:12px}html[lang=en] .principles p{display:none}}
@media(max-width:800px){html[lang=en] .hero h1{font-size:55px}html[lang=en] .hero-bottom>span:last-child{border-left:1px solid var(--line);padding-left:14px}html[lang=en] .about h2{font-size:32px}}
@media(max-width:600px){.site-header{height:auto;min-height:112px;flex-wrap:wrap;gap:0;padding-top:20px}.brand{order:0}.language-picker,.header-note+.language-picker{order:1;margin-left:auto}.site-header nav{order:2;width:100%;height:46px;gap:26px;justify-content:flex-start;margin-top:8px}.site-header nav a{height:100%}html[lang=en] .brand{font-size:17px}html[lang=en] .hero h1{font-size:42px}html[lang=en] .hero-bottom{gap:12px}html[lang=en] .hero-bottom>span+span{padding-left:12px}html[lang=en] .hero-bottom>span:last-child{border-left:0;padding-left:0}html[lang=en] .principles{gap:7px;font-size:9px}html[lang=en] .principles span{gap:7px}html[lang=en] .principles b{font-size:11px}html[lang=en] .section-head h2{font-size:25px}html[lang=en] .experiment h2{font-size:17px}html[lang=en] .experiment-title{flex-wrap:wrap;row-gap:8px}html[lang=en] .experiment-footer{flex-wrap:wrap;row-gap:10px}html[lang=en] .about h2{font-size:29px}}
@media(max-width:360px){html[lang=en] .hero h1{font-size:36px}html[lang=en] .brand{font-size:15px}html[lang=en] .principles{flex-wrap:wrap;justify-content:flex-start;gap:12px}.hero-bottom{row-gap:12px}}
/* Translation wrappers are text, not the decorative/count spans in the original design. */
.site-header nav span[data-i18n]{display:inline;font:inherit;background:none;padding:0}
.footer-brand>span[data-i18n]{display:inline}
.primary>span[data-i18n]{font:inherit;color:inherit}
.mode-switch button>span[data-i18n]{font:inherit;color:inherit;margin-left:0}
.demo-controls button>span[data-i18n]{margin-left:0}