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