.web-design-page[data-astro-cid-fmj7fcdd]{overflow:clip}.web-design-breadcrumbs[data-astro-cid-fmj7fcdd]{padding-block:.85rem}.web-design-hero[data-astro-cid-fmj7fcdd]{background:radial-gradient(circle at 82% 18%,#ececec14,transparent 25rem),linear-gradient(125deg,var(--ivory) 42%,var(--paper));border-bottom:1px solid var(--line);padding-block:clamp(1.75rem,3vw,3.25rem)}.web-design-hero__grid[data-astro-cid-fmj7fcdd]{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.web-design-hero[data-astro-cid-fmj7fcdd] h1[data-astro-cid-fmj7fcdd]{max-width:16ch;font-size:var(--type-h1);margin:1rem 0 1.5rem;line-height:1.05}.web-design-lead[data-astro-cid-fmj7fcdd]{max-width:62ch;color:var(--muted);font-size:var(--type-body)}.web-design-diagram[data-astro-cid-fmj7fcdd]{border:1px solid var(--line);background:var(--ivory);border-radius:1rem;margin:0;overflow:hidden}.web-design-diagram[data-astro-cid-fmj7fcdd] img[data-astro-cid-fmj7fcdd]{width:100%;height:auto;display:block}.web-design-diagram[data-astro-cid-fmj7fcdd] span[data-astro-cid-fmj7fcdd],.web-design-diagram[data-astro-cid-fmj7fcdd] small[data-astro-cid-fmj7fcdd]{color:var(--cobalt-on-dark);font-family:var(--font-mono);font-size:var(--type-small);letter-spacing:.08em}.web-design-diagram[data-astro-cid-fmj7fcdd] strong[data-astro-cid-fmj7fcdd]{font-size:var(--type-h4);border:1px solid #ffffff38;border-radius:.65rem;padding:1rem;display:block}.web-design-diagram[data-astro-cid-fmj7fcdd] i[data-astro-cid-fmj7fcdd]{color:var(--cobalt-on-dark);text-align:center;font-style:normal}.web-design-section[data-astro-cid-fmj7fcdd]{padding-block:var(--space-9)}.web-design-section--soft[data-astro-cid-fmj7fcdd]{background:var(--surface-raised)}.web-design-section[data-astro-cid-fmj7fcdd] h2[data-astro-cid-fmj7fcdd],.web-design-cta[data-astro-cid-fmj7fcdd] h2[data-astro-cid-fmj7fcdd]{max-width:22ch;font-size:var(--type-h2);line-height:1.14}.web-design-grid[data-astro-cid-fmj7fcdd]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:2rem 0;display:grid}.web-design-grid[data-astro-cid-fmj7fcdd] article[data-astro-cid-fmj7fcdd]{border:1px solid var(--line);background:var(--paper);border-radius:1rem;padding:1.3rem;transition:transform .22s,border-color .22s,box-shadow .22s}.web-design-grid[data-astro-cid-fmj7fcdd] article[data-astro-cid-fmj7fcdd]:hover{border-color:var(--cobalt);box-shadow:var(--shadow);transform:translateY(-.25rem)}.web-design-grid[data-astro-cid-fmj7fcdd] span[data-astro-cid-fmj7fcdd]{color:var(--cobalt);font-family:var(--font-mono);font-size:var(--type-small)}.web-design-grid[data-astro-cid-fmj7fcdd] h3[data-astro-cid-fmj7fcdd]{font-size:var(--type-h4)}.web-design-grid[data-astro-cid-fmj7fcdd] p[data-astro-cid-fmj7fcdd],.web-design-columns[data-astro-cid-fmj7fcdd] p[data-astro-cid-fmj7fcdd]{color:var(--muted)}.web-examples-intro[data-astro-cid-fmj7fcdd]{max-width:66ch;color:var(--muted)}.web-design-grid[data-astro-cid-fmj7fcdd].web-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:0}.web-examples-grid[data-astro-cid-fmj7fcdd] article[data-astro-cid-fmj7fcdd]{flex-direction:column;align-items:flex-start;min-width:0;padding:22px;display:flex}.web-example__preview[data-astro-cid-fmj7fcdd]{border:1px solid var(--line);background:var(--ivory);border-radius:.6rem;width:100%;min-width:0;margin-bottom:1.4rem;overflow:hidden}.web-example__chrome[data-astro-cid-fmj7fcdd]{border-bottom:1px solid var(--line);background:var(--surface-deep);align-items:center;gap:.3rem;padding:.6rem .75rem;display:flex}.web-example__chrome[data-astro-cid-fmj7fcdd] i[data-astro-cid-fmj7fcdd]{background:var(--muted);opacity:.65;border-radius:50%;width:.3rem;height:.3rem}.web-example__chrome[data-astro-cid-fmj7fcdd] span[data-astro-cid-fmj7fcdd]{color:var(--muted);margin-left:.45rem;font-size:.75rem}.web-example__screen[data-astro-cid-fmj7fcdd]{flex-direction:column;justify-content:center;gap:.85rem;min-height:17rem;padding:1rem;display:flex}.web-example__screen[data-astro-cid-fmj7fcdd] strong[data-astro-cid-fmj7fcdd]{letter-spacing:-.025em;font-size:1.1rem;line-height:1.3}.web-example__screen[data-astro-cid-fmj7fcdd] span[data-astro-cid-fmj7fcdd]{font-family:var(--font-sans);font-size:.8rem;line-height:1.45}.web-example__screen[data-astro-cid-fmj7fcdd] .web-example__overline[data-astro-cid-fmj7fcdd]{color:var(--muted);font-size:.75rem}.web-example__screen--home[data-astro-cid-fmj7fcdd]{background:radial-gradient(at 100% 0,#ececec12,#0000 75%)}.web-example__line[data-astro-cid-fmj7fcdd]{background:var(--line);border-radius:.2rem;height:.3rem;display:block}.web-example__line--short[data-astro-cid-fmj7fcdd]{width:65%;margin-top:-.35rem}.web-example__screen[data-astro-cid-fmj7fcdd] .web-example__action[data-astro-cid-fmj7fcdd]{background:var(--cobalt);color:var(--on-accent);border-radius:.25rem;align-self:flex-start;padding:.5rem .65rem}.web-example__screen[data-astro-cid-fmj7fcdd] .web-example__filters[data-astro-cid-fmj7fcdd]{color:var(--muted)}.web-example__catalogue-row[data-astro-cid-fmj7fcdd]{border:1px solid var(--line);background:var(--paper);border-radius:.3rem;justify-content:space-between;align-items:center;gap:.65rem;padding:.7rem;display:flex}.web-example__catalogue-row[data-astro-cid-fmj7fcdd] b[data-astro-cid-fmj7fcdd]{flex-shrink:0;font-weight:400}.web-example__screen[data-astro-cid-fmj7fcdd] .web-example__field[data-astro-cid-fmj7fcdd]{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:.6rem}.web-examples-grid[data-astro-cid-fmj7fcdd] h3[data-astro-cid-fmj7fcdd]{margin-top:0}.web-examples-grid[data-astro-cid-fmj7fcdd] p[data-astro-cid-fmj7fcdd]{flex-grow:1}.web-examples-grid[data-astro-cid-fmj7fcdd] .text-link[data-astro-cid-fmj7fcdd]{align-items:center;min-height:2.75rem;margin-top:.25rem}.web-design-columns[data-astro-cid-fmj7fcdd]{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,5vw,5rem);display:grid}.web-design-columns[data-astro-cid-fmj7fcdd] ol[data-astro-cid-fmj7fcdd]{gap:1rem;padding-left:1.35rem;display:grid}.web-design-columns[data-astro-cid-fmj7fcdd] li[data-astro-cid-fmj7fcdd]{padding-left:.45rem}.web-design-columns[data-astro-cid-fmj7fcdd] a[data-astro-cid-fmj7fcdd]{color:var(--cobalt-dark)}.web-design-cta[data-astro-cid-fmj7fcdd]{padding-block:var(--space-9);background:var(--surface-deep);color:var(--ink)}.web-design-cta[data-astro-cid-fmj7fcdd] p[data-astro-cid-fmj7fcdd]{max-width:60ch;color:var(--muted)}.web-design-cta[data-astro-cid-fmj7fcdd] .button[data-astro-cid-fmj7fcdd]{margin-top:1rem}@media (width<=52rem){.web-design-hero__grid[data-astro-cid-fmj7fcdd],.web-design-columns[data-astro-cid-fmj7fcdd]{grid-template-columns:1fr}.web-design-grid[data-astro-cid-fmj7fcdd]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=30rem){.web-design-grid[data-astro-cid-fmj7fcdd]{grid-template-columns:1fr}.web-design-hero[data-astro-cid-fmj7fcdd] h1[data-astro-cid-fmj7fcdd]{max-width:none}.web-design-hero[data-astro-cid-fmj7fcdd] .hero-actions[data-astro-cid-fmj7fcdd]{display:grid}}@media (width<=52rem){.web-design-grid[data-astro-cid-fmj7fcdd].web-examples-grid{grid-template-columns:1fr;max-width:34rem;margin-inline:auto}.web-examples-grid[data-astro-cid-fmj7fcdd] article[data-astro-cid-fmj7fcdd]{text-align:center;align-items:center}.web-example__screen[data-astro-cid-fmj7fcdd]{min-height:0;padding:1.25rem}.web-example__line--short[data-astro-cid-fmj7fcdd]{margin-inline:auto}.web-example__screen[data-astro-cid-fmj7fcdd] .web-example__action[data-astro-cid-fmj7fcdd]{align-self:center}.web-design-page[data-astro-cid-fmj7fcdd]{text-align:center}.web-design-page[data-astro-cid-fmj7fcdd] [data-astro-cid-fmj7fcdd]:is(h1,h2,h3,p){margin-inline:auto}.web-design-hero[data-astro-cid-fmj7fcdd] .hero-actions[data-astro-cid-fmj7fcdd]{justify-content:center}.web-design-columns[data-astro-cid-fmj7fcdd] ol[data-astro-cid-fmj7fcdd]{padding-inline:0;list-style-position:inside}.web-design-columns[data-astro-cid-fmj7fcdd] li[data-astro-cid-fmj7fcdd]{padding-inline:0}}