.website-showcase--guide-reader{--showcase-ratio:1.18;--showcase-backdrop:#f8f4f3;--showcase-phone-width:29%}.guide-preview__canvas{display:block;width:100%;height:auto;overflow:hidden}.guide-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;color:#454250;font:16px/1.625 var(--primary-font);pointer-events:none}.guide-preview__header{display:flex;align-items:center;gap:30px;height:68px;padding:16px 32px;border-bottom:1px solid var(--border-light);background:#fff}.guide-preview__header>img{width:197px;height:35px;object-fit:contain}.guide-preview__site-nav{display:flex;gap:28px;margin:auto;color:var(--brand-navy);font-weight:600}.guide-preview__account{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--brand-navy)}.guide-preview__menu{display:none}.guide-preview__layout{display:grid;grid-template-columns:236px minmax(0,1fr);height:calc(100% - 68px)}.guide-preview .guide-preview__sidebar{position:static;top:auto;height:100%}.guide-preview__sidebar .workspace-sidebar__inner{padding:30px 18px;overflow:hidden}.guide-preview__sidebar .workspace-sidebar__content{gap:28px}.guide-preview__sidebar .workspace-sidebar__label{margin-bottom:14px}.guide-preview__sidebar .downloads-toggle{width:100%;font-size:13px}.guide-preview__sidebar .sidebar-workspace-nav{gap:6px}.guide-preview__reading{min-width:0}.guide-preview .chapter-header{min-height:250px;margin:0;padding:38px 48px;gap:28px}.guide-preview .chapter-header .article-title{font-family:var(--font-display);font-size:62px;font-weight:500;line-height:1.04;letter-spacing:-.028em}.guide-preview .chapter-header .header-illustration{width:180px;margin-bottom:-38px}.guide-preview .article-content{max-width:860px;margin:auto;padding:42px 40px 60px;font-size:16px;line-height:1.75;color:#454250}.guide-preview .article-content>h2{margin-top:0;padding-bottom:0;border:0;line-height:1.3}.guide-preview .article-content p{margin:0 0 24px}.guide-preview .key-takeaways{margin:32px 0}.guide-preview .key-takeaways h4{margin:0 0 20px}.guide-preview .key-takeaways li:last-child{margin-bottom:0}.guide-preview--mobile .guide-preview__header{height:64px;padding:14px 20px;gap:16px}.guide-preview--mobile .guide-preview__header>img{width:152px;height:27px}.guide-preview--mobile .guide-preview__site-nav{display:none}.guide-preview--mobile .guide-preview__account{margin-left:auto;width:30px;height:30px}.guide-preview--mobile .guide-preview__menu{display:block;font-size:24px}.guide-preview--mobile .guide-preview__layout{display:block;height:calc(100% - 120px);overflow:hidden}.guide-preview--mobile .chapter-header{min-height:190px;padding:28px 24px;gap:16px}.guide-preview--mobile .chapter-header .article-title{font-size:38px;line-height:1.08}.guide-preview--mobile .chapter-header .header-illustration{width:78px;margin-bottom:-28px}.guide-preview--mobile .chapter-header .chapter-indicator{font-size:11px}.guide-preview--mobile .chapter-header .chapter-indicator>span:first-child{width:24px}.guide-preview--mobile .article-content{padding:28px 24px 40px;font-size:15px;line-height:1.65}.guide-preview--mobile .article-content>h2{font-size:25px;margin-bottom:18px}.guide-preview--mobile .key-takeaways{padding:20px;margin:24px 0}.guide-preview--mobile .key-takeaways h4{font-size:17px}.guide-preview--mobile .guide-reader-tabs{position:absolute;display:grid;z-index:1}.guide-showcase-intro{max-width:780px;margin-inline:auto}.guide-showcase-wide{max-width:1280px;margin-inline:auto}.guide-showcase-tools{max-width:1120px;margin-inline:auto}@media (min-width:1400px){.guide-showcase-section .container{max-width:1440px}}