.marketing-upgrade .mg-reading{padding:72px 0 28px}.marketing-upgrade .mg-guide-intro{padding:0 0 52px;scroll-margin-top:32px}.marketing-upgrade .mg-guide-intro .mg-part-heading{grid-template-columns:1fr 1fr;align-items:end;gap:12px 8%;display:grid}.marketing-upgrade .mg-guide-intro .mg-part-heading>p:first-child{grid-column:1/-1;font-size:14px}.marketing-upgrade .mg-guide-intro h2{margin:0;font-size:clamp(32px,4vw,52px)}.marketing-upgrade .mg-guide-intro h2 br{display:none}.marketing-upgrade .mg-rule-chapter{border-top:1px solid var(--au-line);padding:52px 0;scroll-margin-top:24px}.marketing-upgrade .mg-rule-heading{gap:8%;margin-bottom:28px}.marketing-upgrade .mg-rule-heading p{padding-top:0;font-size:16px;line-height:1.8}.marketing-upgrade .mg-rule-heading h3 span{margin-bottom:14px}.marketing-upgrade .mg-rule-lead{margin-bottom:36px}.marketing-upgrade .mg-detail-page{padding:26px 0}.marketing-upgrade .mg-detail{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:6%}.marketing-upgrade .mg-detail h3{margin-bottom:14px;font-size:23px}.marketing-upgrade .mg-detail p{font-size:15px;line-height:1.8}.marketing-upgrade .mg-reading .mg-art img{width:100%;height:auto;max-height:none}.marketing-upgrade .mg-reading .mg-layout-showcase{grid-template-columns:1fr 2.4fr;gap:6%}.marketing-upgrade .mg-reading .mg-layout-showcase img{max-height:460px}.marketing-upgrade .mg-reading .mg-spacing-art img{max-height:370px}.marketing-upgrade .mg-reading .mg-color-balance{margin-block:28px;padding:28px 32px}.marketing-upgrade .mg-reading .mg-font-board{width:min(100%,980px)}.marketing-upgrade .mg-example-page{margin-top:32px}.marketing-upgrade .mg-example-heading{margin-bottom:22px}.marketing-upgrade .mg-example-heading>p{margin-bottom:8px}.marketing-upgrade .mg-example-heading>h3{font-size:24px}.marketing-upgrade .mg-reading .mg-phone-row img{width:100%;height:auto;max-height:490px}.marketing-upgrade .mg-reading .mg-palette{margin-top:0}.marketing-upgrade .mk-guide-nav{z-index:90;font-family:inherit;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.marketing-upgrade .mk-guide-nav button{font:inherit;cursor:pointer}.marketing-upgrade .mk-guide-nav-toggle{color:#66736a;background:#ffffffed;border:1px solid #e1e5e2;border-radius:30px;flex-direction:column;gap:7px;padding:12px 10px;font-size:11px;display:flex;box-shadow:0 3px 18px #163b2010}.marketing-upgrade .mk-guide-nav-toggle>span:first-child{font-size:17px}.marketing-upgrade .mk-guide-nav.is-open:before{content:"";width:8px;position:absolute;top:-170px;bottom:-170px;right:100%}.marketing-upgrade .mk-guide-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #e5e8e5;border-radius:14px;width:216px;max-height:calc(100svh - 32px);padding:22px 16px 16px;position:absolute;top:50%;right:calc(100% + 8px);overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 40px #14351c14}.marketing-upgrade .mk-guide-menu p{color:#8d9690;margin:0 12px 12px;font-size:12px}.marketing-upgrade .mk-guide-menu button{color:#46534a;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:16px;width:100%;padding:12px;font-size:15px;display:flex}.marketing-upgrade .mk-guide-menu button>span{color:#8c978f;font-size:11px}.marketing-upgrade .mk-guide-menu button>i{opacity:0;margin-left:auto;font-style:normal}.marketing-upgrade .mk-guide-menu button[aria-current],.marketing-upgrade .mk-guide-menu button:hover{color:#138133;background:#eff5ef}.marketing-upgrade .mk-guide-menu button[aria-current]>i{opacity:1}@media (max-width:800px){.marketing-upgrade .mg-reading{padding-top:42px}.marketing-upgrade .mg-guide-intro .mg-part-heading{display:block}.marketing-upgrade .mg-guide-intro h2{margin:16px 0}.marketing-upgrade .mg-rule-chapter{padding-block:36px}.marketing-upgrade .mg-detail{grid-template-columns:1fr;gap:22px}.marketing-upgrade .mk-guide-nav{right:8px}.marketing-upgrade .mg-reading .mg-layout-showcase{grid-template-columns:1fr}.marketing-upgrade .mg-metrics{grid-template-columns:repeat(3,1fr);gap:16px}}