/* Put common tasks first and keep the interface readable and predictable. */
:root{--muted:#54664f}
body{background:#edf0e8}.shell{background:#f7f8f3}.main{padding-block-start:1.5rem}.workspace-intro{display:none}
.topnav a{font-size:.875rem}.command-trigger{min-height:2.75rem;font-size:.875rem}.command-trigger span{display:inline}.command-trigger kbd{display:none}
.friendly-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:2rem;align-items:center;padding:1.75rem 2rem;margin:0 0 1.75rem;border:1px solid #dbe2d2;border-radius:.875rem;background:#edf3e4;overflow:hidden}
.friendly-hero .eyebrow{font-size:.6875rem;letter-spacing:.06em;color:#526d3e}.friendly-hero h1{font:600 2.75rem/1.14 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.075rem;margin:.875rem 0 1rem;max-width:40rem}.friendly-hero h1 em{font-style:normal;color:#44723c}.friendly-hero p{font-size:1rem;line-height:1.75;max-width:38rem;color:#51644a}.friendly-hero .hero-actions{gap:1.25rem;margin-top:1.375rem}.friendly-hero .hero-secondary{font-size:.875rem;color:#365c32;min-height:2.75rem}.friendly-hero .button{font-size:.875rem;background:#285c38;color:white!important;border-color:#285c38;box-shadow:none;min-height:2.75rem}.friendly-hero-art{border-radius:.75rem;overflow:hidden;max-height:16rem;background:#10372e}.friendly-hero-art img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.2}
.section-head{margin-top:2rem}.section-head h2{font:650 1.75rem/1.25 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}.section-head small{font-size:.9375rem;line-height:1.7;color:#5d6f55}.section-head>a{font-size:.875rem}.section-count{display:none}
.sidebar a{font-size:.8125rem;min-height:2.75rem;line-height:1.5}.sidebar-label{font-size:.625rem}.pinned-name{font-size:.8125rem}.side-note{display:none}.sidebar-inner{scrollbar-width:thin}
.mobile-menu-button{display:none;align-items:center;justify-content:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding:.625rem .75rem;border:1px solid #cbd7bf;border-radius:.4375rem;background:#f5f8ef;color:#315b37;font-size:.875rem;font-weight:600}.mobile-menu-button svg{width:1.25rem;height:1.25rem}
.tools-dialog{width:min(30rem,calc(100% - 1.5rem));max-height:90dvh;top:4dvh;margin:0 auto;padding:0;border:1px solid #a5b69a;border-radius:.875rem;background:#fcfdf8;color:#25422d;box-shadow:0 1rem 4rem #102e2545;overflow:auto}.tools-dialog:not([open]){display:none}.tools-dialog::backdrop{background:#10271f85;backdrop-filter:blur(.1875rem)}.tools-dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #dce4d2;background:#f3f6eb;position:sticky;top:0}.tools-dialog-heading h2{font:650 1.25rem system-ui,sans-serif;margin:0}.tools-dialog-heading form{margin:0}.tools-dialog-heading button{width:2.75rem;height:2.75rem;border:1px solid #c5d3b9;border-radius:.375rem;background:white;color:#315b37;font-size:1rem}.tools-dialog nav{padding:0 1rem 1rem}.tools-dialog nav h3{font-size:.75rem;color:#657e54;margin:1.25rem .375rem .5rem}.tools-dialog nav a{display:flex;align-items:center;gap:.625rem;justify-content:space-between;min-height:3rem;padding:.75rem;border-bottom:1px solid #e0e7d8;font-size:.9375rem;text-transform:none;border-radius:.375rem}.tools-dialog nav a>span{flex:1}.tools-dialog nav a>b{font-size:1rem;font-weight:400}.tools-dialog nav a:hover{background:#ecf3e2}.tools-dialog nav .mobile-pinned{background:#fcf2d5;border:1px solid #d8bd79;color:#6c5120;margin-bottom:.5rem}.mobile-pinned svg{width:1rem;height:1rem;flex-shrink:0}
.studio-workbench{scroll-margin-top:7rem}.pinned-workbench .bench-tabs button{min-height:3.25rem;font-size:.9375rem;padding:.75rem 1rem}.bench-tabs button svg{width:1.25rem;height:1.25rem}.widget-heading{font:650 1.5rem/1.3 system-ui,sans-serif;letter-spacing:-.025em}.widget-sub{font-size:.9375rem;line-height:1.75;color:#53664d}.field{font-size:.9375rem;font-weight:600}.field-label{display:block}.fields{gap:1.25rem}.input-wrap{background:white;border:1px solid #a8bba0}.input-wrap input{font-size:1.75rem;min-height:3.25rem}.input-wrap>span{font-size:.8125rem;color:#5a7050}.input-wrap:has([aria-invalid="true"]){border-color:#af492c;box-shadow:0 0 0 .125rem #c5683c15}.field-error{display:block;margin-top:.5rem;font-size:.8125rem;font-weight:400;line-height:1.6;color:#9a3c23}.input-help{font-size:.875rem;line-height:1.7;color:#5b7051;margin:.75rem 0 1.25rem}
.tax-mode-control{margin:1rem 0 .75rem}.tax-mode-control button{font-size:.875rem;min-height:3rem;padding:.625rem .75rem}.presets{align-items:center;gap:.5rem;margin-top:1.125rem}.presets>span{font-size:.8125rem;color:#596e4e;width:100%;margin-bottom:.125rem}.presets button{min-height:2.75rem;min-width:3.125rem;font-size:.875rem;padding:.5rem .75rem}.widget-bottom{font-size:.8125rem;line-height:1.6;gap:1rem}.reset{font-size:.875rem;min-height:2.75rem;text-decoration:underline;text-underline-offset:.1875rem}
.calculator-settings{border:1px solid #d7e1cc;border-radius:.5rem;padding:.875rem 1rem;margin-top:1rem;background:#f7f9f2}.calculator-settings summary{cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.7;color:#3d603b;min-height:1.75rem}.calculator-settings[open] summary{margin-bottom:1rem}.calculator-settings .fields{gap:1rem}.calculator-settings .input-wrap input{font-size:1.25rem;min-height:2.75rem}.local-toggle{display:flex;align-items:center;gap:.625rem;font-size:.875rem;line-height:1.6;margin:1rem 0 .5rem;min-height:2.75rem}.local-toggle input{width:1.125rem;height:1.125rem;accent-color:#315f38;flex-shrink:0}
.result{background:#eef5e6;background-image:none;border-color:#ccdac0;color:#25462c}.result::before{content:"YOUR RESULT";font-size:.6875rem;color:#617c4d;border-color:#c4d5b4;margin-bottom:1.25rem}.result-label{font-size:1rem;color:#365d36}.result-big{font:700 3.5rem/1.1 ui-sans-serif,system-ui,sans-serif;color:#285a30;letter-spacing:-.1rem;margin:1rem 0 .5rem}.result-unit{font-size:.875rem;color:#536f45}.tax-summary{font-size:1rem;color:#34572f;background:white;border:1px solid #d1dfc4;line-height:1.8}.result-row{font-size:.9375rem;color:#526d43;border-color:#cfddc2}.result-row strong{color:#31542e;font-weight:650}.result-note{font-size:.8125rem;line-height:1.8;color:#576f4b}.legend{font-size:.75rem;color:#5b754c}.distribution{background:#c9d7ba}.distribution i{background:#4b7b42}.result table{color:#34572f;font-size:.8125rem}.result th{font-size:.75rem;color:#4c6b3e}.result td,.result th{border-color:#d1dfc4}.result .select{font-size:.875rem;color:#365d36}.result .select select{min-height:2.75rem;font-size:.875rem}.result .error{color:#993d24}.calculator-actions{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:white;border-top:1px solid #dbe3d2}.calculator-actions button{min-height:2.75rem;padding:.625rem 1rem;border:1px solid #9fb28d;border-radius:.4375rem;background:#f0f5e8;font-size:.875rem;color:#335d32;font-weight:600}.calculator-actions button:disabled{opacity:.55;cursor:default}.calculator-actions a{font-size:.875rem;color:#3c6834;text-decoration:underline;text-underline-offset:.1875rem;min-height:2.75rem;display:flex;align-items:center}.copy-status{margin:0;background:white;font-size:.8125rem;padding:0 1.25rem;color:#46623a}.copy-status:empty{display:none}.copy-status:not(:empty){padding-bottom:1rem}.formula{font-size:.75rem!important;line-height:1.8}.bench-footer{padding:.875rem 1.25rem;font-size:.75rem}.bench-footer a{font-size:.8125rem}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card:first-child,.tool-card:last-child{grid-column:auto;min-height:0}.tool-card:first-child::after,.tool-card:last-child::after{display:none}.tool-card{padding:1.5rem;border-radius:.625rem;transform:none!important;box-shadow:none}.tool-card:first-child h3,.tool-card:last-child h3,.tool-card h3{font:650 1.1875rem/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;max-width:none}.tool-card:first-child p,.tool-card:last-child p,.tool-card p{font-size:.9375rem;line-height:1.75;max-width:none;color:#586b4f}.tool-card:first-child .card-link,.tool-card:last-child .card-link,.card-link{max-width:none;font-size:.875rem;min-height:2.75rem}.card-top small{font-size:.6875rem}.filters button{font-size:.8125rem;min-height:2.75rem;padding:.625rem .75rem}.search{font-size:1rem;min-height:3rem}.tool-count{font-size:.8125rem;color:#607353}.section-head .pinned-badge,.pinned-badge{font-size:.625rem}.tool-card:hover{border-color:#9db58c;background:white}.card-top{margin-bottom:1rem}
.path-grid{gap:1rem}.path-card{min-height:12rem;padding:1.5rem;transform:none!important}.path-card h3{font:650 1.5rem/1.3 system-ui,sans-serif;margin:1rem 0 .75rem;letter-spacing:-.025em}.path-card p{font-size:.875rem;color:#5d6f50;max-width:65%}.path-number{font-size:.625rem}.path-link{font-size:.8125rem}.studio-journal .section-head h2{font:650 1.875rem/1.3 system-ui,sans-serif}.learn-grid:not(.lua-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.learn-grid:not(.lua-grid)>.guide-card:first-child,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child){display:flex;grid-column:auto;grid-row:auto}.learn-grid:not(.lua-grid)>.guide-card .article-thumbnail,.learn-grid:not(.lua-grid)>.guide-card:first-child .article-thumbnail,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) .article-thumbnail{height:auto;aspect-ratio:1.65}.guide-card{transform:none!important}.guide-card h3,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) h3{font:650 1.25rem/1.4 system-ui,sans-serif;letter-spacing:-.025em}.guide-card p,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) p{font-size:.9375rem;line-height:1.8}.guide-card .tag{font-size:.6875rem}.reading{font-size:.75rem}.learning-spotlight{padding:1.75rem;gap:2rem}.spotlight-copy h2{font:600 2rem/1.25 system-ui,sans-serif;letter-spacing:-.04em}.spotlight-copy p{font-size:.9375rem;line-height:1.8}.spotlight-copy .tag{font-size:.6875rem}.spotlight-copy .button{font-size:.875rem}.spotlight-topics{display:none}.spotlight-editor{transform:none}.spotlight-editor pre{font-size:.8125rem}.editor-title{font-size:.6875rem}.editor-footer{font-size:.6875rem}.editor-footer b{font-size:.625rem}
.hero.article-hero h1{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:650;font-size:2.5rem;line-height:1.2;letter-spacing:-.06em}.hero.article-hero .eyebrow{font-size:.75rem}.hero.article-hero p{font-size:1rem}.hero-thumb{transform:none;box-shadow:none}.prose{font-size:1.0625rem;line-height:1.9;color:#42563c}.prose h2,.main>.prose[data-educational-copy] h2{font:650 1.5rem/1.4 system-ui,sans-serif}.main>.prose[data-educational-copy] p{font-size:1rem}.main>.prose[data-educational-copy]{grid-template-columns:1fr;max-width:78ch;margin-inline:auto}.article-main[data-article-copy]>section:first-child>p:first-of-type::first-letter{float:none;font:inherit;margin:0;color:inherit}.article-cover{box-shadow:none}.side-panel h3{font:650 1.125rem/1.4 system-ui,sans-serif}.side-panel a{font-size:.875rem}.article-outline{display:none}.article-outline summary{cursor:pointer;min-height:2.75rem;font-size:1rem;font-weight:600;color:#355c32;line-height:2.75rem}.article-outline .side-panel{margin:0;padding:.75rem;border:0}.article-outline .side-panel h3{display:none}.lua-grid h3,.lua-grid>.guide-card:first-child h3,.lua-grid>.guide-card:last-child h3{font:650 1.375rem/1.4 system-ui,sans-serif;letter-spacing:-.03em}.library-intro p{font-size:.9375rem}.library-intro p strong{font:650 1.375rem/1.4 system-ui,sans-serif}.footer nav{font-size:.8125rem}.footer p{font-size:.75rem}.reveal-in{animation:none}.guide-card:hover .article-thumbnail img{transform:none}
@media(max-width:1200px){.learn-grid:not(.lua-grid){grid-template-columns:1fr 1fr}.article-outline{display:block;margin-bottom:1.5rem;border:1px solid #d7e1cc;border-radius:.5rem;padding:.5rem 1rem;background:#f5f8ee}.article-aside>.toc{display:none}}
@media(max-width:1000px){.workspace{display:block}.sidebar{display:none}.mobile-menu-button{display:inline-flex}.topbar{gap:1rem;justify-content:space-between}.top-right{gap:.5rem}.header-action{display:none}.brand-logo{width:13rem}.topnav{gap:1rem}.topnav a{font-size:.8125rem}.command-trigger{width:2.75rem;height:2.75rem;padding:0;justify-content:center}.command-trigger span{display:none}.main{padding:1.5rem}}
@media(max-width:700px){.friendly-hero{grid-template-columns:1fr;padding:1.5rem;gap:1.25rem}.friendly-hero h1{font-size:2.25rem}.friendly-hero-art{display:none}.friendly-hero .hero-actions{gap:.75rem;flex-wrap:wrap}.friendly-hero .button{font-size:.8125rem;padding:.75rem}.friendly-hero .hero-secondary{font-size:.8125rem}.friendly-hero p{font-size:.9375rem}.section-head h2{font-size:1.5rem}.section-head small{font-size:.875rem}.main{padding:1.125rem}.tool-grid,.path-grid,.learn-grid:not(.lua-grid){grid-template-columns:1fr}.tool-card:first-child,.tool-card:last-child{grid-column:auto}.workbench-frame .feature{grid-template-columns:1fr}.pinned-workbench .bench-tabs button{font-size:.8125rem;min-height:3.5rem;padding:.625rem;gap:.375rem}.pinned-workbench .bench-tabs .tab-pin{display:none}.bench-tabs button svg{width:1rem;height:1rem}.result-big{font-size:3rem}.calculator-actions{align-items:flex-start;gap:.5rem}.calculator-actions a{font-size:.8125rem}.learning-spotlight{grid-template-columns:1fr;padding:1.5rem}.spotlight-editor{display:none}.topbar{padding:1rem 1rem 0;min-height:7.5rem;height:auto;flex-wrap:wrap}.topbar>.brand{order:0}.topbar .brand-logo{width:12rem;max-width:50vw}.top-right{order:1;gap:.5rem}.topnav{order:2;width:100%;height:3rem;justify-content:space-between}.mobile-menu-button{padding:.5rem;gap:.375rem;min-height:2.75rem}.mobile-menu-button span{font-size:.75rem}.command-trigger{min-height:2.75rem;min-width:2.75rem}.path-card h3{font-size:1.5rem}.prose h2{font-size:1.5rem}.hero.article-hero h1{font-size:2rem}.hero-thumb{display:none}.illustrated-hero{padding-right:0}.friendly-hero .eyebrow{font-size:.625rem}}
@media(max-width:360px){.mobile-menu-button span{display:none}.top-right{gap:.375rem}.topbar .brand-logo{width:11.5rem}.pinned-workbench .bench-tabs button{font-size:.75rem}.friendly-hero h1{font-size:2rem}.input-wrap>span{font-size:.75rem}}
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:2.75rem;min-height:2.75rem;padding:.625rem;border:1px solid #c5d2b9;border-radius:.4375rem;background:#f3f7eb;color:#365b36;cursor:pointer}
.sidebar-toggle:hover{background:#e6efda;border-color:#91a97a}.sidebar-toggle[aria-expanded="false"]{background:#e8f0dc}.sidebar-toggle svg{width:1.375rem;height:1.375rem}
.workspace.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.topbar>.sidebar-toggle{order:0}.topbar>.brand{order:1}.topbar>.top-right{order:2}.topbar>.topnav{order:3}.topbar .brand-logo{width:11rem;max-width:48vw}.topbar{column-gap:.5rem}}

/* Compact browsing: smaller frames, consistent thumbnails, and readable copy. */
.popular-card.popular-launcher{min-height:0;padding:1.125rem;transform:none}
.popular-launcher .popular-card-type{text-transform:uppercase;font-size:.6875rem;letter-spacing:.035em}
.popular-launcher h3{font-size:1.375rem;margin:.75rem 0 .625rem}
.popular-launcher p{font-size:.875rem;line-height:1.65;margin-bottom:1rem}
.popular-launcher .popular-view{align-self:flex-start;margin-top:auto;min-height:2.75rem;padding:.625rem 1rem;font-size:.875rem;position:relative}
.friendly-hero{padding:1.375rem 1.5rem;gap:1.5rem;margin-bottom:1.5rem}
.friendly-hero h1{font-size:2.25rem;margin:.625rem 0 .75rem}
.friendly-hero-art{max-height:11.5rem}
.section-head{margin-top:1.5rem;margin-bottom:1rem}
.section-head h2,.studio-journal .section-head h2,.popular-overview>.section-head h2,.studio-workbench>.section-head h2{font-size:1.5rem}
.hero.article-hero{padding-bottom:1.375rem;margin-bottom:1.25rem}
.hero.article-hero h1{font-size:2.125rem;margin-bottom:.875rem;letter-spacing:-.04em}
.tool-grid,.path-grid,.learn-grid:not(.lua-grid),.doc-list{gap:1rem}
.tool-card{padding:1.125rem}
.tool-card h3,.tool-card:first-child h3,.tool-card:last-child h3{font-size:1.0625rem}
.tool-card p,.tool-card:first-child p,.tool-card:last-child p{font-size:.875rem;line-height:1.65}
.card-top{margin-bottom:.75rem}.tool-card .card-link{min-height:2.25rem}
.path-card{min-height:9.5rem;padding:1.125rem}
.path-card h3{font-size:1.25rem;margin:.75rem 0 .5rem}
.path-card p{line-height:1.65}
.learn-grid:not(.lua-grid)>.guide-card .article-thumbnail,.learn-grid:not(.lua-grid)>.guide-card:first-child .article-thumbnail,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) .article-thumbnail{height:8rem;aspect-ratio:auto}
.learn-grid:not(.lua-grid)>.guide-card .article-card-copy,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) .article-card-copy{padding:1.0625rem}
.guide-card h3,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) h3{font-size:1.125rem;line-height:1.4;margin:.625rem 0}
.guide-card p,.learn-grid:not(.lua-grid)>.guide-card:not(:first-child) p{font-size:.875rem;line-height:1.65;margin-bottom:.875rem}
.learn-grid.lua-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.learn-grid.lua-grid>.guide-card{display:grid;grid-template-columns:6.75rem minmax(0,1fr);grid-column:auto;grid-row:auto;align-items:stretch}
.learn-grid.lua-grid>.guide-card .article-thumbnail{height:100%;min-height:0;aspect-ratio:auto}
.learn-grid.lua-grid>.guide-card .article-thumbnail img{object-fit:cover}
.learn-grid.lua-grid>.guide-card .article-card-copy{padding:1.0625rem}
.learn-grid.lua-grid>.guide-card h3{font-size:1.125rem;line-height:1.4;margin:.625rem 0}
.learn-grid.lua-grid>.guide-card p{font-size:.875rem;line-height:1.65;margin-bottom:.875rem}
.learn-grid.lua-grid>.guide-card .reading{padding-top:0;gap:.375rem;flex-wrap:wrap}
.guide-card .image-arrow{width:1.75rem;height:1.75rem;font-size:.875rem;right:.5rem;bottom:.5rem}
.doc-list>.reference-card{display:grid;grid-template-columns:5rem minmax(0,1fr);padding:0;align-items:stretch}
.doc-list .reference-thumbnail{height:100%;min-height:0;aspect-ratio:auto;border-bottom:0;border-right:1px solid #dde3d9;background:#edf2e4}
.doc-list .reference-thumbnail img{object-fit:contain}
.doc-list .reference-card .article-card-copy{padding:1rem}
.doc-list .reference-card h3{margin:.5rem 0}
.doc-list .reference-card h3 code{font-size:1.125rem;overflow-wrap:anywhere}
.doc-list .reference-card p{font-size:.875rem;line-height:1.65;margin-bottom:.75rem}
.doc-list .reference-card .card-link{min-height:2.25rem;font-size:.8125rem}
.library-intro{padding:1.125rem;gap:1rem;margin-bottom:1.25rem}
.library-intro p strong{font-size:1.125rem;line-height:1.5}
.learning-spotlight{padding:1.375rem;gap:1.5rem}
.spotlight-copy h2{font-size:1.625rem}
.resource-strip{padding:1.25rem;gap:1.25rem;grid-template-columns:8rem minmax(0,1fr) auto}
.resource-strip h3{font-size:1.5rem}
.popular-card{padding:1.25rem;min-height:17rem}
.popular-card h3{font:650 1.5rem/1.3 system-ui,sans-serif;margin:1rem 0 .75rem}
.popular-card p{margin-bottom:1rem}
.popular-example{margin-bottom:1rem}
.feature .widget-input,.feature>.result,.workbench-frame .widget-input{padding:1.375rem}
.widget-heading{font-size:1.25rem}
.result-big{font-size:3rem}
.main>.article-cover{max-width:46rem;margin-inline:auto;margin-bottom:1.25rem}
.main>.article-cover img{max-height:18rem;object-fit:contain;background:#edf1e5}
@media(min-width:1001px) and (max-width:1250px){.learn-grid.lua-grid,.doc-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 .friendly-hero{padding:1.25rem}.friendly-hero h1{font-size:2rem}
 .hero.article-hero h1{font-size:1.75rem}
 .learn-grid.lua-grid,.doc-list{grid-template-columns:minmax(0,1fr)}
 .learn-grid.lua-grid>.guide-card{grid-template-columns:5.5rem minmax(0,1fr)}
 .learn-grid.lua-grid>.guide-card .article-card-copy{padding:.9375rem}
 .doc-list>.reference-card{grid-template-columns:4.5rem minmax(0,1fr)}
 .resource-strip{grid-template-columns:1fr}.resource-art,.resource-brace{display:none}
 .main>.article-cover img{max-height:13rem}
}
@media(max-width:380px){
 .learn-grid.lua-grid>.guide-card{grid-template-columns:4rem minmax(0,1fr)}
 .learn-grid.lua-grid>.guide-card h3{font-size:1.0625rem}
 .doc-list>.reference-card{grid-template-columns:3.5rem minmax(0,1fr)}
}

/* Rainbow shortcuts and thin landing-page strokes preserve the compact layout. */
:root{--rainbow-stroke:linear-gradient(125deg,#e45865,#e4a73d,#8db946,#30a9a0,#557fdb,#a46bd5,#db6eab,#e45865)}
.topbar{column-gap:1.5rem}
.topnav{gap:1.25rem}
.topnav .rainbow-nav-link{font-weight:750;color:#7b3f9e;min-height:2.75rem}
.rainbow-nav-link span{color:#7b3f9e}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .rainbow-nav-link span{background:linear-gradient(100deg,#bf344b,#a4540b,#856500,#277844,#087b86,#3f61b9,#8841a8);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.rainbow-nav-link:hover span{text-decoration:underline;text-decoration-color:#91648e;text-underline-offset:.25rem}
.topnav .rainbow-nav-link[aria-current="page"]{border-bottom-color:#91648e}
.home-page .main :is(.friendly-hero,.popular-card,.tool-card,.path-card,.guide-card,.creator-card,.learning-spotlight){position:relative;isolation:isolate}
.home-page .main :is(.friendly-hero,.popular-card,.tool-card,.path-card,.guide-card,.creator-card,.learning-spotlight)::after{
 content:"";display:block;position:absolute;inset:0;width:auto;height:auto;margin:0;padding:.125rem;border-radius:inherit;background:var(--rainbow-stroke);opacity:1;z-index:3;pointer-events:none;transform:none;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
}
.home-page .main .popular-launcher{
 --rainbow-stroke:linear-gradient(115deg,#ff2965,#ff9e1b,#ffe14b,#41e374,#00d5ef,#6578ff,#c456ff,#ff55b4);
 background:linear-gradient(135deg,#fffdf5,#fff4d3 60%,#ffeff9);border-color:#ffe4a6;
 box-shadow:0 0 0 .0625rem #ffe7aa,0 .25rem 1rem #eeb34726,0 0 1.25rem #e793df18;
}
.home-page .main .popular-launcher::after{padding:.1875rem}
.home-page .main .popular-launcher::before{background:linear-gradient(90deg,#fffdf8 18%,#fffaf0e6 62%,#fff5e66b)}
.home-page .main .popular-devex{background:linear-gradient(135deg,#ffffff,#eafaff 60%,#f7edff);border-color:#d1f2ff}
.home-page .main .popular-devex::before{background:linear-gradient(90deg,#fbfdff 18%,#f1fbffe0 62%,#f3efff66)}
.home-page .main .popular-code{background:linear-gradient(135deg,#ffffff,#e8fff4 60%,#f3efff);border-color:#c9f5e3}
.home-page .main .popular-code::before{background:linear-gradient(90deg,#fbfffc 18%,#f0fff7e0 62%,#eefff066)}
.popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .main .popular-launcher>img{opacity:.4}
.home-page .main .popular-launcher:hover{box-shadow:0 .375rem 1.25rem #eeb34733,0 0 1.5rem #b59aff26}
@media(max-width:1450px){
 html{scroll-padding-top:9.25rem}
 .topbar{height:auto;min-height:0;flex-wrap:wrap;gap:.375rem 1rem;padding:.75rem 1.25rem 0}
 .topbar>.sidebar-toggle{order:0}.topbar>.brand{order:1}.topbar>.top-right{order:2;margin-left:auto}
 .topbar>.topnav{order:3;flex:0 0 100%;width:100%;height:3rem;justify-content:flex-start;gap:1.5rem}
 .sidebar-inner{top:9rem;max-block-size:calc(100dvh - 10rem)}
}
@media(max-width:900px){
 html{scroll-padding-top:11rem}
 .topbar{padding:.75rem 1rem 0;column-gap:.5rem}
 .topbar>.topnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto;gap:0 .375rem}
 .topnav>a{justify-content:center;min-height:2.75rem;font-size:.8125rem}
 .topnav>a:not(.rainbow-nav-link){grid-column:span 2}
 .topnav>.rainbow-nav-link{grid-column:span 2;white-space:normal;text-align:center;line-height:1.4}
 .topnav>a{min-width:0}
 .topnav>.rainbow-nav-link span{max-width:100%}
}
@media(max-width:1250px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.popular-grid{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){
 .rainbow-nav-link span{background:none;color:LinkText}
 .home-page .main :is(.friendly-hero,.popular-card,.tool-card,.path-card,.guide-card,.creator-card,.learning-spotlight){border:1px solid CanvasText}
 .home-page .main :is(.friendly-hero,.popular-card,.tool-card,.path-card,.guide-card,.creator-card,.learning-spotlight)::after{display:none}
}