.demo[data-astro-cid-trxcs2lc]{border-radius:var(--sonar-shape-corner-large);background:var(--sonar-color-surface-card);min-width:0;box-shadow:var(--sonar-elevation-1);grid-template-columns:minmax(0,1fr);margin:0;display:grid}figcaption[data-astro-cid-trxcs2lc]{padding:var(--sonar-space-16) var(--sonar-space-20) 0;color:var(--sonar-color-text-tertiary);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking)}.preview[data-astro-cid-trxcs2lc]{gap:var(--sonar-space-16);min-width:0;padding:var(--sonar-space-28) var(--sonar-space-24) var(--sonar-space-32);flex-wrap:wrap;align-items:center;display:flex}.preview[data-astro-cid-trxcs2lc].stack{gap:var(--sonar-space-20) var(--sonar-space-24);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));align-items:start;display:grid}.preview[data-astro-cid-trxcs2lc].list{gap:var(--sonar-space-12);grid-template-columns:minmax(0,600px);display:grid}.preview[data-astro-cid-trxcs2lc].card,.preview[data-astro-cid-trxcs2lc].wide{margin-top:var(--sonar-space-12);background:var(--sonar-color-surface-page)}.preview[data-astro-cid-trxcs2lc].card{grid-template-columns:minmax(0,400px);display:grid}.preview[data-astro-cid-trxcs2lc].wide{display:block}.code[data-astro-cid-trxcs2lc]{border-top:1px solid var(--sonar-color-divider)}summary[data-astro-cid-trxcs2lc]{gap:var(--sonar-space-8);min-height:44px;padding:0 var(--sonar-space-20);color:var(--sonar-color-text-secondary);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking);cursor:pointer;align-items:center;list-style:none;display:flex}summary[data-astro-cid-trxcs2lc]::-webkit-details-marker{display:none}summary[data-astro-cid-trxcs2lc]:before{content:"";width:6px;height:6px;transition:rotate var(--sonar-motion-spatial-fast-duration) var(--sonar-motion-spatial-fast-easing);border-bottom:1.5px solid;border-right:1.5px solid;rotate:-45deg}.code[data-astro-cid-trxcs2lc][open] summary[data-astro-cid-trxcs2lc]:before{rotate:45deg}summary[data-astro-cid-trxcs2lc]:hover{color:var(--sonar-color-text-strong)}summary[data-astro-cid-trxcs2lc]:focus-visible{outline:var(--sonar-focus-width) solid var(--sonar-color-focus);outline-offset:calc(-1 * var(--sonar-focus-width));border-radius:var(--sonar-shape-corner-small)}.code[data-astro-cid-trxcs2lc] .code-block{max-width:none;margin:0 var(--sonar-space-8) var(--sonar-space-8)}@container page (width<608px){.preview[data-astro-cid-trxcs2lc]{padding:var(--sonar-space-24) var(--sonar-space-16) var(--sonar-space-28)}}.guidance{gap:var(--sonar-space-24);display:grid}.guidance-pair{gap:var(--sonar-space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.guidance-example{border-radius:var(--sonar-shape-corner-large);background:var(--sonar-color-surface-card);min-width:0;box-shadow:var(--sonar-elevation-1);grid-template-rows:1fr auto;margin:0;display:grid;overflow:hidden}.guidance-stage{gap:var(--sonar-space-12);box-sizing:border-box;min-width:0;min-height:148px;padding:var(--sonar-space-24) var(--sonar-space-20);background:var(--sonar-color-surface-page);flex-wrap:wrap;justify-content:center;align-items:center;display:flex;overflow:hidden}.guidance-stage[data-align=stretch]>*{flex:100%;min-width:0}.guidance-verdict{gap:var(--sonar-space-4);padding:var(--sonar-space-12) var(--sonar-space-20) var(--sonar-space-16);border-top:3px solid var(--_verdict);display:grid}.guidance-example[data-verdict=do]{--_verdict:var(--sonar-color-accent)}.guidance-example[data-verdict=dont]{--_verdict:var(--sonar-color-danger)}.guidance-label{gap:var(--sonar-space-6);color:var(--sonar-color-text-strong);font:var(--sonar-type-label-lg);font-weight:var(--sonar-font-weight-semibold);letter-spacing:var(--sonar-type-label-lg-tracking);align-items:center;display:flex}.guidance-label svg{width:18px;height:18px;color:var(--_verdict)}.guidance-text{color:var(--sonar-color-text-secondary);font:var(--sonar-type-body-md)}.g-row{gap:var(--sonar-space-8);flex-wrap:wrap;align-items:center;display:flex}.g-stack{gap:var(--sonar-space-12);width:100%;max-width:280px;display:grid}.g-panel{gap:var(--sonar-space-12);box-sizing:border-box;width:100%;max-width:300px;padding:var(--sonar-space-16) var(--sonar-space-20);border-radius:var(--sonar-shape-corner-medium);background:var(--sonar-color-surface-card);box-shadow:var(--sonar-elevation-1);color:var(--sonar-color-text-default);font:var(--sonar-type-body-md);display:grid}.g-panel h5{color:var(--sonar-color-text-strong);font:var(--sonar-type-title-sm);letter-spacing:var(--sonar-type-title-sm-tracking);margin:0}.g-panel p{color:var(--sonar-color-text-secondary);margin:0}.g-dialog{border-radius:var(--sonar-shape-corner-extra-large);max-width:280px;box-shadow:var(--sonar-elevation-3)}.g-actions{gap:var(--sonar-space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.g-list{width:100%;max-width:300px;padding:0;list-style:none;display:grid}.g-list li{gap:var(--sonar-space-12);border-bottom:1px solid var(--sonar-color-divider);min-height:40px;color:var(--sonar-color-text-default);font:var(--sonar-type-body-md);justify-content:space-between;align-items:center;display:flex}.g-list li:last-child{border-bottom:0}.g-figure{color:var(--sonar-color-text-strong);font:var(--sonar-type-title-lg);font-variant-numeric:tabular-nums;letter-spacing:var(--sonar-type-title-lg-tracking)}.g-meta{color:var(--sonar-color-text-tertiary);font:var(--sonar-type-label-md);letter-spacing:var(--sonar-type-label-md-tracking)}.g-anchor{display:inline-flex;position:relative}.g-anchor>.sonar-badge{position:absolute;top:-2px;right:-4px}.g-tooltip-stack{justify-items:center;gap:var(--sonar-space-6);display:grid}.g-menu{width:220px}.g-toast{max-width:300px;position:static}.g-search{width:100%;max-width:320px}.g-search .sonar-search-popup{width:100%;max-width:none;max-height:none}.g-card{width:100%;max-width:260px}.g-card .sonar-card{--_pad-x:var(--sonar-space-20)}.g-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.g-grid{gap:var(--sonar-space-6);grid-template-columns:repeat(3,56px);align-items:start;display:grid}.g-grid>span{gap:var(--sonar-space-6);display:grid}.g-grid i{border-radius:var(--sonar-shape-corner-small);background:var(--sonar-color-surface-card);box-shadow:var(--sonar-elevation-1);color:var(--sonar-color-text-tertiary);font:normal var(--sonar-type-label-sm);place-items:center;display:grid}.g-grid i[data-first]{outline:2px solid var(--sonar-color-accent);outline-offset:-2px;color:var(--sonar-color-text-accent)}.g-month{gap:var(--sonar-space-2);font:400 11px/24px var(--sonar-font-family-sans);font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:repeat(7,24px);display:grid}.g-month span{color:var(--sonar-color-text-default)}.g-month span[data-other]{color:var(--sonar-color-text-tertiary)}.g-month span[data-today]{border-radius:var(--sonar-shape-corner-full);background:var(--sonar-color-accent);color:var(--sonar-color-on-accent)}.g-spark{width:100%;max-width:260px;height:72px}.g-faded{opacity:.35}