@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.b226cff1d5e8.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.6747ad0f7121.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.545e6c35f418.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.22e753f6615e.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lora-400.870f5c48e6a7.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/lora-500.fe8adf8fd144.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lora-600.e73bab266c6a.woff2)format("woff2")}:root{--paper:#fffcf8;--white:#fff;--ink:#233f43;--body:#465253;--muted:#68716a;--coral:#ad4938;--coral-soft:#faeee8;--sage:#52633e;--sage-soft:#edf0e6;--gold:#bb923d;--line:#e7e3db;--font-display:"Lora",Georgia,serif;--font-body:"DM Sans",Arial,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--body);font:16px/1.7 var(--font-body);letter-spacing:0;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--coral)}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;display:block}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:0;margin:0 0 20px;font-weight:500;line-height:1.2}h1{font-size:48px}h2{font-size:32px}h3{font-size:23px}p{margin:0 0 20px}small,.small{font-size:13px}.muted{color:var(--muted)}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.eyebrow{color:var(--coral);letter-spacing:0;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:700;display:block}.preview-strip{background:var(--sage-soft);color:var(--sage);justify-content:space-between;padding:7px 32px;font-size:11px;display:flex}.preview-strip div{gap:24px;display:flex}.preview-strip a[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{align-items:center;gap:26px;height:98px;display:flex}.brand{flex-shrink:0;display:block}.brand img{object-fit:contain;width:230px;height:76px}.header-inner nav{align-items:center;gap:27px;margin-left:auto;font-size:13px;font-weight:500;display:flex}.icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--coral-soft)}.menu-toggle{display:none}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown>div{z-index:5;border:1px solid var(--line);background:#fff;border-radius:8px;width:230px;padding:10px;position:absolute;top:35px;left:-18px;box-shadow:0 8px 25px #233f4310}.nav-dropdown a{padding:9px;display:block}.nav-dropdown a:hover{background:var(--coral-soft)}.button{border:1px solid var(--coral);background:var(--coral);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 21px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#913e30}.button.secondary{color:var(--coral);background:0 0}.button.secondary:hover{background:var(--coral-soft)}.button.green{background:var(--sage);border-color:var(--sage)}.actions{flex-wrap:wrap;gap:12px;display:flex}.tag{color:var(--sage);background:var(--sage-soft);border-radius:4px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;padding-block:26px;font-size:12px;display:flex}.article-heading{text-align:center;max-width:850px;margin:22px auto 30px}.article-heading h1{max-width:780px;margin:10px auto 18px;font-size:51px}.article-heading .intro{max-width:620px;margin:0 auto 20px;font-size:17px}.byline{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.author-mark{background:var(--sage-soft);width:29px;height:29px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.article-heading .actions{justify-content:center;margin-top:25px}.article-grid{grid-template-columns:minmax(0,800px) 280px;align-items:start;gap:48px;padding-top:18px;display:grid}.article-photo{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.photo-caption{color:var(--muted);margin:9px 0 27px;font-size:11px}.quick-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:35px;padding:20px 0;display:grid}.quick-facts div{border-right:1px solid var(--line);padding-left:20px}.quick-facts div:first-child{padding-left:0}.quick-facts div:last-child{border:0}.quick-facts small{text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.quick-facts strong{color:var(--ink);font-size:14px}.prose{font-size:16px;line-height:1.9}.prose section{margin-bottom:40px;scroll-margin-top:30px}.prose h2{margin-top:15px;font-size:30px}.prose h3{margin-top:25px;font-size:22px}.prose a:not(.button){color:var(--coral);text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px}.note{background:var(--sage-soft);border-left:3px solid var(--sage);color:#405033;margin:26px 0;padding:20px 24px;font-size:14px}.note p:last-child{margin:0}.article-aside{padding-top:6px}.aside-title{font-family:var(--font-body);text-transform:uppercase;color:var(--sage);margin-bottom:20px;font-size:11px;font-weight:700}.toc{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:25px}.toc a{gap:15px;padding:9px 0;font-size:13px;display:flex}.toc span{color:#9a9e8c;min-width:16px;font-size:11px}.sidebar-feature{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:25px}.sidebar-feature img{object-fit:cover;border-radius:6px;width:100%;height:155px;margin:15px 0}.sidebar-feature h3{font-size:23px}.sidebar-feature p{font-size:13px}.text-link{color:var(--coral);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.materials{padding:0;list-style:none}.materials li{border-bottom:1px solid var(--line);padding:12px 0}.materials label{cursor:pointer;align-items:center;gap:13px;display:flex}.materials input{accent-color:var(--sage);width:18px;height:18px}.materials label:has(input:checked) span{color:var(--muted);text-decoration:line-through}.pattern-block{border:1px solid var(--line);background:#fff;border-radius:8px;padding:28px}.pattern-block .eyebrow{margin-bottom:10px}.round{border-top:1px solid var(--line);padding:20px 0}.round h3{margin:0 0 12px}.round p{margin:0}.pattern-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;display:flex}.counter{background:var(--sage-soft);border-radius:6px;align-items:center;gap:6px;padding:4px;display:flex}.counter output{text-align:center;min-width:70px;color:var(--sage);font-size:13px}details.faq{border-top:1px solid var(--line);padding:17px 0}details.faq:last-child{border-bottom:1px solid var(--line)}details.faq summary{cursor:pointer;color:var(--ink);font-weight:500}details.faq p{margin:15px 0 0;font-size:14px}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:25px;margin-top:70px;padding-block:28px 36px;display:flex}.site-footer .brand img{width:180px;height:60px}.site-footer p{margin:0;font-size:12px}.site-footer>div{gap:18px;margin-left:auto;font-size:11px;display:flex}.design-intro{border-bottom:1px solid var(--line);padding:58px 0 38px}.design-intro h1{font-size:46px}.design-intro p{max-width:720px}.design-layout{grid-template-columns:180px minmax(0,1fr);gap:60px;padding-top:40px;display:grid}.design-nav{align-self:start;gap:13px;font-size:13px;display:grid;position:sticky;top:25px}.design-section{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:45px}.section-label{color:var(--coral);margin-bottom:15px;font-size:12px}.swatches{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.swatch-color{border:1px solid #233f4310;border-radius:6px;height:105px;margin-bottom:12px}.swatches strong{font-size:12px;display:block}.swatches code{font-size:11px}.type-sample{border-bottom:1px solid var(--line);padding:24px 0}.type-sample small{color:var(--muted);margin-bottom:14px;display:block}.component-row{flex-wrap:wrap;align-items:center;gap:14px;margin:23px 0;display:flex}.spec-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.spec-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.reference-image{object-fit:contain;object-position:top left;max-height:700px}.spacing-scale{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.spacing-scale i{background:var(--sage);border-radius:3px;width:32px;display:block}.spacing-scale span{margin-top:10px;font-size:12px;display:block}.collection-intro{padding:45px 0}.card-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.project-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.project-card div{padding:20px}.project-card h2{font-size:25px}.project-card p{font-size:14px}.empty{border-block:1px solid var(--line);max-width:700px;padding:35px 0}.empty h2{font-size:28px}input[type=search],input[type=email],select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #a6aba2;border-radius:5px;padding:12px}label{font-size:14px}.input-row{gap:10px;margin-top:10px;display:flex}.input-row .button{flex-shrink:0}dialog{border:1px solid var(--line);width:min(580px,100% - 32px);color:var(--body);background:var(--paper);border-radius:8px;padding:30px}dialog::backdrop{background:#233f4360}.dialog-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.dialog-heading h2{font-size:26px}.skip-link{background:var(--ink);color:#fff;z-index:20;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--sage);outline-offset:4px}.status{color:var(--sage);min-height:20px;font-size:12px}.screen-reader{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.article-photo,.spec-grid img{aspect-ratio:3/2;height:auto}@media (width>=1500px){.container{width:min(1240px,100% - 96px)}.article-grid{grid-template-columns:minmax(0,850px) 280px;gap:70px}}@media (width<=1050px){.header-inner nav{gap:15px;font-size:12px}.brand img{width:190px}.header-inner{gap:12px}.article-grid{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.design-layout{grid-template-columns:140px minmax(0,1fr);gap:35px}}@media (width<=800px){.container{width:calc(100% - 36px)}.preview-strip{padding:8px 18px;font-size:10px}.preview-strip>span{max-width:110px}.preview-strip div{align-items:center;gap:15px}.header-inner{height:78px;position:relative}.brand img{width:185px;height:62px}.menu-toggle{margin-left:auto;display:inline-flex}.header-inner nav{background:var(--paper);z-index:10;border-bottom:1px solid var(--line);padding:20px;font-size:15px;display:none;position:absolute;top:78px;left:-18px;right:-18px}.header-inner nav.is-open{flex-direction:column;align-items:stretch;display:flex}.nav-dropdown>div{width:100%;box-shadow:none;margin-top:12px;position:static}.article-heading{margin-top:12px}.article-heading h1{font-size:36px}.article-heading .intro{font-size:16px}.article-grid{grid-template-columns:1fr;gap:25px}.article-aside{display:none}.article-heading .actions{gap:8px}.article-heading .button{padding:10px 15px}.breadcrumb{padding-block:20px;font-size:11px}.quick-facts{gap:8px}.quick-facts div{padding-left:7px}.quick-facts strong{font-size:12px}.quick-facts small{font-size:9px}.prose h2{font-size:27px}.pattern-block{padding:20px}.site-footer{gap:10px}.site-footer>div{flex-wrap:wrap;margin-left:0}.design-intro{padding-top:35px}.design-intro h1{font-size:36px}.design-layout{grid-template-columns:1fr;gap:30px}.design-nav{white-space:nowrap;padding-bottom:10px;display:flex;position:static;overflow:auto}.swatches{grid-template-columns:repeat(3,1fr)}.spec-grid,.card-grid{grid-template-columns:1fr}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}h1{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.preview-strip,.site-header,.article-aside,.site-footer,.actions,.breadcrumb,.pattern-toolbar,dialog{display:none!important}body{background:#fff;font-size:11pt}.container{width:100%}.article-grid{display:block}.article-heading h1{font-size:28pt}.article-photo{object-fit:contain;max-height:280px}.pattern-block{border:0;padding:0}.prose section{break-inside:auto}.round{break-inside:avoid}}.button{border-radius:28px}.eyebrow{letter-spacing:1.6px}.article-heading{margin-top:30px}.article-heading h1{max-width:680px;font-size:56px}.design-intro{background:radial-gradient(at 90% 15%,#edf0e6 0,#0000 55%);border-radius:0 0 20px 20px;padding:64px 36px 48px}.design-intro h1{max-width:640px;font-size:54px}.article-aside{position:sticky;top:25px}.swatch-color{height:120px}.type-sample h1{font-size:48px}.brand-panel{background:var(--coral-soft);border-radius:8px;padding:26px}.mobile-toc{display:none}.round.is-current{border-left:3px solid var(--sage);background:linear-gradient(90deg,var(--sage-soft),transparent);padding-left:18px}.demo-card{max-width:350px}.demo-card h3{margin-bottom:8px}.newsletter{background:var(--sage-soft);border-radius:12px;margin-top:40px;padding:32px}.newsletter p{font-size:14px}.newsletter form{max-width:550px}.layout-demo{grid-template-columns:3fr 1fr;gap:16px;margin:22px 0;display:grid}.layout-demo div{background:var(--coral-soft);border:1px dashed var(--coral);text-align:center;padding:30px 12px;font-size:12px}.layout-demo div+div{background:var(--sage-soft);border-color:var(--sage)}@media (width<=800px){.design-intro{padding:35px 20px}.design-intro h1,.article-heading h1{font-size:37px}.article-aside{position:static}.mobile-toc{background:var(--sage-soft);border-radius:8px;margin:0 0 25px;padding:14px 18px;display:block}.mobile-toc a{padding:8px 0;font-size:14px;display:block}.newsletter{padding:24px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.type-sample h1{font-size:34px}.preview-strip>span{max-width:130px}.site-footer>div{gap:12px}}@media print{.mobile-toc,.newsletter{display:none!important}.round.is-current{background:0 0;border-left:0;padding-left:0}.article-heading h1{font-size:28pt}}.specimen-1{aspect-ratio:auto;object-fit:contain;max-width:360px;margin:20px 0 30px}.specimen-2{background:#fffcf8}.specimen-3{background:#233f43}.specimen-4{background:#ad4938}.specimen-5{background:#52633e}.specimen-6{background:#edf0e6}.specimen-7{background:var(--coral-soft);color:var(--coral);border-radius:4px;padding:5px 11px;font-size:12px}.specimen-8{font:48px/1.2 var(--font-display);color:var(--ink)}.specimen-9{margin-top:32px}.specimen-10{height:4px}.specimen-11{height:8px}.specimen-12{height:12px}.specimen-13{height:16px}.specimen-14{height:24px}.specimen-15{height:32px}.specimen-16{height:48px}.specimen-17{height:64px}.specimen-18{aspect-ratio:auto;width:auto;max-height:470px}.specimen-19{margin-top:15px}:root{--surface:var(--white);--action:var(--coral);--action-hover:#913e30;--success:#405633;--warning:#79521d;--danger:#a53232;--info:var(--ink);--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-soft:0 8px 25px #233f4310;--motion-fast:.16s;--reading-width:720px;--sidebar-width:300px;--ad-banner-height:100px;--ad-rectangle-height:250px;--focus:var(--sage)}.button,.icon-button,input,.collection-tile{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.button:hover:not(:disabled),.button.is-hover{background:var(--action-hover);color:var(--white)}.button:active:not(:disabled),.button.is-active{background:#763226;transform:translateY(1px)}.button:disabled:hover{background:var(--action)}.button.is-focus,:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.button--small{min-height:44px;padding:8px 16px;font-size:12px}.button--large{min-height:54px;padding:15px 26px}.button--ghost{color:var(--coral);background:0 0;border-color:#0000}.icon-button{width:44px;height:44px}.button[aria-pressed=true]{background:var(--sage-soft);color:var(--sage);border-color:var(--sage)}[aria-invalid=true]{border:2px solid var(--danger)!important}.field-error{color:var(--danger);margin-top:8px;font-size:13px}.spec-label{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:28px;display:grid}.state-grid .button{max-width:100%}.note--success{color:var(--success);border-color:var(--success)}.note--warning{color:var(--warning);border-color:var(--warning);background:#faf0df}.table-scroll{margin:24px 0;overflow-x:auto}.spec-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.spec-table caption{text-align:left;color:var(--ink);margin-bottom:12px;font-weight:600}.spec-table th,.spec-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 12px}.spec-table thead{background:var(--sage-soft)}.spec-table th{color:var(--ink);font-weight:600}.author-card{background:var(--sage-soft);border-radius:var(--radius-md);gap:18px;margin:24px 0;padding:24px;display:flex}.author-card h3{margin-bottom:8px}.author-card p{margin:0;font-size:14px}.author-card .author-mark{background:var(--white);flex-shrink:0;width:44px;height:44px}.design-nav{max-height:calc(100vh - 48px);overflow:auto}.design-nav a{border-left:2px solid #0000;padding:5px 8px}.design-nav a[aria-current=location]{border-color:var(--coral);background:var(--coral-soft);color:var(--coral)}.placement-label{font:500 10px/1.5 var(--font-body);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:block}.ad-slot{clear:both;text-align:center;break-inside:avoid;margin:40px 0}.ad-slot .placement-label{margin-bottom:9px}.ad-reserved{width:100%;min-height:var(--ad-banner-height);border-radius:var(--radius-sm);color:var(--muted);background:#f4f1eb;border:1px dashed #b7b4a9;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:13px;display:flex}.ad-reserved small{font-size:11px}.ad-slot--rectangle{max-width:300px;margin:24px auto}.ad-slot--rectangle .ad-reserved{min-height:var(--ad-rectangle-height)}.promo{background:var(--coral-soft);border-radius:var(--radius-lg);break-inside:avoid;grid-template-columns:1fr;margin:40px 0;display:grid;overflow:hidden}.promo>div{padding:28px}.promo h3{font-size:29px}.promo p{font-size:14px;line-height:1.7}.promo img{object-fit:cover;width:100%;height:200px}.promo .placement-label{color:var(--coral)}.affiliate-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);break-inside:avoid;margin:32px 0;padding:24px}.affiliate-card h3{margin-top:0;font-size:24px}.affiliate-card p{font-size:14px;line-height:1.7}.affiliate-card .disclosure{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:12px}.prose .promo a{text-decoration:none}.prose>.ad-slot,.prose>.promo,.prose>.affiliate-card{margin-block:48px}.article-grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.prose{max-width:var(--reading-width);margin-inline:auto}.article-aside{display:none;position:static}.mobile-toc{background:var(--sage-soft);border-radius:var(--radius-md);margin:0 0 25px;padding:14px 18px;display:block}.mobile-toc a{padding:8px 0;font-size:14px;display:block}.design-layout{grid-template-columns:minmax(0,1fr);gap:28px}.design-nav{white-space:nowrap;max-height:none;display:flex;position:static;overflow:auto}.design-nav a{flex-shrink:0}.design-section{scroll-margin-top:24px}.design-layout>div{min-width:0}.home-hero{grid-template-columns:1fr;gap:32px;padding-block:40px;display:grid}.home-hero h1{font-size:42px}.home-hero h1 em{color:var(--coral);font-style:normal}.home-hero p{max-width:430px}.home-hero img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:320px}.home-section{padding-block:40px}.collection-grid{grid-template-columns:1fr;gap:20px;display:grid}.collection-tile{text-align:left;background:var(--coral-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--body);font:inherit;padding:28px;display:block}.collection-tile:hover{border-color:var(--coral);color:var(--body)}.collection-tile>span:first-child{color:var(--coral);font-size:12px}.collection-tile h3{margin-top:25px}.collection-tile p{font-size:14px}.featured-project{grid-template-columns:1fr;align-items:center;gap:32px;display:grid}.featured-project img{border-radius:var(--radius-md);width:100%}.featured-project .tag{margin-bottom:20px}.newsletter{gap:24px;display:grid}.newsletter h2{font-size:28px}.newsletter p{margin-bottom:0}@media (width>=800px){.home-hero{grid-template-columns:1fr 1fr;align-items:center;padding-block:64px}.home-hero h1{font-size:56px}.home-hero img{height:440px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.promo{grid-template-columns:1.3fr 1fr;align-items:stretch}.promo img{height:100%;min-height:260px}.promo>div{padding:32px}.featured-project{grid-template-columns:1fr 1fr;gap:48px}.newsletter{grid-template-columns:1fr 1fr;align-items:center}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:root{--ad-banner-height:90px}.ad-slot--leaderboard .ad-reserved{max-width:728px;margin-inline:auto}}@media (width>=1100px){.article-grid{grid-template-columns:minmax(0,1fr) var(--sidebar-width);gap:48px}.article-aside{display:block}.mobile-toc{display:none}.design-layout{grid-template-columns:180px minmax(0,1fr);gap:48px}.design-nav{white-space:normal;max-height:calc(100vh - 48px);display:grid;position:sticky;top:24px}.article-aside>.ad-slot{margin-top:0;margin-bottom:40px}}@media (width<=1099px) and (width>=801px){.header-inner nav{gap:12px;font-size:12px}.header-inner{gap:8px}.brand img{width:180px}.article-grid>article{width:100%;max-width:800px;margin-inline:auto}}@media (width<=480px){.preview-strip>span{max-width:80px}.preview-strip div{gap:10px}.state-grid{grid-template-columns:1fr}.spec-table{font-size:12px}.spec-table th,.spec-table td{padding:10px 6px}.layout-demo{grid-template-columns:1fr}.home-hero h1{font-size:37px}.promo h3{font-size:26px}.promo>div{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.button:active{transform:none}}.featured-project img{aspect-ratio:3/2;object-fit:cover;height:auto}[hidden]{display:none!important}.patterns-nav{position:relative}.patterns-nav-heading{align-items:center;gap:2px;display:flex}.submenu-toggle{width:36px;min-width:36px;height:44px}.submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.patterns-submenu{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);width:245px;box-shadow:var(--shadow-soft);z-index:20;padding:10px;position:absolute;top:100%;left:-16px}.patterns-submenu a{padding:11px 12px;font-size:13px;display:block}.patterns-submenu a:hover,.patterns-submenu a:focus-visible{background:var(--coral-soft)}.patterns-submenu a:first-child{border-bottom:1px solid var(--line);margin-bottom:5px}.header-inner nav a[aria-current=page],.footer-nav a[aria-current=page]{color:var(--coral);text-underline-offset:5px;text-decoration:underline}.site-footer{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.site-footer .footer-brand{margin:0;display:block}.site-footer .footer-brand p{margin-top:10px}.footer-nav{flex-wrap:wrap;gap:10px 24px;font-size:13px;display:flex}.footer-nav a{padding-block:10px}.footer-copyright{color:var(--muted);grid-column:1/-1}.homepage-grid,.tools-grid{grid-template-columns:1fr;gap:24px;display:grid}.image-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);display:block;overflow:hidden}.image-card img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.image-card>div{padding:20px}.image-card h3,.image-card h2{margin-bottom:12px;font-size:23px}.image-card p{font-size:14px}.image-card:hover{color:var(--body)}a.image-card:hover{border-color:var(--coral)}.home-hero img{aspect-ratio:3/2;object-fit:cover;height:auto}.home-hero .actions{gap:12px}.home-hero .button{padding-inline:18px;font-size:13px}.content-heading{max-width:780px;padding:24px 0 40px}.content-heading h1{font-size:48px}.content-heading>p{max-width:680px;font-size:18px}.content-body{padding-bottom:30px}.category-intro{grid-template-columns:1fr;align-items:center;gap:32px;margin:10px 0 48px;display:grid}.category-intro img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto}.category-intro .button{margin-bottom:14px}.collection-status{background:var(--sage-soft);border-radius:var(--radius-md);padding:20px;font-size:14px}.information-prose{max-width:var(--reading-width);margin-left:0}.information-prose h2{margin-top:36px}.support-grid{grid-template-columns:1fr;gap:32px;margin-block:40px;display:grid}.support-grid h2{font-size:27px}.support-grid section{border-top:1px solid var(--line);padding-top:25px}@media (width>=600px){.homepage-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.homepage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-grid,.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-intro{grid-template-columns:1fr 1fr;gap:48px}.site-footer{grid-template-columns:1fr 1.6fr}.footer-nav{justify-content:flex-end}.footer-copyright{text-align:right}}@media (width<=1000px){.header-inner{height:78px;position:relative}.header-inner .brand img{width:185px;height:62px}.menu-toggle{margin-left:auto;display:inline-flex}.header-inner nav{background:var(--paper);z-index:30;border-bottom:1px solid var(--line);max-height:calc(100vh - 130px);padding:20px;font-size:15px;display:none;position:absolute;top:78px;left:-18px;right:-18px;overflow:auto}.header-inner nav.is-open{flex-direction:column;align-items:stretch;gap:12px;display:flex}.patterns-nav-heading{justify-content:space-between}.patterns-submenu{width:100%;box-shadow:none;margin-top:8px;position:static}.patterns-submenu a{font-size:14px}}@media (width<=600px){.content-heading h1{font-size:36px}.content-heading>p{font-size:16px}.home-hero img{max-height:none}.site-footer{margin-top:40px}}.header-inner nav{gap:32px}.patterns-nav-heading{gap:4px}.patterns-submenu{min-width:250px;margin:0;padding:12px;list-style:none;left:0}.patterns-submenu li{margin:0;padding:0;display:block}.patterns-submenu li a{border:0;margin:0;padding:12px 14px;line-height:1.5;display:block}.patterns-submenu li+li{border-top:1px solid var(--line)}.footer-nav{gap:14px 32px}.ad-slot--top{margin:24px auto 0}.ad-slot--top .ad-reserved{min-height:100px}.ad-slot--top+.container{margin-top:0}.patterns-submenu li a:first-child{border-bottom:0;margin-bottom:0}@media (width>=1001px) and (width<=1150px){.header-inner nav{gap:22px}.header-inner .brand img{width:185px}.header-inner{gap:16px}}@media (width<=1000px){.header-inner nav.is-open{gap:18px}.patterns-submenu{width:100%;min-width:0;margin-top:8px}.header-inner nav>a{padding-block:7px}.ad-slot--top{margin-top:18px}.footer-nav{gap:10px 24px}}@media print{.ad-slot,.promo,.affiliate-card,.newsletter{display:none!important}.prose{max-width:none}.article-grid{display:block}}:root{--floating-ad-clearance:190px}body.has-floating-ad{padding-bottom:var(--floating-ad-clearance)}.floating-ad{z-index:40;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:center;width:min(820px,100% - 32px);padding:10px 16px 14px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -4px 28px #233f4320}.floating-ad .placement-label{margin-bottom:7px;font-size:9px}.floating-ad .ad-reserved{max-width:728px;min-height:90px;margin:auto}.floating-ad-close{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-49px;right:0;box-shadow:0 2px 10px #233f4315}.floating-ad-close:hover{background:var(--coral-soft);color:var(--coral)}body:has(#main-nav.is-open) .floating-ad{visibility:hidden}.floating-ad-specimen{border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--sage-soft);margin:24px 0;padding:20px}@media (width<=600px){:root{--floating-ad-clearance:155px}.floating-ad{width:calc(100% - 24px);padding:8px 10px 10px}.floating-ad .ad-reserved{min-height:50px;padding:8px;font-size:12px}.floating-ad .ad-reserved small{font-size:10px}}@media print{.floating-ad{display:none!important}body.has-floating-ad{padding-bottom:0}}.listing-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:24px 0 62px;display:grid}.listing-hero h1{max-width:580px;font-size:56px}.listing-hero>div>p{max-width:520px;font-size:17px}.listing-hero-art{min-height:330px;padding:0 0 48px 58px;position:relative}.listing-art-main{object-fit:cover;border-radius:100px 12px 12px;width:90%;height:280px;margin-left:auto}.listing-art-detail{object-fit:cover;border:8px solid var(--paper);border-radius:16px;width:170px;height:160px;position:absolute;bottom:0;left:0}.listing-art-caption{color:var(--sage);font:italic 16px/1.5 var(--font-display);position:absolute;bottom:2px;right:10px}.listing-browser{scroll-margin-top:24px}.listing-categories{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:20px 0;display:flex}.listing-categories a{border-radius:var(--radius-pill);border:1px solid #0000;align-items:center;min-height:44px;padding:10px 16px;font-size:13px;display:inline-flex}.listing-categories a:hover{background:var(--coral-soft)}.listing-categories a.is-selected{background:var(--coral);color:var(--white)}.listing-controls{grid-template-columns:minmax(0,1fr) 210px 190px;gap:20px;padding-top:28px;display:grid}.listing-controls label{color:var(--ink);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.listing-controls input,.listing-controls select{border-color:var(--line);background:var(--white);border-radius:var(--radius-md);min-height:48px;font-size:14px}.listing-controls input:focus,.listing-controls select:focus{border-color:var(--sage)}.listing-tags{flex-wrap:wrap;align-items:center;gap:10px 18px;padding:18px 0;font-size:12px;display:flex}.listing-tags>span{color:var(--muted)}.listing-tags a{min-height:32px;color:var(--sage);text-underline-offset:4px;align-items:center;-webkit-text-decoration:underline #bbc3ac;text-decoration:underline #bbc3ac;display:inline-flex}.listing-tags a[aria-current=page]{color:var(--coral);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);font-weight:700}.listing-results-heading{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.listing-results-heading p{color:var(--muted);margin:0;font-size:13px}.text-button{color:var(--coral);text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px;text-decoration:underline}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;display:grid}.browse-card{background:var(--white);border:1px solid var(--line);min-width:0;transition:box-shadow var(--motion-fast),border-color var(--motion-fast);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.browse-card:hover{box-shadow:var(--shadow-soft);border-color:#c9b8a8}.browse-photo{position:relative}.browse-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.card-save{width:44px;height:44px;color:var(--ink);background:#fffcf8f2;border:1px solid #ffffff80;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 9px #233f4312}.card-save:hover{background:var(--coral-soft)}.card-save[aria-pressed=true]{background:var(--sage);color:#fff}.card-save[aria-pressed=true] svg{fill:currentColor}.browse-copy{flex-direction:column;flex:1;padding:24px;display:flex}.browse-copy>.eyebrow{letter-spacing:1.3px;margin-bottom:12px;font-size:9px}.browse-copy h2{margin-bottom:12px;font-size:26px;line-height:1.25}.browse-copy>p{color:var(--muted);margin-bottom:22px;font-size:14px;line-height:1.7}.browse-meta{border-top:1px solid var(--line);color:var(--sage);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:11px;display:flex}.browse-meta span:last-child{color:var(--muted);white-space:nowrap}.browse-meta span span{margin-left:5px}.listing-pagination{text-align:center;padding:40px 0 12px}.listing-pagination p{color:var(--muted);margin-bottom:16px;font-size:12px}.listing-empty{background:var(--sage-soft);border-radius:var(--radius-lg);text-align:center;padding:48px 24px}.listing-empty h2{font-size:32px}.listing-empty p{font-size:15px}.listing-endnote{background:var(--sage-soft);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:40px;margin-top:30px;padding:34px 40px;display:flex}.listing-endnote h2{max-width:590px;margin-bottom:12px;font-size:29px}.listing-endnote p{margin:0;font-size:14px}.listing-endnote .button{flex-shrink:0}.listing-preview-note{color:var(--muted);max-width:800px;margin-top:28px;font-size:11px}@media (width<=1000px){.listing-hero{gap:28px}.listing-hero h1{font-size:43px}.listing-art-caption{display:none}.listing-art-main{height:260px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-controls{grid-template-columns:minmax(0,1fr) 175px 165px;gap:14px}.listing-endnote{flex-direction:column;align-items:flex-start;gap:20px;padding:28px}}@media (width<=700px){.listing-hero{grid-template-columns:1fr;gap:28px;padding:12px 0 32px}.listing-hero h1{font-size:38px}.listing-hero-art{width:100%;max-width:500px;min-height:230px;margin:auto;padding-bottom:28px}.listing-art-main{height:210px}.listing-art-detail{width:135px;height:125px}.listing-categories{flex-wrap:nowrap;padding-block:14px;overflow-x:auto}.listing-categories a{flex-shrink:0}.listing-controls{grid-template-columns:1fr 1fr}.listing-search{grid-column:1/-1}.listing-tags{gap:8px 14px}.listing-grid{gap:20px}.browse-copy{padding:20px}.browse-copy h2{font-size:23px}.listing-endnote h2{font-size:27px}.preview-strip{flex-wrap:wrap;gap:6px}.preview-strip>span{max-width:none}.preview-strip div{flex-wrap:wrap;gap:12px;font-size:10px}}@media (width<=500px){.listing-grid{grid-template-columns:1fr}.listing-controls{gap:12px}.listing-controls select{padding:12px 8px;font-size:12px}.listing-hero>div>p{font-size:16px}}.listing-page-numbers{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.listing-page-numbers button{border:1px solid var(--line);background:var(--white);min-width:44px;height:44px;color:var(--ink);border-radius:50%;font-size:14px}.listing-page-numbers button:hover:not(:disabled){background:var(--coral-soft);border-color:var(--coral)}.listing-page-numbers button[aria-current=page]{background:var(--coral);border-color:var(--coral);color:var(--white)}.listing-page-numbers button:disabled{opacity:.35;cursor:not-allowed}#listing-count{scroll-margin-top:24px}.demo-tag{margin-top:14px}.demo-notice{background:var(--sage-soft);border-radius:8px;margin:20px 0;padding:16px 22px;font-size:14px}.static-page{max-width:800px;min-height:45vh;margin:48px auto;padding:0 24px}.static-page h1{font-size:clamp(34px,5vw,50px)}.static-page h2{margin-top:32px;font-size:28px}.contact-form{gap:18px;margin:28px 0;display:grid}.contact-form label{gap:8px;display:grid}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:12px}.contact-form textarea{resize:vertical;min-height:180px}.contact-form button{justify-self:start}.contact-status{min-height:1.7em;color:var(--sage);font-weight:600}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.cf-turnstile{min-height:65px}.article-media{margin:26px 0}.article-media img{border-radius:12px;width:100%;height:auto}.article-media figcaption{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.prose table{border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 18px}.prose th{background:var(--sage-soft)}.listing-page-numbers a{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.listing-page-numbers a[aria-current=page]{background:var(--coral);border-color:var(--coral);color:#fff}.listing-grid>[data-extra][hidden]{display:none}.listing-controls{align-items:end}.listing-controls .filter-submit{grid-column:1/-1;justify-self:start}.listing-count-row{justify-content:space-between;gap:20px;margin:24px 0;display:flex}.article-author{background:var(--sage-soft);border-radius:12px;margin:32px 0;padding:24px}.article-tags{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.article-grid>article{min-width:0}.round p:last-child{margin:0}.floating-ad-close{font-size:26px}.pattern-toolbar .icon-button{font-size:23px}.article-actions button{font-size:14px}.preview-strip{gap:20px}.no-script-nav{background:var(--sage-soft);flex-wrap:wrap;gap:16px;padding:12px 24px;display:flex}.ad-slot{overflow:hidden}.article-heading .intro{overflow-wrap:anywhere}.legal-state{color:var(--coral);font-weight:600}@media (width<=700px){.listing-controls{grid-template-columns:1fr}.preview-strip div{gap:12px}.listing-page-numbers,.listing-count-row{flex-wrap:wrap}.article-grid{gap:24px}.article-heading h1{overflow-wrap:anywhere}.static-page{padding:0 16px}.listing-pagination{padding-bottom:20px}}@media print{.demo-notice{border:1px solid #ccc}.contact-form,.preview-strip,.floating-ad,.ad-slot{display:none!important}.article-media{break-inside:avoid}.static-page{max-width:none}.article-media img{object-fit:contain;max-height:350px}}.listing-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.listing-search{grid-column:auto;min-width:0}.listing-controls input{width:100%}.listing-controls .filter-submit{white-space:nowrap;grid-column:auto;justify-self:start;min-height:48px}@media (width<=700px){.listing-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px}.listing-controls .filter-submit{padding-inline:12px;font-size:12px}}.digital-product-banner{border-radius:var(--radius-sm);width:100%;margin-inline:auto;line-height:0;display:block;overflow:hidden}.digital-product-banner picture,.digital-product-banner img{display:block}.digital-product-banner img{width:100%;height:auto}.digital-product-banner--leaderboard,.digital-product-banner--floating{max-width:728px}.digital-product-banner--rectangle{aspect-ratio:6/5;max-width:300px}.digital-product-banner--leaderboard{aspect-ratio:3546/443}@media (width<=799px){.digital-product-banner--leaderboard{aspect-ratio:2244/701}}[data-delayed-banner] img{visibility:hidden}.digital-product-banner--rectangle img{object-fit:cover;width:100%;height:100%}.digital-product-banner:focus-visible{outline-offset:5px}.newsletter{background:var(--sage-soft);border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;margin:44px 0 20px;padding:28px;display:grid}.newsletter h2{margin:8px 0;font-size:clamp(25px,3vw,34px)}.newsletter p{margin:8px 0 14px;font-size:15px;line-height:1.65}.newsletter-art img{aspect-ratio:3/2;object-fit:cover;border-radius:10px;width:100%;height:auto;max-height:380px;display:block}.newsletter-copy form{gap:10px;max-width:660px;display:grid}.newsletter-copy form>label{font-size:14px;font-weight:600}.newsletter-fields{align-items:stretch;gap:10px;display:flex}.newsletter-fields input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:8px;flex:1;padding:12px 14px}.newsletter-fields .button{white-space:normal;line-height:1.3}.newsletter-status:empty{display:none}.newsletter-status{color:var(--sage);font-weight:600}.newsletter-privacy{color:var(--muted);margin-bottom:0!important;font-size:12px!important}.newsletter-privacy a{color:var(--coral);text-underline-offset:3px;text-decoration:underline}.newsletter-success{justify-items:start;gap:14px;display:grid}.newsletter-success p{color:var(--sage);margin:0;font-weight:600}.newsletter-success .button{color:#fff;text-decoration:none}.newsletter--sidebar{grid-template-columns:1fr;gap:14px;margin:24px 0;padding:18px}.newsletter--sidebar .newsletter-art img{aspect-ratio:4/3;max-height:220px}.newsletter--sidebar h2{font-size:24px}.newsletter--sidebar .newsletter-fields{display:grid}.newsletter--sidebar .newsletter-fields .button{width:100%}@media (width>=800px){.newsletter:not(.newsletter--sidebar){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:34px}.newsletter--sidebar .newsletter-fields{grid-template-columns:1fr}}@media (width<=520px){.newsletter{padding:20px}.newsletter-fields{display:grid}.newsletter-fields .button{width:100%}}.cf-turnstile[hidden]{display:none}a[data-astro-cid-y7c6ongc].linkedin-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-y7c6ongc].linkedin-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-y7c6ongc].linkedin-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}a[data-astro-cid-q6ephnav].pinterest-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-q6ephnav].pinterest-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-q6ephnav].pinterest-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}a[data-astro-cid-dnk2jdvy].instagram-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-dnk2jdvy].instagram-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-dnk2jdvy].instagram-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}a[data-astro-cid-k26wkbn5].facebook-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-k26wkbn5].facebook-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-k26wkbn5].facebook-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}a[data-astro-cid-h6zgdxh5].ravelry-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-h6zgdxh5].ravelry-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-h6zgdxh5].ravelry-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.ravelry-icon[data-astro-cid-h6zgdxh5]{background-color:currentColor;width:22px;height:22px;display:block;-webkit-mask:url(/assets/ravelry-icon.svg) 50%/contain no-repeat;mask:url(/assets/ravelry-icon.svg) 50%/contain no-repeat}a[data-astro-cid-gr2paug2].youtube-link{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}a[data-astro-cid-gr2paug2].youtube-link:hover{color:var(--coral);background:var(--coral-soft)}a[data-astro-cid-gr2paug2].youtube-link:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.footer-socials[data-astro-cid-jo6i4kqk]{align-items:center;gap:12px;display:inline-flex}