/* Relative sizing keeps wide viewports useful while preserving native browser zoom. */
html{font-size:clamp(16px,calc(.9vw + 2px),40px);scroll-padding-top:7rem}
body{min-inline-size:0;overflow-wrap:break-word}
.shell{inline-size:100%;max-inline-size:none;max-width:none;margin-inline:0}
.workspace,.main{inline-size:100%;min-inline-size:0}
:where(main,section,article,aside,nav,form,figure,.hero-copy,.article-card-copy,.result,.widget-input,.spotlight-copy,.spotlight-editor,.sidebar-inner){min-inline-size:0}
.topbar{gap:clamp(1rem,2.1vw,2.625rem)}
.brand-logo{max-width:min(15.3125rem,66vw);height:auto}
.tool-icon>svg{inline-size:1.5rem;block-size:1.5rem}
.command-input-wrap>svg{inline-size:1.375rem;block-size:1.375rem;flex-shrink:0}
.command-trigger>svg{inline-size:1.125rem;block-size:1.125rem}
.hero-copy,.widget-heading,.section-head h2,.article-card h3{overflow-wrap:break-word}
.formula,.result-big{overflow-wrap:anywhere;max-inline-size:100%}
.result-row>span,.result-row>strong,.command-results a>span{min-inline-size:0;overflow-wrap:anywhere}
.prose pre,.table-wrap,.spotlight-editor pre{max-inline-size:100%;overflow-x:auto}
.content-layout>.prose{inline-size:100%;max-inline-size:78ch}

.result table{table-layout:auto}.result td,.result th{overflow-wrap:anywhere}
.command-palette{max-block-size:85dvh;top:6dvh;overflow:auto}
.command-results{max-block-size:55dvh}
.sidebar-inner{top:7rem;max-block-size:calc(100dvh - 8.25rem);min-block-size:0;overflow:auto}
.portal-reading{margin-block-start:2.25rem;max-inline-size:78ch}
.portal-reading section+section{margin-block-start:2rem}
[data-expanded-section]{break-inside:avoid}
.pinned-badge{display:inline-flex;align-items:center;justify-content:center;gap:.3125rem;flex-shrink:0;padding:.3125rem .5rem;border:1px solid #d2b269;border-radius:.3125rem;background:linear-gradient(135deg,#fff1c6,#ecd197);color:#7c591d;font:.5625rem/1.4 ui-monospace,monospace;letter-spacing:.025em;box-shadow:inset 0 1px 0 #fff9e5}
.pinned-badge svg,.nav-pin svg,.tab-pin svg{width:.8125rem;height:.8125rem;flex-shrink:0}
.sidebar .pinned-label{display:flex;align-items:center;gap:.5rem;color:#d4b56e;margin-top:1.75rem}.pinned-label>svg{width:.875rem;height:.875rem}
.pinned-tools{display:grid;gap:.3125rem;margin-bottom:1.75rem}.sidebar .pinned-tool{margin:0;padding:.8125rem .625rem;gap:.5625rem;border:1px solid #a88b475c;background:linear-gradient(110deg,#57451f75,#3c3e2540);color:#f0d796;border-radius:.4375rem;box-shadow:inset .125rem 0 0 #b39652;transform:none}
.sidebar .pinned-tool:hover{background:linear-gradient(110deg,#6a542a,#46502e);border-color:#c7a563;color:#fff0c3;transform:translateX(.125rem)}
.sidebar .pinned-tool.active{background:linear-gradient(115deg,#f4df9f,#d8b96c);border-color:#f2d78c;color:#493716;box-shadow:inset 0 1px 0 #fff2c8,0 .25rem .75rem #101b171f;font-weight:650}
.pinned-name{min-width:0;flex:1;font-size:.6875rem;line-height:1.55}.nav-pin{color:#d8b96c;display:flex;align-items:center;flex-shrink:0}.pinned-tool.active .nav-pin{color:#805d22}
.pinned-workbench .workbench-frame{border:1px solid #c3a359;box-shadow:0 .5rem 1.75rem #957b2e13,inset 0 1px 0 #fff7dd}
.pinned-workbench .bench-tabs{background:linear-gradient(100deg,#eee5ca,#f6edd7);border-bottom-color:#d7c28f}
.pinned-workbench .bench-tabs button{color:#96753b;border-color:#d9c48e;background:#fdf5e14d}
.pinned-workbench .bench-tabs button[aria-selected="true"]{background:linear-gradient(120deg,#f6e5b1,#dfc17a);border-color:#bd984a;color:#58401b;box-shadow:inset 0 1px 0 #fff5d6,0 .1875rem .4375rem #866a2915}
.pinned-workbench .bench-tabs button:hover:not([aria-selected="true"]){background:#fff5d7;color:#76571e;border-color:#c6a355}
.pinned-workbench .bench-tabs .tab-pin{display:flex;align-items:center;opacity:1;margin-left:auto;color:#9c792e}
.tool-card.is-pinned{border-color:#d2b778;background:linear-gradient(135deg,#fff8e5,#f8eed7);box-shadow:0 .1875rem 0 #cfb57322}
.tool-card.is-pinned::before{background:#c7a34e;opacity:1}.tool-card.is-pinned:hover{border-color:#b18a38;box-shadow:0 .75rem 1.5rem #a1843c18;background:#fff8e4}.tool-card.is-pinned h3{color:#6b501f}.tool-card.is-pinned .tool-icon{color:#a17a2c;background:#f3e4bc}
.popular-card.is-pinned{border-color:#c8a75d;background:#f4e9cc;box-shadow:inset 0 .1875rem 0 #d7b975}
.popular-card.is-pinned::before{background:linear-gradient(90deg,#f4e9cc 15%,#f4e9cce8 60%,#f4e9cc60)}
.popular-card.is-pinned:hover{border-color:#ab8130;box-shadow:0 .75rem 1.5rem #97762b20}
.popular-card.is-pinned h3{color:#6c4e1d}.popular-card.is-pinned p{color:#867145}.popular-card.is-pinned .popular-card-type{color:#9a7838}.popular-card.is-pinned .popular-example{border-color:#bf9849}.popular-card.is-pinned .popular-example strong{color:#765721}.popular-card.is-pinned .popular-example>span,.popular-card.is-pinned .popular-assumption{color:#968055}.popular-card.is-pinned .card-link{color:#8a6526}
@media(max-width:600px){.studio-workbench>.section-head>.pinned-badge{font-size:.5rem;padding:.25rem .375rem}.pinned-workbench .bench-tabs .tab-pin{display:none}}
.tax-mode-control{display:flex;gap:.375rem;padding:.375rem;background:#e8eddc;border:1px solid #d3ddc4;border-radius:.5rem;margin:1.25rem 0 1.5rem}
.tax-mode-control button{flex:1;min-width:0;border:1px solid transparent;border-radius:.3125rem;background:transparent;color:#637b4f;padding:.625rem .5rem;font-size:.6875rem;line-height:1.5;font-weight:600;transition:background .2s,color .2s}
.tax-mode-control button[aria-pressed="true"]{background:#234831;border-color:#234831;color:#e3efc4;box-shadow:0 .125rem .25rem #193a2915}
.tax-mode-control button:hover:not([aria-pressed="true"]){background:#f8faef;color:#365b35}
.tax-summary{font-size:.875rem;line-height:1.8;color:#e2edca;background:#c3e28d0a;border:1px solid #94b66d40;border-radius:.4375rem;padding:.875rem;margin:.375rem 0 1rem}
.popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem}
.popular-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c8d5b9;border-radius:.75rem;padding:1.75rem;display:flex;flex-direction:column;min-height:21rem;background:#e8efd9;transition:transform .2s,box-shadow .2s}
.popular-card:hover{transform:translateY(-.25rem);box-shadow:0 .75rem 1.5rem #24412e15}
.popular-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e8efd9 15%,#e8efd9dc 60%,#e8efd940)}
.popular-card>img{position:absolute;z-index:-2;right:-20%;bottom:-8%;width:83%;height:85%;object-fit:cover;mix-blend-mode:multiply;opacity:.65}
.popular-card-type{display:flex;gap:.5rem;align-items:center;font:.5rem ui-monospace,monospace;letter-spacing:.075rem;color:#66834d}
.popular-card-type svg{width:1.25rem;height:1.25rem}
.popular-card h3{font:400 2rem/1.1 Georgia,serif;letter-spacing:-.0625rem;margin:1.5rem 0 1rem;color:#254c30;max-width:80%}
.popular-card p{font-size:.8125rem;line-height:1.8;max-width:80%;color:#627954;margin:0 0 1.5rem}
.popular-example{border-left:.1875rem solid #85a755;padding:.125rem 0 .125rem .75rem;margin-bottom:1.5rem;max-width:85%}
.popular-example>span{font-size:.625rem;color:#7d8c69;display:block;line-height:1.7}
.popular-example strong{display:block;color:#355d37;font-size:1.0625rem;margin-top:.25rem;line-height:1.6}
.popular-card .card-link{max-width:80%;font-size:.75rem}
.popular-assumption{font-size:.5625rem;line-height:1.7;max-width:80%;color:#788b65;margin:-.75rem 0 1.25rem}
.popular-devex{background:#e4e9eb;border-color:#cfd8dc}.popular-devex::before{background:linear-gradient(90deg,#e4e9eb 15%,#e4e9ebdc 60%,#e4e9eb40)}.popular-devex h3{color:#344d56}.popular-devex .popular-example{border-color:#7d9a9d}.popular-devex .popular-example strong{color:#456773}.popular-devex p{color:#6c7e81}
.article-aside{display:flex;flex-direction:column;gap:1.25rem;width:100%;align-items:stretch}.article-aside .side-panel{width:100%;margin-top:0}
.popular-overview>.section-head h2,.studio-workbench>.section-head h2{text-transform:uppercase;letter-spacing:.035em;font:650 1.75rem/1.2 ui-sans-serif,system-ui,sans-serif}.popular-overview>.section-head h2 small,.studio-workbench>.section-head h2 small{text-transform:none;letter-spacing:0}
@media(max-width:600px){.popular-grid{grid-template-columns:1fr}.popular-card{padding:1.5rem;min-height:20rem}.popular-card h3{font-size:2rem}.tax-mode-control button{font-size:.6875rem}.tax-summary{font-size:.875rem}.bench-tabs button{font-size:.6875rem}}
@media(min-width:1151px){.workspace{grid-template-columns:clamp(13rem,14vw,19rem) minmax(0,1fr)}.workbench-frame .feature{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}}
@media(min-width:601px){.path-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)}.lua-grid,.doc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-grid:not(.lua-grid){grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}
@media(min-width:1381px){.content-layout{grid-template-columns:minmax(0,1fr) minmax(0,18.75rem)}}
@media(max-width:800px){.sidebar-inner{position:static;max-block-size:none}.content-layout>.prose{max-inline-size:100%}}
@media(max-width:600px){.portal-reading{padding:1.5rem;max-inline-size:100%}.topbar{gap:.625rem}.command-palette{top:4dvh;max-block-size:90dvh}.command-results{max-block-size:60dvh}}
