.htf-article{--htf-green: #08874a;--htf-green-hover: #06703e;--htf-green-dark: #053f23;--htf-green-light: #f0faf5;--htf-blue: #125bff;--htf-blue-light: rgba(18, 91, 255, .04);--htf-blue-tint: #eef3ff;--htf-dark: #1c1c1c;--htf-body: #4a4a4a;--htf-light: #5f666d;--htf-border: #e9ecef;--htf-bg-light: #f8f9fa;--htf-white: #fdfdfd;--htf-hero-tint: #f0f7ff;--htf-mint: #e8f5ee;--htf-cream: #fafbfc;--htf-cream-fill: #fafbfc;--htf-banner-dark: #2d3748;--htf-on-dark: #ffffff;--htf-on-dark-soft: rgba(255, 255, 255, .1);--htf-warning: #f6c567;--htf-warning-bg: #fffaf0;--htf-warning-text: #a0761a;--htf-on-accent: #ffffff;--htf-on-accent-soft: rgba(255, 255, 255, .9);--htf-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--htf-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--htf-shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--htf-radius: 8px;--htf-radius-lg: 12px;--htf-mono: "SF Mono", "Fira Code", "Cascadia Code", Menlo, Monaco, monospace;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12.5px;line-height:1.7;color:var(--htf-body);max-width:100%;overflow-x:hidden}.htf-article *,.htf-article *:before,.htf-article *:after{box-sizing:border-box}.htf-article h1,.htf-article h2,.htf-article h3,.htf-article h4,.htf-article p,.htf-article ul,.htf-article ol,.htf-article figure{margin:0;padding:0}.htf-article [id]{scroll-margin-top:96px}.htf-article a:focus-visible,.htf-article summary:focus-visible{outline:2px solid var(--htf-blue);outline-offset:2px;border-radius:2px}.htf-article .htf-hero a:focus-visible,.htf-article .htf-cta a:focus-visible,.htf-article .htf-side-cta a:focus-visible,.htf-article .htf-side-download a:focus-visible{outline-color:var(--htf-on-accent)}.htf-article .htf-container{max-width:900px;margin:0 auto;padding:0 24px}.htf-article .htf-container-wide{max-width:1200px;margin:0 auto;padding:0 24px}.htf-article a{color:var(--htf-blue);text-decoration:none;font-weight:500}.htf-article a:hover{text-decoration:underline}.htf-article .htf-hero{background:linear-gradient(165deg,var(--htf-mint) 0%,var(--htf-blue-tint) 50%,var(--htf-cream) 100%);padding:64px 0 48px}.htf-article .htf-hero .htf-container-wide{max-width:900px;text-align:center}.htf-article .htf-hero h1{font-size:30px;font-weight:700;color:var(--htf-dark);line-height:1.2;letter-spacing:-.01em;margin-bottom:20px}.htf-article .htf-hero-tagline{font-size:15px;color:var(--htf-body);line-height:1.5;max-width:720px;margin:0 auto 28px}.htf-article .htf-hero-ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.htf-article .htf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--htf-green);color:var(--htf-on-accent);text-decoration:none;padding:14px 28px;border-radius:var(--htf-radius);font-size:12.5px;font-weight:600;min-height:44px;min-width:44px;border:2px solid var(--htf-green);line-height:1.2;transition:background .2s ease,border-color .2s ease;cursor:pointer}.htf-article .htf-btn:hover{background:var(--htf-green-hover);border-color:var(--htf-green-hover);color:var(--htf-on-accent);text-decoration:none}.htf-article .htf-btn--outline{background:var(--htf-white);color:var(--htf-green)}.htf-article .htf-btn--outline:hover{background:var(--htf-green-light);border-color:var(--htf-green-hover);color:var(--htf-green-hover)}.htf-article .htf-btn--onaccent{background:var(--htf-on-accent);color:var(--htf-green);border-color:var(--htf-on-accent)}.htf-article .htf-btn--onaccent:hover{background:var(--htf-on-accent-soft);border-color:var(--htf-on-accent-soft);color:var(--htf-green-hover)}.htf-article .htf-download-banner{background:linear-gradient(135deg,var(--htf-green) 0%,var(--htf-banner-dark) 100%);padding:24px 0}.htf-article .htf-download-banner-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.htf-article .htf-download-banner p{color:var(--htf-on-dark);font-size:12.5px;font-weight:600;margin:0}.htf-article .htf-main{max-width:1200px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}.htf-article .htf-body{min-width:0;max-width:820px}.htf-article .htf-body h2{font-size:17.5px;font-weight:700;color:var(--htf-dark);line-height:1.3;margin:48px 0 20px;padding-top:24px;border-top:1px solid var(--htf-border)}.htf-article .htf-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.htf-article .htf-body h3{font-size:14px;font-weight:600;color:var(--htf-dark);line-height:1.35;margin:32px 0 14px}.htf-article .htf-body p{font-size:12.5px;color:var(--htf-body);line-height:1.75;margin-bottom:18px}.htf-article .htf-body ul,.htf-article .htf-body ol{margin:18px 0;padding-left:26px}.htf-article .htf-body li{font-size:12.5px;color:var(--htf-body);line-height:1.7;margin-bottom:10px}.htf-article .htf-lead{font-size:15px;font-weight:500;color:var(--htf-dark);line-height:1.55;margin-bottom:20px}.htf-article .htf-concept{background:var(--htf-bg-light);border-left:4px solid var(--htf-green);padding:24px 28px;margin:28px 0;border-radius:0 var(--htf-radius) var(--htf-radius) 0}.htf-article .htf-concept h4{font-size:12.5px;font-weight:700;color:var(--htf-green);letter-spacing:.02em;margin-bottom:14px}.htf-article .htf-concept p{font-size:12.5px;color:var(--htf-body);line-height:1.7;margin-bottom:12px}.htf-article .htf-concept p:last-child{margin-bottom:0}.htf-article .htf-concept strong{color:var(--htf-dark)}.htf-article .htf-tip{background:var(--htf-blue-tint);border-left:4px solid var(--htf-blue);padding:22px 28px;margin:28px 0;border-radius:0 var(--htf-radius) var(--htf-radius) 0}.htf-article .htf-tip h4{font-size:12.5px;font-weight:700;color:var(--htf-blue);margin-bottom:10px}.htf-article .htf-tip p{font-size:12.5px;color:var(--htf-body);line-height:1.7;margin:0}.htf-article .htf-steps{margin:28px 0}.htf-article .htf-step{display:flex;gap:20px;padding:22px 24px;background:var(--htf-cream-fill);border:1px solid var(--htf-border);border-radius:var(--htf-radius);margin-bottom:12px;transition:background .2s ease}.htf-article .htf-step:last-child{margin-bottom:0}.htf-article .htf-step:hover{background:var(--htf-green-light)}.htf-article .htf-step-num{flex-shrink:0;width:40px;height:40px;background:var(--htf-green);color:var(--htf-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px}.htf-article .htf-step-content h4{font-size:12.5px;font-weight:600;color:var(--htf-dark);margin-bottom:6px}.htf-article .htf-step-content p{font-size:12.5px;color:var(--htf-body);line-height:1.65;margin:0}.htf-article .htf-table-wrap{margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--htf-border);border-radius:var(--htf-radius);box-shadow:var(--htf-shadow-sm)}.htf-article .htf-table-wrap table{width:100%;border-collapse:collapse;font-size:11.5px}.htf-article .htf-table-wrap caption{padding:18px 16px;background:var(--htf-bg-light);font-weight:700;font-size:12.5px;color:var(--htf-dark);text-align:left;border-bottom:2px solid var(--htf-border)}.htf-article .htf-table-wrap th{background:var(--htf-bg-light);padding:14px 16px;text-align:left;font-weight:600;color:var(--htf-dark);font-size:11px;white-space:nowrap;border-bottom:2px solid var(--htf-border)}.htf-article .htf-table-wrap td{padding:14px 16px;border-bottom:1px solid var(--htf-border);font-size:11.5px;color:var(--htf-body);vertical-align:top}.htf-article .htf-table-wrap tbody tr:nth-child(2n){background:var(--htf-bg-light)}.htf-article .htf-table-wrap tbody tr:last-child td{border-bottom:none}.htf-article .htf-table-wrap td strong{color:var(--htf-dark)}.htf-article .htf-quickref{background:var(--htf-dark);padding:28px;border-radius:var(--htf-radius);margin:28px 0}.htf-article .htf-quickref h4{font-size:12.5px;font-weight:700;color:var(--htf-mint);margin-bottom:14px}.htf-article .htf-quickref ul{list-style:none;padding:0;margin:0}.htf-article .htf-quickref li{padding:10px 0;border-bottom:1px solid var(--htf-on-dark-soft);font-size:12.5px;color:var(--htf-on-dark);display:flex;justify-content:space-between;gap:16px;margin-bottom:0}.htf-article .htf-quickref li:last-child{border-bottom:none}.htf-article .htf-quickref .htf-value{font-family:var(--htf-mono);font-size:11.5px;letter-spacing:0;color:var(--htf-mint);text-align:right}.htf-article .htf-figure{margin:32px 0;text-align:center}.htf-article .htf-figure img{max-width:640px;width:100%;height:auto;border-radius:var(--htf-radius);border:1px solid var(--htf-border);background:var(--htf-bg-light);display:inline-block}.htf-article .htf-figure figcaption{margin-top:12px;font-size:11px;color:var(--htf-light);line-height:1.5}.htf-article .htf-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:28px 0}.htf-article .htf-benefit{background:var(--htf-white);padding:22px 24px;border-radius:var(--htf-radius);border:1px solid var(--htf-border)}.htf-article .htf-benefit h4{font-size:12.5px;font-weight:600;color:var(--htf-dark);margin-bottom:8px}.htf-article .htf-benefit p{font-size:12.5px;color:var(--htf-body);line-height:1.6;margin:0}.htf-article .htf-cta{background:linear-gradient(135deg,var(--htf-green-hover),var(--htf-green));padding:40px;border-radius:var(--htf-radius-lg);margin:40px 0;text-align:center}.htf-article .htf-cta h3{color:var(--htf-on-accent);font-size:22.5px;font-weight:700;line-height:1.3;margin:0 0 14px}.htf-article .htf-cta p{color:var(--htf-on-accent);font-size:12.5px;line-height:1.7;margin:0 auto 24px;max-width:560px}.htf-article .htf-dof-cta{text-align:center;margin:28px 0}.htf-article .htf-faq{margin-top:48px;padding:40px;background:var(--htf-bg-light);border-radius:var(--htf-radius-lg)}.htf-article .htf-faq>h2{font-size:22.5px;font-weight:700;color:var(--htf-dark);margin:0 0 28px}.htf-article .htf-faq-item{margin-bottom:14px}.htf-article .htf-faq-item:last-child{margin-bottom:0}.htf-article .htf-faq-item details{background:var(--htf-white);border:1px solid var(--htf-border);border-radius:var(--htf-radius);overflow:hidden;transition:box-shadow .2s ease}.htf-article .htf-faq-item details:hover{box-shadow:var(--htf-shadow-sm)}.htf-article .htf-faq-item summary{padding:18px 56px 18px 22px;font-weight:600;font-size:12.5px;color:var(--htf-dark);cursor:pointer;list-style:none;position:relative;line-height:1.45;min-height:44px}.htf-article .htf-faq-item summary::-webkit-details-marker{display:none}.htf-article .htf-faq-item summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22.5px;color:var(--htf-green);font-weight:400;line-height:1}.htf-article .htf-faq-item details[open] summary:after{content:"\2212"}.htf-article .htf-faq-item details[open] summary{border-bottom:1px solid var(--htf-border)}.htf-article .htf-faq-answer{padding:18px 22px;font-size:12.5px;color:var(--htf-body);line-height:1.7}.htf-article .htf-faq-answer p{margin:0}.htf-article .htf-sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px}.htf-article .htf-side-card{background:var(--htf-white);border:1px solid var(--htf-border);border-radius:var(--htf-radius);padding:24px;box-shadow:var(--htf-shadow-sm)}.htf-article .htf-side-card h3{font-size:12.5px;font-weight:700;color:var(--htf-dark);margin:0 0 16px;padding-bottom:12px;border-bottom:3px solid var(--htf-green)}.htf-article .htf-side-card ul{list-style:none;padding:0;margin:0}.htf-article .htf-side-card li{padding:10px 0;border-bottom:1px solid var(--htf-border);font-size:11.5px;color:var(--htf-body);line-height:1.5}.htf-article .htf-side-card li:last-child{border-bottom:none}.htf-article .htf-side-card a{display:block;font-size:11.5px}.htf-article .htf-side-card li strong{color:var(--htf-dark)}.htf-article .htf-side-cta{background:linear-gradient(145deg,var(--htf-green),var(--htf-green-hover));color:var(--htf-on-accent);border-radius:var(--htf-radius);padding:26px 24px;text-align:center}.htf-article .htf-side-cta h3{color:var(--htf-on-accent);font-size:17.5px;font-weight:700;margin:0 0 12px}.htf-article .htf-side-cta p{color:var(--htf-on-accent);font-size:11.5px;line-height:1.55;margin:0 0 20px}.htf-article .htf-side-cta .htf-btn{width:100%}.htf-article .htf-side-download{background:var(--htf-green);color:var(--htf-on-accent);border-radius:var(--htf-radius);padding:26px 24px;text-align:center}.htf-article .htf-side-download h3{color:var(--htf-on-accent);font-size:12.5px;font-weight:700;margin:0 0 12px}.htf-article .htf-side-download p{color:var(--htf-on-accent);font-size:11.5px;line-height:1.55;margin:0 0 20px}.htf-article .htf-side-download .htf-btn{width:100%}@media(prefers-reduced-motion:reduce){.htf-article .htf-btn,.htf-article .htf-step,.htf-article .htf-faq-item details{transition:none}}@media(max-width:1024px){.htf-article .htf-hero{padding:48px 0 40px}.htf-article .htf-hero h1{font-size:22.5px}.htf-article .htf-main{grid-template-columns:1fr;gap:40px;padding:48px 24px}.htf-article .htf-body{max-width:100%}.htf-article .htf-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}}@media(max-width:768px){.htf-article .htf-container,.htf-article .htf-container-wide{padding:0 20px}.htf-article .htf-hero{padding:40px 0 32px}.htf-article .htf-hero h1{font-size:22.5px;line-height:1.3}.htf-article .htf-hero-tagline{font-size:12.5px}.htf-article .htf-hero-ctas{flex-direction:column}.htf-article .htf-hero-ctas .htf-btn{width:100%}.htf-article .htf-download-banner-inner{flex-direction:column;text-align:center}.htf-article .htf-main{padding:40px 20px}.htf-article .htf-body h2{font-size:16px;margin-top:40px}.htf-article .htf-body h3{font-size:14px}.htf-article .htf-lead{font-size:13.5px}.htf-article .htf-step{flex-direction:column;gap:12px}.htf-article .htf-table-wrap table{min-width:620px}.htf-article .htf-cta{padding:32px 24px}.htf-article .htf-cta h3{font-size:17.5px}.htf-article .htf-faq{padding:32px 20px}.htf-article .htf-faq>h2{font-size:17.5px}}@media(max-width:480px){.htf-article .htf-container,.htf-article .htf-container-wide{padding:0 16px}.htf-article .htf-hero{padding:32px 0 24px}.htf-article .htf-hero h1{font-size:22px}.htf-article .htf-hero-tagline{font-size:11.5px}.htf-article .htf-main{padding:32px 16px;gap:32px}.htf-article .htf-sidebar{grid-template-columns:1fr}.htf-article .htf-body p,.htf-article .htf-body li,.htf-article .htf-lead{font-size:11.5px}.htf-article .htf-concept,.htf-article .htf-tip,.htf-article .htf-quickref{padding:20px}.htf-article .htf-concept p,.htf-article .htf-tip p,.htf-article .htf-quickref li,.htf-article .htf-step-content p,.htf-article .htf-benefit p,.htf-article .htf-faq-answer{font-size:11.5px}.htf-article .htf-table-wrap th,.htf-article .htf-table-wrap td{padding:10px 12px;font-size:11px}.htf-article .htf-cta{padding:28px 18px}.htf-article .htf-cta h3{font-size:17.5px}.htf-article .htf-faq{padding:24px 16px}.htf-article .htf-faq-item summary{padding:16px 48px 16px 16px;font-size:11.5px}.htf-article .htf-faq-answer{padding:16px}}.htf-article{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12.5px;line-height:1.7}.htf-article h1{font-size:30px;font-weight:800;line-height:1.2}.htf-article h2{font-size:22.5px;font-weight:700;line-height:1.3}.htf-article h3{font-size:17.5px;font-weight:600;line-height:1.35}.htf-article h4{font-size:13.5px;font-weight:600;line-height:1.4}.htf-article [class*=hero-subtitle],.htf-article [class*=hero-lede],.htf-article [class*=hero-sub]{font-size:15px;font-weight:300;line-height:1.6}@media(max-width:768px){.htf-article h1{font-size:24px}.htf-article h2{font-size:20px}.htf-article h3{font-size:15px}.htf-article [class*=hero-subtitle],.htf-article [class*=hero-lede],.htf-article [class*=hero-sub]{font-size:12.5px}}@media(max-width:480px){.htf-article h1{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/blog-how-to-focus.css.map */