.ad-diagram{margin:0;padding:24px;border:1px solid var(--sw-border,#343d46);border-radius:8px;color:var(--sw-secondary,#aeb8c3);font:inherit;container-type:inline-size}.ad-title{font-size:1rem;font-weight:600;color:var(--sw-text,#eef0f3);margin-bottom:24px}.ad-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ad-panel{text-align:center;min-width:0}.ad-panel>strong{display:block;color:var(--sw-text,#eef0f3)}.ad-reels{display:flex;justify-content:center;gap:8px;margin:20px 0}.ad-reels>div{flex:1;max-width:90px;min-width:0}.ad-reels svg{width:100%;display:block}.ad-reels span{font-size:.75rem}.ad-reel{fill:var(--sw-surface,#242a31);stroke:var(--sw-border,#47515b)}.ad-gold{fill:var(--sw-accent,#d9c27e)}.ad-dot{fill:#718392}.ad-line{fill:none;stroke:var(--sw-accent,#d9c27e);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ad-formula{color:var(--sw-text,#eef0f3);margin:16px 0}.ad-one-grid{width:140px;height:140px;margin:0 auto}.ad-many-grids{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(100%,210px);height:140px;margin:0 auto;align-items:center}.ad-many-grids svg,.ad-one-grid svg{width:100%;display:block}.ad-panel .ad-total{font-size:1.25rem;margin-top:20px;color:var(--sw-accent,#d9c27e)}.ad-diagram p{font-size:.875rem;line-height:1.65;margin:12px 0 0}.ad-explanation{color:var(--sw-text,#eef0f3)}.ad-note{color:var(--sw-secondary,#aeb8c3)}.ad-select{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ad-select button{font:inherit;font-size:.875rem;padding:6px 10px;border:1px solid transparent;border-radius:4px;color:var(--sw-accent,#d9c27e);background:transparent;cursor:pointer}.ad-select button[aria-pressed=true]{border-color:var(--sw-accent,#d9c27e);background:rgba(217,194,126,.12)}.ad-select button:focus-visible{outline:2px solid var(--sw-accent,#d9c27e);outline-offset:3px}.ad-path{width:100%;max-width:500px;display:block;margin:auto}.ad-diagram figcaption{font-size:.875rem;line-height:1.65;margin-top:16px}@container(max-width:480px){.ad-comparison{grid-template-columns:1fr;gap:28px}.ad-panel+.ad-panel{border-top:1px solid var(--sw-border,#343d46);padding-top:24px}}@media(max-width:600px){.ad-diagram{padding:16px}}.as-sandbox{color:var(--sw-text,hsl(var(--foreground)))}.as-sandbox .as-back-to-list{display:inline-flex;align-items:center;min-height:40px;margin-bottom:20px;padding:9px 14px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--muted));color:hsl(var(--foreground));font-size:14px;font-weight:600;text-decoration:none}.as-sandbox .as-back-to-list:hover{border-color:#b8a365;background:rgba(200,175,103,.18)}.as-sandbox .as-back-to-list:focus-visible{outline:2px solid #b8a365;outline-offset:3px}.as-actions,.as-edit-block>header,.as-preview-notice,.as-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.as-toolbar{margin-bottom:22px}.as-toolbar h1{font-size:28px;font-weight:700}.as-editor small,.as-storage-note,.as-toolbar p{color:hsl(var(--muted-foreground));font-size:13px}.as-actions{justify-content:flex-start;gap:6px}.as-preview-notice a,.as-sandbox button{border:1px solid hsl(var(--border));border-radius:5px;padding:7px 11px;font-size:12px;background:hsl(var(--muted)/.35)}.as-sandbox button:hover,.as-sandbox button[aria-pressed=true]{background:rgba(200,175,103,.18);border-color:#b8a365}.as-sandbox button:disabled{opacity:.35;cursor:not-allowed}.as-sandbox button:focus-visible,.as-sandbox summary:focus-visible{outline:2px solid #b8a365;outline-offset:3px}.as-storage-note{margin-bottom:20px}.as-message{padding:12px;background:rgba(200,175,103,.12);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:12px 0}.as-import{border-block:1px solid hsl(var(--border));padding:14px 0;margin-bottom:24px}.as-import summary{cursor:pointer}.as-import p{margin:12px 0;font-size:13px}.as-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:32px;align-items:start}.as-editor{min-width:0}.as-edit-block{padding:18px 0;border-bottom:1px solid hsl(var(--border))}.as-edit-block:first-child{padding-top:0}.as-edit-block>header{margin-bottom:12px}.as-edit-block strong{font-size:13px}.as-sandbox label{display:block;font-size:12px;margin:12px 0}.as-sandbox input:not([type=file]),.as-sandbox select,.as-sandbox textarea{display:block;width:100%;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:5px;padding:9px;margin-top:5px;font-size:13px;color:inherit}.as-sandbox textarea{resize:vertical;line-height:1.7}.as-add{display:flex;flex-wrap:wrap;gap:7px;padding:18px 0}.as-preview-pane{min-width:0;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:24px;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:8px;container-type:inline-size}.as-preview{max-width:100%;margin:auto}.as-preview.as-mobile{width:390px;container-type:inline-size}.as-article{max-width:900px;margin:0 auto;padding:8px 0 64px;overflow-wrap:anywhere;color:hsl(var(--foreground))}.as-eyebrow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sw-secondary);margin-bottom:10px}.as-article .as-eyebrow{font-size:11px;line-height:18px;font-weight:400;letter-spacing:0;text-transform:none}.as-block{margin:20px 0}.as-block.as-heading{margin-top:30px;margin-bottom:18px}.sw-slot-detail .as-heading-wrapper{padding:0;margin:0 0 18px;border:0}.sw-slot-detail .as-heading-wrapper .sw-section-header{margin:0}.as-prose{min-width:0;max-width:100%}.as-prose p{white-space:pre-line}.as-prose a{text-decoration:underline;color:hsl(var(--accent))}.as-prose ul{list-style:disc;padding-left:24px;margin:7px 0}.as-prose blockquote{border-left:3px solid var(--sw-detail-accent-line);padding-left:18px;color:var(--sw-detail-secondary)}.as-block>h3,.as-prose h3{margin:0 0 12px}.as-callout .as-prose strong{font-weight:600}.as-media figure{min-width:0;margin:0}.as-media img{display:block;width:auto;max-width:100%;height:auto;max-height:420px;margin-inline:auto;object-fit:contain;border-radius:6px}.as-media figcaption{font-size:12px;line-height:1.6;text-align:center;color:var(--sw-detail-secondary);margin-top:10px}.as-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.as-image-right figure{order:2}.as-image-placeholder{height:200px;background:hsl(var(--muted));display:grid;place-items:center;color:hsl(var(--muted-foreground));font-size:12px;letter-spacing:.2em}.as-article .as-image .as-media{max-width:600px;margin-inline:auto}.as-article .as-callout>.sw-detail-source-note{width:fit-content;max-width:min(100%,680px);padding:12px 16px}.as-article[lang=ko],.as-article[lang=ko] :is(p,li,h1,h2,h3,figcaption,th,td){word-break:keep-all;overflow-wrap:break-word}.as-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.as-preview-notice{font-size:12px;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));padding:12px 0;margin-bottom:24px}@container (max-width:500px){.as-split{grid-template-columns:1fr}.as-image-right figure{order:0}.as-slot-grid{grid-template-columns:1fr}}@media(max-width:767px){.as-workspace{grid-template-columns:1fr}.as-preview-pane{position:static;max-height:none;padding:16px}.as-slot-grid,.as-split{grid-template-columns:1fr}.as-image-right figure{order:0}}@container (max-width:600px){.as-article.sw-slot-detail .sw-detail-hero-heading h1{font-size:25px}.as-article.sw-slot-detail .sw-detail-overview{font-size:13px}.as-article.sw-slot-detail .sw-detail-overview p{line-height:1.75}.as-article.sw-slot-detail .sw-detail-section .sw-section-header h2{font-size:18px;line-height:25px}}.as-table-wrap{overflow-x:auto}.as-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.as-table-wrap caption{text-align:left;color:var(--sw-detail-secondary);font-size:12px;margin-bottom:12px}.as-table-wrap td,.as-table-wrap th{padding:12px 10px;border-bottom:1px solid var(--sw-line);text-align:left}.as-table-wrap th{color:var(--sw-detail-secondary);font-size:12px}.as-table-wrap td:nth-child(n+3),.as-table-wrap th:nth-child(n+3){text-align:right}.as-chart-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:28px;align-items:start}.as-donut{margin:0}.as-donut-plot{position:relative}.as-donut-total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.as-donut-total strong{font-size:28px;color:var(--sw-text)}.as-donut-total span{font-size:10px;color:var(--sw-secondary);letter-spacing:.1em}.as-donut ul{list-style:none;padding:0;margin:0}.as-donut li{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:12px;color:var(--sw-secondary)}.as-donut b{margin-left:auto;white-space:nowrap;color:var(--sw-text);font-weight:500}.as-donut small{font-size:10px}.as-chart-dot{width:7px;height:7px;border-radius:50%;flex:none}.as-lazy-cards{min-height:360px}.as-chart-placeholder,.as-lazy-chart{min-height:340px}.as-lazy-placeholder{min-height:inherit;background:linear-gradient(100deg,transparent,rgba(130,140,150,.04),transparent);border-radius:6px}.as-article>.sw-section-navigation{z-index:5}@media(max-width:767px){.as-chart-layout{grid-template-columns:1fr;gap:20px}.as-donut{max-width:340px;margin:auto}.as-table-wrap td,.as-table-wrap th{padding:10px 6px}.as-table-wrap table{font-size:13px}}@container(max-width:600px){.as-chart-layout{grid-template-columns:1fr}.as-donut{max-width:340px;margin:auto}}.as-lazy-demo{min-height:520px}