@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,figure{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-inline-size:100%}[hidden]{display:none!important}}@layer base{:root{--paper:#f6f5f0;--ink:#2c302b;--muted:#6d7269;--line:#dddfd5;--accent:#e7edb8;--font:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--mono:"SFMono-Regular", Consolas, monospace;background:var(--paper);color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;font-size:15px;line-height:1.65}html{scroll-padding-block-start:110px}body{min-inline-size:280px}a{color:inherit;text-decoration:none}button{color:inherit}a,button,input,select,summary{outline-offset:5px}:focus-visible{outline:2px solid #536527}::selection{color:#262d1c;background:#dce5b8}h1,h2,h3{overflow-wrap:anywhere;font-weight:600;line-height:1.35}p{overflow-wrap:anywhere}button:disabled{cursor:default;opacity:.5}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:20;padding:12px;position:fixed;inset-block-start:-100px;inset-inline-start:16px}.skip-link:focus{inset-block-start:10px}.page-width{max-inline-size:1440px;margin-inline:auto;padding-inline:clamp(20px,4.1vw,64px)}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.13em;font-size:10px;font-weight:500;line-height:1.8}.domain-dot{background:var(--domain-color,#777);border-radius:50%;flex-shrink:0;block-size:7px;inline-size:7px;display:inline-block}.domain-label{align-items:center;gap:7px;display:inline-flex}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:18px;min-block-size:42px;padding:10px 16px;font-size:13px;line-height:1.5;display:inline-flex}.button:hover{background:#474f40}.button.secondary{color:var(--ink);background:#fff;border-color:#bfc5b8}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:8px;font-size:12px;text-decoration:underline}}@layer components{.site-header{border-block-end:1px solid var(--line);z-index:10;background:#f6f5f0f5;position:sticky;inset-block-start:0}.header-inner{justify-content:space-between;align-items:center;min-block-size:78px;max-inline-size:1440px;margin-inline:auto;padding-inline:clamp(20px,4.1vw,64px);display:flex}.brand{font-family:var(--serif);letter-spacing:-.065em;white-space:nowrap;align-items:center;gap:12px;font-size:28px;line-height:1;display:inline-flex}.brand-mark{flex-shrink:0;block-size:25px;inline-size:25px}.brand-mark.small{block-size:17px;inline-size:17px}.brand-period{color:#7e8844}.header-nav{align-items:center;gap:30px;font-size:12px;display:flex}.header-nav a{color:var(--muted);padding-block:25px;position:relative}.header-nav a[aria-current]{color:var(--ink)}.header-nav a[aria-current]:after{background:var(--ink);content:"";border-radius:3px;block-size:3px;inline-size:14px;position:absolute;inset-block-end:14px;inset-inline-start:calc(50% - 7px)}.github-link{border-inline-start:1px solid var(--line);padding-inline-start:26px}.github-link span{margin-inline-start:6px}.gallery-intro{justify-content:space-between;align-items:center;gap:30px;padding-block:47px 28px;display:flex}.tiny-spark{color:#777f40;margin-inline-end:4px;font-size:16px}.gallery-intro h1{letter-spacing:-.065em;margin-block:11px 12px;font-size:clamp(28px,3vw,43px);font-weight:550}.intro-description{color:var(--muted);white-space:pre-line;font-size:14px;line-height:1.85}.reading-language{color:var(--muted);margin-block-start:10px;font-size:10px}.collection-note{border-inline-start:1px solid var(--line);color:var(--muted);letter-spacing:.04em;flex-shrink:0;align-items:center;gap:18px;padding-inline-start:30px;font-size:10px;display:flex}.note-number{color:var(--ink);font-family:var(--serif);letter-spacing:-.06em;font-size:51px;font-weight:400}.note-flower{color:#9aab67;font-family:var(--serif);margin-inline-start:20px;font-size:70px;line-height:1}.search-form{background:#fff;border:1px solid #c9cec0;border-radius:7px;align-items:center;gap:13px;min-block-size:62px;padding-inline:20px 10px;display:flex}.search-form:focus-within{border-color:#748243;box-shadow:0 0 0 3px #e7ead9}.search-form svg{stroke:#777e6c;stroke-width:1.5px;flex-shrink:0;block-size:22px;inline-size:22px}.search-form input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;inline-size:100%;min-inline-size:0;padding-block:16px}.search-form input::placeholder{color:#6d7565}.search-submit{white-space:nowrap;background:#f1f2e9;border:1px solid #e0e3d7;border-radius:4px;align-items:center;gap:16px;padding:9px 14px;font-size:12px;display:flex}.search-submit span{color:#778069;font-size:16px}.task-links{flex-wrap:wrap;align-items:center;gap:9px 18px;padding-block:14px 31px;font-size:11px;display:flex}.task-links>span{color:var(--muted);margin-inline-end:2px}.task-links a{align-items:center;gap:7px;display:flex}.task-links a span{color:#82896f}.task-links a:hover{text-underline-offset:4px;text-decoration:underline}.gallery-layout{border-block-start:1px solid var(--line);grid-template-columns:218px minmax(0,1fr);align-items:start;gap:35px;padding-block:30px 80px;display:grid}.sidebar-heading{color:#62695d;letter-spacing:.03em;margin-block-end:15px;font-size:10px}.gallery-sidebar{position:sticky;inset-block-start:106px}.domain-nav{gap:4px;display:grid}.domain-nav a{border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;min-block-size:57px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.domain-nav a:first-child{min-block-size:44px;margin-block-end:6px}.domain-nav a:hover{background:#efefe6}.domain-nav a[aria-current]{background:#e9edd8;border-color:#dfe5c9}.domain-nav-name{align-items:center;gap:9px;font-weight:550;display:flex}.domain-nav-sub{color:var(--muted);margin-block-start:5px;padding-inline-start:16px;font-size:10px;display:block}.domain-count{color:#62695d;font-family:var(--mono);font-size:10px}.all-icon{margin-inline-start:-2px;font-size:17px;line-height:1}.sidebar-note{border-block-start:1px solid var(--line);color:#62695d;margin-block-start:30px;padding:21px 12px;font-size:11px;line-height:1.8}.sidebar-note>span{color:#8d976d;font-family:var(--serif);font-size:24px}.sidebar-note a{color:var(--ink);text-underline-offset:4px;margin-block-start:13px;font-size:10px;text-decoration:underline;display:inline-block}.collection{min-inline-size:0}.collection-toolbar{justify-content:space-between;align-items:center;gap:18px;min-block-size:33px;margin-block-end:19px;display:flex}.collection-toolbar>div{flex-wrap:wrap;align-items:baseline;gap:10px;min-inline-size:0;display:flex}.collection-toolbar h2{letter-spacing:-.03em;font-size:17px}#result-count{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.kind-filter{color:var(--muted);flex-shrink:0;align-items:center;gap:8px;font-size:11px;display:flex}.kind-filter select{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:4px;max-inline-size:125px;padding:7px 8px;font-size:11px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 19px;padding:0;list-style:none;display:grid}.resource-card{border:1px solid var(--line);background:#fbfbf7;border-radius:7px;min-inline-size:0;overflow:hidden}.resource-card:hover{border-color:#a9b294}.card-link{flex-direction:column;block-size:100%;display:flex}.card-copy{flex:1;padding:17px 17px 20px}.card-meta{color:#68705d;justify-content:space-between;align-items:center;gap:8px;margin-block-end:12px;font-size:10px;display:flex}.card-meta>span:last-child{color:#62695d;white-space:nowrap;background:#eeefe7;border-radius:3px;padding:1px 6px}.card-copy h3{letter-spacing:-.03em;justify-content:space-between;gap:12px;margin-block-end:8px;font-size:16px;font-weight:600;line-height:1.55;display:flex}.card-arrow{color:#6d765c;flex-shrink:0;font-size:15px;font-weight:400}.card-copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.85;display:-webkit-box;overflow:hidden}.source-title{color:#68705d;font-family:var(--mono);overflow-wrap:anywhere;margin-block-start:12px;font-size:9px;line-height:1.65;display:block}.preview{--art-color:#727e4f;--art-fill:#d8dfb8;--art-muted:#e6ead8;aspect-ratio:1.75;color:var(--art-color);background-color:#efefe4;background-image:radial-gradient(#a7b08f44 .6px,#0000 .6px);background-size:12px 12px;border-block-end:1px solid #dfe3d5;place-items:center;display:grid;position:relative;overflow:hidden}.preview-motion{--art-color:#ad7455;--art-fill:#edc9af;--art-muted:#f1ddcd;background-color:#f5ebe1}.preview-state{--art-color:#70809f;--art-fill:#c4d3e4;--art-muted:#e1e7ee;background-color:#eaf0f5}.preview-game{--art-color:#8f799e;--art-fill:#d5c8e0;--art-muted:#e9e2ed;background-color:#f0ebf3}.preview-platform{--art-color:#6d9289;--art-fill:#c1dad1;--art-muted:#dce9e3;background-color:#e9f0eb}.preview-terms{--art-color:#a78b5c;--art-fill:#e8d8b5;--art-muted:#efe7d5;background-color:#f3efe5}.preview-drawing{max-block-size:100%;inline-size:100%}.art-paper{fill:#fdfdfa;stroke:var(--art-color);stroke-width:1.1px}.art-muted{fill:var(--art-muted);stroke:var(--art-color);stroke-opacity:.45;stroke-width:.8px}.art-accent{fill:var(--art-fill);stroke:var(--art-color);stroke-width:1px}.art-line{stroke:var(--art-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.art-dot{fill:var(--art-color)}.art-dashed{stroke:var(--art-color);stroke-dasharray:4 4;stroke-width:1.4px}.art-text{fill:var(--art-color);font-family:var(--mono);text-anchor:middle;font-size:10px}.art-letter{fill:var(--art-color);font-family:var(--serif);text-anchor:middle;font-size:46px}.preview-caption{font-family:var(--mono);letter-spacing:.12em;font-size:7px;position:absolute;inset-block-end:9px}.preview-cross{font-family:var(--mono);opacity:.6;font-size:12px;position:absolute;inset-block-start:8px}.cross-start{inset-inline-start:10px}.cross-end{inset-inline-end:10px}.preview-large{aspect-ratio:2.8;border:1px solid var(--line);border-radius:6px}.preview-large .preview-drawing{max-inline-size:420px}.load-more{background:#fff0;border:1px solid #ccd1bf;border-radius:5px;min-inline-size:180px;margin:30px auto 0;padding:12px 25px;font-size:12px;display:block}.load-more:hover{background:#ecefdf}.collection-end{color:#62695d;text-align:center;margin-block-start:35px;font-size:10px}.empty-results{text-align:center;border:1px dashed #c4cbb4;border-radius:8px;padding:50px 20px}.empty-symbol{color:#8b976e;font-family:var(--serif);font-size:60px;line-height:1.3}.empty-results h3{margin-block:12px;font-size:19px}.empty-results p{color:var(--muted);margin-block-end:20px;font-size:12px}.search-notice{background:#ecefdf;border-radius:4px;margin-block-end:18px;padding:12px;font-size:12px}.site-footer{border-block-start:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px 25px;max-inline-size:1312px;margin-inline:auto;padding:28px 24px;font-size:11px;display:flex}.footer-brand{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;align-items:center;gap:8px;font-size:19px;display:flex}.site-footer>a:last-child{font-size:10px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding-block:27px;font-size:11px;display:flex}.breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.article-page{max-inline-size:1280px;padding-block-end:70px}.article-header{max-inline-size:900px;padding-block:23px 34px}.article-labels{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-block-end:17px;font-size:11px;display:flex}.experimental{color:#6a6446;background:#ecebdf;border-radius:3px;padding:3px 7px;font-size:10px}.article-header h1{letter-spacing:-.05em;font-size:clamp(29px,4vw,47px)}.article-original-title{color:#62695d;font-family:var(--mono);margin-block-start:14px;font-size:12px}.article-description{color:var(--muted);max-inline-size:760px;margin-block:18px;font-size:16px}.source-link{color:#59674b;text-underline-offset:4px;font-size:11px;text-decoration:underline}.source-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.agent-guide{max-inline-size:1100px;padding-block-end:70px}.agent-guide-body{max-inline-size:820px}.agent-guide-body li{overflow-wrap:anywhere}.experience{background:#fcfcf8;border:1px solid #d7dccd;border-radius:9px;margin-block:8px 50px;padding:26px}.experience-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-end:23px;display:flex}.experience-heading h2{letter-spacing:-.04em;margin-block-start:7px;font-size:21px}.live-badge{color:#6b7859;font-family:var(--mono);letter-spacing:.04em;border:1px solid #d9decf;border-radius:3px;padding:5px 8px;font-size:8px}.resize-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-block-end:16px;font-size:11px;display:flex}.resize-toolbar input{accent-color:#788746;flex:1;min-inline-size:80px;max-inline-size:350px}.resize-toolbar output{color:#6a765a;font-family:var(--mono);min-inline-size:55px}.layout-demo-stage{background:#e9ecdf;border:1px dashed #bdc8a5;border-radius:5px;justify-content:center;padding:16px;display:flex;overflow:auto}.layout-demo-stage iframe{background:#fff;border:1px solid #bcc7a8;border-radius:5px;flex-shrink:0;block-size:340px;inline-size:min(100%,720px)}.demo-caption{color:var(--muted);margin-block-start:17px;font-size:11px;line-height:1.85}.motion-stage{background:#f2e9de;border-radius:5px;place-items:center;min-block-size:305px;padding:30px;display:grid}.disclosure-card{background:#fffcf7;border:1px solid #d9c8b5;border-radius:7px;inline-size:min(100%,350px);padding:25px}.demo-kicker{color:#80664e;font-family:var(--mono);letter-spacing:.08em;font-size:8px}.disclosure-card h3{margin-block:11px;font-size:19px}.disclosure-card p{color:#70675d;font-size:12px;line-height:1.85}.disclosure-card button{background:#e9d4bc;border:0;border-radius:4px;justify-content:space-between;inline-size:100%;margin-block-start:20px;padding:11px 13px;font-size:12px;display:flex}#motion-panel{border-block-start:1px solid #e3d6c4;margin-block-start:16px;padding-block-start:15px}.demo-option{align-items:center;gap:7px;margin-block-start:16px;font-size:12px;display:flex}.demo-option input{accent-color:#8d734d}.state-demo-stage{background:#edf1f5;border-radius:5px;padding:27px}.state-demo-requests{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.state-demo-requests>div{background:#fcfdff;border:1px solid #ced7e0;border-radius:6px;padding:22px}.request-label{color:#515f74;font-family:var(--mono);font-size:10px}.state-demo-requests h3{font-family:var(--mono);margin-block:14px 20px;font-size:18px}.state-demo-result{background:#dbe6ef;border:1px solid #bdcddd;border-radius:6px;margin-block-start:18px;padding:20px}.state-demo-result p{margin-block-start:8px;font-size:16px}.demo-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block-start:15px;font-size:12px;display:flex}.inventory-demo{background:#eeebf2;border-radius:5px;grid-template-columns:1fr 1fr;gap:30px;padding:30px;display:grid}.inventory-demo fieldset{border:0;align-content:start;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.inventory-demo legend{margin-block-end:16px;font-size:12px}.inventory-item{cursor:pointer;background:#fdfbff;border:1px solid #d8cedf;border-radius:5px;align-items:center;gap:13px;padding:12px;font-size:12px;display:flex}.inventory-item:has(:checked){background:#e1d8eb;border-color:#9e8aac}.inventory-item input{accent-color:#887396}.item-art{color:#8e78a0;font-family:var(--serif);font-size:30px}.inventory-detail h3{margin-block:10px;font-size:24px}.inventory-detail p{color:#63586d;margin-block-end:15px;font-size:12px}.inventory-detail .button{inline-size:100%;margin-block-start:9px;display:flex}.inventory-status{color:#776085;margin-block-start:18px;font-size:13px}.platform-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.platform-comparison a{background:#edf3ef;border:1px solid #d2e0d7;border-radius:6px;padding:25px 20px}.platform-comparison a:hover{border-color:#8faf9d}.platform-symbol{color:#749585;font-size:40px}.platform-comparison h3{font-family:var(--serif);margin-block:16px 8px;font-size:29px;font-weight:400}.platform-comparison p{color:#536b5d;margin-block-end:25px;font-size:12px}.platform-comparison a>span:last-child{font-size:11px}.term-routes{margin-block-start:15px;display:grid}.term-routes a{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:17px;font-size:14px;display:flex}.term-routes a:hover{color:#907346}.term-routes span{color:var(--muted);font-size:11px}.article-layout{grid-template-columns:minmax(0,1fr) 195px;align-items:start;gap:58px;display:grid}.source-reading{min-inline-size:0}.source-reading-label{border-block-end:1px solid var(--line);align-items:center;gap:12px;margin-block-end:25px;padding-block-end:15px;font-size:12px;display:flex}.source-reading-label span{color:var(--muted);font-family:var(--mono);letter-spacing:.07em;font-size:9px}.prose{color:#4e5748;overflow-wrap:anywhere;min-inline-size:0;font-size:15px;line-height:1.9}.prose>:first-child{margin-block-start:0}.prose h2{border-block-start:1px solid var(--line);color:var(--ink);letter-spacing:-.035em;margin-block:37px 18px;padding-block-start:26px;font-size:25px}.prose h3{color:var(--ink);margin-block:27px 13px;font-size:19px}.prose h4{margin-block:20px 10px}.prose p,.prose ul,.prose ol{margin-block:15px}.prose ul,.prose ol{padding-inline-start:22px}.prose li{margin-block:7px}.prose a{color:#586e31;text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:#263413}.prose code{color:#495b31;font-family:var(--mono);background:#e9edde;border-radius:3px;padding:2px 4px;font-size:.82em}.prose pre{color:#e0e9d5;background:#292f27;border:1px solid #394331;border-radius:6px;max-inline-size:100%;margin-block:22px;padding:22px;font-size:13px;line-height:1.8;overflow:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.code-block{position:relative}.code-block pre{padding-block-start:48px}.code-block button{color:#e0e9d5;background:#394132;border:1px solid #69765b;border-radius:3px;padding:5px 9px;font-size:10px;position:absolute;inset-block-start:10px;inset-inline-end:10px}.prose table{border-collapse:collapse;max-inline-size:100%;margin-block:22px;font-size:12px;line-height:1.7;display:block;overflow:auto}.prose th{color:var(--ink);text-align:start;background:#e9edde;font-weight:600}.prose td,.prose th{vertical-align:top;border:1px solid #d9decf;min-inline-size:115px;padding:12px}.prose blockquote{color:#62695d;border-inline-start:3px solid #bbc6a2;margin-inline:0;padding-inline-start:20px}.article-toc{border-inline-start:1px solid var(--line);padding-inline-start:20px;font-size:10px;line-height:1.7}.article-toc nav{gap:12px;display:grid}.article-toc a{color:#62695d;overflow-wrap:anywhere}.article-toc a:hover{color:var(--ink);text-decoration:underline}.toc-domain{border-block-start:1px solid var(--line);margin-block-start:20px;padding-block-start:18px;display:block}.related-section{border-block-start:1px solid var(--line);margin-block-start:65px;padding-block-start:30px}.section-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-block-end:24px;display:flex}.section-topline h2{letter-spacing:-.04em;font-size:23px}.section-topline a{color:var(--muted);font-size:11px}.about-page{max-inline-size:1180px;padding-block:70px}.about-page>h1{letter-spacing:-.055em;margin-block:20px 25px;font-size:clamp(35px,4vw,54px);line-height:1.35}.about-lead{color:#616b58;font-size:19px;line-height:1.85}.about-intro{color:var(--muted);max-inline-size:620px;margin-block:24px 45px;font-size:14px;line-height:1.9}.about-instructions{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-block:40px 60px;padding-block:30px;display:grid}.about-instructions span{color:#66754d;font-family:var(--mono);font-size:11px}.about-instructions h2{margin-block:12px;font-size:17px}.about-instructions p{color:var(--muted);font-size:13px}.about-domains{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-domains a{border:1px solid var(--line);background:#fdfdf8;border-radius:6px;padding:27px;position:relative}.about-domains a:hover{border-color:#a4b18b}.about-domains .domain-label{color:#6c785e;font-size:11px}.about-domains h3{letter-spacing:-.04em;margin-block:12px;padding-inline-end:20px;font-size:20px}.about-domains p{color:var(--muted);font-size:12px}.about-domain-arrow{color:#7d8c65;position:absolute;inset-block-start:27px;inset-inline-end:24px}.about-source{border-block-start:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-block-start:60px;padding-block-start:45px;display:grid}.about-source h2{letter-spacing:-.035em;margin-block:15px;font-size:29px}.about-source p:not(.eyebrow){color:var(--muted);margin-block:15px;font-size:13px}.about-source .button{margin-block-start:8px}.about-source .preview{aspect-ratio:1.25}.not-found{min-block-size:70vh;padding-block:100px}.not-found h1{letter-spacing:-.04em;margin-block:20px;font-size:clamp(30px,4vw,48px)}.not-found p:not(.eyebrow){color:var(--muted);margin-block-end:25px}}@layer responsive{@media (width>=1450px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-note{gap:10px;padding-inline-start:22px}.note-flower{display:none}.gallery-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.domain-nav a{padding-inline:9px}.domain-nav-name{font-size:11px}.article-layout{grid-template-columns:minmax(0,1fr) 160px;gap:35px}}@media (width<=900px){.gallery-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding-block-start:20px}.gallery-sidebar{position:static}.domain-nav{flex-wrap:wrap;gap:8px;display:flex}.domain-nav a,.domain-nav a:first-child{border-color:var(--line);background:#fbfbf7;gap:11px;min-block-size:38px;margin:0;padding:8px 11px}.domain-nav-sub,.sidebar-note{display:none}.sidebar-heading{margin-block-end:10px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{display:none}.about-source{gap:25px}}@media (width<=600px){.header-inner{min-block-size:67px}.brand{gap:8px;font-size:24px}.brand-mark{block-size:21px;inline-size:21px}.header-nav{gap:15px;font-size:11px}.header-nav a{padding-block:22px}.header-nav a[aria-current]:after{inset-block-end:13px}.github-link{display:none}.gallery-intro{padding-block:32px 24px}.gallery-intro h1{font-size:32px}.intro-description{font-size:13px}.collection-note{display:none}.search-form{gap:10px;min-block-size:56px;padding-inline:13px 8px}.search-form svg{inline-size:18px}.search-form input{font-size:13px}.search-submit{padding:8px 10px;font-size:11px}.search-submit span{display:none}.task-links{gap:10px 14px;padding-block:15px 24px;font-size:10px}.task-links>span{inline-size:100%}.domain-nav{gap:7px}.domain-nav a,.domain-nav a:first-child{gap:8px;padding:8px 10px}.domain-nav-name{font-size:10px}.domain-count{font-size:9px}.collection-toolbar{align-items:start;gap:10px}.collection-toolbar>div{gap:5px}.collection-toolbar h2{inline-size:100%;font-size:17px}.kind-filter{font-size:0}.resource-grid{grid-template-columns:minmax(0,1fr);gap:20px}.preview{aspect-ratio:1.85}.card-copy{padding:18px 20px 22px}.card-copy h3{font-size:17px}.card-copy p{font-size:12px}.card-meta,.source-title{font-size:10px}.collection-end{font-size:10px;line-height:1.8}.site-footer{flex-direction:column;align-items:start;padding-inline:20px}.article-header{padding-block:12px 25px}.article-header h1{font-size:32px}.article-description{font-size:14px}.experience{padding:17px}.experience-heading h2{font-size:18px}.experience-heading{margin-block-end:18px}.layout-demo-stage{padding:8px}.motion-stage{padding:18px}.disclosure-card{padding:20px}.state-demo-stage{padding:15px}.state-demo-requests{grid-template-columns:minmax(0,1fr);gap:12px}.state-demo-requests>div{padding:16px}.state-demo-requests h3{margin-block:10px 14px;font-size:16px}.inventory-demo{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px}.platform-comparison{grid-template-columns:minmax(0,1fr)}.platform-comparison a{padding:20px}.platform-comparison h3{margin-block:6px}.platform-comparison p{margin-block-end:12px}.preview-large{aspect-ratio:1.8}.prose{font-size:14px}.prose h2{font-size:22px}.prose pre{padding:15px;font-size:11px}.related-section{margin-block-start:45px}.section-topline h2{font-size:20px}.about-page{padding-block:40px}.about-lead{font-size:16px}.about-instructions{grid-template-columns:minmax(0,1fr);gap:25px}.about-domains,.about-source{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}}