@layer cn.sections{.data-examples-section{background:var(--cn-color-bg-sunken);padding-block:var(--cn-space-stack-lg)}.data-examples-section .sec-title{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem)}.data-examples-section .sec-lead{font-size:var(--cn-type-body-size)}.data-examples-dashboard{border:var(--cn-rule-ledger) solid var(--cn-color-border-subtle);border-radius:var(--cn-radius-surface);background:var(--cn-color-bg-surface);font-variant-numeric:tabular-nums;overflow:hidden}.data-examples-dashboard-head{justify-content:space-between;align-items:center;gap:var(--cn-space-inline-sm);padding:calc(var(--cn-space-stack-sm) * .75) var(--cn-space-inline-md);border-block-end:var(--cn-rule-ledger) solid var(--cn-color-border-subtle);font-size:var(--cn-type-small-size);display:flex}.data-examples-dashboard-title{font-weight:var(--cn-type-label-weight)}.data-examples-dashboard-period,.data-examples-dashboard-note{color:var(--cn-color-text-subtle);font-size:calc(var(--cn-type-small-size) * .93)}.data-examples-dashboard-note{padding:calc(var(--cn-space-stack-sm) * .75) var(--cn-space-inline-md);border-block-start:var(--cn-rule-ledger) solid var(--cn-color-border-subtle);margin:0}.data-examples-grid{display:grid}.data-examples-example{min-inline-size:0;padding:var(--cn-space-inline-md);flex-direction:column;display:flex}.data-examples-example+.data-examples-example{border-block-start:var(--cn-rule-ledger) solid var(--cn-color-border-subtle)}.data-examples-title{margin:0 0 var(--cn-space-stack-xs);font-family:var(--cn-type-h3-family);font-size:calc(var(--cn-type-body-size) * 1.25);line-height:1.2}.data-examples-lead{color:var(--cn-color-text-subtle);font-size:var(--cn-type-small-size);margin:0;line-height:1.5}.data-examples-title-row{justify-content:space-between;align-items:baseline;gap:var(--cn-space-inline-xs);display:flex}.data-examples-metric{font-size:var(--cn-type-small-size);font-weight:var(--cn-type-label-weight);flex:none}.data-examples-figure{min-inline-size:0;margin:var(--cn-space-stack-sm) 0 0;flex-direction:column;flex:1;display:flex}.data-price__plot{grid-template-columns:2rem minmax(0,1fr);block-size:10rem;display:grid}.data-price__axis{padding-block:var(--cn-space-stack-xs);color:var(--cn-color-text-subtle);font-size:calc(var(--cn-type-small-size) * .93);flex-direction:column;justify-content:space-between;line-height:1;display:flex}.data-price__svg{block-size:10rem;inline-size:100%;display:block;overflow:visible}.data-price__months{color:var(--cn-color-text-subtle);font-size:calc(var(--cn-type-small-size) * .93);text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));margin-block-start:var(--cn-space-stack-xs);margin-inline-start:2rem;display:grid}.data-price__months>:first-child{text-align:start}.data-price__months>:last-child{text-align:end}.data-price__gridline{stroke:var(--cn-color-border-subtle);stroke-width:var(--cn-rule-ledger);stroke-dasharray:3 5}.data-price__line{fill:none;stroke:var(--cn-color-text-accent);stroke-width:2px;stroke-linecap:round}.data-price__point{fill:var(--cn-color-bg-surface);stroke:var(--cn-color-text-accent);stroke-width:2px}.data-price__fade-start,.data-price__fade-end{stop-color:var(--cn-color-text-accent)}.data-price__fade-start{stop-opacity:.14}.data-price__fade-end{stop-opacity:0}.data-stock{gap:var(--cn-space-stack-xs);display:grid}.data-stock__heading,.data-stock__note{justify-content:space-between;align-items:baseline;gap:var(--cn-space-inline-xs);font-size:var(--cn-type-small-size);display:flex}.data-stock__heading{font-weight:var(--cn-type-label-weight)}.data-stock__bullet{block-size:.75rem;inline-size:100%;display:block}.data-stock__track{fill:var(--cn-color-border-subtle)}.data-stock__fill{fill:var(--cn-color-text-default)}.data-stock__fill--low{fill:var(--cn-color-text-accent)}.data-stock__threshold{stroke:var(--cn-color-text-subtle);stroke-width:1.5px;stroke-dasharray:2 2}.data-stock__note{color:var(--cn-color-text-subtle);font-size:calc(var(--cn-type-small-size) * .93);margin:0;line-height:1.3}.data-stock__status{color:var(--cn-color-text-subtle)}.data-recipe{align-items:center;gap:var(--cn-space-inline-sm);grid-template-columns:6rem minmax(0,1fr);display:grid}.data-recipe__donut{block-size:6rem;inline-size:6rem;margin-inline:auto;position:relative}.data-recipe__svg{block-size:100%;inline-size:100%;display:block}.data-recipe__center{font-size:calc(var(--cn-type-small-size) * .93);color:var(--cn-color-text-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.data-recipe__center strong{color:var(--cn-color-text-default);font-size:calc(var(--cn-type-body-size) * 1.25);line-height:1.2}.data-recipe__legend{gap:var(--cn-space-inline-xs);line-height:1.4;font-size:var(--cn-type-small-size);margin:0;padding:0;list-style:none;display:grid}.data-recipe__legend-row{align-items:center;gap:var(--cn-space-inline-xs);display:flex}.data-recipe__legend-row strong{white-space:nowrap;margin-inline-start:auto}.data-recipe__swatch{inline-size:var(--cn-space-inline-xs);block-size:var(--cn-space-inline-xs);border-radius:var(--cn-radius-round)}.data-examples-slice-primary{fill:var(--cn-color-text-accent);background:var(--cn-color-text-accent)}.data-examples-slice-secondary{fill:var(--cn-color-text-default);background:var(--cn-color-text-default)}.data-examples-slice-tertiary{fill:var(--cn-color-text-subtle);background:var(--cn-color-text-subtle)}.data-examples-slice-final{fill:var(--cn-color-border-control);background:var(--cn-color-border-control)}.data-examples-table-disclosure{margin-block-start:auto;padding-block-start:var(--cn-space-stack-xs)}.data-examples-table-disclosure summary{min-block-size:var(--cn-size-target-min);align-items:center;gap:var(--cn-space-inline-xs);font-size:var(--cn-type-small-size);cursor:pointer;display:flex}.data-examples-table-disclosure summary:before{content:"+";color:var(--cn-color-text-subtle)}.data-examples-table-disclosure[open] summary:before{content:"−"}.data-examples-table-disclosure summary:focus-visible{outline:2px solid var(--cn-color-text-accent);outline-offset:2px}.data-examples-table{border-collapse:collapse;inline-size:100%;font-size:calc(var(--cn-type-small-size) * .93);text-align:start}.data-examples-table th,.data-examples-table td{padding-block:var(--cn-space-stack-xs);border-block-end:var(--cn-rule-ledger) solid var(--cn-color-border-subtle);padding-inline-end:var(--cn-space-inline-xs)}.data-examples-table td,.data-examples-table th:not(:first-child){text-align:end}@media (width<48em){.data-price__plot,.data-price__svg{block-size:8.75rem}}@media (48em<=width<60em){.data-recipe{grid-template-columns:4.5rem minmax(0,1fr)}.data-recipe__donut{block-size:4.5rem;inline-size:4.5rem}.data-recipe__center strong{font-size:calc(var(--cn-type-small-size) * 1.25)}.data-price__months{font-size:calc(var(--cn-type-small-size) * .86)}}@media (width>=48em){.data-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-examples-example+.data-examples-example{border-block-start:0;border-inline-start:var(--cn-rule-ledger) solid var(--cn-color-border-subtle)}}@media (forced-colors:active){.data-price__line,.data-price__point,.data-stock__threshold,.data-stock__fill,.data-stock__fill--low,.data-recipe__svg path{stroke:canvastext}.data-recipe__swatch{border:1px solid canvastext}}}