.sy-article-reading,.sy-article-reading *{box-sizing:border-box;letter-spacing:0}.sy-article-reading{padding:0 0 64px;color:var(--sy-body, #536174);background:var(--sy-page-bg, #fcfcff);font-family:var(--font-body-family, "DM Sans", sans-serif)}.sy-article-reading__shell{width:min(1120px,calc(100% - 96px));margin-inline:auto}.sy-article-reading__layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:80px;align-items:start}.sy-article-content{min-width:0;font-size:18px;line-height:1.72;color:#344457;overflow-wrap:break-word}.sy-article-content>:first-child{margin-top:0}.sy-article-content p{margin:0 0 24px}.sy-article-content strong{color:var(--sy-heading, #07182c);font-weight:700}.sy-article-content :is(h2,h3){color:var(--sy-heading, #07182c);font-family:var(--font-heading-family, Poppins, sans-serif);font-weight:750;scroll-margin-top:120px}.sy-article-content h2{margin:48px 0 20px;font-size:30px;line-height:1.32}.sy-article-content h3{margin:32px 0 16px;font-size:22px;line-height:1.4}.sy-article-content :is(ul,ol){padding-left:25px;margin:0 0 24px}.sy-article-content li{margin-bottom:10px;padding-left:5px}.sy-article-content li::marker{color:var(--sy-article-accent);font-weight:650}.sy-article-content a{color:#2454d8;text-underline-offset:4px;text-decoration-thickness:1px}.sy-article-content a:hover{color:var(--sy-primary, #5b43f5)}.sy-article-content :is(img,video){display:block;width:auto;max-width:100%;height:auto;border-radius:8px}.sy-article-content figure{margin:32px 0}.sy-article-content figcaption{margin-top:10px;color:var(--sy-body);font-size:14px;line-height:1.6}.sy-article-content blockquote{margin:28px 0;padding:8px 0 8px 24px;border-left:3px solid var(--sy-article-accent)}.sy-article-content blockquote p:last-child{margin-bottom:0}.sy-article-content .sy-article-callout{margin:28px 0;padding:20px 24px;border-left:3px solid var(--sy-article-accent);border-radius:0 8px 8px 0;background:#eef3ff}.sy-article-content .sy-article-callout>strong{display:block;margin-bottom:8px;font-size:16px}.sy-article-content .sy-article-callout p{margin:0}.sy-article-content .sy-article-callout--tip{background:#f5f2ff;border-color:var(--sy-primary)}.sy-article-content .sy-article-table{overflow-x:auto;margin:28px 0;border:1px solid var(--sy-border);border-radius:8px}.sy-article-content table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.sy-article-content caption{text-align:left;padding:16px 18px;font-weight:700;color:var(--sy-heading);background:#fff}.sy-article-content :is(th,td){padding:14px 18px;border-bottom:1px solid var(--sy-border);text-align:left;vertical-align:top}.sy-article-content th{background:#f1f5ff;color:var(--sy-heading);font-weight:700}.sy-article-content tr:last-child td{border-bottom:0}.sy-article-content code{padding:2px 5px;border-radius:4px;background:#eef3ff;font-size:.9em}.sy-article-content pre{overflow-x:auto;padding:20px;background:#f1f5ff;border-radius:8px}.sy-article-content pre code{padding:0;background:transparent}.sy-article-content .sy-article-checklist{list-style:none;padding-left:0}.sy-article-content .sy-article-checklist li{position:relative;padding-left:28px}.sy-article-content .sy-article-checklist li:before{content:"";position:absolute;width:7px;height:13px;left:5px;top:6px;border:solid var(--sy-article-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.sy-article-content [data-article-introduction]{scroll-margin-top:120px}.sy-article-content .sy-article-takeaways{padding-top:36px;margin-top:44px;border-top:1px solid var(--sy-border)}.sy-article-content .sy-article-takeaways h2{margin-top:0}.sy-article-content .sy-article-takeaways>p:last-child{margin-bottom:0}.sy-article-toc{position:sticky;top:120px;align-self:start;padding:24px 0 16px 24px;border-left:1px solid var(--sy-border)}.sy-article-toc[hidden]{display:none}.sy-article-toc h2{margin:0 0 20px;color:var(--sy-heading);font-family:var(--font-heading-family, Poppins, sans-serif);font-size:18px;font-weight:700;line-height:1.4}.sy-article-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}.sy-article-toc a{display:block;padding:9px 12px;border-radius:6px;font-size:15px;font-weight:500;line-height:1.45;color:var(--sy-body);text-decoration:none}.sy-article-toc a:hover{color:var(--sy-article-accent);background:#f1f5ff}.sy-article-toc a[aria-current=location]{color:#2454d8;background:#eef3ff;font-weight:700}.sy-article-toc .is-subheading{margin-left:12px}.sy-article-reading :is(a,button):focus-visible{outline:3px solid var(--sy-primary);outline-offset:4px}.sy-article-resource{display:grid;grid-template-columns:188px minmax(0,1fr);align-items:center;gap:32px;padding:24px 32px 24px 24px;margin-top:48px;border:1px solid var(--sy-border);border-radius:var(--sy-radius-card, 18px);background:var(--sy-surface, #fff);box-shadow:var(--sy-shadow-subtle)}.sy-article-resource__media{display:grid;place-items:center;aspect-ratio:1;min-width:0}.sy-article-resource__media img{display:block;width:100%;height:100%;object-fit:contain}.sy-article-reading__eyebrow{margin:0 0 8px;color:var(--sy-article-accent);font-size:12px;font-weight:750;line-height:1.5;text-transform:uppercase}.sy-article-resource h2{margin:0 0 12px;color:var(--sy-heading);font-family:var(--font-heading-family, Poppins, sans-serif);font-size:26px;font-weight:750;line-height:1.35}.sy-article-resource__copy>p:not(.sy-article-reading__eyebrow){margin:0 0 20px;max-width:660px;font-size:16px;line-height:1.65}.sy-article-resource__button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;border-radius:var(--sy-radius-button, 13px);background:var(--sy-primary);color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none}.sy-article-resource__button:hover{color:#fff;background:var(--sy-primary-hover)}.sy-article-resource__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sy-article-related{padding-top:40px;margin-top:40px;border-top:1px solid var(--sy-border)}.sy-article-related>h2{margin:0 0 24px;color:var(--sy-heading);font-family:var(--font-heading-family, Poppins, sans-serif);font-size:24px;font-weight:750;line-height:1.4}.sy-article-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sy-article-related__card{min-width:0;overflow:hidden;border:1px solid var(--sy-border);border-radius:var(--sy-radius-card, 18px);background:#fff;box-shadow:var(--sy-shadow-subtle)}.sy-article-related__media{display:block;aspect-ratio:1.72;overflow:hidden;background:#eef3ff}.sy-article-related__media img{width:100%;height:100%;display:block;object-fit:cover}.sy-article-related__copy{padding:20px}.sy-article-related__world{margin:0 0 10px;color:var(--sy-article-accent);font-size:12px;font-weight:750;line-height:1.4}.sy-article-related h3{margin:0 0 16px;min-height:81px;color:var(--sy-heading);font-family:var(--font-heading-family, Poppins, sans-serif);font-size:20px;font-weight:700;line-height:1.35}.sy-article-related h3 a{color:inherit;text-decoration:none}.sy-article-related h3 a:hover{color:var(--sy-primary)}.sy-article-related__metadata{display:flex;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid var(--sy-border);color:var(--sy-body);font-size:13px;line-height:1.5}@media(max-width:1199px){.sy-article-reading__layout{grid-template-columns:minmax(0,1fr) 250px;gap:48px}}@media(max-width:989px){.sy-article-reading__shell{width:calc(100% - 32px)}.sy-article-reading__layout{display:block}.sy-article-toc{display:none}.sy-article-resource{grid-template-columns:120px minmax(0,1fr);padding:20px;gap:20px}.sy-article-related__grid{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/346/assets/suityou-article-reading.css.map */