.guides{--guides-top: 65px;--guides-ink: var(--color-mdv-ink);--guides-text: #33373d;--guides-muted: #626873;--guides-faint: #8b909a;--guides-line: #e7e9e5;--guides-wash: #f5f6f4;--guides-hover: rgb(28 29 31 / .04);--guides-selected: rgb(28 29 31 / .06);display:grid;background:#fff;color:var(--guides-text);font-feature-settings:"cv11" 1}.guides-sidebar{border-bottom:1px solid var(--guides-line)}.guides-sidebar__inner{padding:1rem}.guides-search{position:relative;display:flex;align-items:center}.guides-search__icon{position:absolute;left:.7rem;width:.875rem;height:.875rem;color:var(--guides-faint);pointer-events:none}.guides-search__input{width:100%;height:2.25rem;border:1px solid var(--guides-line);border-radius:8px;background:#fff;padding:0 2.25rem 0 2.1rem;color:var(--guides-ink);font-size:.8125rem;font-weight:500;box-shadow:0 1px 2px #1c1d1f0a;transition:border-color .12s ease,box-shadow .12s ease}.guides-search__input::placeholder{color:var(--guides-faint)}.guides-search__input:focus{border-color:var(--color-mdv-green-dark);outline:none;box-shadow:0 0 0 3px #227a3424}.guides-search__input::-webkit-search-cancel-button{display:none}.guides-search__key{display:none;position:absolute;right:.55rem;min-width:1.25rem;border:1px solid var(--guides-line);border-radius:4px;background:var(--guides-wash);padding:.05rem .3rem;color:var(--guides-faint);font-family:inherit;font-size:.6875rem;font-weight:500;line-height:1.2;text-align:center}.guides-search__input:focus+.guides-search__key,.guides-search__input:not(:placeholder-shown)+.guides-search__key{display:none}.guides-menu{margin-top:.75rem}.guides-menu__toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:.4rem .125rem;color:var(--guides-ink);font-size:.875rem;font-weight:500}.guides-menu__toggle::-webkit-details-marker{display:none}.guides-menu__toggle svg{width:1rem;height:1rem;color:var(--guides-faint);transition:transform .15s ease}.guides-menu[open] .guides-menu__toggle svg{transform:rotate(90deg)}.guides-nav{padding-bottom:.5rem}.guides-nav__home,.guides-nav__section-link,.guides-nav__link{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:2rem;border-radius:6px;padding:0 .625rem;color:var(--guides-muted);font-size:.875rem;letter-spacing:-.005em;line-height:1.25rem;text-decoration:none;transition:background-color .1s ease,color .1s ease}.guides-nav__home:hover,.guides-nav__link:hover,.guides-nav__section:hover{background:var(--guides-hover);color:var(--guides-ink)}.guides-nav__home[aria-current=page],.guides-nav__link[aria-current=page],.guides-nav__section:has(>[aria-current=page]){background:var(--guides-selected)}.guides-nav__home[aria-current=page],.guides-nav__link[aria-current=page]{color:var(--guides-ink);font-weight:500}.guides-nav__group{margin-top:.75rem}.guides-nav__section{display:flex;align-items:center;border-radius:6px;transition:background-color .1s ease}.guides-nav__section-link{flex:1;color:var(--guides-ink);font-weight:500}.guides-nav__section-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--guides-faint)}.guides-nav__toggle{display:grid;flex-shrink:0;place-items:center;width:2rem;height:2rem;border-radius:6px;color:var(--guides-faint);cursor:pointer;transition:color .1s ease}.guides-nav__toggle:hover{color:var(--guides-ink)}.guides-nav__toggle svg{width:.875rem;height:.875rem;transition:transform .15s ease}.guides-nav__toggle[aria-expanded=true] svg{transform:rotate(90deg)}.guides-nav__list{display:grid;gap:1px;margin-top:1px}.guides-nav__link{padding-left:2.125rem}:is(.guides-nav__home,.guides-nav__section-link,.guides-nav__toggle,.guides-nav__link):focus-visible,.guides-toc a:focus-visible,.guide-card:focus-visible,.guides-pager a:focus-visible{outline:3px solid var(--mdv-focus-ring);outline-offset:1px}.guides-nav__empty{margin-top:1.25rem;padding-inline:.625rem;color:var(--guides-faint);font-size:.8125rem}.guides-main{min-width:0;padding:2rem 1.25rem 5rem}.guides-main__inner{display:grid;gap:4rem;max-width:42.5rem;margin-inline:auto}.guides-main__inner[data-wide]{max-width:62rem}.guides-page{min-width:0}.guides-toc{display:none;font-size:.8125rem}.guides-toc__title{margin-bottom:.625rem;color:var(--guides-ink);font-size:.8125rem;font-weight:600}.guides-toc ul{display:grid;border-left:1px solid var(--guides-line)}.guides-toc a{display:block;margin-left:-1px;border-left:1px solid transparent;padding:.25rem 0 .25rem .875rem;color:var(--guides-faint);line-height:1.35rem;text-decoration:none;transition:color .1s ease}.guides-toc__sub a{padding-left:1.625rem}.guides-toc a:hover{color:var(--guides-ink)}.guides-toc a[aria-current=location]{border-left-color:var(--guides-ink);color:var(--guides-ink)}.guides-crumbs{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;color:var(--guides-faint);font-size:.8125rem;font-weight:500}.guides-crumbs a{color:var(--guides-muted);text-decoration:none}.guides-crumbs a:hover{color:var(--guides-ink)}.guides-title{color:var(--guides-ink);font-size:clamp(1.875rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.guides-lede{max-width:36em;margin-top:.875rem;color:var(--guides-muted);font-size:1.125rem;letter-spacing:-.011em;line-height:1.6;text-wrap:pretty}.guide-prose{margin-top:2.5rem;color:var(--guides-text);font-size:1rem;letter-spacing:-.011em;line-height:1.65}.guide-prose>:first-child{margin-top:0}.guide-prose :is(p,ul,ol,table,.guide-note,.guide-code){margin-top:1rem}.guide-prose h2{margin-top:3rem;color:var(--guides-ink);font-size:1.375rem;font-weight:600;letter-spacing:-.018em;line-height:1.3;scroll-margin-top:calc(var(--guides-top) + 1.5rem)}.guide-prose h3{margin-top:2rem;color:var(--guides-ink);font-size:1.0625rem;font-weight:600;letter-spacing:-.012em;line-height:1.4;scroll-margin-top:calc(var(--guides-top) + 1.5rem)}.guide-prose :is(h2,h3)+:is(p,ul,ol,table,.guide-note,.guide-code){margin-top:.625rem}.guide-prose :is(ul,ol){padding-left:1.25rem}.guide-prose ul{list-style:disc}.guide-prose ol{list-style:decimal}.guide-prose li{padding-left:.25rem}.guide-prose li+li{margin-top:.375rem}.guide-prose li::marker{color:var(--guides-faint)}.guide-prose :is(ul,ol) :is(ul,ol){margin-top:.375rem}.guide-prose strong{color:var(--guides-ink);font-weight:600}.guide-prose a{color:var(--color-mdv-green-dark);font-weight:500;text-decoration:underline;text-decoration-color:#227a344d;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .1s ease}.guide-prose a:hover{text-decoration-color:currentColor}.guide-prose :not(pre)>code{border:1px solid var(--guides-line);border-radius:4px;background:var(--guides-wash);padding:.1em .35em;color:var(--guides-ink);font-size:.875em}.guide-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9375rem;line-height:1.55}.guide-prose th,.guide-prose td{border-bottom:1px solid var(--guides-line);padding:.625rem 1rem .625rem 0;text-align:left;vertical-align:top}.guide-prose th{color:var(--guides-ink);font-size:.8125rem;font-weight:600}.guide-prose .guide-note{border:1px solid var(--guides-line);border-radius:10px;background:var(--guides-wash);padding:.875rem 1rem;font-size:.9375rem;line-height:1.6}.guide-prose .guide-note>:first-child{margin-top:0}.guide-prose .guide-code{position:relative}.guide-prose .guide-code pre{overflow-x:auto;border:1px solid var(--guides-line);border-radius:10px;background:var(--guides-wash);padding:.875rem 3rem .875rem 1rem;color:var(--guides-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.6}.guide-prose .guide-code--question pre{background:#fff;font-size:.9375rem;letter-spacing:-.011em;white-space:pre-wrap}.guide-prose .guide-code--question :is(pre,code){font-family:inherit}.guide-prose .guide-code__copy{position:absolute;top:50%;right:.5rem;display:grid;place-items:center;width:28px;height:28px;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;padding:0;color:var(--guides-muted);cursor:pointer;transition:background-color .15s,color .15s}.guide-prose .guide-code__copy[hidden]{display:none}.guide-prose .guide-code:not(.guide-code--question) .guide-code__copy{background:var(--guides-wash)}.guide-prose .guide-code--question .guide-code__copy{background:#fff}.guide-prose .guide-code .guide-code__copy:hover{background:#e8e6dc;color:var(--guides-ink)}.guide-prose .guide-code__icon{width:16px;height:16px}.guide-prose .guide-code__icon--done,.guide-prose .guide-code__copy[data-copied] .guide-code__icon--copy{display:none}.guide-prose .guide-code__copy[data-copied] .guide-code__icon--done{display:block;color:var(--color-mdv-green-dark)}.guide-prose .guide-code__copy:after{content:"Copy";position:absolute;top:calc(100% + 4px);right:0;z-index:1;border-radius:5px;background:var(--guides-ink);padding:3px 7px;color:#fff;font-size:.6875rem;line-height:1.4;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.guide-prose .guide-code__copy[data-copied]:after{content:"Copied"}.guide-prose .guide-code__copy:is(:hover,:focus-visible):after,.guide-prose .guide-code__copy[data-copied]:after{opacity:1}.guide-grid{display:grid;gap:1rem;margin-top:1.5rem}.guide-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--guides-line);border-radius:12px;background:#fff;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.guide-card:hover{border-color:#d3d8d0;box-shadow:0 8px 24px #1c1d1f0f}.guide-card__art{display:flex;align-items:center;gap:.75rem;aspect-ratio:16 / 7;border-bottom:1px solid var(--guides-line);background:var(--color-mdv-mint);padding:0 1.5rem;color:var(--color-mdv-green-dark);transition:background-color .15s ease}.guide-card:hover .guide-card__art{background:#eaf6e5}.guide-card__icon{width:1.75rem;height:1.75rem;flex-shrink:0}.guide-card__art-label{color:var(--guides-ink);font-size:1.1875rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.guide-card__body{display:grid;gap:.3rem;padding:1rem 1.125rem 1.125rem}.guide-card__title{color:var(--guides-ink);font-size:.9375rem;font-weight:600;letter-spacing:-.011em;line-height:1.4}.guide-card__text{color:var(--guides-muted);font-size:.875rem;line-height:1.55}@media(min-width:640px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guides-updated{margin-top:3rem;color:var(--guides-faint);font-size:.8125rem}.guides-pager{display:grid;gap:.75rem;margin-top:1.25rem;border-top:1px solid var(--guides-line);padding-top:1.5rem}.guides-pager a{display:grid;gap:.125rem;border:1px solid var(--guides-line);border-radius:10px;padding:.875rem 1rem;text-decoration:none;transition:border-color .12s ease}.guides-pager a:hover{border-color:#cfd3cd}.guides-pager span{color:var(--guides-faint);font-size:.8125rem}.guides-pager strong{color:var(--guides-ink);font-size:.9375rem;font-weight:600;letter-spacing:-.011em}.guides-pager__next{text-align:right}@media(min-width:640px){.guides-pager{grid-template-columns:1fr 1fr}.guides-pager__next{grid-column:2}}@media(min-width:1024px){.guides{grid-template-columns:17.5rem minmax(0,1fr)}.guides-sidebar{border-right:1px solid var(--guides-line);border-bottom:0}.guides-sidebar__inner{position:sticky;top:var(--guides-top);height:calc(100vh - var(--guides-top));overflow-y:auto;padding:1.25rem 1rem 2rem 1.25rem}.guides-menu__toggle{display:none}.guides-search__key{display:block}.guides-menu{margin-top:1rem}.guides-main{padding:3rem 4rem 6rem}}@media(min-width:1280px){.guides-main__inner[data-has-contents]{grid-template-columns:minmax(0,42.5rem) 13.5rem;justify-content:space-between;max-width:62rem}.guides-toc{display:block;position:sticky;top:calc(var(--guides-top) + 3rem);align-self:start;max-height:calc(100vh - var(--guides-top) - 4rem);overflow-y:auto}}