/* Milky White surfaces from the desktop tool, with a soft pixel-art palette. */
:root{color-scheme:light;--bg:#fffdf5;--surface:#fffdf7;--border:#bec4ae;--muted:#5d716b;--cyan:#087b83;--amber:#95601f;--cream:#25484b;--text:#284743;--milk-cyan:#c1eeea;--milk-amber:#ffd594;--milk-shadow:#ded9c5}
body{color:var(--text);background-color:var(--bg);background-image:linear-gradient(#c9ccb329 1px,transparent 1px),linear-gradient(90deg,#c9ccb329 1px,transparent 1px);background-size:24px 24px}
body:before{background:repeating-linear-gradient(90deg,#85d9d6 0 25%,#fff4d7 25% 50%,#f5c880 50% 75%,#b8d5b7 75% 100%);background-size:160px 4px}
header{background:#fffdf5f7;border-bottom-color:#b9c2af;box-shadow:0 3px 0 #e6e1cf}.brand>span{color:#05737d}.brand-light{color:#345451}.brand img{filter:drop-shadow(2px 2px 0 #d1cbb766)}.brand small{color:#65756d}nav{color:#49675e}nav>a:hover{color:#00727c}
.button,.button.small{color:#174b50;background:var(--milk-cyan);border-color:#567f79;box-shadow:inset 2px 2px 0 #f5fffc,inset -2px -2px 0 #88c3b9,3px 3px 0 #d6d7c2}.button:hover{color:#123e42;background:#d4f6eb;box-shadow:inset 2px 2px 0 #fffef4,inset -2px -2px 0 #9dd3c2,3px 3px 0 #c9cdb5}.button:active{box-shadow:inset 2px 2px 0 #eafff6,inset -2px -2px 0 #88c3b9,1px 1px 0 #c8ccb8}
#language{border-color:#a9baa5;background:#fffdf7;color:#365b54;box-shadow:2px 2px 0 #e3dfcc}#language:hover{background:#f4f5e6;border-color:#6d998e}.eyebrow{color:#617367}.dot{background:#b37d30;box-shadow:2px 2px 0 #e9d9ae}
.intro h1{color:#33524b;text-shadow:2px 2px 0 #e4dfc9}.intro h1 span{color:#007982;text-shadow:2px 2px 0 #cfe9dd}.intro-copy>p{color:#506b62}.pixel-mascot:before{background:#dbd7bc77;box-shadow:8px -6px 0 #e6dfc966,-8px 5px 0 #e9e2cc55}.pixel-mascot img{filter:drop-shadow(3px 4px 0 #c8c9ab44)}.pixel-mascot:after{color:#b37b2b}.quick-links{color:#536d61}.quick-links>a:first-child{color:#087882}.quick-links>a:hover{color:#80561c}
.download-card{background:#fff9e9;border-color:#87977d;box-shadow:inset 0 0 0 2px #fffef6,5px 5px 0 #dcd8be;color:#284c43}.download-card:before{border-color:#87977d;background:var(--bg)}.download-title img{filter:drop-shadow(2px 2px 0 #d8c29144)}.download-title .eyebrow{color:#677259}.download-title h2{color:#355c4d}.download-title h2 span{background:#d9eee2;color:#28594f;border:1px solid #a8c9b2}.windows{color:#698371}.download-card>.button{background:var(--milk-amber);border-color:#ac8548;color:#593c19;box-shadow:inset 2px 2px 0 #fff8e2,inset -2px -2px 0 #e1b46b,3px 3px 0 #e4d3ac}.download-card>.button:hover{background:#ffe3af;color:#533915;box-shadow:inset 2px 2px 0 #fffef4,inset -2px -2px 0 #e9c383,3px 3px 0 #dccb9f}.download-meta{color:#61705c}.download-card>p{color:#596e5a;border-color:#d9d4b8}.download-card>p a{color:#096a72}
.support-heading>.version-label{border-color:#b5c4a9;box-shadow:2px 2px 0 #e7e2cd;color:#4b6a50;background:#f1f6e6}.support-heading .eyebrow{color:#88632b}.support-heading h2{color:#35534b}
.support-panel{border-color:#a4b39d;background:#fffdf7;box-shadow:4px 4px 0 #e1ddc8}.toolbar{background:#fff9e9;border-color:#c7cbb4}.toolbar:before{background:#a8cbad;box-shadow:-7px 0 0 #e5b56a,-14px 0 0 #80b9b1}.tabs button{border-color:#bdc7ad;background:#fffef8;color:#4f6a5b;box-shadow:2px 2px 0 #e1dfcb;font-size:10px}.tabs button[aria-selected=true]{border-color:#78a69b;background:#d5f0e8;color:#205d58;box-shadow:2px 2px 0 #c4d6bd}.tabs button span{background:#b3cfbd4d}.tabs button:hover{border-color:#7c9f8c}.search{border-color:#b4c2a8;background:#fffef9;box-shadow:inset 2px 2px 0 #f0eddd;color:#5e7b6a}.search input{color:#31574e}.search input::placeholder{color:#687d6d;opacity:1}.search kbd{color:#667c68;border-color:#c0cbb2;background:#f6f6e9}.search:focus-within{border-color:#23848a;box-shadow:0 0 0 2px #c6e8df}.result-bar{color:#637765}.result-bar>button{color:#167278}.result-bar>button:hover{color:#79531e}
.feature-group{border-color:#c1cbb5;background:#fffef8}.feature-group summary{transition:background .15s,border-color .15s}.feature-group summary:hover{background:#f0f6e9}.feature-group summary:after,.feature-group[open] summary:after{color:#8c662c}.feature-group[open]{border-color:#8eb2a0;box-shadow:3px 3px 0 #dce3cd}.feature-group[open] summary{background:#e9f4eb;border-color:#bad0b8}.group-number{color:#167980}.group-label strong{color:#355b4d;font-size:11px}.group-label small{color:#61766a;font-size:11px}.group-count{border-color:#c1cbb3;color:#526d59;background:#f4f7eb}.operation{border-color:#c7d0b9}.operation h3{color:#176f72;font-size:13px}.operation p{color:#425f53;font-size:13px}.operation .requirement{color:#805b28;font-size:11px}.group-note{border-color:#c8cbb0;background:#faf7e9;color:#5d7059}.support-note{border-color:#c5ccb5;background:#f5f6e8;color:#536c5b}.support-note>span{color:#8d6727}
.filter-row button{border-color:#b8c6ad;color:#526d59;background:#fffef8;box-shadow:2px 2px 0 #e2dfca}.filter-row button[aria-pressed=true]{background:#f9e5bb;border-color:#bea16b;color:#684b21}.filter-row button:hover{border-color:#819f87}.catalog-item{border-color:#c3cdb7;background:#fffef9;box-shadow:2px 2px 0 #e4e3ce}.catalog-item strong{color:#365c4e}.catalog-item small{color:#627b68}.results.catalog-results{scrollbar-color:#b4c5aa #f8f8ed}.empty-state{color:#5c705a}
#contact{border-color:#c5cab2}#contact .eyebrow{color:#8a6329}#contact h2{color:#365748}#contact p{color:#5d7563}.contact-links>a{border-color:#b3c4ac;background:#f0f8ef;box-shadow:3px 3px 0 #dedfc7}.contact-links>a:nth-child(2){background:#edf7f5}.contact-links>a:nth-child(3){background:#fff7e6}.contact-links>a:hover{border-color:#779c85;background:#e4f1e6}.contact-icon{border-color:#9bb69a;background:#fdfef4;color:#607d57;box-shadow:2px 2px 0 #d1dbc0}.contact-links strong{color:#3b614f}.contact-links small{color:#607c67}.contact-links b{color:#8b6b33}footer{border-color:#c9cdb8;color:#627762}footer>a{color:#416c59}
.group-label small{color:#52675c}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#087b83}.skip-link{background:#d5f0e8;color:#194f4c}
@media(max-width:1100px){.group-label strong{font-size:10px}}
@media(max-width:900px){.tabs button{font-size:9px}}
@media(max-width:600px){.download-card{box-shadow:4px 4px 0 #dcd8be}.support-panel{box-shadow:3px 3px 0 #e1ddc8}.tabs button{font-size:8px}.group-label strong{font-size:9px}.group-label small{font-size:10px}.operation p{font-size:12px}.operation h3{font-size:12px}.operation .requirement{font-size:10px}}
@media(max-width:370px){.tabs button{font-size:7px}}