.breadcrumb[data-astro-cid-zl4fczam]{max-width:1200px;padding:24px 32px 0;margin:0 auto;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;font-weight:600}.breadcrumb[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam],.example-links[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam],.related[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam]{color:var(--primary)}.breadcrumb[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam]{text-decoration:none}.breadcrumb[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam]:hover{text-decoration:underline}.examples[data-astro-cid-zl4fczam],.sizes[data-astro-cid-zl4fczam],.transparency[data-astro-cid-zl4fczam],.why[data-astro-cid-zl4fczam],.differs[data-astro-cid-zl4fczam]{border-top:1px solid var(--line)}.section-intro[data-astro-cid-zl4fczam],.sizes[data-astro-cid-zl4fczam]>p[data-astro-cid-zl4fczam],.transparency[data-astro-cid-zl4fczam]>p[data-astro-cid-zl4fczam],.differs[data-astro-cid-zl4fczam]>p[data-astro-cid-zl4fczam]:last-child{max-width:720px;margin:18px 0 0;color:var(--muted-strong);font-size:16px;line-height:1.65}.example-grid[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.example-grid[data-astro-cid-zl4fczam] article[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam] article[data-astro-cid-zl4fczam]{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.example-grid[data-astro-cid-zl4fczam] img[data-astro-cid-zl4fczam]{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface-soft)}.example-grid[data-astro-cid-zl4fczam] .transparent-sample[data-astro-cid-zl4fczam]{aspect-ratio:1;object-fit:contain}.example-grid[data-astro-cid-zl4fczam] h3[data-astro-cid-zl4fczam],.example-grid[data-astro-cid-zl4fczam]>article[data-astro-cid-zl4fczam]>p[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam] article[data-astro-cid-zl4fczam] h3[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam] article[data-astro-cid-zl4fczam] p[data-astro-cid-zl4fczam]{margin-right:20px;margin-left:20px}.example-grid[data-astro-cid-zl4fczam] h3[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam] h3[data-astro-cid-zl4fczam]{margin-top:18px;margin-bottom:6px;font-size:20px}.example-grid[data-astro-cid-zl4fczam]>article[data-astro-cid-zl4fczam]>p[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam] p[data-astro-cid-zl4fczam]{margin-top:0;color:var(--muted-strong);font-size:14px;line-height:1.6}.example-links[data-astro-cid-zl4fczam]{display:flex;flex-wrap:wrap;gap:10px 16px;padding-bottom:20px}.example-links[data-astro-cid-zl4fczam] a[data-astro-cid-zl4fczam]{font-size:13px;font-weight:800}.checkerboard[data-astro-cid-zl4fczam]{background-color:#f4f7f8;background-image:linear-gradient(45deg,#dbe5e8 25%,transparent 25%),linear-gradient(-45deg,#dbe5e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe5e8 75%),linear-gradient(-45deg,transparent 75%,#dbe5e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.size-table-wrap[data-astro-cid-zl4fczam]{max-width:900px;margin-top:28px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.size-table[data-astro-cid-zl4fczam]{width:100%;min-width:680px;border-collapse:collapse;font-size:14px;text-align:left}.size-table[data-astro-cid-zl4fczam] caption[data-astro-cid-zl4fczam]{padding:16px 20px;color:var(--muted);font-size:13px;line-height:1.5;text-align:left}.size-table[data-astro-cid-zl4fczam] th[data-astro-cid-zl4fczam],.size-table[data-astro-cid-zl4fczam] td[data-astro-cid-zl4fczam]{padding:14px 20px;border-top:1px solid var(--line);vertical-align:top}.size-table[data-astro-cid-zl4fczam] thead[data-astro-cid-zl4fczam] th[data-astro-cid-zl4fczam]{color:var(--muted-strong);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.size-table[data-astro-cid-zl4fczam] td[data-astro-cid-zl4fczam] span[data-astro-cid-zl4fczam]{color:var(--muted);font-size:12px}.transparency-demo[data-astro-cid-zl4fczam]{max-width:520px;margin:28px 0 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.transparency-demo[data-astro-cid-zl4fczam] legend[data-astro-cid-zl4fczam]{padding:0 6px;color:var(--muted-strong);font-size:14px;font-weight:800}.background-toggle[data-astro-cid-zl4fczam]{display:flex;gap:8px;margin:4px 0 16px}.background-toggle[data-astro-cid-zl4fczam] input[data-astro-cid-zl4fczam]{position:absolute;opacity:0}.background-toggle[data-astro-cid-zl4fczam] label[data-astro-cid-zl4fczam]{padding:8px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted-strong);font-size:13px;font-weight:700;cursor:pointer}.background-toggle[data-astro-cid-zl4fczam] input[data-astro-cid-zl4fczam]:checked+label[data-astro-cid-zl4fczam]{border-color:var(--primary);color:var(--primary)}.transparency-preview[data-astro-cid-zl4fczam]{display:grid;min-height:260px;place-items:center;border:1px solid var(--line);border-radius:5px;background:#fff}.transparency-preview[data-astro-cid-zl4fczam] img[data-astro-cid-zl4fczam]{max-width:min(100%,340px);height:auto}.transparency-demo[data-astro-cid-zl4fczam]:has(#dark-background:checked) .transparency-preview[data-astro-cid-zl4fczam]{background:#17212b}.reason-grid[data-astro-cid-zl4fczam]{grid-template-columns:repeat(3,minmax(0,1fr))}.reason-grid[data-astro-cid-zl4fczam] article[data-astro-cid-zl4fczam]{padding-bottom:10px}@media(max-width:760px){.breadcrumb[data-astro-cid-zl4fczam]{padding:18px 18px 0}.example-grid[data-astro-cid-zl4fczam],.reason-grid[data-astro-cid-zl4fczam]{grid-template-columns:1fr}}