.tt-blog-draft{color-scheme:light;--blog-red:#ee3823;--blog-link:#c9301b;--blog-navy:#3c485c;color:#555;font-family:TTBrandRoboto,TTBrandRobotoFallback,Arial,sans-serif;margin:22px 0;min-width:0}.tt-blog-draft__explanation{padding:15px 18px;background:#f2f6fa;color:#3c485c;border-radius:8px;margin-bottom:16px;font-size:13px}.tt-blog-draft__explanation p{color:#555;margin:5px 0 0}.tt-blog-draft__site{background:#fff;border:1px solid #e9e9e9;border-radius:10px;overflow:clip}.tt-blog-draft__masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 4.5%;border-bottom:1px solid #e9e9e9}.tt-blog-draft__masthead img{width:270px;max-width:100%;height:auto;display:block}.tt-blog-draft__masthead span{color:#666;font-size:13px}.tt-blog-draft__hero{grid-area:hero;min-width:0;margin:0;padding:0 0 28px;background:#fff;color:var(--blog-navy);border-bottom:1px solid #e9e9e9}.tt-blog-draft__hero h1{color:var(--blog-navy);font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.13;letter-spacing:-.025em;max-width:960px;margin:15px 0 16px}.tt-blog-draft__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6;color:#a4adb7;margin:0 0 12px}.tt-blog-draft__breadcrumbs a{color:#667588;text-decoration:none}.tt-blog-draft__breadcrumbs a:last-child{color:var(--blog-link)}.tt-blog-draft__eyebrow{color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.tt-blog-draft__intro{color:#555;font-size:19px;line-height:1.6;max-width:760px;margin:0 0 17px}.tt-blog-draft__byline{display:flex;flex-wrap:wrap;gap:8px 22px;color:#666;font-size:12px;line-height:1.6}.tt-blog-draft__intro-band{padding:28px 6%;border-bottom:1px solid #e9e9e9}.tt-blog-draft__layout{display:grid;grid-template-columns:minmax(0,740px) 260px;grid-template-areas:"hero toc" "body toc";grid-template-rows:auto 1fr;gap:28px 56px;align-items:start;max-width:1240px;margin:auto;padding:34px 60px 60px;justify-content:center}.tt-blog-draft__layout--plain{grid-template-columns:minmax(0,740px);grid-template-areas:"hero" "body"}.tt-blog-draft__toc{grid-area:toc;position:sticky;top:145px;max-height:calc(100dvh - 170px);overflow-y:auto;padding:6px 0 12px;border:0;border-radius:0;background:#fff;font-size:14px;line-height:1.6}.tt-blog-draft__toc strong{display:block;color:var(--blog-navy);margin-bottom:16px;font-size:15px}.tt-blog-draft__toc ol{margin:0;list-style:none;padding:0}.tt-blog-draft__toc li{padding:0;margin:0}.tt-blog-draft a{color:var(--blog-link);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.tt-blog-draft__toc button{color:var(--blog-navy);background:none;display:grid;grid-template-columns:25px 1fr;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:5px;font:inherit;text-align:start;text-decoration:none}.tt-blog-draft__toc button[aria-current=location]{background:#f2f5f8;color:var(--blog-link);font-weight:600;box-shadow:inset 2px 0 var(--blog-red)}.tt-blog-draft__toc-number{color:#8191a1;font-size:11px;line-height:22px;font-variant-numeric:tabular-nums}.tt-blog-draft__toc button:hover{background:none;text-decoration:underline}.tt-blog-draft__body{grid-area:body;min-width:0;font-size:17px;line-height:1.75}.tt-blog-article__cover{display:block;width:100%;height:auto;margin:0 0 28px}.tt-blog-article__share{margin-top:32px}.tt-blog-draft__body .payload-richtext>ul{list-style:disc}.tt-blog-draft__body .payload-richtext>ol{list-style:decimal}.tt-blog-draft__body .payload-richtext :is(img,video,iframe){max-width:100%}.tt-blog-draft__body p{color:#555;font-size:inherit;line-height:1.8;margin:0 0 20px}.tt-blog-draft__body h2{color:var(--blog-navy);font-size:29px;font-weight:700;line-height:1.25;margin:44px 0 20px;letter-spacing:-.02em;scroll-margin-top:150px}.tt-blog-draft__body h3{color:var(--blog-navy);font-size:21px;line-height:1.4;font-weight:700;margin:29px 0 12px}.tt-blog-draft__body h4{color:var(--blog-navy);font-size:18px;margin:24px 0 10px}.tt-blog-draft__body strong{font-weight:700}.tt-blog-draft__body :is(ul,ol){padding-inline-start:22px;margin:0 0 22px}.tt-blog-draft__body li{margin-bottom:10px}.tt-blog-draft__body blockquote{padding:18px 24px;margin:24px 0;border-inline-start:3px solid #5487c6;background:#f4f7fb}.tt-blog-draft__body hr{border:0;border-top:1px solid #e9e9e9;margin:30px 0}.tt-blog-draft__checklist{margin:25px 0;padding:23px;background:#f4f7fb;border:1px solid #e2eaf3;border-radius:8px}.tt-blog-draft__checklist>p{font-size:13px;color:#3c485c;margin:0 0 15px}.tt-blog-draft__checklist ul{list-style:none;padding:0;margin:0}.tt-blog-draft__checklist li{margin:0;padding:12px 0;border-top:1px solid #e2eaf3}.tt-blog-draft__checklist label{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:16px;font-weight:400;line-height:1.7;cursor:pointer}.tt-blog-draft__checklist input{appearance:auto;flex-shrink:0;width:18px;height:18px;margin:4px 0 0;accent-color:#5487c6}.tt-blog-draft__example{border:1px solid #e9e9e9;border-radius:8px;padding:22px;margin:24px 0}.tt-blog-draft__example-caption{font-size:12px;color:#666;margin-bottom:15px}.tt-blog-draft__switch{flex-wrap:wrap;gap:8px;margin-bottom:20px}.tt-blog-draft__switch button{color:#3c485c;background:#fff;border-color:#d6e0ec;font-size:13px}.tt-blog-draft__switch button[aria-pressed=true]{color:#fff;background:#3c485c;border-color:#3c485c}.tt-blog-draft__example-card{display:flex;gap:17px;align-items:flex-start}.tt-blog-draft__example-number{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#edf2f8;color:#3c485c;display:grid;place-items:center;font-size:20px}.tt-blog-draft__example-card strong{color:#3c485c;font-size:17px}.tt-blog-draft__example-card p{font-size:15px;margin:7px 0 0}.tt-blog-draft__site-footer{padding:25px 6%;border-top:1px solid #e9e9e9;color:#666;font-size:13px}.tt-blog-draft__metadata{background:#fff;color:#3c485c;margin-top:18px;border:1px solid #e9e9e9;padding:18px 22px;border-radius:8px;font-size:14px}.tt-blog-draft__metadata summary{cursor:pointer}.tt-blog-draft__metadata dt{margin-top:18px;font-weight:700}.tt-blog-draft__metadata dd{margin:5px 0 0;line-height:1.7;color:#555}.tt-blog-draft :is(button,a,input,summary,h2):focus-visible{outline:2px solid #8bbbd8;outline-offset:3px;box-shadow:0 0 0 4px rgb(139 187 216/14%)}.tt-blog-draft__unsupported,.tt-blog-draft__warning{background:#fff5dc;color:#675221;padding:14px 18px;font-size:13px;margin:15px 0}.tt-blog-draft__unsupported p{color:#675221}.tt-review__views{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tt-review__views button[aria-pressed=true]{background:#3c485c;color:#fff;border-color:#3c485c}.tt-blog-draft__example{padding:24px;background:#f6f8fa;border:1px solid #e2e8ee;border-radius:10px;margin:24px 0 28px;overflow:hidden}.tt-blog-draft__example-heading>span{display:block;font-size:18px;font-weight:700;color:var(--blog-navy)}.tt-blog-draft__example-heading .tt-blog-draft__example-caption{font-size:11px;color:#71808d;margin:3px 0 18px;line-height:1.5}.tt-blog-draft__switch{display:flex;gap:0;background:#e9eef3;padding:4px;border-radius:7px;width:fit-content;margin-bottom:22px}.tt-blog-draft__switch button{padding:9px 15px;border:0;background:transparent;color:#667588;border-radius:5px;font-size:12px;line-height:1.4;font-weight:600}.tt-blog-draft__switch button[aria-pressed=true]{background:#fff;color:var(--blog-navy);box-shadow:0 2px 5px #3c485c12}.tt-blog-draft__journey{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:10px;align-items:stretch}.tt-blog-draft__product-card,.tt-blog-draft__review-card{background:#fff;border:1px solid #dfe6ed;border-radius:7px;min-width:0;overflow:hidden;padding:0 15px 16px}.tt-blog-draft__browser-label{margin:0 -15px 15px;padding:9px 10px;background:#f1f4f7;border-bottom:1px solid #e3e9ef;font-size:9px;line-height:1.5;color:#758390;display:flex;gap:8px;align-items:center;white-space:normal}.tt-blog-draft__browser-label>span{font-size:7px;letter-spacing:1px;color:#b6c3ce;white-space:nowrap}.tt-blog-draft__review-image{background:#edf2f6;border-radius:5px;display:flex;align-items:center;padding:5px;margin-bottom:13px;gap:8px;min-height:105px}.tt-blog-draft__review-image svg{width:86px;flex-shrink:0}.tt-blog-draft__review-image>div{min-width:0}.tt-blog-draft__review-image span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#758796;display:block;line-height:1.6}.tt-blog-draft__review-image strong{color:var(--blog-navy);font-size:13px;line-height:1.4;display:block}.tt-blog-draft__review-card>p{font-size:11px;line-height:1.7;margin:0 0 12px;color:#72808d}.tt-blog-draft__review-card>p strong{color:var(--blog-navy);font-size:13px}.tt-blog-draft__fact{border-top:1px solid #e9eef2;display:flex;flex-direction:column;gap:2px;padding:9px 5px;font-size:11px;line-height:1.6;transition:background .15s}.tt-blog-draft__fact>span{font-size:10px;color:#7a8996}.tt-blog-draft__fact>strong{color:var(--blog-navy);font-weight:600}.tt-blog-draft__fact.is-highlighted{background:#fff3ed;border-radius:4px}.tt-blog-draft__example[data-mode=after] .tt-blog-draft__fact.is-highlighted{background:#edf5f3}.tt-blog-draft__mock-link{border-radius:5px;background:#5487c6;color:#fff;font-size:10px;line-height:1.5;font-weight:600;padding:9px 10px;margin-top:12px;display:flex;justify-content:space-between;gap:8px}.tt-blog-draft__journey-arrow{align-self:center;color:#d25037;font-size:25px;font-weight:400;text-align:center}.tt-blog-draft__example[data-mode=after] .tt-blog-draft__journey-arrow{color:#36765f}.tt-blog-draft__product-image{position:relative;display:flex;justify-content:center;background:#f4f5f7;border-radius:5px;padding:6px 0 18px;min-height:138px}.tt-blog-draft__product-image svg{width:135px;max-width:100%;height:112px}.tt-blog-draft__variant-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#b94c35;font-size:9px;font-weight:600}.tt-blog-draft__example[data-mode=after] .tt-blog-draft__variant-label{color:#36765f}.tt-blog-draft__product-title{display:block;font-size:13px;line-height:1.5;margin:12px 0;color:var(--blog-navy);min-height:38px}.tt-blog-draft__example-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.tt-blog-draft__example-controls button{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;padding:8px 9px;border-color:#dde5ec;border-radius:5px;color:#667588;background:#fff}.tt-blog-draft__example-controls button>span{font-size:9px;color:#8b9aa7}.tt-blog-draft__example-controls button[aria-pressed=true]{color:var(--blog-navy);border-color:#91afc9;background:#eef3f8}.tt-blog-draft__example-explanation{display:flex;align-items:flex-start;gap:10px;padding-top:16px;margin-top:15px;border-top:1px solid #dde5ec}.tt-blog-draft__example-explanation>span{width:21px;height:21px;border-radius:50%;background:#f8e3db;flex-shrink:0;color:#b14c36;display:grid;place-items:center;font-size:12px;line-height:1.5}.tt-blog-draft__example[data-mode=after] .tt-blog-draft__example-explanation>span{background:#dfeee6;color:#36765f}.tt-blog-draft__example-explanation>p{font-size:12px;line-height:1.7;margin:0;color:#596b79}@media (max-width:1100px){.tt-blog-draft__layout{grid-template-columns:minmax(0,740px) 220px;column-gap:32px;padding:28px 30px 48px}.tt-blog-draft__layout--plain{grid-template-columns:minmax(0,740px)}}@media (max-width:900px){.tt-blog-draft__layout{grid-template-columns:minmax(0,720px);grid-template-areas:"hero" "toc" "body";grid-template-rows:auto auto 1fr;gap:32px}.tt-blog-draft__layout--plain{grid-template-areas:"hero" "body";grid-template-rows:auto 1fr}.tt-blog-draft__toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.tt-blog-draft__toc{position:static;max-height:none;border-bottom:1px solid #e9e9e9;padding-bottom:20px}.tt-blog-draft__toc li{break-inside:avoid}}@media (max-width:650px){.tt-blog-draft__journey{grid-template-columns:minmax(0,1fr);gap:12px}.tt-blog-draft__journey-arrow{transform:rotate(90deg);line-height:1;justify-self:center}.tt-blog-draft__review-image svg{width:110px}.tt-blog-draft__browser-label{font-size:11px}.tt-blog-draft__fact{font-size:13px}.tt-blog-draft__product-title{font-size:15px;min-height:0}.tt-blog-draft__example-controls button{font-size:11px}.tt-blog-draft__masthead{padding:22px}.tt-blog-draft__masthead img{width:230px}.tt-blog-draft__masthead span{display:none}.tt-blog-draft__hero{padding:0 0 24px}.tt-blog-draft__hero h1{font-size:34px}.tt-blog-draft__intro{font-size:17px}.tt-blog-draft__layout{padding:25px 23px 35px}.tt-blog-draft__toc ol{grid-template-columns:1fr}.tt-blog-draft__body{font-size:16px}.tt-blog-draft__body h2{font-size:26px}.tt-blog-draft__checklist,.tt-blog-draft__example{padding:17px}}.tt-blog-draft.tt-blog-article{margin:0;background:#fff}.tt-blog-article__context{max-width:1120px;margin:0 auto;padding:0 0 48px}@media (max-width:1100px){.tt-blog-article__context{padding:0 30px 40px}}@media (max-width:680px){.tt-blog-article__context{padding:0 18px 32px}}