@layer typography{@font-face{font-family:"Lexend";src:url("/fonts/Lexend-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Lexend";src:url("/fonts/Lexend-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Atkinson Hyperlegible Mono";src:url("/fonts/AtkinsonHyperlegibleMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Atkinson Hyperlegible Mono";src:url("/fonts/AtkinsonHyperlegibleMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:100%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}}@layer theme{:root{color-scheme:light dark;--bg-color: light-dark(#ffffff, #18181b);--heading-color: light-dark(#09090b, #e4e4e7);--text-color: light-dark(#27272a, #a1a1aa);--surface-color: light-dark(#f1f5f9, #27272a);--color-primary: light-dark(#025C8D, #0CADFD);--link-subtle: light-dark(#52525b, #a1a1aa);--font-sans: "Lexend", system-ui, -apple-system, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;--radius: 0.5rem;--speed: 0.2s;--ease-fluid: cubic-bezier(0.25, 1, 0.5, 1)}}@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;text-rendering:optimizeLegibility}img,picture,video,svg,iframe{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit;background:rgba(0,0,0,0);border:none}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}@layer typography{h1,h2,h3,h4,h5,h6{color:var(--heading-color);text-wrap:balance;line-height:1.2;margin-block:1.5rem 1rem;font-weight:700}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}p,li{text-wrap:pretty;max-inline-size:85ch;line-height:1.7}p a,li a{color:var(--color-primary);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--color-primary) 20%, rgba(0,0,0,0));text-decoration-thickness:.125rem;text-underline-offset:.125rem;text-decoration-skip-ink:none;transition:text-decoration-color var(--speed) var(--ease-fluid),text-underline-offset var(--speed) var(--ease-fluid)}p a:hover,p a:focus-visible,li a:hover,li a:focus-visible{text-decoration-color:var(--color-primary);text-underline-offset:.25rem}code,pre{font-family:var(--font-mono);font-size:.9em}:where(table){inline-size:100%;border-collapse:collapse;margin-block:2.5rem;text-align:start;display:block;overflow-inline:auto;white-space:nowrap}@media (width >= 48rem){:where(table){display:table;white-space:normal}}:where(th,td){padding-block:.75rem;padding-inline:1rem;border-block-end:1px solid var(--surface-color)}:where(th){background-color:var(--surface-color)}}@layer layout{.skip-link{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;background:var(--color-primary);color:#fff;padding-block:.5rem;padding-inline:1rem;border-radius:var(--radius);z-index:999;translate:0 -150%;transition:translate var(--speed) var(--ease-fluid)}.skip-link:focus-visible{translate:0 0;outline:2px solid var(--text-color);outline-offset:2px}.site-wrapper{display:grid;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;min-block-size:100dvh;inline-size:100%}main{grid-area:main;padding-block:2rem;padding-inline:clamp(1rem,5vw,2rem);max-inline-size:64rem;margin-inline:auto;inline-size:100%;text-align:start}.page-header,.post-header{margin-block-end:3rem;text-align:start}.page-header h1,.post-header h1{margin-block-end:.5rem}.page-header p,.post-header p{margin-block-start:0;opacity:.8;font-size:1.1rem}.post-meta{display:flex;flex-direction:column;gap:.75rem;margin-block-start:1rem}.post-meta .meta-info,.post-meta .tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.post-meta time,.post-meta .reading-time{font-family:var(--font-mono);font-size:.9rem;opacity:.7}.post-meta .tag-link{font-size:.85rem;font-weight:500;padding-block:.25rem;padding-inline:.85rem;background-color:var(--surface-color);color:var(--text-color);text-decoration:none;border-radius:2rem;border:1px solid rgba(0,0,0,0);transition:background-color var(--speed) var(--ease-fluid),color var(--speed) var(--ease-fluid),scale .1s ease-out}.post-meta .tag-link:hover,.post-meta .tag-link:focus-visible{background-color:var(--color-primary);color:#fff}.post-meta .tag-link:active{scale:.95}.hero{text-align:center;margin-block-start:0;margin-block-end:3rem;display:flex;flex-direction:column;align-items:center}.hero h1{margin-block-start:0;margin-block-end:0}.hero .hero-profile{margin-block:1.5rem;inline-size:clamp(6rem,15vw,8rem);block-size:clamp(6rem,15vw,8rem);border-radius:50%;overflow:hidden;border:2px solid var(--surface-color);background-color:var(--surface-color)}.hero .hero-profile img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.hero p{margin-block-start:0;font-size:1.15rem;opacity:.8}.post-grid{margin-block-start:3rem}.post-grid-header{display:none}@media (width >= 48rem){.post-grid-header{display:grid;grid-template-columns:12rem 1fr;gap:2rem;padding-block-end:.75rem;border-block-end:2px solid var(--surface-color)}.post-grid-header span{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}}.post-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.post-items li{display:grid;grid-template-columns:1fr;gap:.25rem;padding-block:1.25rem;border-block-end:1px solid var(--surface-color)}@media (width >= 48rem){.post-items li{grid-template-columns:12rem 1fr;align-items:baseline;gap:2rem}}.post-items li time{font-family:var(--font-mono);font-size:.95rem;opacity:.7}.post-items li a{color:var(--color-primary);font-size:1.1rem;font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-decoration-thickness:.125rem;text-underline-offset:.125rem;transition:text-decoration-color var(--speed) var(--ease-fluid),text-underline-offset var(--speed) var(--ease-fluid)}.post-items li a:hover,.post-items li a:focus-visible{text-decoration-color:var(--color-primary);text-underline-offset:.25rem}.post-items li a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}.not-found-hero{margin-block:4rem}.not-found-content{margin-block-start:2rem}.return-home-link{display:inline-block;margin-block-start:1.5rem}}@layer layout{.site-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:clamp(1rem,5vw,2rem);border-block-end:1px solid var(--surface-color);position:relative;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.theme-toggle,.mobile-toggle{background:rgba(0,0,0,0);border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color var(--speed) var(--ease-fluid),scale .1s ease-out}.theme-toggle:hover,.theme-toggle:focus-visible,.mobile-toggle:hover,.mobile-toggle:focus-visible{background-color:var(--surface-color)}.theme-toggle:focus-visible,.mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle:active,.mobile-toggle:active{scale:.95}.theme-toggle svg,.mobile-toggle svg{inline-size:1.25rem;block-size:1.25rem}.hamburger-icon line{transform-box:fill-box;transform-origin:center;transition:transform .4s var(--ease-fluid),opacity .4s var(--ease-fluid)}html.menu-open .hamburger-icon .line-top{transform:translateY(6px) rotate(45deg)}html.menu-open .hamburger-icon .line-mid{opacity:0}html.menu-open .hamburger-icon .line-bot{transform:translateY(-6px) rotate(-45deg)}@media (width >= 48rem){.mobile-toggle{display:none}nav[popover]{position:static;display:block;margin:0;padding:0;background:rgba(0,0,0,0);border:none;inset:auto;opacity:1;translate:0 0}nav[popover]::backdrop{display:none}nav[popover] .nav-inner{display:flex;gap:2rem}nav[popover] .nav-inner a{color:var(--text-color);font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-decoration-thickness:.125rem;text-underline-offset:.125rem;text-decoration-skip-ink:none;transition:color var(--speed) var(--ease-fluid),text-decoration-color var(--speed) var(--ease-fluid),text-underline-offset var(--speed) var(--ease-fluid)}nav[popover] .nav-inner a[aria-current=page],nav[popover] .nav-inner a:hover,nav[popover] .nav-inner a:focus-visible{color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.25rem}nav[popover] .nav-inner a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}}@media (width < 48rem){nav[popover]{margin:0;margin-block-start:4.5rem;inset:0;inset-block-end:auto;inline-size:100%;background-color:var(--bg-color);border:none;border-block-end:1px solid var(--surface-color);padding:0;transition:opacity .4s var(--ease-fluid),translate .4s var(--ease-fluid),display .4s allow-discrete,overlay .4s allow-discrete;opacity:0;translate:0 -1rem}nav[popover]:popover-open{opacity:1;translate:0 0}@starting-style{nav[popover]:popover-open{opacity:0;translate:0 -1rem}}nav[popover]::backdrop{background:color-mix(in srgb, var(--bg-color) 70%, rgba(0,0,0,0));backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 4.5rem, #000 4.5rem);mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 4.5rem, #000 4.5rem);transition:opacity .4s var(--ease-fluid),backdrop-filter .4s var(--ease-fluid),display .4s allow-discrete,overlay .4s allow-discrete;opacity:0}nav[popover]:popover-open::backdrop{opacity:1}@starting-style{nav[popover]:popover-open::backdrop{opacity:0}}nav[popover] .nav-inner{display:flex;flex-direction:column}nav[popover] .nav-inner a{padding-block:1.25rem;padding-inline:clamp(1rem,5vw,2rem);color:var(--text-color);text-decoration:none;font-weight:500;border-block-start:1px solid var(--surface-color);transition:background-color var(--speed) var(--ease-fluid),color var(--speed) var(--ease-fluid)}nav[popover] .nav-inner a:hover,nav[popover] .nav-inner a:focus-visible{background-color:color-mix(in srgb, var(--surface-color) 50%, rgba(0,0,0,0))}nav[popover] .nav-inner a[aria-current=page]{color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 10%, rgba(0,0,0,0))}nav[popover] .nav-inner a:focus-visible{outline:2px inset var(--color-primary);outline-offset:-2px}}}@layer layout{footer{grid-area:footer;border-block-start:1px solid var(--surface-color);padding-block:3rem;padding-inline:clamp(1rem,5vw,2rem);display:flex;flex-direction:column;align-items:center;gap:1rem;content-visibility:auto;contain-intrinsic-size:auto 10rem}footer p{margin:0;font-size:.95rem;opacity:.8}footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;font-size:.9rem;margin:0}footer .footer-links a{color:var(--text-color);opacity:.8;font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-decoration-thickness:.125rem;text-underline-offset:.125rem;transition:color var(--speed) var(--ease-fluid),opacity var(--speed) var(--ease-fluid),text-decoration-color var(--speed) var(--ease-fluid),text-underline-offset var(--speed) var(--ease-fluid),scale .1s ease-out}footer .footer-links a:hover,footer .footer-links a:focus-visible{color:var(--color-primary);opacity:1;text-decoration-color:var(--color-primary);text-underline-offset:.25rem}footer .footer-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}footer .footer-links a:active{scale:.95}}@layer components{.compact-post-list{list-style:none;padding:0;margin-block:2rem;display:flex;flex-direction:column}.compact-post-list li{display:grid;grid-template-columns:1fr;gap:.25rem;padding-block:1.25rem;border-block-end:1px solid var(--surface-color);animation:fade-in linear both;animation-timeline:view();animation-range:entry 5% cover 20%}@media (width >= 48rem){.compact-post-list li{grid-template-columns:12rem 1fr;align-items:baseline;gap:2rem}}.compact-post-list time{font-family:var(--font-mono);font-size:.95rem;opacity:.7}.compact-post-list a{color:var(--color-primary);font-size:1.1rem;font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-decoration-thickness:.125rem;text-underline-offset:.125rem;transition:text-decoration-color var(--speed) var(--ease-fluid),text-underline-offset var(--speed) var(--ease-fluid)}.compact-post-list a:hover,.compact-post-list a:focus-visible{text-decoration-color:var(--color-primary);text-underline-offset:.25rem}.compact-post-list a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}.all-posts-link{display:inline-flex;align-items:center;gap:.4rem;margin-block-start:1rem;color:var(--link-subtle);font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);text-underline-offset:.125rem;transition:color var(--speed) var(--ease-fluid),opacity var(--speed) var(--ease-fluid),text-decoration-color var(--speed) var(--ease-fluid)}.all-posts-link svg{inline-size:1.1rem;block-size:1.1rem;transition:translate var(--speed) var(--ease-fluid)}.all-posts-link:hover svg,.all-posts-link:focus-visible svg{translate:.25rem 0}.all-posts-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:2px}}@keyframes fade-in{from{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}@layer components{.pagination{display:flex;justify-content:space-between;align-items:center;margin-block:3rem;padding-block-start:2rem;border-block-start:.0625rem solid var(--surface-color)}.pagination a{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:calc(var(--radius)/2);margin-inline:-.75rem;transition:background-color var(--speed) var(--ease-fluid),color var(--speed) var(--ease-fluid),scale .1s ease-out}.pagination a:hover,.pagination a:focus-visible{background-color:color-mix(in srgb, var(--color-primary) 10%, rgba(0,0,0,0));text-decoration:underline;text-underline-offset:.25rem}.pagination a:active{scale:.95}.pagination a:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.125rem}.pagination .page-indicator{font-family:var(--font-mono);font-size:.9rem;opacity:.8}}@layer components{.masonry-container{container-type:inline-size;margin-block:2rem}.masonry-grid{column-count:1;column-gap:.5rem}@container (inline-size >= 40rem){.masonry-grid{column-count:2}}@container (inline-size >= 60rem){.masonry-grid{column-count:3}}.masonry-item{break-inside:avoid;margin-block-end:1.5rem;border-radius:var(--radius);overflow:hidden;cursor:pointer;background-color:var(--surface-color);will-change:transform,opacity;animation:scale-up linear both;animation-timeline:view();animation-range:entry 5% cover 15%;transition:scale var(--speed) var(--ease-fluid),outline-offset var(--speed) var(--ease-fluid)}.masonry-item:hover,.masonry-item:focus-visible{scale:1.02;outline:.125rem solid var(--color-primary);outline-offset:.125rem}.masonry-item img{inline-size:100%;display:block;block-size:auto}.lightbox-modal{border:none;padding:0;background:rgba(0,0,0,0);max-inline-size:100vw;max-block-size:100vh;transition:display var(--speed) allow-discrete,overlay var(--speed) allow-discrete,opacity var(--speed) var(--ease-fluid),scale var(--speed) var(--ease-fluid);opacity:0;scale:.95}.lightbox-modal[open]{opacity:1;scale:1}@starting-style{.lightbox-modal[open]{opacity:0;scale:.95}}.lightbox-modal::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(.3125rem);transition:display var(--speed) allow-discrete,overlay var(--speed) allow-discrete,opacity var(--speed) var(--ease-fluid);opacity:0}.lightbox-modal[open]::backdrop{opacity:1}@starting-style{.lightbox-modal[open]::backdrop{opacity:0}}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100vw;block-size:100vh;padding:2rem}.modal-content img{max-inline-size:100%;max-block-size:80vh;object-fit:contain;border-radius:var(--radius);box-shadow:0 1.25rem 2.5rem -.625rem rgba(0,0,0,.7)}.modal-caption{margin-block-start:1.5rem;text-align:center;color:#fff;display:flex;flex-direction:column;gap:.5rem}.modal-caption strong{color:var(--color-primary);font-size:1.2rem}.modal-btn{position:absolute;background:rgba(0,0,0,.6);color:#fff;border:.0625rem solid rgba(255,255,255,.2);border-radius:50%;inline-size:3rem;block-size:3rem;font-size:1.5rem;cursor:pointer;display:grid;place-items:center;transition:background var(--speed) var(--ease-fluid),scale var(--speed) var(--ease-fluid)}.modal-btn:hover,.modal-btn:focus-visible{background:var(--color-primary);scale:1.1}#modal-close{inset-block-start:1.5rem;inset-inline-end:1.5rem}#modal-prev{inset-inline-start:1.5rem;inset-block-start:50%;translate:0 -50%}#modal-next{inset-inline-end:1.5rem;inset-block-start:50%;translate:0 -50%}}@keyframes scale-up{from{opacity:0;scale:.95}to{opacity:1;scale:1}}@layer components{.code-wrapper{margin-block:2rem;border-radius:var(--radius);overflow:hidden;border:.0625rem solid color-mix(in srgb, var(--text-color) 15%, rgba(0,0,0,0));box-shadow:0 .25rem .375rem -.0625rem color-mix(in srgb, var(--text-color) 10%, rgba(0,0,0,0));container-type:inline-size}.code-header{display:flex;justify-content:space-between;align-items:center;padding-block:.5rem;padding-inline:1rem;background-color:color-mix(in srgb, var(--text-color) 5%, rgba(0,0,0,0));border-block-end:.0625rem solid color-mix(in srgb, var(--text-color) 10%, rgba(0,0,0,0));font-family:var(--font-mono);font-size:.85rem;color:color-mix(in srgb, var(--text-color) 80%, rgba(0,0,0,0))}.code-title{font-weight:600;letter-spacing:.05ch}.copy-btn{background:rgba(0,0,0,0);border:none;color:inherit;cursor:pointer;padding:.35rem .5rem;border-radius:calc(var(--radius)/2);display:flex;align-items:center;gap:.5rem;font-family:inherit;font-size:.8rem;transition:background-color var(--speed) var(--ease-fluid),color var(--speed) var(--ease-fluid),scale .1s ease-out}.copy-btn:hover,.copy-btn:focus-visible{background-color:color-mix(in srgb, var(--text-color) 15%, rgba(0,0,0,0));color:var(--text-color);outline:none}.copy-btn:active{scale:.95}.copy-btn.copied{color:#10b981;background-color:color-mix(in srgb, #10b981 15%, rgba(0,0,0,0))}.copy-btn svg{inline-size:1.1rem;block-size:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.code-wrapper pre{margin:0 !important;padding:1.25rem !important;border-radius:0 !important;overflow-inline:auto;scrollbar-width:thin;color-scheme:inherit !important}.code-wrapper pre:focus-visible{outline:.125rem inset var(--color-primary);outline-offset:-.125rem}}@layer components{.shortcode-image{margin-block:2rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;max-inline-size:var(--max-width, 100%);content-visibility:auto;contain-intrinsic-size:auto 20rem}.shortcode-image img,.shortcode-image picture{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;border-radius:var(--radius);background-color:var(--surface-color);object-fit:cover}.shortcode-image figcaption{text-align:center;font-size:.9rem;opacity:.8;margin-block-start:.75rem}.shortcode-image.shape-circle img,.shortcode-image.shape-circle picture{aspect-ratio:1/1;object-fit:cover;border-radius:50%}.shortcode-image.shape-squircle img,.shortcode-image.shape-squircle picture{aspect-ratio:1/1;object-fit:cover;border-radius:22%}.download-card{display:inline-flex;align-items:center;gap:1rem;padding-block:1rem;padding-inline:1.5rem;background-color:var(--surface-color);border:.0625rem solid color-mix(in srgb, var(--text-color) 10%, rgba(0,0,0,0));border-radius:var(--radius);text-decoration:none;color:var(--text-color);margin-block:1.5rem;transition:translate var(--speed) var(--ease-fluid),border-color var(--speed) var(--ease-fluid),scale .1s ease-out}.download-card:hover,.download-card:focus-visible{translate:0 -.125rem;border-color:var(--color-primary)}.download-card:focus-visible{outline:.125rem solid var(--color-primary);outline-offset:.25rem}.download-card:active{scale:.95}.download-card .download-icon svg{inline-size:1.5rem;block-size:1.5rem;color:var(--color-primary)}.download-card .download-info{display:flex;flex-direction:column}.download-card .download-info strong{font-size:1.05rem}.download-card .download-info span{font-size:.85rem;opacity:.7}.callout{margin-block:2rem;padding-block:1.25rem;padding-inline:1.5rem;border-inline-start:.25rem solid var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 5%, rgba(0,0,0,0));border-radius:0 var(--radius) var(--radius) 0}.callout.callout-warning{border-inline-start-color:#f59e0b;background-color:color-mix(in srgb, #f59e0b 5%, rgba(0,0,0,0))}.callout.callout-tip{border-inline-start-color:#10b981;background-color:color-mix(in srgb, #10b981 5%, rgba(0,0,0,0))}.callout.callout-caution{border-inline-start-color:#ef4444;background-color:color-mix(in srgb, #ef4444 5%, rgba(0,0,0,0))}.callout .callout-title{display:block;margin-block-end:.5rem;font-size:1.1rem;font-weight:600}.video-wrapper{margin-block:2rem;inline-size:100%;max-inline-size:var(--max-width, 100%);aspect-ratio:var(--aspect-ratio, 16/9);margin-inline:auto;border-radius:var(--radius);overflow:hidden;background-color:var(--surface-color);content-visibility:auto}.video-wrapper iframe{inline-size:100%;block-size:100%;border:none}.shortcode-grid{display:grid;gap:2rem;margin-block:2rem;container-type:inline-size}@container (inline-size >= 40rem){.shortcode-grid{grid-template-columns:var(--grid-cols, 1fr 1fr)}}.native-accordion{margin-block:1.5rem;background-color:var(--surface-color);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--text-color) 10%, rgba(0,0,0,0));overflow:hidden}.native-accordion summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;font-weight:600;user-select:none;list-style:none}.native-accordion summary::-webkit-details-marker{display:none}.native-accordion summary:focus-visible{outline:2px inset var(--color-primary)}.native-accordion summary .summary-icon{inline-size:1.2rem;block-size:1.2rem;transition:rotate var(--speed) var(--ease-fluid)}.native-accordion[open] summary .summary-icon{rotate:180deg}.native-accordion .accordion-content{padding:1rem 1.5rem;border-block-start:1px solid color-mix(in srgb, var(--text-color) 10%, rgba(0,0,0,0));animation:slide-down var(--speed) ease-out forwards}}@keyframes slide-down{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}@layer reset, typography, layout, components;