#MainContent .suki-guide-editorial{--guide-framework-line: rgba(var(--color-foreground), .13);color:rgb(var(--color-foreground))}#MainContent .suki-guide-editorial.suki-guide-opening-prototype .suki-guide-opening-prototype__frame{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);max-width:1040px;padding:0 0 16px;gap:12px}#MainContent .suki-guide-editorial .suki-guide-opening-prototype__breadcrumb{margin:0 0 14px}#MainContent .suki-guide-editorial.suki-guide-opening-prototype .suki-guide-opening-prototype__title{margin:0;max-width:none;font-family:var(--suki-type-page-family, var(--font-heading-family));font-size:var(--guide-framework-page-size);font-weight:var(--guide-framework-page-weight);line-height:1.25;letter-spacing:0}#MainContent .suki-guide-editorial .suki-guide-framework__subject{display:block}#MainContent .suki-guide-editorial .suki-guide-framework__descriptor{display:block;margin-top:6px;font-family:var(--suki-type-body-family, var(--font-body-family));font-size:var(--guide-framework-body-size);font-weight:400;line-height:1.5}#MainContent .suki-guide-editorial .suki-guide-opening-prototype__media{width:100%;aspect-ratio:2 / 1;background:var(--suki-placeholder)}#MainContent .suki-guide-editorial .suki-guide-opening-prototype__media .suki-prototype-media{display:block;width:100%;height:100%}#MainContent .suki-guide-editorial .suki-guide-editorial__opening-copy{min-width:0;padding:0}#MainContent .suki-guide-editorial.suki-guide-opening-prototype .suki-guide-opening-prototype__intro{font-family:var(--suki-type-body-family, var(--font-body-family));font-size:var(--guide-framework-body-size);font-weight:400;line-height:1.6;letter-spacing:0;color:rgba(var(--color-foreground),.88)}#MainContent .suki-guide-editorial .suki-guide-opening-prototype__cta{margin:16px 0 0}#MainContent .suki-guide-editorial.suki-guide-prototype-navigation{border-top:1px solid var(--guide-framework-line);border-bottom:1px solid var(--guide-framework-line)}#MainContent .suki-guide-editorial .suki-guide-prototype-navigation__frame{width:100%;max-width:1040px}#MainContent .suki-guide-editorial .suki-reading-navigation{margin:0;padding:0}#MainContent .suki-guide-editorial .suki-reading-navigation__list{display:flex;gap:0;margin:0;padding:0 8px;overflow-x:auto;scrollbar-width:none;list-style:none}#MainContent .suki-guide-editorial .suki-reading-navigation__list li{flex:0 0 auto}#MainContent .suki-guide-editorial .suki-reading-navigation__list a{display:flex;align-items:center;min-height:44px;padding:12px;border:0;background:transparent;color:inherit;font-size:12px;font-weight:400;line-height:1.3;white-space:nowrap;text-decoration:none}#MainContent .suki-guide-editorial .suki-reading-navigation__list a:hover{text-decoration:underline;text-underline-offset:4px}#MainContent .suki-guide-editorial a:focus-visible,#MainContent .suki-guide-editorial summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}#MainContent .suki-guide-editorial.suki-guide-prototype{scroll-margin-top:calc(var(--header-height, 70px) + 16px)}#MainContent .suki-guide-editorial.suki-guide-prototype .suki-guide-prototype__frame{width:calc(100% - 40px);max-width:680px;padding:16px 0 0;--prototype-heading-gap: 12px;--prototype-paragraph-gap: 12px}#MainContent .suki-guide-editorial.suki-guide-prototype .suki-guide-prototype__heading{max-width:none;font-family:var(--suki-type-section-family, var(--font-heading-family));font-size:var(--guide-framework-heading-size);font-weight:var(--guide-framework-heading-weight);line-height:1.25;letter-spacing:0}#MainContent .suki-guide-editorial.suki-guide-prototype .suki-guide-prototype__body,#MainContent .suki-guide-editorial.suki-guide-prototype .suki-guide-prototype__answer,#MainContent .suki-guide-editorial .suki-guide-prototype__faq-source{max-width:none;font-family:var(--suki-type-body-family, var(--font-body-family));font-size:var(--guide-framework-body-size);font-weight:400;line-height:1.6;letter-spacing:0;color:rgba(var(--color-foreground),.88)}#MainContent .suki-guide-editorial .rte p{margin:0}#MainContent .suki-guide-editorial .rte p:nth-of-type(n+2),#MainContent .suki-guide-editorial .rte ul,#MainContent .suki-guide-editorial .rte ol,#MainContent .suki-guide-editorial .suki-guide-prototype__body>.metafield-rich_text_field:nth-child(n+2){margin-top:12px}#MainContent .suki-guide-editorial .rte h3,#MainContent .suki-guide-editorial .rte h4{margin:20px 0 10px;font-size:var(--guide-framework-body-size);font-weight:var(--guide-framework-heading-weight);line-height:1.4}#MainContent .suki-guide-editorial .suki-guide-editorial__module-copy{min-width:0}#MainContent .suki-guide-editorial .suki-guide-editorial__module-media{width:100%;aspect-ratio:2 / 1;overflow:hidden;margin-bottom:16px;background:var(--suki-placeholder)}#MainContent .suki-guide-editorial .suki-guide-editorial__module-media img,#MainContent .suki-guide-editorial .suki-guide-editorial__module-media .suki-prototype-media{display:block;width:100%;height:100%;object-fit:cover}#MainContent .suki-guide-editorial.suki-guide-prototype--faq .suki-guide-prototype__frame{padding-bottom:16px}#MainContent .suki-guide-editorial .suki-guide-prototype__question{padding:14px 0;font-size:var(--guide-framework-body-size);font-weight:var(--guide-framework-heading-weight);line-height:1.5;letter-spacing:0}#MainContent .suki-guide-editorial .suki-guide-prototype__answer{padding:0 0 16px}#MainContent .suki-guide-editorial.suki-guide-framework-products{padding:24px 0}#MainContent .suki-guide-editorial.suki-guide-framework-products .suki-guide-prototype__track-cta{margin:20px 0 0;text-align:left}#MainContent .suki-guide-editorial.suki-guide-prototype--related{background:transparent}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__frame{max-width:1040px;padding:8px 0 28px}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__track{grid-auto-columns:76%;gap:16px;margin-top:16px;padding-bottom:0;scrollbar-width:none}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card{border:0;box-shadow:none}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card-media{aspect-ratio:3 / 2}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card-copy{padding:12px 0 0}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card-copy h3{font-family:var(--suki-type-card-family, var(--font-heading-family));font-size:var(--suki-type-card-size);font-weight:var(--suki-type-card-weight)}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card-copy p{font-size:13px;line-height:1.5}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__card-link{margin-top:10px;font-size:13px}@media(min-width:750px){#MainContent .suki-guide-editorial.suki-guide-opening-prototype .suki-guide-opening-prototype__frame{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 0;column-gap:40px;align-items:start}#MainContent .suki-guide-editorial .suki-guide-framework__heading{grid-column:2;grid-row:1;align-self:end}#MainContent .suki-guide-editorial .suki-guide-opening-prototype__media{grid-column:1;grid-row:1 / 3;aspect-ratio:4 / 3}#MainContent .suki-guide-editorial .suki-guide-editorial__opening-copy{grid-column:2;grid-row:2}#MainContent .suki-guide-editorial .suki-reading-navigation__list{justify-content:center}#MainContent .suki-guide-editorial.suki-guide-prototype .suki-guide-prototype__frame{padding-top:32px}#MainContent .suki-guide-editorial.suki-guide-editorial--with-image .suki-guide-prototype__frame{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;gap:40px;align-items:start}#MainContent .suki-guide-editorial .suki-guide-editorial__module-media{aspect-ratio:4 / 3;margin-bottom:0}#MainContent .suki-guide-editorial.suki-guide-editorial--image-right .suki-guide-editorial__module-media{grid-column:2;grid-row:1}#MainContent .suki-guide-editorial.suki-guide-editorial--image-right .suki-guide-editorial__module-copy{grid-column:1;grid-row:1}#MainContent .suki-guide-editorial.suki-guide-prototype--related .suki-guide-prototype__track{grid-auto-columns:calc((100% - 32px) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/suki-guide-framework.css.map */