.patterns-toc-mobile[data-astro-cid-e2okblho]{border:1px solid color-mix(in oklab,var(--color-text) 16%,white 84%);background:var(--color-surface);border-radius:.8rem}.patterns-toc-mobile[data-astro-cid-e2okblho]>summary[data-astro-cid-e2okblho]::-webkit-details-marker{display:none}.patterns-toc-mobile__summary[data-astro-cid-e2okblho]{cursor:pointer;color:color-mix(in oklab,var(--color-text) 86%,white 14%);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;font-size:.9rem;font-weight:500;list-style:none;display:flex}.toc-chevron[data-astro-cid-e2okblho]{width:.95rem;height:.95rem;color:color-mix(in oklab,var(--color-text) 62%,white 38%);transition:transform .18s}.patterns-toc-mobile[data-astro-cid-e2okblho][open] .toc-chevron[data-astro-cid-e2okblho]{transform:rotate(180deg)}.patterns-toc-mobile__nav[data-astro-cid-e2okblho]{border-top:1px solid color-mix(in oklab,var(--color-text) 12%,white 88%);flex-direction:column;gap:.5rem;padding:.65rem .95rem .85rem;display:flex}.pattern-rail-section[data-astro-cid-e2okblho]{border-left:1px solid color-mix(in oklab,var(--color-text) 14%,white 86%);padding-left:.8rem}.pattern-rail-title[data-astro-cid-e2okblho]{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklab,var(--color-text) 58%,white 42%);font-size:.74rem}.pattern-main-column[data-astro-cid-e2okblho]{width:100%}@media (width>=1280px){.pattern-main-column[data-astro-cid-e2okblho]{max-width:78ch;margin-inline:auto}}.pattern-body[data-astro-cid-e2okblho]{width:100%;color:color-mix(in oklab,var(--color-text) 90%,white 10%);line-height:1.75}.pattern-body[data-astro-cid-e2okblho] h2{color:var(--color-text);margin-top:2rem;margin-bottom:1.05rem;scroll-margin-top:6.5rem;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700}.pattern-body[data-astro-cid-e2okblho] h3{color:var(--color-text);margin-top:1.35rem;margin-bottom:.85rem;scroll-margin-top:6.5rem;font-size:clamp(1.05rem,1.45vw,1.25rem);font-weight:700}.pattern-body[data-astro-cid-e2okblho] p{margin:0}.pattern-body[data-astro-cid-e2okblho] p+p{margin-top:.9rem}.pattern-body[data-astro-cid-e2okblho] a{color:var(--brand-cyan-700);text-decoration:none;transition:color .16s}.pattern-body[data-astro-cid-e2okblho] a:visited{color:var(--brand-cyan-800)}.pattern-body[data-astro-cid-e2okblho] a:hover,.pattern-body[data-astro-cid-e2okblho] a:focus-visible{color:var(--brand-cyan-700)}.pattern-body[data-astro-cid-e2okblho] ul,.pattern-body[data-astro-cid-e2okblho] ol{margin-top:.85rem;margin-bottom:.85rem;padding-left:1.3rem}.pattern-body[data-astro-cid-e2okblho] ul{list-style:outside}.pattern-body[data-astro-cid-e2okblho] ol{list-style:decimal}.pattern-body[data-astro-cid-e2okblho] li{margin-block:.3rem}.pattern-body[data-astro-cid-e2okblho] code{background:color-mix(in oklab,var(--color-text) 8%,white 92%);border-radius:.34rem;padding:.12rem .35rem;font-size:.9em}.pattern-body[data-astro-cid-e2okblho] pre{border:1px solid color-mix(in oklab,var(--color-text) 16%,white 84%);background:color-mix(in oklab,var(--color-text) 3%,white 97%);border-radius:.8rem;margin-block:1rem;padding:.85rem;overflow:auto}.pattern-body[data-astro-cid-e2okblho] pre code{background:0 0;border-radius:0;padding:0}.pattern-body[data-astro-cid-e2okblho] figure{margin-block:1.2rem}.pattern-body[data-astro-cid-e2okblho] img{border:1px solid color-mix(in oklab,var(--color-text) 14%,white 86%);border-radius:.65rem;max-width:100%;height:auto;display:block}.pattern-body[data-astro-cid-e2okblho] figcaption{color:color-mix(in oklab,var(--color-text) 62%,white 38%);margin-top:.45rem;font-size:.84rem}.pattern-body[data-astro-cid-e2okblho] table{border-collapse:collapse;width:100%;margin-block:1rem;font-size:.95rem}.pattern-body[data-astro-cid-e2okblho] th,.pattern-body[data-astro-cid-e2okblho] td{text-align:left;vertical-align:top;border-bottom:1px solid color-mix(in oklab,var(--color-text) 14%,white 86%);padding:.55rem .5rem}.pattern-body[data-astro-cid-e2okblho] th{color:color-mix(in oklab,var(--color-text) 90%,white 10%);font-weight:600}.pattern-body[data-astro-cid-e2okblho] hr{border:0;border-top:1px solid color-mix(in oklab,var(--color-text) 14%,white 86%);margin-block:1.1rem}.pattern-body[data-astro-cid-e2okblho] blockquote{border-left:3px solid color-mix(in oklab,var(--color-brand) 52%,white 48%);color:color-mix(in oklab,var(--color-text) 76%,white 24%);margin-block:1rem;padding-left:.9rem}