.blog-page{--paper:#f4f0e7;--ink:#20201e;--red:#df2f24;--cobalt:#294df4;--lavender:#c0b5e4;--rule:#b9b5ad;background:var(--paper);color:var(--ink);font-family:Sans,Arial,sans-serif}.blog-page a{color:inherit;text-decoration:none}.blog-page button,.blog-page input,.blog-page summary{font:inherit}.blog-page img{max-width:100%;height:auto}.blog-page a:hover{color:var(--red)}.blog-page .wrap{width:min(1320px,100% - 96px);margin-inline:auto}.blog-page h1,.blog-page h2,.blog-page h3{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-family:Display,Impact,sans-serif;font-weight:700;line-height:.98}.blog-page h1,.blog-page h2{text-transform:uppercase}.blog-page h1 em,.blog-page h2 em{color:var(--red);font-style:normal}.blog-page .skip{background:var(--ink);color:#fff;z-index:40;padding:16px;position:absolute;top:-80px}.blog-page .skip:focus{top:12px}.blog-page .library-hero{border-bottom:2px solid var(--ink);grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;padding:68px 0 64px;display:grid}.blog-page .library-hero h1{font-size:110px;line-height:.94}.blog-page .library-hero h1 span,.blog-page .library-hero h1 em{display:block}.blog-page .library-hero>p{max-width:440px;margin:0 0 6px;font-size:26px;line-height:1.45}.blog-page .review-toolbar{justify-content:space-between;align-items:center;gap:24px;padding:28px 0 42px;font-size:19px;line-height:1.4;display:flex}.blog-page .review-toolbar p{margin:0}.blog-page .review-toolbar a,.blog-page .read-link,.blog-page .article-back a,.blog-page .article-end a{text-underline-offset:5px;text-decoration:underline}.blog-page .library{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;padding-bottom:100px;display:grid}.blog-page .library-card{border-bottom:1px solid var(--rule);min-width:0;padding:44px 0}.blog-page .library-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:0 0 54px;display:grid}.blog-page .card-art{background:var(--paper);border-radius:4px;display:block;overflow:hidden}.blog-page .card-art img{aspect-ratio:3/2;object-fit:contain;width:100%;display:block}.blog-page .card-copy{padding-top:28px}.blog-page .featured .card-copy{padding-top:0}.blog-page .library-card h2{text-wrap:balance;max-width:570px;font-size:46px}.blog-page .featured h2{font-size:64px}.blog-page .library-card p{max-width:540px;margin:20px 0 24px;font-size:22px;line-height:1.45}.blog-page .read-link{padding-block:8px;font-size:20px;display:inline-block}.blog-page .article-back{justify-content:space-between;gap:24px;padding:45px 0 30px;font-size:20px;line-height:1.4;display:flex}.blog-page .review-note{color:#514f48;font-size:18px;line-height:1.5}.blog-page .article-heading{max-width:1160px;padding:38px 0 48px}.blog-page .article-heading h1{text-wrap:balance;font-size:90px;line-height:.98}.blog-page .article-heading>p{max-width:900px;margin:30px 0 0;font-size:28px;line-height:1.4}.blog-page .article-cover{max-width:1120px;margin:0 auto 65px}.blog-page .article-cover img{aspect-ratio:3/2;object-fit:contain;width:100%;display:block}.blog-page .prose{overflow-wrap:anywhere;max-width:800px;margin-inline:auto;font-size:21px;line-height:1.7}.blog-page .prose p{margin:0 0 26px}.blog-page .prose h2{text-wrap:balance;margin:58px 0 24px;scroll-margin-top:40px;font-size:46px}.blog-page .prose h3{margin:34px 0 20px;font-size:32px}.blog-page .prose a{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.blog-page .prose blockquote{border-left:5px solid var(--red);margin:36px 0;padding-left:28px;font-size:28px;line-height:1.4}.blog-page .prose pre{border:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;background:#e9e4da;padding:26px;font-size:17px;line-height:1.6;overflow-x:auto}.blog-page .prose code{font-size:.85em}.blog-page .prose ul,.blog-page .prose ol{margin:24px 0;padding-left:28px}.blog-page .prose li{margin:10px 0;padding-left:6px}.blog-page .table-scroll{border:1px solid var(--rule);max-width:100%;margin:30px 0 38px;overflow-x:auto}.blog-page .prose table{border-collapse:collapse;width:100%;min-width:640px;font-size:17px;line-height:1.5}.blog-page .prose th,.blog-page .prose td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;min-width:150px;padding:16px 18px}.blog-page .prose th{background:var(--ink);color:var(--paper);font-weight:500}.blog-page .prose td{border-right:1px solid var(--rule)}.blog-page .prose tr:last-child td{border-bottom:0}.blog-page .scenario{margin:42px 0 55px}.blog-page .scenario>figcaption{flex-direction:column;gap:3px;margin-bottom:18px;font-size:18px;line-height:1.5;display:flex}.blog-page .scenario>figcaption>span{color:#514f48}.blog-page .macro-ui{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fffdf8;border-radius:6px;overflow:hidden}.blog-page .macro-toolbar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font-size:18px;line-height:1.35;display:flex}.blog-page .macro-content{padding:30px}.blog-page .macro-status{background:var(--lavender);border:1px solid var(--ink);padding:6px 12px;font-size:17px;line-height:1.4;display:inline-block}.blog-page .macro-content .macro-title{margin:26px 0 18px;font-size:40px;line-height:1.05}.blog-page .macro-content>p{margin:0 0 28px;font-size:20px;line-height:1.5}.blog-page .macro-content dl{margin:0}.blog-page .macro-content dl>div{border-top:1px solid var(--rule);grid-template-columns:180px 1fr;gap:22px;padding:17px 0;font-size:18px;line-height:1.5;display:grid}.blog-page .macro-content dt{font-weight:500}.blog-page .macro-content dd{margin:0}.blog-page .macro-takeaway{border-top:2px solid var(--ink);align-items:flex-start;gap:18px;margin-top:10px;padding-top:22px;display:flex}.blog-page .macro-takeaway>span{color:var(--red);font-size:36px;line-height:1}.blog-page .macro-takeaway p{margin:0;font-size:19px;line-height:1.5}.blog-page .article-options{border-top:2px solid var(--ink);max-width:800px;margin:70px auto 0;padding-top:38px}.blog-page .article-options h2{font-size:46px}.blog-page .alternative-title{margin:22px 0;font-size:26px;line-height:1.4}.blog-page .article-options summary{border-block:1px solid var(--rule);cursor:pointer;justify-content:space-between;gap:20px;padding:20px 0;font-size:21px;line-height:1.5;list-style:none;display:flex}.blog-page .article-options summary::-webkit-details-marker{display:none}.blog-page .article-options details img{width:100%;margin-top:24px;display:block}.blog-page .article-end{justify-content:space-between;gap:28px;max-width:800px;margin:50px auto 0;padding-bottom:95px;font-size:20px;line-height:1.5;display:flex}.blog-page .directions-header{max-width:1000px;padding:28px 0 60px}.blog-page .directions-header h1{font-size:100px}.blog-page .directions-header p{max-width:800px;font-size:26px;line-height:1.5}.blog-page .directions>section{border-top:1px solid var(--rule);padding:50px 0}.blog-page .directions h2{max-width:900px;font-size:50px}.blog-page .direction-pair{grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;display:grid}.blog-page .direction-pair figure{min-width:0;margin:0}.blog-page .direction-pair img{aspect-ratio:3/2;object-fit:contain;width:100%;display:block}.blog-page .direction-pair figcaption{padding-top:14px;font-size:20px;line-height:1.5}.blog-page .direction-pair a{text-underline-offset:4px;text-decoration:underline}.blog-page .directions{padding-bottom:90px}@media (width<=1000px){.blog-page .library-hero{gap:45px}.blog-page .library-hero h1{font-size:94px}.blog-page .featured h2{font-size:54px}.blog-page .library{gap:0 40px}.blog-page .library-card.featured{gap:40px}.blog-page .article-heading h1{font-size:78px}}@media (width<=800px){.blog-page .wrap{width:calc(100% - 40px)}.blog-page .library-hero{grid-template-columns:1fr;gap:30px;padding:48px 0}.blog-page .library-hero h1{font-size:72px}.blog-page .library-hero>p{max-width:540px;font-size:23px}.blog-page .review-toolbar{padding:25px 0 35px;font-size:18px;display:block}.blog-page .review-toolbar a{margin-top:16px;display:inline-block}.blog-page .library{grid-template-columns:1fr;padding-bottom:65px}.blog-page .library-card.featured{grid-template-columns:1fr;gap:0;padding-bottom:40px}.blog-page .library-card{padding:36px 0}.blog-page .featured .card-copy,.blog-page .card-copy{padding-top:25px}.blog-page .library-card h2,.blog-page .featured h2{font-size:46px}.blog-page .library-card p{font-size:21px}.blog-page .article-back{flex-wrap:wrap;gap:14px;padding-top:34px;font-size:18px}.blog-page .article-heading{padding:30px 0 35px}.blog-page .article-heading h1{font-size:58px}.blog-page .article-heading>p{margin-top:24px;font-size:24px}.blog-page .article-cover{margin-bottom:36px}.blog-page .prose{font-size:20px;line-height:1.65}.blog-page .prose h2{margin-top:48px;font-size:40px}.blog-page .prose pre{padding:18px;font-size:16px}.blog-page .prose th,.blog-page .prose td{padding:14px}.blog-page .scenario{margin-top:34px;margin-right:8px}.blog-page .macro-toolbar{flex-wrap:wrap;align-items:flex-start;padding:20px}.blog-page .macro-toolbar span{max-width:180px;font-size:17px}.blog-page .macro-content{padding:22px}.blog-page .macro-content .macro-title{font-size:34px}.blog-page .macro-content dl>div{grid-template-columns:1fr;gap:6px;padding:17px 0}.blog-page .macro-content>p{font-size:19px}.blog-page .macro-takeaway p{font-size:18px}.blog-page .article-options h2{font-size:40px}.blog-page .alternative-title{font-size:24px}.blog-page .article-end{flex-direction:column;gap:22px;padding-bottom:70px}.blog-page .directions-header h1{font-size:68px}.blog-page .directions-header p{font-size:23px}.blog-page .directions h2{font-size:42px}.blog-page .direction-pair{grid-template-columns:1fr;gap:32px}}@media (width<=370px){.blog-page .library-hero h1{font-size:60px}.blog-page .article-heading h1{font-size:50px}.blog-page .library-card h2,.blog-page .featured h2{font-size:40px}.blog-page .directions-header h1{font-size:58px}.blog-page .prose h2{font-size:36px}.blog-page .macro-content{padding:18px}.blog-page .macro-content .macro-title{font-size:31px}}.blog-page .scenario-gallery{max-width:940px;margin:0 auto;padding-bottom:70px}.blog-page .scenario-review{border-top:1px solid var(--rule);margin-bottom:60px;padding-top:45px}.blog-page .scenario-review>h2{max-width:850px;font-size:52px}.blog-page .scenario-gallery .scenario{max-width:800px;margin:35px auto 0;scroll-margin-top:25px}.blog-page #scenario{scroll-margin-top:30px}@media (width<=800px){.blog-page .scenario-review>h2{font-size:40px}.blog-page .scenario-gallery .scenario{margin-right:10px}}.blog-page .article-heading{max-width:1080px}.blog-page .article-heading h1{font-size:80px}.blog-page .article-heading>p strong{font-weight:500}.blog-page .seo-notes{max-width:800px;margin:40px auto}.blog-page .seo-notes summary{border-block:1px solid var(--rule);cursor:pointer;padding:18px 0;font-size:20px}.blog-page .seo-notes dl{font-size:18px;line-height:1.5}.blog-page .seo-notes dt{margin-top:18px;font-weight:500}.blog-page .seo-notes dd{margin:6px 0 0}.blog-page .seo-map{max-width:1000px;margin:0 auto;padding-bottom:70px}.blog-page .seo-map>section{border-top:1px solid var(--rule);padding:40px 0}.blog-page .seo-map h2{font-size:48px}.blog-page .seo-map dl{font-size:21px;line-height:1.5}.blog-page .seo-map dt{margin-top:25px;font-weight:500}.blog-page .seo-map dd{margin:8px 0 0}.blog-page .review-toolbar{flex-wrap:wrap}.blog-page .review-toolbar p{flex-basis:100%}@media (width<=800px){.blog-page .article-heading h1{font-size:56px}.blog-page .seo-map h2{font-size:40px}.blog-page .review-toolbar a{margin-right:20px}.blog-page .article-heading>p{font-size:23px}}@media (width<=370px){.blog-page .article-heading h1{font-size:48px}}.blog-page .opening-answer{margin-bottom:40px}.blog-page .opening-answer>p{margin-bottom:0;font-size:23px;line-height:1.6}@media (width<=800px){.blog-page .opening-answer>p{font-size:21px;line-height:1.6}.blog-page .opening-answer{margin-bottom:30px}}.blog-page .macro-title{font-family:Display,Impact,sans-serif;font-weight:700}.blog-page .library-hero{margin-bottom:54px}.blog-page .related-articles{border-top:2px solid var(--ink);max-width:800px;margin:65px auto 0;padding-top:36px}.blog-page .related-articles h2{font-size:46px}.blog-page .related-articles>div{flex-direction:column;gap:0;margin-top:25px;display:flex}.blog-page .related-articles a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 0;font-size:24px;line-height:1.35;display:flex}.blog-page .related-articles a span{color:var(--red);font-size:32px;line-height:1}.blog-page .article-back{padding-bottom:0}.blog-page .article-heading{padding-top:42px}.blog-page .scenario{margin-top:40px}@media (width<=800px){.blog-page .library-hero{margin-bottom:32px}.blog-page .article-heading{padding-top:34px}.blog-page .related-articles h2{font-size:40px}.blog-page .related-articles a{font-size:22px}}.blog-page .macro-content .macro-status{border:1px solid var(--ink);background:var(--lavender);height:auto;color:var(--ink);border-radius:0;padding:6px 12px;font-size:17px;line-height:1.4;display:inline-block}.blog-page .prose>table{min-width:0;max-width:100%;margin:30px 0 38px;display:block;overflow-x:auto}.blog-page .clara-banner{background:var(--lavender);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;margin:80px 0 35px;padding:44px 48px;scroll-margin-top:30px;display:grid}.blog-page .clara-banner h2{font-size:80px}.blog-page .clara-banner p{max-width:440px;margin:26px 0 30px;font-size:23px;line-height:1.45}.blog-page .clara-banner>img{width:100%}.blog-page .clara-banner .clara-banner-cta{border:1px solid var(--ink);background:var(--red);height:auto;color:var(--paper);border-radius:2px;gap:40px;padding:19px 24px;font:500 20px Sans,Arial,sans-serif}.blog-page .clara-banner .clara-banner-cta:hover{background:var(--ink)}.blog-page .clara-banner .clara-banner-cta:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media (width<=1050px){.blog-page .clara-banner h2{font-size:64px}.blog-page .clara-banner{padding:32px}}@media (width<=800px){.blog-page .clara-banner{box-shadow:5px 5px 0 var(--ink);grid-template-columns:1fr;gap:24px;margin-top:55px;padding:28px 24px 16px}.blog-page .clara-banner h2{font-size:56px}.blog-page .clara-banner p{margin:22px 0 26px;font-size:21px}.blog-page .clara-banner>img{max-width:420px;margin-inline:auto}}@media (width<=370px){.blog-page .clara-banner{padding-inline:20px}.blog-page .clara-banner h2{font-size:48px}}