.blog-detail{--teal:#1e50c4;--brand-blue:#1e50c4;--brand-blue-bright:#2d64dc;--brand-blue-deep:#143fa8;--brand-grey:#586868;--brand-gold:#f8b818;--text-heading:#1a1f26;--text-body:#3a4545;--text-muted:#505a5a;--text-subtle:#656f6f;--ink:#f4f6fb;--ink-soft:#e9edf5;--surface:#fff;--shell-base-b:#e8edf6;--header-offset:5.25rem;--font-manrope:var(--font-outfit), Outfit, system-ui, sans-serif;--font-display:var(--font-outfit), Outfit, system-ui, sans-serif;width:100%;max-width:100%;color:var(--text-heading);padding-top:var(--header-offset);font-family:var(--font-manrope);background:#fff;padding-bottom:0;overflow-x:clip}.blog-detail-shell{width:min(100%,56rem);padding-inline:max(.75rem, env(safe-area-inset-left));margin-inline:auto;padding-inline-end:max(.75rem, env(safe-area-inset-right))}.blog-detail-shell--wide{width:min(100%,72rem)}@media (min-width:640px){.blog-detail-shell{padding-inline:max(1rem, env(safe-area-inset-left));padding-inline-end:max(1rem, env(safe-area-inset-right))}}.blog-detail-nav{z-index:1;border-bottom:1px solid color-mix(in srgb, var(--brand-grey) 14%, transparent);background:0 0;width:100%;position:relative}.blog-detail-nav .blog-detail-shell{padding-block:.75rem}.blog-detail-breadcrumb{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.35rem;margin:0;padding:0;font-size:.8125rem;font-weight:600;list-style:none;display:flex;overflow-x:auto}.blog-detail-breadcrumb::-webkit-scrollbar{display:none}.blog-detail-breadcrumb li{flex-shrink:0;align-items:center;min-width:0;display:inline-flex}.blog-detail-breadcrumb a{min-height:2.75rem;color:var(--text-subtle);white-space:nowrap;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.blog-detail-breadcrumb a:hover{color:var(--text-heading)}.blog-detail-breadcrumb [aria-current=page] span{max-width:7.5rem;color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.blog-detail-breadcrumb li[aria-hidden]{color:var(--text-subtle);opacity:.65}.blog-detail-hero{background:0 0;width:100%;padding:1rem 0 1.25rem}.blog-detail-hero .blog-detail-shell{flex-direction:column;align-items:flex-start;gap:.85rem;display:flex}.blog-detail-hero__tags{flex-wrap:wrap;gap:.45rem;display:flex}.blog-detail-hero__tag{background:color-mix(in srgb, var(--brand-blue) 12%, white);max-width:100%;min-height:2.75rem;color:var(--brand-blue-deep);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-flex}.blog-detail-hero__tag:hover{background:color-mix(in srgb, var(--brand-blue) 18%, white)}.blog-detail-hero__tag span{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.blog-detail-hero__title{width:100%;font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-heading);text-wrap:balance;margin:0;padding-inline:.15rem;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:700;line-height:1.15}.blog-detail-hero__dates{flex-direction:column;gap:.2rem;padding-inline:.15rem;display:flex}.blog-detail-hero__dates p{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;margin:0;font-size:clamp(.75rem,1.5vw,.875rem);font-style:italic;font-weight:500}.blog-detail-meta{border-bottom:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:.35rem;padding:.85rem .15rem 1rem;display:flex}.blog-detail-meta__stats{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:inline-flex}.blog-detail-meta__stat{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:inline-flex}.blog-detail-meta__actions{align-items:center;gap:.35rem;margin-left:auto;display:inline-flex;position:relative}.blog-detail-meta__btn{background:color-mix(in srgb, var(--ink) 6%, white);min-width:2.75rem;min-height:2.75rem;color:var(--text-muted);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.8125rem;font-weight:700;transition:transform .2s,border-color .2s,color .2s,background-color .2s;display:inline-flex}.blog-detail-meta__btn:hover{border-color:color-mix(in srgb, var(--teal) 28%, transparent);color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, white);transform:translateY(-1px)}.blog-detail-meta__like.is-liked{color:#e11d48;background:#fff1f2f2;border-color:#f43f5e4d}.blog-detail-meta__like.is-liked .blog-detail-meta__heart{fill:#e11d48}.blog-detail-meta__copied{background:var(--text-heading);color:#fff;pointer-events:none;border-radius:999px;padding:.22rem .5rem;font-size:.65rem;font-weight:700;position:absolute;bottom:calc(100% + 6px);right:0}.blog-detail-body{flex-direction:column;gap:1.25rem;padding-block:clamp(1.25rem,3vw,2rem) clamp(2rem,5vw,3rem);display:flex}.blog-detail-body__p{color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;margin:0;font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.75}.blog-detail-body__p--lead:first-line{color:var(--text-heading);font-weight:700}.blog-detail-body__figure{margin:clamp(1rem,3vw,1.75rem) 0}.blog-detail-body__img{width:100%;height:auto;box-shadow:0 20px 44px -18px #1a1f2659, 0 0 0 1px color-mix(in srgb, var(--brand-grey) 10%, transparent);border-radius:clamp(.5rem,2vw,1rem);display:block}.blog-detail-body__list{color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;flex-direction:column;gap:.65rem;margin:.25rem 0 .5rem;padding:0 0 0 1.25rem;font-size:clamp(1rem,1.7vw,1.125rem);line-height:1.7;display:flex}.blog-detail-body__list li::marker{color:var(--teal)}.blog-detail-body__html{color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;flex-direction:column;gap:0;font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.75;display:flex}.blog-detail-body__html :where(h1,h2,h3,h4,h5,h6){color:var(--text-heading);font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.02em;margin:1.5rem 0 .85rem;font-weight:700;line-height:1.25}.blog-detail-body__html :where(h1){border-bottom:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);padding-bottom:.75rem;font-size:clamp(1.5rem,3vw,2rem)}.blog-detail-body__html :where(h2){margin-top:2rem;font-size:clamp(1.35rem,2.6vw,1.75rem)}.blog-detail-body__html :where(h3){margin-top:1.65rem;font-size:clamp(1.15rem,2.2vw,1.4rem)}.blog-detail-body__html :where(h4){font-size:clamp(1.05rem,2vw,1.2rem)}.blog-detail-body__html :where(p){margin:0 0 1.15rem}.blog-detail-body__html :where(ul,ol){margin:0 0 1.15rem;padding-left:1.35rem}.blog-detail-body__html :where(li){margin-bottom:.45rem}.blog-detail-body__html :where(li)::marker{color:var(--teal)}.blog-detail-body__html :where(a){color:var(--teal);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;transition:color .2s}.blog-detail-body__html :where(a):hover{color:color-mix(in srgb, var(--teal) 70%, var(--brand-blue-deep))}.blog-detail-body__html :where(blockquote){border-left:4px solid var(--teal);background:color-mix(in srgb, var(--teal) 8%, white);color:var(--text-body);border-radius:0 .65rem .65rem 0;margin:1.25rem 0 1.5rem;padding:.9rem 1rem .9rem 1.15rem;font-style:italic;box-shadow:0 8px 20px -16px #1a1f2659}.blog-detail-body__html :where(code){border:1px solid color-mix(in srgb, var(--brand-grey) 14%, transparent);background:color-mix(in srgb, var(--ink) 55%, white);color:var(--teal);border-radius:.3rem;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em}.blog-detail-body__html :where(pre){color:#f3f4f6;background:#111827;border-radius:.65rem;margin:1.25rem 0 1.5rem;padding:1rem 1.15rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-detail-body__html :where(pre code){color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.blog-detail-body__html :where(table){border-collapse:collapse;max-width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-grey) 16%, transparent);border-radius:.65rem;margin:1.25rem 0 1.5rem;font-size:.9rem;display:block;overflow-x:auto}.blog-detail-body__html :where(th,td){border:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);text-align:left;padding:.65rem .85rem}.blog-detail-body__html :where(th){background:color-mix(in srgb, var(--ink) 55%, white);color:var(--text-heading);font-weight:700}.blog-detail-body__html :where(img){border-radius:clamp(.5rem,2vw,1rem);max-width:100%;height:auto;margin:1.25rem 0 1.5rem;display:block;box-shadow:0 18px 40px -18px #1a1f2652}.blog-detail-body__html :where(hr){border:0;border-top:2px solid color-mix(in srgb, var(--brand-grey) 18%, transparent);margin:2rem 0}.blog-detail-body__html :where(strong){color:var(--text-heading);font-weight:700}.blog-detail-body__html .blog-detail-body__figure{margin:clamp(1rem,3vw,1.75rem) 0}.blog-detail-body__html .blog-detail-body__figure img{width:100%;margin:0}.blog-detail-footer{margin-top:1.5rem}.blog-detail-footer__updated{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;margin:0 0 1.5rem;font-size:.8125rem;font-weight:500}.blog-detail-topics{border-top:1px solid color-mix(in srgb, var(--brand-grey) 14%, transparent);padding-top:1.5rem}.blog-detail-topics__title{font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;color:var(--text-heading);margin:0 0 .85rem;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:700}.blog-detail-topics__list{flex-wrap:wrap;gap:.45rem;display:flex}.blog-detail-topics__chip{background:color-mix(in srgb, var(--ink) 55%, white);min-height:2.75rem;color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.78rem;font-weight:650;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.blog-detail-topics__chip:hover{background:color-mix(in srgb, var(--teal) 12%, white);color:var(--teal)}.blog-detail-related{background:color-mix(in srgb, var(--shell-base-b) 55%, transparent);width:100%;margin-top:.5rem;padding:clamp(2rem,5vw,3.5rem) 0}.blog-detail-related__title{text-align:center;font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-heading);margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.blog-detail-related__grid{grid-template-columns:minmax(0,1fr);gap:1.15rem;display:grid}.blog-detail-related__card{background:var(--surface);min-width:0;color:inherit;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-grey) 12%, transparent), 0 16px 32px -22px #1a1f2647;border-radius:1rem;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-detail-related__card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--teal) 28%, transparent), 0 22px 40px -18px color-mix(in srgb, var(--teal) 28%, transparent);transform:translateY(-4px)}.blog-detail-related__media{aspect-ratio:16/10;background:var(--ink-soft);display:block;position:relative;overflow:hidden}.blog-detail-related__img{object-fit:cover;transition:transform .5s}.blog-detail-related__card:hover .blog-detail-related__img{transform:scale(1.05)}.blog-detail-related__body{flex-direction:column;gap:.4rem;padding:1rem 1.05rem 1.15rem;display:flex}.blog-detail-related__cat{font-family:var(--font-manrope), Manrope, system-ui, sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-blue);font-size:.68rem;font-weight:800}.blog-detail-related__name{font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-detail-related__card:hover .blog-detail-related__name{color:var(--teal)}.blog-detail-related__meta{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;margin-top:.35rem;font-size:.75rem;font-weight:600;display:flex}@media (min-width:640px){.blog-detail-hero{padding:1.5rem 0 1.75rem}.blog-detail-hero__tag span{max-width:none}.blog-detail-breadcrumb [aria-current=page] span{max-width:20rem}.blog-detail-nav .blog-detail-shell{padding-block:1rem}.blog-detail-related__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@media (min-width:1024px){.blog-detail-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (max-width:479px){.blog-detail-breadcrumb [aria-current=page] span{max-width:7.5rem}}@media (max-height:520px) and (orientation:landscape){.blog-detail-hero{padding-top:.75rem}}
.blog-archive{--teal:#1e50c4;--brand-blue:#1e50c4;--brand-blue-bright:#2d64dc;--brand-blue-deep:#143fa8;--brand-grey:#586868;--brand-gold:#f8b818;--text-heading:#1a1f26;--text-body:#3a4545;--text-muted:#505a5a;--text-subtle:#656f6f;--ink:#f4f6fb;--header-offset:5.25rem;--font-manrope:var(--font-outfit), Outfit, system-ui, sans-serif;--font-display:var(--font-outfit), Outfit, system-ui, sans-serif;width:100%;max-width:100%;color:var(--text-heading);font-family:var(--font-manrope);background:#fff;overflow-x:clip}.blog-archive-shell{width:100%;max-width:72rem;padding-inline:max(.75rem, env(safe-area-inset-left));margin-inline:auto;padding-inline-end:max(.75rem, env(safe-area-inset-right))}@media (min-width:640px){.blog-archive-shell{padding-inline:max(1rem, env(safe-area-inset-left));padding-inline-end:max(1rem, env(safe-area-inset-right))}}.blog-archive-hero{padding:calc(var(--header-offset) + 1rem) 0 0;background:0 0;position:relative;overflow:hidden}.blog-archive-hero:before{display:none}.blog-archive-hero__inner{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:1rem;padding-top:.25rem;padding-bottom:0;display:grid;position:relative}.blog-archive-hero__copy{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;padding-bottom:.75rem;display:flex}.blog-archive-hero__eyebrow{background:color-mix(in srgb, var(--teal) 14%, white);max-width:100%;min-height:1.75rem;color:color-mix(in srgb, var(--teal) 85%, #064e3b);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;letter-spacing:.01em;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.blog-archive-hero__title{width:min(100%,36rem);font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-heading);margin:0;font-size:clamp(1.5rem,5vw,3.5rem);font-weight:700;line-height:1.15}.blog-archive-hero__title-line,.blog-archive-hero__title-accent{display:block}.blog-archive-hero__title-accent{background:linear-gradient(100deg, var(--teal) 0%, var(--brand-blue) 55%, var(--brand-blue-bright) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;padding-bottom:.15rem}.blog-archive-hero__lead{max-width:36rem;font-family:var(--font-manrope), Manrope, system-ui, sans-serif;color:var(--text-muted);margin:0;font-size:clamp(.875rem,1.8vw,1.125rem);line-height:1.6}.blog-archive-hero__highlights{flex-wrap:wrap;gap:.75rem 1.25rem;margin:.1rem 0 0;padding:0;list-style:none;display:flex}.blog-archive-hero__highlight{font-family:var(--font-manrope), Manrope, system-ui, sans-serif;color:var(--text-subtle);align-items:center;gap:.4rem;font-size:clamp(.72rem,1.5vw,.875rem);font-weight:600;display:inline-flex}.blog-archive-hero__highlight:before{content:"";background:var(--teal);border-radius:999px;flex-shrink:0;width:.375rem;height:.375rem}.blog-archive-hero__highlight--blue:before{background:var(--brand-blue-bright)}.blog-archive-hero__highlight--gold:before{background:var(--brand-gold)}.blog-archive-hero__visual{order:-1;justify-content:center;width:100%;min-width:0;display:flex}.blog-archive-hero__img{aspect-ratio:4/3;object-fit:cover;width:min(100%,14rem);height:auto;max-height:11rem;box-shadow:0 18px 36px -16px color-mix(in srgb, var(--brand-blue) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--brand-grey) 12%, transparent);border-radius:1.15rem 1.15rem .35rem}.blog-archive-tools{z-index:30;border-top:1px solid color-mix(in srgb, var(--brand-grey) 18%, transparent);border-bottom:1px solid color-mix(in srgb, var(--brand-grey) 18%, transparent);width:100%;box-shadow:none;background:0 0;margin-bottom:clamp(1.25rem,3vw,2rem);padding:.75rem 0;position:relative}.blog-archive-tools__inner{width:100%;max-width:100%;padding-inline:max(.5rem, env(safe-area-inset-left));flex-direction:column;gap:.75rem;padding-inline-end:max(.5rem, env(safe-area-inset-right));display:flex}@media (min-width:640px){.blog-archive-tools{padding:1rem 0}.blog-archive-tools__inner{padding-inline:max(1rem, env(safe-area-inset-left));padding-inline-end:max(1rem, env(safe-area-inset-right))}}.blog-archive-search{background:0 0;border:0;border-radius:.5rem;align-items:center;width:100%;min-width:0;min-height:2.75rem;padding:0 2.35rem 0 2.65rem;display:flex;position:relative}.blog-archive-search__icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.blog-archive-search input{width:100%;min-width:0;color:var(--text-heading);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;box-shadow:none;background:0 0;border:0;outline:none;font-size:.95rem}.blog-archive-search input::placeholder{color:var(--text-subtle)}.blog-archive-search__clear{width:1.5rem;height:1.5rem;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:1.15rem;line-height:1;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.blog-archive-search__clear:hover{color:var(--text-heading)}.blog-archive-tools__end{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;width:100%;display:flex}.blog-archive-cats{z-index:40;position:relative}.blog-archive-cats__btn{border:1px solid color-mix(in srgb, var(--brand-grey) 18%, transparent);max-width:100%;min-height:2.75rem;color:var(--text-heading);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;cursor:pointer;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;transition:border-color .2s,background-color .2s;display:inline-flex}.blog-archive-cats__btn span{text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;overflow:hidden}.blog-archive-cats__btn:hover,.blog-archive-cats__btn.is-open{background:color-mix(in srgb, var(--ink) 4%, white)}.blog-archive-cats__menu{z-index:50;border:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);background:#fff;border-radius:.5rem;flex-direction:column;width:min(16rem,100vw - 2rem);max-height:24rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;box-shadow:0 18px 40px -16px #1a1f2647}.blog-archive-cats__search{border-bottom:1px solid color-mix(in srgb, var(--brand-grey) 14%, transparent);align-items:center;padding:.5rem;display:flex;position:relative}.blog-archive-cats__search svg{color:var(--text-subtle);pointer-events:none;position:absolute;left:.95rem}.blog-archive-cats__search input{border:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);width:100%;min-height:2rem;color:var(--text-heading);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;background:#fff;border-radius:.35rem;outline:none;padding:.35rem .5rem .35rem 1.85rem;font-size:.75rem}.blog-archive-cats__menu ul{flex-direction:column;max-height:20rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.blog-archive-cats__menu button{width:100%;min-height:2.75rem;color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:block}.blog-archive-cats__menu button:hover,.blog-archive-cats__menu button.is-active{background:color-mix(in srgb, var(--teal) 10%, white);color:var(--teal)}.blog-archive-cats__empty{text-align:center;color:var(--text-subtle);margin:0;padding:1rem .75rem;font-size:.75rem}.blog-archive-sort{color:var(--text-muted);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;font-size:.78rem;font-weight:600;display:inline-flex}.blog-archive-sort select{min-height:2.75rem;color:var(--text-heading);cursor:pointer;background:#fff;border:0;border-radius:.35rem;outline:none;padding:.25rem 1.65rem .25rem .6rem;font-family:inherit;font-size:.75rem;font-weight:600}.blog-archive-feed{width:100%;max-width:100%;padding:0 0 clamp(2.5rem,8vw,4rem)}.blog-archive-feed__layout{flex-direction:column;gap:1rem;width:100%;min-width:0;max-width:100%;display:flex}.blog-archive-feed__main{width:100%;min-width:0;padding-inline:max(.75rem, env(safe-area-inset-left));flex-direction:column;flex:auto;gap:clamp(1.5rem,3.5vw,2.5rem);padding-inline-end:max(.75rem, env(safe-area-inset-right));display:flex}@media (min-width:640px){.blog-archive-feed__main{padding-inline:max(1rem, env(safe-area-inset-left));padding-inline-end:max(1rem, env(safe-area-inset-right))}}.blog-archive-sidebar,.blog-archive-sidebar__open{display:none}.blog-archive-sidebar__panel{border-right:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);background:#fff;flex-direction:column;gap:.35rem;height:100%;min-height:0;padding:1rem 1rem 1rem .75rem;display:flex;overflow-y:auto}.blog-archive-sidebar__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.blog-archive-sidebar__title{font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:1.1rem;font-weight:700}.blog-archive-sidebar__icon-btn{width:2.75rem;height:2.75rem;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:.4rem;place-items:center;display:grid}.blog-archive-sidebar__icon-btn:hover{background:color-mix(in srgb, var(--brand-grey) 10%, white);color:var(--text-heading)}.blog-archive-sidebar__search{border:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);background:#fff;border-radius:.4rem;align-items:center;min-height:2.75rem;margin:.85rem 0 .5rem;padding:0 .5rem 0 1.85rem;display:flex;position:relative}.blog-archive-sidebar__search svg{color:var(--text-subtle);pointer-events:none;position:absolute;left:.5rem}.blog-archive-sidebar__search input{width:100%;color:var(--text-heading);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;background:0 0;border:0;outline:none;font-size:.75rem}.blog-archive-sidebar__list{flex-direction:column;gap:.15rem;max-height:min(70vh,36rem);display:flex;overflow:auto}.blog-archive-sidebar__item{width:100%;min-height:2.75rem;color:var(--text-body);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.blog-archive-sidebar__item:hover{background:color-mix(in srgb, var(--brand-grey) 8%, white)}.blog-archive-sidebar__item.is-active{background:color-mix(in srgb, var(--teal) 10%, white);color:var(--teal);font-weight:700}.blog-archive-sidebar__empty{text-align:center;color:var(--text-subtle);margin:0;padding:.75rem .35rem;font-size:.75rem}.blog-archive-filter-banner{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.blog-archive-filter-banner__copy{flex-wrap:wrap;align-items:baseline;gap:.4rem .65rem;min-width:0;display:flex}.blog-archive-filter-banner__title{font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.03em;color:var(--text-heading);margin:0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.blog-archive-filter-banner__count{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;font-size:.92rem;font-weight:600}.blog-archive-filter-banner__clear{min-height:2.75rem;color:var(--teal);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.2rem .15rem;font-size:.875rem;font-weight:700;display:inline-flex}.blog-archive-filter-banner__clear:hover{color:color-mix(in srgb, var(--teal) 70%, var(--brand-blue-deep))}.blog-archive-empty{text-align:center;color:var(--text-muted);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;margin:0;padding:2.5rem 1rem;font-size:1rem}.blog-archive-groups{flex-direction:column;gap:clamp(2rem,4vw,3rem);min-width:0;display:flex}.blog-archive-group{flex-direction:column;gap:1rem;min-width:0;display:flex}.blog-archive-group__rule{border:0;border-top:1px solid color-mix(in srgb, var(--brand-grey) 16%, transparent);margin:0 0 .5rem}.blog-archive-group__head{flex-wrap:wrap;align-items:baseline;gap:.4rem .65rem;display:flex}.blog-archive-group__title{font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:700}.blog-archive-group__count{font-family:var(--font-manrope), Manrope, system-ui, sans-serif;color:var(--text-subtle);font-size:.85rem;font-weight:600}.blog-archive-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.blog-archive-carousel{min-width:0;position:relative}.blog-archive-carousel__track{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;align-items:stretch;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.blog-archive-carousel__track::-webkit-scrollbar{display:none}.blog-archive-carousel__item{flex:0 0 100%;width:100%;max-width:100%}.blog-archive-carousel__item .blog-archive-card{height:100%}.blog-archive-carousel__nav{z-index:4;border:1px solid color-mix(in srgb, var(--brand-grey) 18%, transparent);width:2.75rem;height:2.75rem;color:var(--text-heading);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe6;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px -16px #1a1f2673}.blog-archive-carousel__nav.is-left{left:.25rem}.blog-archive-carousel__nav.is-right{right:.25rem}.blog-archive-carousel__nav:hover{color:var(--teal);background:#fff}.blog-archive-card{min-width:0;height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-grey) 14%, transparent);background:#fff;border-radius:1.25rem;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.blog-archive-card:before{content:"";z-index:5;background:var(--teal);transform-origin:0;width:100%;height:3px;transition:transform .45s;position:absolute;inset:0 auto auto 0;transform:scaleX(0)}.blog-archive-card:hover:before{transform:scaleX(1)}.blog-archive-card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--teal) 45%, transparent);transform:translateY(-.5rem)}.blog-archive-card__media-link{color:inherit;text-decoration:none;display:block}.blog-archive-card__media{aspect-ratio:4/3;background:#f5f5f4;position:relative;overflow:hidden}.blog-archive-card__img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.blog-archive-card:hover .blog-archive-card__img{transform:scale(1.1)}.blog-archive-card__shade{opacity:.8;background:linear-gradient(#0000 28%,#0003 55%,#000000b3 100%);transition:opacity .4s;position:absolute;inset:0}.blog-archive-card:hover .blog-archive-card__shade{opacity:.9}.blog-archive-card__top{z-index:2;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex;position:absolute;inset:.75rem .75rem auto}.blog-archive-card__badges{flex-wrap:wrap;gap:.35rem;min-width:0;display:flex}.blog-archive-card__category,.blog-archive-card__featured,.blog-archive-card__readtime{max-width:100%;min-height:1.5rem;font-family:var(--font-manrope), Manrope, system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.28rem;padding:.2rem .6rem;font-size:.625rem;font-weight:800;display:inline-flex}.blog-archive-card__category{text-overflow:ellipsis;color:color-mix(in srgb, var(--teal) 70%, #064e3b);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;overflow:hidden}.blog-archive-card__featured{color:#451a03;background:#fbbf24}.blog-archive-card__readtime{color:#fff;letter-spacing:0;text-transform:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;flex-shrink:0;font-size:.6875rem;font-weight:600}.blog-archive-card__title{z-index:2;font-family:var(--font-display), "Google Sans Flex", system-ui, sans-serif;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 8px #00000059;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:1rem;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:700;line-height:1.3;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.blog-archive-card__body{flex-direction:column;flex:auto;gap:.85rem;min-width:0;padding:1rem;display:flex}.blog-archive-card__meta{flex-wrap:wrap;align-items:center;gap:.35rem .75rem;display:flex}.blog-archive-card__meta-item{color:var(--text-subtle);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.blog-archive-card__excerpt{font-family:var(--font-manrope), Manrope, system-ui, sans-serif;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-archive-card__footer{justify-content:space-between;align-items:center;gap:.65rem;margin-top:auto;padding-top:.25rem;display:flex}.blog-archive-card__read-more{min-height:2.75rem;color:var(--teal);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;align-items:center;gap:.35rem;padding:.2rem 0;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.blog-archive-card__read-more-icon{flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.blog-archive-card__read-more:hover{color:color-mix(in srgb, var(--teal) 65%, var(--brand-blue-deep))}.blog-archive-card__read-more:hover .blog-archive-card__read-more-icon,.blog-archive-card:hover .blog-archive-card__read-more-icon{transform:translate(4px)}.blog-archive-card__actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.2rem;margin-left:auto;display:inline-flex;position:relative}.blog-archive-card__action-btn{background:color-mix(in srgb, var(--ink) 4%, white);min-width:2.75rem;min-height:2.75rem;color:var(--text-muted);font-family:var(--font-manrope), Manrope, system-ui, sans-serif;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.75rem;font-weight:700;transition:color .2s,background-color .2s,border-color .2s,transform .2s;display:inline-flex}.blog-archive-card__action-btn:hover{color:var(--teal);background:color-mix(in srgb, var(--teal) 10%, white);border-color:color-mix(in srgb, var(--teal) 22%, transparent);transform:translateY(-1px)}.blog-archive-card__like.is-liked{color:#e11d48;background:#fff1f2f2;border-color:#f43f5e47}.blog-archive-card__like.is-liked .blog-archive-card__heart{fill:#e11d48}.blog-archive-card__copied{background:var(--text-heading);color:#fff;pointer-events:none;border-radius:999px;padding:.22rem .5rem;font-size:.65rem;font-weight:700;position:absolute;bottom:calc(100% + 6px);right:0}@media (min-width:640px){.blog-archive-hero{padding-top:calc(var(--header-offset) + 1.5rem)}.blog-archive-hero__inner{gap:1.5rem}.blog-archive-hero__copy{padding-bottom:1rem}.blog-archive-hero__img{width:min(100%,18rem);max-height:13.5rem}.blog-archive-tools__inner{flex-direction:row;align-items:center;gap:1rem}.blog-archive-search{flex:auto}.blog-archive-tools__end{flex-shrink:0;width:auto}.blog-archive-cats__btn span{max-width:none}.blog-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.blog-archive-carousel__track{gap:1.25rem}.blog-archive-carousel__item{flex-basis:20rem;width:20rem;max-width:20rem}.blog-archive-card__body,.blog-archive-card__title{padding:1.15rem}}@media (min-width:1024px){.blog-archive-hero{padding-top:calc(var(--header-offset) + 2rem)}.blog-archive-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem}.blog-archive-hero__copy{padding-bottom:0}.blog-archive-hero__visual{order:0;justify-content:center;align-self:center}.blog-archive-hero__img{width:min(100%,22rem);max-height:16rem;margin-right:1.5rem}.blog-archive-feed__layout{gap:1.5rem}.blog-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.blog-archive-carousel__track{gap:1.5rem}.blog-archive-carousel__item{flex-basis:24rem;width:24rem;max-width:24rem}}@media (min-width:1280px){.blog-archive-cats{display:none}.blog-archive-feed__layout{flex-direction:row;align-items:stretch;gap:0}.blog-archive-sidebar{opacity:0;flex:0 0 0;width:0;max-width:0;transition:flex-basis .3s,width .3s,max-width .3s,opacity .2s;display:block;overflow:hidden}.blog-archive-sidebar.is-open{opacity:1;flex:0 0 20%;width:20%;max-width:20%;overflow:visible}.blog-archive-sidebar.is-open .blog-archive-sidebar__panel{top:calc(var(--header-offset) + 1rem);position:sticky}.blog-archive-feed__main{flex:1 1 0;width:80%;min-width:0}.blog-archive-sidebar:not(.is-open)~.blog-archive-feed__main{width:100%}.blog-archive-sidebar__open{background:color-mix(in srgb, var(--ink) 6%, white);width:2.75rem;height:2.75rem;color:var(--text-muted);cursor:pointer;border:0;border-radius:.4rem;place-items:center;display:inline-grid}.blog-archive-sidebar__open:hover{background:color-mix(in srgb, var(--ink) 10%, white);color:var(--text-heading)}}@media (min-width:1536px){.blog-archive-shell{max-width:80rem}}@media (max-width:479px){.blog-archive-sort span{display:none}}@media (max-height:520px) and (orientation:landscape){.blog-archive-hero{padding-top:calc(var(--header-offset) + .5rem)}.blog-archive-hero__visual{display:none}}