.guide-design_scope__qs8Wp{min-width:0;color:var(--guide-ink);background:var(--guide-paper)}.guide-design_scope__qs8Wp *{box-sizing:border-box}.guide-design_scope__qs8Wp nav[aria-label=Breadcrumb] ol{flex-wrap:wrap}.guide-design_scope__qs8Wp nav[aria-label=Breadcrumb] li{min-width:0;max-width:100%}.guide-design_scope__qs8Wp nav[aria-label=Breadcrumb] :is(a,span){min-width:0;overflow-wrap:anywhere}.guide-design_scope__qs8Wp nav[aria-label=Breadcrumb] svg{flex-shrink:0}.guide-design_main__V9u_h{width:100%;max-width:1248px;min-width:0;margin-inline:auto;padding:24px 24px 64px}.guide-design_links__MNUxn{display:flex;flex-wrap:wrap;gap:8px;padding-block:16px 24px}.guide-design_sectionLink__cuW7Z{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--guide-border);border-radius:var(--guide-pill-radius);font-size:13px;font-weight:600;color:var(--guide-muted);text-decoration:none}.guide-design_sectionLink__cuW7Z svg{width:16px;height:16px;flex-shrink:0}.guide-design_sectionLink__cuW7Z[aria-current=page]{background:var(--guide-primary);color:var(--guide-on-primary);border-color:var(--guide-primary)}.guide-design_intro__20NFE{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(28px,4vw,56px);margin-bottom:36px;background:var(--guide-tint);border-radius:var(--guide-hero-radius)}.guide-design_introCopy__2qgVn{min-width:0;max-width:780px}.guide-design_title__fB1pn{margin:0;font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;font-size:clamp(32px,4.3vw,60px);font-weight:800;line-height:1.06;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere}.guide-design_description__CnMlW{margin-top:20px;max-width:64ch;font-size:16px;line-height:1.75;color:var(--guide-muted)}.guide-design_description__CnMlW p{margin:0}.guide-design_introMeta__7CkCr{margin-top:20px;font-size:13px;font-weight:600}.guide-design_introIcon__8bq0D{display:grid;place-items:center;width:112px;height:112px;flex-shrink:0;border-radius:var(--guide-card-radius);background:var(--guide-paper);color:var(--guide-primary)}.guide-design_introIcon__8bq0D svg{width:60px;height:60px}.guide-design_columns__O5V3C{display:grid;gap:32px;align-items:start}.guide-design_filters__9S8V5{min-width:0;display:grid;gap:24px}.guide-design_filterGroup__Ie_4w{min-width:0}.guide-design_filterGroup__Ie_4w h2{margin:0 0 12px;font-size:14px;font-weight:700}.guide-design_filterList__yBCFo{display:flex;flex-wrap:wrap;gap:8px}.guide-design_filter__w38bb{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid var(--guide-border);border-radius:var(--guide-pill-radius);background:var(--guide-paper);color:var(--guide-muted);text-decoration:none;font-size:13px;line-height:1.4}.guide-design_filter__w38bb>span:first-child{min-width:0;overflow-wrap:anywhere}.guide-design_filter__w38bb[aria-current=page]{background:var(--guide-primary);border-color:var(--guide-primary);color:var(--guide-on-primary);font-weight:600}.guide-design_count__WmJoS{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums}.guide-design_results__iTGGE{min-width:0}.guide-design_resultMeta__0TS3t{margin-bottom:24px;color:var(--guide-muted);font-size:13px}.guide-design_group__TbePU{margin-bottom:40px;scroll-margin-top:100px}.guide-design_groupHeading__orYKY{margin-bottom:20px;overflow-wrap:anywhere}.guide-design_groupHeading__orYKY h2{margin:0;font-family:var(--font-bricolage),sans-serif;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.guide-design_groupHeading__orYKY p{margin:8px 0 0;max-width:70ch;font-size:14px;line-height:1.65;color:var(--guide-muted)}.guide-design_grid__nZuAP{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.guide-design_card__3mSnf{display:flex;flex-direction:column;min-width:0;overflow:hidden;color:var(--guide-ink);background:var(--guide-paper);border:1px solid var(--guide-border);border-radius:var(--guide-card-radius);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.guide-design_cardMedia__TtuOX{aspect-ratio:3/2;overflow:hidden;background:var(--guide-tint)}.guide-design_cardMedia__TtuOX img{display:block;width:100%;height:100%;object-fit:cover}.guide-design_cardBody__xw8Wh{display:flex;flex:1;flex-direction:column;min-width:0;padding:24px}.guide-design_cardIcon__rasRA{display:inline-grid;place-items:center;align-self:flex-start;width:48px;height:48px;margin-bottom:24px;border-radius:var(--guide-pill-radius);color:var(--guide-primary);background:var(--guide-tint)}.guide-design_cardIcon__rasRA svg{width:24px;height:24px}.guide-design_cardHeading__3yTzg{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.guide-design_cardHeading__3yTzg :is(h2,h3){min-width:0;margin:0;font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere}.guide-design_cardMeta__aS1DU{margin:8px 0 0;color:var(--guide-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.guide-design_cardDescription__jisKu{margin-top:12px;color:var(--guide-muted);font-size:14px;line-height:1.75;overflow-wrap:anywhere}.guide-design_tags__D8aAm{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none}.guide-design_badge__QjQJZ,.guide-design_tags__D8aAm li{max-width:100%;padding:5px 9px;border-radius:var(--guide-pill-radius);background:var(--guide-soft);color:var(--guide-ink);font-size:11px;line-height:1.4;overflow-wrap:anywhere}.guide-design_badge__QjQJZ{flex-shrink:0}.guide-design_cardAction__Rcb5H{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-top:22px;color:var(--guide-primary);font-size:12px;font-weight:700}.guide-design_cardAction__Rcb5H svg{width:17px;height:17px}.guide-design_notice__6I7a6{display:flex;align-items:flex-start;gap:14px;margin-bottom:32px;padding:20px 24px;border:1px solid var(--ds-color-status-warning-border);border-radius:var(--guide-card-radius);background:var(--ds-color-status-warning-surface);color:var(--ds-color-status-warning-text)}.guide-design_notice__6I7a6>svg{width:22px;height:22px;flex-shrink:0;margin-top:2px}.guide-design_notice__6I7a6 h2{margin:0;font-size:15px;font-weight:700}.guide-design_notice__6I7a6 p{margin:6px 0 0;font-size:13px;line-height:1.75}.guide-design_empty__JpaFN{padding:40px 24px;border:1px solid var(--guide-border);border-radius:var(--guide-card-radius);text-align:center;color:var(--guide-muted)}.guide-design_empty__JpaFN svg{width:32px;height:32px;margin-inline:auto}.guide-design_empty__JpaFN p{margin-top:16px;line-height:1.7}.guide-design_reading__6kUR1{max-width:74ch;margin:56px auto 0;padding-top:32px;border-top:1px solid var(--guide-border);font-size:16px;line-height:1.85}.guide-design_reading__6kUR1 h2{font-family:var(--font-bricolage),sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.025em}.guide-design_principles__QfHZ0{display:grid;gap:24px;padding-block:32px;border-top:1px solid var(--guide-border);margin-top:56px}.guide-design_principles__QfHZ0 h3{font-size:17px;font-weight:700}.guide-design_principles__QfHZ0 p{font-size:14px;line-height:1.75;color:var(--guide-muted)}.guide-design_card__3mSnf:focus-visible,.guide-design_filter__w38bb:focus-visible,.guide-design_sectionLink__cuW7Z:focus-visible{outline:3px solid var(--guide-primary);outline-offset:4px}@media (hover:hover){.guide-design_card__3mSnf:hover{border-color:var(--guide-primary);transform:translateY(-2px)}.guide-design_filter__w38bb:not([aria-current]):hover,.guide-design_sectionLink__cuW7Z:not([aria-current]):hover{background:var(--guide-tint);color:var(--guide-ink)}}@media (min-width:640px){.guide-design_grid__nZuAP{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-design_principles__QfHZ0{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.guide-design_columns__O5V3C{grid-template-columns:210px minmax(0,1fr)}.guide-design_filters__9S8V5{position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow-y:auto;padding:4px 6px 6px 4px}.guide-design_filterList__yBCFo{display:grid}.guide-design_filter__w38bb{border-radius:var(--ds-radius-control)}.guide-design_wideGrid__Jgwq3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.guide-design_main__V9u_h{padding:16px 16px 40px}.guide-design_intro__20NFE{padding:28px 24px;gap:0;margin-bottom:28px}.guide-design_introIcon__8bq0D{display:none}.guide-design_links__MNUxn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-design_sectionLink__cuW7Z{padding:10px 12px}.guide-design_description__CnMlW{font-size:15px}.guide-design_cardBody__xw8Wh{padding:22px}}.guide-design_article__iLUGW main{background:var(--guide-paper);color:var(--guide-ink);min-width:0}.guide-design_article__iLUGW main>section:first-of-type{max-width:1216px;margin:20px auto 36px;padding:32px 24px 40px;border:0;border-radius:var(--guide-hero-radius);background:var(--guide-tint);background-image:none}.guide-design_article__iLUGW main>section:first-of-type>[aria-hidden=true]{display:none}.guide-design_article__iLUGW main>section:first-of-type>div{padding-inline:0}.guide-design_article__iLUGW main h1{font-family:var(--font-bricolage),"Bricolage Grotesque",sans-serif;font-size:clamp(34px,4.4vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}.guide-design_article__iLUGW main>section:first-of-type [class~=grid]{gap:32px}.guide-design_article__iLUGW main>section:first-of-type [class~=grid]:not(:has(img,[role=img])){grid-template-columns:minmax(0,1fr)}.guide-design_article__iLUGW main>section:first-of-type [class~=grid]>div{min-width:0;order:0}.guide-design_article__iLUGW main>section:first-of-type :is([class~=aspect-video],[class~=aspect-square]){border-radius:var(--guide-card-radius);border-color:var(--guide-border);border-width:1px;box-shadow:var(--guide-no-shadow)}.guide-design_article__iLUGW main>section:first-of-type [class~=-rotate-3]{transform:none;background:var(--guide-tint)}.guide-design_article__iLUGW main>div,.guide-design_article__iLUGW main>section:not(:first-of-type){max-width:1200px;margin-inline:auto;min-width:0}.guide-design_article__iLUGW main [data-slot=card]{border-width:1px;border-color:var(--guide-border);border-radius:var(--guide-card-radius);box-shadow:var(--guide-no-shadow)}.guide-design_article__iLUGW main [data-slot=card-title]{line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}.guide-design_article__iLUGW main [data-slot=card-header]{background-image:none}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]){max-width:74ch;margin-inline:auto;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]) :is(h2,h3){font-family:var(--font-bricolage),sans-serif;line-height:1.3;letter-spacing:-.02em;scroll-margin-top:110px}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]) h2{margin-top:40px;font-size:28px}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]) img{max-width:100%;height:auto;border-radius:var(--guide-card-radius)}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]) table{display:block;max-width:100%;overflow-x:auto}.guide-design_article__iLUGW main aside{min-width:0}.guide-design_article__iLUGW main [class~=grid]:has(>aside){align-items:start}.guide-design_article__iLUGW main>section>[class~=grid-cols-2]>div{border-color:var(--guide-border);border-width:1px;border-radius:var(--guide-card-radius);box-shadow:var(--guide-no-shadow)}@media (min-width:1024px){.guide-design_article__iLUGW main [class~=grid]:has(>aside){grid-template-columns:minmax(0,1fr) 280px;gap:48px}}@media (max-width:1279px){.guide-design_article__iLUGW main>section:first-of-type{margin-inline:16px}}@media (max-width:639px){.guide-design_article__iLUGW main>section:first-of-type{padding:24px 20px 32px;margin:12px 12px 28px}.guide-design_article__iLUGW main [data-slot=card-content],.guide-design_article__iLUGW main [data-slot=card-header]{padding-inline:20px}.guide-design_article__iLUGW main :is(article,[class~=prose],[class~=blog-prose]) h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.guide-design_card__3mSnf{transition:none}.guide-design_card__3mSnf:hover{transform:none}}@media print{.guide-design_filters__9S8V5,.guide-design_links__MNUxn{display:none}.guide-design_main__V9u_h{max-width:none;padding:0}.guide-design_columns__O5V3C{display:block}.guide-design_article__iLUGW main>section:first-of-type,.guide-design_intro__20NFE{background:transparent;padding:0;margin:0 0 24px}.guide-design_article__iLUGW main [class~=grid]:has(>aside){display:block}.guide-design_article__iLUGW main aside{display:block}.guide-design_article__iLUGW main aside>div{position:static}}