:root{--panel-gap:28px;--panel-pad:28px;--panel-radius:24px;--panel-border:#b6d0ad2e;--panel-surface:linear-gradient(135deg,#1c4635b3,#0b291f99)}
/* Separate surfaces replace the original connected editorial grids. */
html.studio-theme .blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--panel-gap);border:0;align-items:stretch}
html.studio-theme .blog-card{min-width:0;min-height:350px;padding:var(--panel-pad)!important}
html.studio-theme .blog-controls{padding:var(--panel-pad)!important;margin:32px 0 12px;gap:24px}
html.studio-theme .blog-controls-top{gap:24px;flex-wrap:wrap}
html.studio-theme .blog-search{max-width:none;flex:1 1 340px;min-width:0}
html.studio-theme .blog-reading-options{gap:16px;flex-wrap:wrap}
html.studio-theme .blog-filters{gap:10px}
html.studio-theme .blog-count{padding:14px 0 22px;margin:0}
html.studio-theme .blog-card h2{line-height:1.3;margin:22px 0 16px}
html.studio-theme .blog-card>p{font-size:14px;line-height:1.8}
html.studio-theme .blog-card-bottom{gap:16px;padding-top:20px}
html.studio-theme .article-layout{grid-template-columns:230px minmax(0,1fr);gap:40px;border:0;padding-top:0;align-items:start}
html.studio-theme .article-toc{padding:24px;top:110px;min-width:0}
html.studio-theme .article-layout>div{min-width:0;display:grid;gap:32px}
html.studio-theme .reader-tools{margin:0 0 40px;padding:0;gap:12px;border:0;background:transparent!important}
html.studio-theme .article-layout>div>:is(.try-tool,.article-reaction,.article-references){margin:0;padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface)!important}
html.studio-theme .try-tool summary{padding:0;min-height:44px;display:flex;align-items:center}
html.studio-theme .try-tool[open] summary{margin-bottom:20px}
html.studio-theme .try-tool form{display:grid;gap:18px}
html.studio-theme .try-tool label{display:grid;gap:10px;min-width:0}
html.studio-theme .article-reaction{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html.studio-theme .article-reaction p{width:100%;margin:4px 0 0;line-height:1.7}
html.studio-theme .article-related{padding:var(--panel-pad)!important;margin-top:48px}
html.studio-theme .article-related>div{gap:24px;margin-block:24px}
html.studio-theme .article-related>div>a{min-width:0;padding:24px;border:1px solid var(--panel-border);border-radius:18px;background:#0a2b2066;display:flex;flex-direction:column;align-items:flex-start}
html.studio-theme .article-related>div>a:hover{border-color:#cee4ad77;background:#21483266}
html.studio-theme .article-related h2{font-size:24px;line-height:1.35}
html.studio-theme .bench{max-width:1480px;margin:auto;padding-bottom:32px}
html.studio-theme .bench .bench-layout{grid-template-columns:260px minmax(0,1fr);gap:var(--panel-gap);border:0;align-items:start;margin-bottom:32px}
html.studio-theme .bench .bench-catalog{padding:20px;border:1px solid var(--panel-border)!important;min-width:0;position:sticky;top:106px;max-height:calc(100svh - 130px);display:flex;flex-direction:column;overflow:hidden}
html.studio-theme .bench .bench-instrument{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none}
html.studio-theme .bench .bench-tool-heading{padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface)!important;margin-bottom:var(--panel-gap)}
html.studio-theme .bench .bench-tool-heading h2{font-size:32px;line-height:1.2;margin:16px 0 12px}
html.studio-theme .bench .bench-tool-heading p{font-size:14px;line-height:1.75;margin:0;max-width:65ch}
html.studio-theme .bench .bench-editor-grid{gap:24px;border:0;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
html.studio-theme .bench :is(.bench-input,.bench-result){padding:24px;border:1px solid var(--panel-border)!important;border-radius:20px;background:var(--panel-surface)!important;min-width:0}
html.studio-theme .bench .bench-section-label{margin-bottom:24px;gap:12px;line-height:1.6}
html.studio-theme .bench .bench-section-label button{min-height:36px;font-size:10px}
html.studio-theme .bench .bench-filters{gap:6px;flex-wrap:wrap;margin:20px 0}
html.studio-theme .bench .bench-tool-list{gap:8px;overflow-y:auto;min-height:0;padding:3px 4px 3px 3px}
html.studio-theme .bench :is(.bench-search,.bench-filters){flex-shrink:0}
html.studio-theme .bench .bench-tool-list>button{margin:0;padding:14px 12px;min-height:72px;border:1px solid #b6d0ad14;border-radius:14px}
html.studio-theme .bench .bench-tool-list strong{font-size:12px;line-height:1.5}
html.studio-theme .bench .bench-tool-list small{font-size:9px;line-height:1.5;margin-top:6px}
html.studio-theme .bench .bench-tool-list>button.selected{border-color:#cbdca6}
html.studio-theme .bench .bench-search{padding:0 0 16px;gap:10px}
html.studio-theme .bench .bench-search input{padding:12px;min-width:0;width:100%;font-size:13px}
html.studio-theme .bench .bench-fields{gap:22px 18px}
html.studio-theme .bench .bench-fields label>span{font-size:12px;margin-bottom:10px}
html.studio-theme .bench .bench-fields textarea{padding:16px;min-height:180px;font-size:12px}
html.studio-theme .bench .bench-input-note{font-size:11px;line-height:1.75;margin:18px 0 0}
html.studio-theme .bench .bench-result-placeholder{padding:24px 0;min-height:280px}
html.studio-theme .bench .bench-result-placeholder h3{font-size:27px;line-height:1.25}
html.studio-theme .bench .bench-result-placeholder p{font-size:13px;line-height:1.8}
html.studio-theme .bench .bench-result pre{padding:20px;margin:0}
html.studio-theme .bench .bench-export{gap:10px;margin-top:20px}
html.studio-theme .bench .bench-dossier{padding:var(--panel-pad);gap:var(--panel-gap);margin-bottom:32px}
html.studio-theme :is(.showcase-studies,.showcase-approach,.showcase-lab){gap:var(--panel-gap)}
html.studio-theme .showcase-lab{border:0}
html.studio-theme .showcase-lab>a{padding:var(--panel-pad)!important;min-width:0}
html.studio-theme :is(.showcase-evidence-note,.showcase-example,.showcase-editorial){padding:24px;border-radius:18px}
html.studio-theme .showcase-credential{padding:24px;gap:24px}
body.studio-type :is(.metric-grid,.overview-grid,.overview-bottom,.compose-grid,.detail-grid,.settings-grid,.approval-grid,.feature-columns){gap:var(--panel-gap)}
body.studio-type .detail-aside{display:grid;gap:24px;align-content:start}
body.studio-type :is(.panel,.metric){border-radius:20px!important;min-width:0}
body.studio-type .app-content>.panel+.panel{margin-top:28px}
body.studio-type .overview-bottom{margin-top:28px}
body.studio-type .metric-grid{margin-bottom:28px}
body.studio-type .feature-columns article{padding:28px;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel-surface)}
body.studio-type .feature-columns h3{margin-top:20px}
body.studio-type .feature-columns p{color:#b3c9ba;line-height:1.8}
body.studio-type .docs-grid{gap:40px;align-items:start}
body.studio-type .docs-grid>nav{padding:24px;border:1px solid var(--panel-border);border-radius:20px;background:#0a2b2066}
@media(max-width:1200px){html.studio-theme .bench .bench-editor-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1050px){html.studio-theme .blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}html.studio-theme .bench .bench-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:850px){:root{--panel-gap:24px;--panel-pad:24px}html.studio-theme .bench .bench-layout{grid-template-columns:minmax(0,1fr);display:grid}html.studio-theme .bench .bench-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;overflow:auto;padding:3px}html.studio-theme .article-layout{grid-template-columns:minmax(0,1fr);gap:32px}html.studio-theme .article-toc{position:static}body.studio-type :is(.overview-grid,.compose-grid,.detail-grid,.settings-grid,.docs-grid){grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){:root{--panel-gap:20px;--panel-pad:22px;--panel-radius:20px}html.studio-theme .blog-list{grid-template-columns:minmax(0,1fr)}html.studio-theme .blog-card{min-height:0}html.studio-theme .blog-controls{margin-top:24px;gap:20px}html.studio-theme .blog-controls-top{align-items:stretch;gap:20px}html.studio-theme .blog-search{flex-basis:auto}html.studio-theme .blog-reading-options{width:100%;justify-content:space-between;gap:12px}html.studio-theme .blog-filters{gap:8px}html.studio-theme .article-related>div{grid-template-columns:minmax(0,1fr);gap:20px}html.studio-theme .article-related>div>a{padding:20px}html.studio-theme .article-toc{padding:22px}html.studio-theme .bench .bench-layout{margin-inline:20px}html.studio-theme .bench .bench-catalog{padding:16px}html.studio-theme .bench :is(.bench-input,.bench-result){padding:20px}html.studio-theme .bench .bench-tool-heading h2{font-size:27px}html.studio-theme .bench .bench-fields{grid-template-columns:minmax(0,1fr);gap:20px}html.studio-theme .showcase-credential{padding:22px;gap:20px}body.studio-type :is(.feature-columns,.approval-grid,.overview-bottom){grid-template-columns:minmax(0,1fr)}body.studio-type .feature-columns article{padding:22px}body.studio-type .app-content{padding:24px 18px}body.studio-type .docs-grid>nav{position:static;padding:20px}}
@media(max-width:850px){html.studio-theme .bench .bench-catalog{position:static;max-height:none}}
@media(max-width:480px){html.studio-theme .bench .bench-tool-list{grid-template-columns:minmax(0,1fr)}html.studio-theme .blog-reading-options{align-items:stretch;flex-direction:column}html.studio-theme .blog-reading-options select{width:100%}html.studio-theme .bench .bench-tool-list strong{font-size:13px}}