@font-face{font-family:Editorial;src:url(source-serif.woff2) format('woff2');font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Utility;src:url(sans-regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Utility;src:url(sans-bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--ink:#08174e;--body:#515c7b;--green:#18bd00;--green-dark:#00513c;--paper:#fffefa;--line:#d9dcda;--font:Editorial,Georgia,'Times New Roman',serif;--ui:Utility,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:20px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--green-dark)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}p{margin:0 0 16px}h1,h2,h3{font-family:var(--font);font-weight:500;letter-spacing:-.047em;line-height:1.08;margin:0 0 18px}h1{font-size:clamp(42px,4.7vw,68px)}h2{font-size:36px}h3{font-size:27px}a:focus-visible,button:focus-visible{outline:3px solid #086b8c;outline-offset:5px}input:focus,select:focus{outline:2px solid #1b835f;outline-offset:2px}.wrap{width:calc(100% - 144px);max-width:1320px;margin-inline:auto}.section-rule{border-bottom:1px solid var(--line)}.eyebrow{font:700 12px/1.3 var(--ui);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.green{color:#079a00}.small{font:400 13px/1.5 var(--ui);color:var(--body)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#061944;font:700 14px/1.25 var(--ui);border:1px solid #0fa800;border-radius:4px;padding:15px 22px;min-height:44px;text-align:center}.button:hover{color:#051a35;background:#20cd08;border-color:#0e9300}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--green-dark)}.dashicons{width:22px;height:22px;font-size:22px;flex:0 0 auto}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green-dark);font:400 18px/1.3 var(--ui)}.text-link .dashicons{color:#08a400}.screen-reader-text,.skip-link:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;background:white;padding:10px;z-index:200}
.site-header{height:80px;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:100%;display:flex;align-items:center;gap:36px;max-width:1390px;width:calc(100% - 72px)}.brand{flex-shrink:0;display:block}.brand-mark{display:block;position:relative;width:196px;height:51px;overflow:hidden}.brand-mark img{position:absolute;max-width:none;width:276px;height:auto;left:-40px;top:-39px}.main-nav{display:flex;align-items:center;gap:27px;font:400 14px/1.4 var(--ui);white-space:nowrap}.main-nav>a,.nav-dropdown>a{padding:22px 0;position:relative;display:block}.main-nav .active:after{content:'';position:absolute;bottom:12px;left:20%;right:20%;height:2px;background:var(--green)}.nav-help{font-weight:700}.nav-dropdown{position:relative}.nav-dropdown>a:after{content:'⌄';margin-left:7px;font-size:12px}.nav-topics{display:none;position:absolute;top:55px;left:-20px;width:285px;background:var(--paper);padding:12px;border:1px solid var(--line);box-shadow:0 14px 25px #0617400c;z-index:10}.nav-topics a{display:block;padding:10px 12px;white-space:normal}.nav-topics a:hover{background:#f1f5eb}.nav-dropdown:hover .nav-topics,.nav-dropdown:focus-within .nav-topics{display:block}.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto;font:400 14px var(--ui);white-space:nowrap}.official-link{display:flex;align-items:center;gap:7px}.official-link .dashicons{transform:rotate(-38deg);font-size:17px;width:17px;height:17px;color:#06a200}.nav-trial{font-size:13px;padding:13px 17px;min-width:237px}.mobile-menu{display:none;border:0;background:none;color:var(--ink)}
.hero{padding:45px 0 37px}.hero-grid{display:grid;grid-template-columns:43% 53%;gap:4%;align-items:center}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(48px,5.25vw,78px);line-height:1.015;letter-spacing:-.062em;margin:0 0 18px;font-weight:500}.hero h1 span{display:block;white-space:nowrap}.hero-description{font-size:25px;line-height:1.24;letter-spacing:-.02em;color:var(--body);margin-bottom:24px}.answer-search{display:flex;align-items:center;height:60px;position:relative;border:1px solid #8894ad;border-radius:4px;background:white;overflow:hidden;width:100%}.answer-search>.dashicons{margin-left:17px;font-size:25px;width:25px;height:25px}.answer-search input{min-width:0;flex:1;width:100%;font:400 17px var(--font);padding:16px;border:0;color:var(--ink);background:transparent;outline-offset:-3px}.answer-search input::placeholder{color:#59647e;opacity:1}.answer-search .button{height:100%;border:0;border-left:1px solid #0fa800;border-radius:0;min-width:115px;font-size:16px}.popular{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font:400 12px/1.7 var(--ui);margin-top:17px;margin-bottom:21px;color:var(--green-dark)}.popular>span{color:var(--body);margin-right:2px}.hero-trial{font-size:18px;text-decoration:underline}.hero-figure{margin:0;align-self:center}.hero-figure img{width:100%;display:block;border-radius:4px;box-shadow:0 6px 27px #07164808;background:white}.hero-figure figcaption{font:400 14px/1.4 var(--ui);color:var(--body);padding:13px 0 0}
.editorial-grid{display:grid;grid-template-columns:32% 68%;gap:0}.featured{padding:33px 0 36px}.section-intro h2{font-size:53px;letter-spacing:-.06em;line-height:1.02}.section-intro p:not(.eyebrow){font-size:24px;line-height:1.3;color:var(--body)}.section-intro .text-link{margin-top:18px}.featured-list{border-left:1px solid var(--line);padding-left:40px}.featured-list article{position:relative;display:grid;grid-template-columns:35px 1fr 25px;gap:16px;border-bottom:1px solid var(--line);padding:20px 0 25px}.featured-list article:first-child{padding-top:0}.featured-list article:last-child{padding-bottom:0;border-bottom:0}.feature-number{font:400 18px var(--ui);color:#08ac00;padding-top:4px}.featured-list h3{font-size:27px;line-height:1.1;margin:0 0 7px;letter-spacing:-.04em}.featured-list p{font-size:21px;line-height:1.3;color:var(--body);margin:0}.row-arrow{color:#00a400;padding-top:4px}.browse-topics{padding:25px 0 28px}.browse-topics .section-intro h2{font-size:45px;margin-bottom:0}.browse-topics .eyebrow{margin-bottom:12px}.topic-links{display:grid;grid-template-columns:repeat(3,1fr);align-self:center}.topic-links a{display:flex;align-items:center;justify-content:center;font-size:21px;text-align:center;min-height:62px;padding:10px 14px;position:relative;line-height:1.2}.topic-links a:nth-child(-n+3){border-bottom:1px solid var(--line)}.topic-links a:not(:nth-child(3n)):after{content:'';position:absolute;right:0;top:22px;bottom:22px;border-right:1px solid var(--line)}.practical-guides{padding:30px 0}.guide-grid{display:grid;grid-template-columns:24% 38% 38%;gap:0}.guide-grid .section-intro h2{font-size:45px}.guide-grid .section-intro p:not(.eyebrow){font-size:21px}.guide-card{border-left:1px solid var(--line);padding:0 25px}.guide-card:last-child{padding-right:0}.guide-card img{display:block;aspect-ratio:1.58;object-fit:contain;width:100%;background:white}.guide-card .eyebrow{margin-top:19px;margin-bottom:5px}.guide-card h3{font-size:27px;line-height:1.12;margin-bottom:8px}.guide-card p:not(.eyebrow){font-size:21px;line-height:1.35;color:var(--body);margin-bottom:12px}.guide-card .text-link{font-size:18px}
.trial-strip{padding:24px 0 21px}.trial-grid{display:grid;grid-template-columns:29% 71%;align-items:center;gap:0}.trial-grid>div:last-child{border-left:1px solid var(--line);padding-left:42px}.trial-grid h2{font-size:45px;line-height:1.01;letter-spacing:-.058em;margin-bottom:13px}.trial-sub{font-size:23px;line-height:1.2;color:var(--body);margin-bottom:8px}.trial-form{font-family:var(--ui)}.form-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.form-fields label{font-size:12px;line-height:1.4;display:block}.form-fields label>span{color:#c0363d}.form-fields input{display:block;margin-top:5px;width:100%;height:43px;border:1px solid #cbd2df;background:white;border-radius:4px;padding:10px 12px;font:400 12px/1.3 var(--ui);color:var(--ink)}.form-fields input::placeholder{color:#7a87a2;opacity:1}.submit-trial{display:flex;width:100%;margin-top:15px;min-height:43px;font-size:13px;color:white}.form-privacy{font:400 12px/1.5 var(--ui);color:#667496;text-align:center;margin:10px 0 0}.form-privacy a{color:var(--green-dark)}.form-state{font-size:13px;margin:4px 0}.form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-alert{font:400 14px/1.5 var(--ui);padding:12px 15px;border:1px solid #b3463e;background:#fff5ed;color:#76382d;border-radius:4px}.site-footer{border-top:0;border-bottom:0;padding:19px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font:400 12px/1.4 var(--ui)}.footer-inner p{margin:0;color:var(--body)}.footer-inner nav{display:flex;gap:20px}
.page-head{padding-top:65px;padding-bottom:40px}.page-head h1{max-width:1030px}.intro{max-width:900px;color:var(--body);font-size:23px;line-height:1.5}.intro p:last-child{margin-bottom:0}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:80px;padding-bottom:65px}.collection-filters{display:flex;align-items:end;gap:17px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin-bottom:23px;font-family:var(--ui)}.collection-filters label{display:block;font-size:12px;margin-bottom:6px}.collection-filters select{min-height:43px;font:400 13px var(--ui);padding:8px 28px 8px 11px;border:1px solid #bfc7d1;border-radius:4px;background:white;color:var(--ink);max-width:260px}.muted-link{font:400 13px var(--ui);color:var(--green-dark);padding:10px 0}.result-count{font:400 13px/1.5 var(--ui);color:var(--body);margin-bottom:0}.answer-row{padding:28px 0;border-bottom:1px solid var(--line)}.answer-row .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:13px;color:var(--green-dark)}.answer-row .eyebrow span{color:var(--body)}.answer-row h2{font-size:31px;line-height:1.16;letter-spacing:-.035em;margin-bottom:12px}.answer-row h2 a{display:flex;justify-content:space-between;gap:25px}.answer-row h2 .dashicons{color:#07a500;margin-top:3px}.answer-row p{font-size:21px;line-height:1.45;color:var(--body);margin:0}.reading-aside{padding-top:21px;font-size:18px}.reading-aside h2{font-size:25px;letter-spacing:-.03em}.reading-aside h3{font-size:21px;letter-spacing:-.03em;margin-top:30px}.reading-aside ul{list-style:none;padding:0;margin:0}.reading-aside li{padding:8px 0;border-bottom:1px solid #e9e9e4;line-height:1.3}.aside-trial{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.aside-trial .button{width:100%;font-size:12px}.pagination{display:flex;gap:10px;flex-wrap:wrap;padding-top:35px;font:400 14px/1.4 var(--ui)}.pagination>*{padding:9px 14px;border:1px solid var(--line)}.pagination .current{background:var(--ink);color:white}.topic-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;padding-bottom:70px}.topic-directory section{border-top:1px solid var(--line);padding:27px 0 33px}.topic-directory h2{font-size:32px}.topic-directory h2 a{display:flex;align-items:center;justify-content:space-between}.topic-directory h2 .dashicons{color:#09a000}.topic-directory p{color:var(--body);font-size:20px}.topic-directory .directory-question{font-size:19px;line-height:1.35;margin-top:17px;color:var(--green-dark)}.breadcrumbs{padding:29px 0;font:400 12px/1.5 var(--ui);color:var(--body)}.breadcrumbs a{color:var(--green-dark)}.article-layout{display:grid;grid-template-columns:minmax(0,830px) 250px;gap:80px;padding:28px 0 75px;justify-content:space-between}.longform h1{font-size:clamp(39px,4.2vw,61px);line-height:1.08;letter-spacing:-.045em;margin-bottom:25px}.prose{font-size:22px;line-height:1.65;color:#343e59;overflow-wrap:anywhere}.prose p{margin-bottom:24px}.prose a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}.prose h2{font-size:33px;line-height:1.15;margin-top:42px;margin-bottom:19px;color:var(--ink);letter-spacing:-.035em}.prose h3{font-size:26px;line-height:1.2;margin-top:27px;margin-bottom:15px;color:var(--ink);letter-spacing:-.02em}.prose strong{font-weight:650;color:var(--ink)}.prose ul,.prose ol{padding-left:26px;margin:20px 0 27px}.prose li{margin:12px 0;padding-left:4px}.prose table{width:100%;border-collapse:collapse;font-size:18px;display:block;overflow:auto;max-width:100%;margin:25px 0}.prose th,.prose td{padding:12px 15px;border:1px solid var(--line);text-align:left;min-width:120px}.prose th{background:#f0f3eb}.prose blockquote{margin:25px 0;padding:3px 0 3px 24px;border-left:3px solid #28ad18;color:var(--body)}.editorial-note{font:400 13px/1.65 var(--ui);color:var(--body);border-left:2px solid #8eb684;padding-left:18px;margin-bottom:29px}.guide-reference{margin:40px 0}.guide-reference img{width:100%;border:1px solid var(--line)}.guide-reference figcaption{font:400 12px/1.6 var(--ui);color:var(--body);margin-top:12px}.article-end{margin-top:40px;border-top:1px solid var(--line);padding-top:23px}.article-end p{font:400 13px/1.6 var(--ui);color:var(--body)}.article-end p a{color:var(--green-dark)}.search-head{max-width:1320px}.search-head>p:not(.eyebrow){font-size:24px;color:var(--body);max-width:780px}.search-head .answer-search{max-width:850px;margin-top:28px}.search-explanation{padding:20px 24px;margin-top:24px;background:#f0f3e9;border-left:3px solid #439940}.search-explanation h2{font-size:27px}.search-explanation p{color:var(--body);font-size:20px;margin:0}.empty-state{padding:45px 0}.form-page{max-width:1060px;padding-bottom:90px}.standalone-form{max-width:900px;padding:30px;background:#f4f5ee;border:1px solid var(--line);margin:35px 0}.standalone-form .form-fields label{font-size:14px}.standalone-form .form-fields input{height:48px;font-size:13px}.standalone-form .submit-trial{min-height:48px;font-size:15px}.direct-signup{margin-top:22px;color:var(--body)}.direct-signup a{color:var(--green-dark);text-decoration:underline}.confirmation,.not-found{min-height:65vh;padding-block:90px;max-width:1000px}.confirmation h1,.not-found h1{font-size:61px}.confirmation>p,.not-found>p{font-size:25px;color:var(--body);max-width:850px;margin-bottom:27px}.confirmation .button{margin:10px 0 25px}.confirmation a:not(.button){color:var(--green-dark);text-decoration:underline}.not-found .answer-search{max-width:750px;margin-block:30px}.not-found-links{display:flex;gap:30px;flex-wrap:wrap;color:var(--green-dark)}
@media(min-width:1500px){.hero h1{font-size:82px}.hero-description{font-size:27px}}
@media(max-width:1200px){.wrap{width:calc(100% - 84px)}.header-inner{gap:24px;width:calc(100% - 48px)}.brand-mark{width:169px;height:45px}.brand-mark img{width:238px;left:-35px;top:-34px}.main-nav{gap:19px;font-size:12px}.header-actions{gap:18px;font-size:12px}.nav-trial{min-width:188px;font-size:11px;padding:12px}.hero{padding-top:36px}.hero h1{font-size:5.2vw}.hero-description{font-size:22px}.answer-search{height:52px}.answer-search .button{min-width:95px;font-size:14px}.answer-search input{font-size:15px;padding:12px}.popular{gap:12px;font-size:10px}.hero-trial{font-size:16px}.section-intro h2{font-size:45px}.section-intro p:not(.eyebrow){font-size:21px}.featured-list{padding-left:30px}.featured-list h3{font-size:24px}.featured-list p{font-size:19px}.browse-topics .section-intro h2,.guide-grid .section-intro h2{font-size:40px}.topic-links a{font-size:18px}.guide-card{padding-inline:22px}.guide-card h3{font-size:23px}.guide-card p:not(.eyebrow){font-size:19px}.guide-grid .section-intro p:not(.eyebrow){font-size:19px}.trial-grid h2{font-size:38px}.trial-sub{font-size:20px}.form-fields{gap:20px}.trial-grid>div:last-child{padding-left:30px}.form-fields input{font-size:10px}.form-fields label,.form-privacy{font-size:10px}.footer-inner{font-size:10px}.footer-inner nav{gap:16px}.collection-layout,.article-layout{gap:45px;grid-template-columns:minmax(0,1fr) 225px}}
@media(max-width:950px){.official-link{display:none}.header-inner{gap:22px}.main-nav{gap:17px}.hero-description .desktop-break{display:none}.hero-grid{grid-template-columns:45% 51%;gap:4%}.hero h1{font-size:5.4vw}.hero-description{font-size:20px}.popular{gap:10px}.editorial-grid{grid-template-columns:31% 69%}.featured-list h3{font-size:22px}.section-intro h2{font-size:39px}.featured-list p{font-size:18px}.section-intro p:not(.eyebrow){font-size:19px}.topic-links a{font-size:17px}.guide-grid{grid-template-columns:25% 37.5% 37.5%}.guide-grid .section-intro h2{font-size:34px}.guide-card{padding-inline:17px}.guide-card h3{font-size:21px}.trial-grid{grid-template-columns:29% 71%}.trial-grid h2{font-size:33px}.trial-sub{font-size:17px}.trial-grid .small{font-size:10px}.form-fields{gap:13px}.form-fields input{padding-inline:7px}.collection-layout,.article-layout{grid-template-columns:minmax(0,1fr) 200px;gap:30px}.reading-aside{font-size:16px}.prose{font-size:20px}}
@media(max-width:760px){body{font-size:18px}.wrap{width:calc(100% - 40px)}.site-header{height:75px}.header-inner{width:calc(100% - 30px);gap:12px}.brand-mark{width:153px;height:42px}.brand-mark img{width:215px;left:-31.5px;top:-30.5px}.header-actions{margin-left:auto}.nav-trial{font-size:10px;min-width:0;max-width:154px;padding:10px 11px;line-height:1.3}.mobile-menu{display:block;order:3;padding:5px}.main-nav{display:none;position:absolute;left:0;right:0;top:75px;z-index:20;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #00000009}.main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav>a,.nav-dropdown>a{padding:12px 6px;font-size:16px}.main-nav .active:after{display:none}.nav-topics{display:none!important}.hero{padding:32px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(43px,9.6vw,66px);line-height:1.03;letter-spacing:-.057em}.hero-description{font-size:22px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px}.hero .eyebrow{margin-bottom:18px}.answer-search{height:54px}.answer-search .button{min-width:84px}.answer-search input{font-size:15px;padding:12px}.popular{font-size:10px;gap:10px;margin-block:13px 18px}.hero-figure{max-width:590px}.hero-figure figcaption{font-size:12px}.editorial-grid{grid-template-columns:1fr;gap:24px}.featured{padding:30px 0}.section-intro h2{font-size:42px}.section-intro h2 br{display:none}.section-intro p:not(.eyebrow){font-size:21px}.section-intro .text-link{margin-top:7px}.featured-list{padding-left:0;border:0}.featured-list article{grid-template-columns:28px 1fr 20px;gap:12px;padding-block:22px}.featured-list article:first-child{padding-top:20px;border-top:1px solid var(--line)}.featured-list h3{font-size:24px}.featured-list p{font-size:19px}.feature-number{font-size:15px}.text-link{font-size:16px}.browse-topics .section-intro h2{font-size:40px}.topic-links{grid-template-columns:repeat(2,1fr)}.topic-links a{font-size:18px;justify-content:flex-start;text-align:left;min-height:72px;padding-left:0;padding-right:17px}.topic-links a:nth-child(-n+4){border-bottom:1px solid var(--line)}.topic-links a:after{display:none}.guide-grid{grid-template-columns:1fr;gap:29px}.guide-grid .section-intro h2{font-size:42px}.guide-grid .section-intro h2 br{display:none}.guide-card{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.guide-card img{max-height:320px}.guide-card h3{font-size:27px}.guide-card p:not(.eyebrow){font-size:21px}.trial-grid{grid-template-columns:1fr;gap:20px}.trial-grid>div:last-child{border-left:0;padding:0}.trial-grid h2{font-size:41px}.trial-grid h2 br{display:none}.trial-sub{font-size:22px}.trial-grid .small{font-size:12px}.form-fields{grid-template-columns:1fr;gap:16px}.form-fields label{font-size:13px}.form-fields input{font-size:14px;height:46px;padding:12px}.submit-trial{min-height:47px;font-size:14px;margin-top:19px}.form-privacy{font-size:11px}.trial-strip{padding-block:29px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px;font-size:11px}.footer-inner nav{gap:15px;flex-wrap:wrap}.collection-layout,.article-layout{grid-template-columns:1fr;gap:30px}.reading-aside{border-top:1px solid var(--line);padding-top:25px}.reading-aside ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.aside-trial{max-width:400px}.page-head{padding-top:38px;padding-bottom:27px}.page-head h1{font-size:43px}.intro{font-size:21px}.collection-filters{gap:14px}.collection-filters>div{flex:1;min-width:135px}.collection-filters select{max-width:100%;width:100%}.answer-row h2{font-size:28px}.answer-row p{font-size:20px}.topic-directory{grid-template-columns:1fr}.article-layout{padding-top:13px}.longform h1{font-size:40px}.prose{font-size:20px}.prose h2{font-size:29px}.prose h3{font-size:24px}.breadcrumbs{font-size:11px;padding-block:22px}.editorial-note{font-size:12px}.form-page{padding-bottom:55px}.standalone-form{padding:22px 18px;margin-inline:-3px}.confirmation,.not-found{padding-block:55px}.confirmation h1,.not-found h1{font-size:43px}.confirmation>p,.not-found>p{font-size:23px}.not-found-links{gap:17px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-footer,.reading-aside,.trial-strip,.button,.collection-filters{display:none!important}.wrap{width:100%;max-width:none}.article-layout{display:block}.prose{font-size:12pt}a{color:inherit;text-decoration:none}.editorial-note{font-size:9pt}}

.nav-dropdown>a:after{display:none}.nav-dropdown>a>.dashicons{font-size:12px;width:12px;height:12px;margin-left:3px;vertical-align:middle}
/* Desktop optical sizing aligned to the approved editorial homepage. */
@media(min-width:1201px){
.header-inner{width:calc(100% - 144px);max-width:1320px;gap:36px}
.brand-mark{width:221px;height:57px}.brand-mark img{width:311px;left:-45px;top:-44px}
.main-nav{font-size:16px}.header-actions{font-size:16px;gap:22px}.nav-trial{font-size:14px;min-width:260px}
.hero{padding-top:40px;padding-bottom:32px}.hero h1{font-size:clamp(78px,5.7vw,86px);font-weight:600;line-height:.96;letter-spacing:-.058em}
.hero-description{font-size:27px}.hero-figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.section-intro h2{font-size:60px;font-weight:600}.featured-list h3{font-size:30px;max-width:620px}.featured-list p{font-size:23px}
.browse-topics .section-intro h2,.guide-grid .section-intro h2,.trial-grid h2{font-size:50px;font-weight:600}
.popular{font-size:14px;gap:16px}.hero-figure figcaption{font-family:var(--font);font-size:17px}
.eyebrow{font-size:13px}.form-fields label{font-size:14px}.form-fields input{font-size:13px}.submit-trial{font-size:15px}.form-privacy{font-size:13px}.footer-inner{font-size:13px}
}
@media(max-width:760px){.section-intro h2 br,.trial-grid h2 br{display:initial}.section-intro h2 br:after,.trial-grid h2 br:after{content:' '}.hero h1{font-weight:600}}
@media(min-width:761px){.featured .editorial-grid{grid-template-columns:36% 64%}.browse-topics .editorial-grid{grid-template-columns:24% 76%}}
/* User-entered search text must wrap at small screen widths. */
.search-head h1{overflow-wrap:anywhere;word-break:normal}
/* White labels for product trial buttons across every page and interaction state. */
.button[href="https://payslip.sugarhr.com/signup"],
.button[href="https://payslip.sugarhr.com/signup"]:hover,
.button[href="https://payslip.sugarhr.com/signup"]:focus-visible,
.button[href="https://payslip.sugarhr.com/signup"]:active{color:#fff}

/* Thai uses the native Thai font stack and normal Thai spacing; English design remains intact. */
html[lang="th"]{--font:"Thonburi","Leelawadee UI",Tahoma,sans-serif;--ui:"Thonburi","Leelawadee UI",Tahoma,sans-serif}
html[lang="th"] body{font-size:18px;line-height:1.85}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:0;line-height:1.5;font-weight:600}
html[lang="th"] .hero h1{font-size:clamp(32px,3.7vw,53px);line-height:1.5}html[lang="th"] .hero-description{font-size:21px}html[lang="th"] .section-intro h2{font-size:clamp(28px,3vw,39px)}
html[lang="th"] .main-nav{gap:17px}html[lang="th"] .nav-trial{font-size:12px;padding:10px 13px}html[lang="th"] .article-layout h1{font-size:clamp(30px,3.3vw,48px)}
.language-switch{display:flex;gap:9px;align-items:center;font:12px var(--ui);white-space:nowrap}.language-switch a[aria-current]{text-decoration:underline;text-underline-offset:5px;color:var(--green-dark)}
.header-actions{flex-wrap:wrap}.topic-links{grid-auto-rows:auto}.button.nav-trial{color:#fff}
@media(max-width:1100px){.header-actions .official-link{display:none}.header-inner{gap:16px}.header-actions{gap:10px}.main-nav{gap:14px}.language-switch{font-size:11px}}
@media(max-width:760px){html[lang="th"] .hero h1{font-size:35px}html[lang="th"] .hero-description{font-size:18px}html[lang="th"] body{font-size:17px}.language-switch{font-size:12px}.header-actions{margin-left:auto}.header-actions .nav-trial{display:none}html[lang="th"] .article-layout h1{font-size:29px}.collection-filters{flex-wrap:wrap}}
.site-header{height:auto;min-height:80px}.header-inner{min-height:80px}.header-actions{flex-wrap:nowrap}.header-actions .nav-trial{min-width:0}
@media(max-width:1400px){.header-actions .official-link{display:none}}
@media(max-width:760px){.site-header,.header-inner{min-height:75px}}

/* Separate resource rows from the numbered, three-column featured-answer component. */
.browse-scenarios,.home-resources{padding-block:40px}
.resource-list{min-width:0;border-left:1px solid var(--line);padding-left:40px}
.resource-list .answer-row{display:block;padding:26px 0}
.resource-list .answer-row:first-child{padding-top:0}
.resource-list .answer-row:last-child{padding-bottom:0;border-bottom:0}
.resource-list .answer-row h2{font-size:28px;line-height:1.45}
.resource-list .answer-row h2 a{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:start;gap:20px}
.resource-list .answer-row p{font-size:20px;line-height:1.65}
.editorial-grid>*,.guide-grid>*,.trial-grid>*,.hero-grid>*,.collection-layout>*,.article-layout>*,.topic-directory>*{min-width:0}
.answer-row h2 a,.topic-directory h2 a{min-width:0;overflow-wrap:anywhere}
.topic-links{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start}
.topic-links a{min-width:0;min-height:86px;line-height:1.6;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.topic-links a:after{top:24px;bottom:24px}
html[lang="th"] .eyebrow{letter-spacing:.04em;line-height:1.65}
html[lang="th"] .hero h1 span{white-space:normal}
html[lang="th"] .section-intro p:not(.eyebrow){font-size:20px;line-height:1.7}
html[lang="th"] .topic-links a{font-size:19px;line-height:1.65}
html[lang="th"] .guide-card h3,html[lang="th"] .answer-row h2{line-height:1.55}
html[lang="th"] .guide-card p:not(.eyebrow),html[lang="th"] .answer-row p{line-height:1.75}
html[lang="th"] .prose{line-height:1.9;word-break:normal;overflow-wrap:anywhere}
html[lang="th"] .form-fields label,html[lang="th"] .form-fields input{font-size:14px}
html[lang="th"] .form-fields input{min-height:46px}
html[lang="th"] .form-privacy{font-size:13px;line-height:1.8}
.site-header{position:relative;z-index:30}
.mobile-trial{display:none!important}
@media(max-width:1100px){
 .mobile-menu{display:flex;align-items:center;justify-content:center;order:3;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #00000009}
 .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .main-nav>a,.nav-dropdown>a{padding:13px 6px;font-size:16px;white-space:normal}
 .main-nav .active:after{display:none}.nav-topics{display:none!important}
 .main-nav .mobile-trial{display:inline-flex!important;color:white;align-self:flex-start;padding:13px 18px;margin-top:10px}
 .header-actions{margin-left:auto}.resource-list{padding-left:28px}
 .form-fields{gap:16px}
 .trial-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .trial-grid .form-fields{grid-template-columns:1fr}
 .trial-grid>div:last-child{padding-left:28px}
}
@media(max-width:760px){
 .browse-scenarios,.home-resources{padding-block:30px}
 .resource-list{border-left:0;padding-left:0;border-top:1px solid var(--line)}
 .resource-list .answer-row:first-child{padding-top:24px}
 .resource-list .answer-row h2{font-size:23px}
 .resource-list .answer-row p{font-size:18px}
 .topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[lang="th"] .topic-links a{font-size:17px;line-height:1.75}
 .topic-links a:nth-child(n){border-bottom:1px solid var(--line);padding:15px 12px 15px 0}
 .trial-grid{grid-template-columns:minmax(0,1fr)}
 .trial-grid>div:last-child{padding-left:0}
 .featured-list article>div{min-width:0}
 html[lang="th"] .section-intro h2{font-size:30px;line-height:1.6}
 html[lang="th"] .section-intro h2 br,html[lang="th"] .trial-grid h2 br{display:none}
 .standalone-form .form-fields{grid-template-columns:1fr}
 .footer-inner a{display:inline-flex;align-items:center;min-height:36px}
}
@media(max-width:380px){
 .header-inner{gap:8px}.brand-mark{width:137px}.brand-mark img{width:195px;left:-29px;top:-28px}
 .language-switch{gap:7px;font-size:11px}.mobile-menu{min-width:38px}
 .topic-links{grid-template-columns:minmax(0,1fr)}
 .answer-search>.dashicons{margin-left:11px}.answer-search input{padding-inline:9px}
}

.field-hint{display:block;margin-top:6px;font:400 12px/1.6 var(--ui);color:var(--body)}
.service-form-note{font:400 15px/1.7 var(--ui);color:var(--body);max-width:900px}
.service-details{max-width:900px;margin-top:36px}
.nav-trial,.submit-trial,.aside-trial .button,.article-end>.button,.confirmation>.button,.mobile-trial{background:#087f23;border-color:#087f23;color:#fff}
.nav-trial:hover,.submit-trial:hover,.aside-trial .button:hover,.article-end>.button:hover,.confirmation>.button:hover,.mobile-trial:hover{background:#066b1c;border-color:#066b1c;color:#fff}

.trial-grid h2{overflow-wrap:anywhere}

.collection-editorial{font-size:19px;line-height:1.75}
.collection-editorial h2{font-size:27px;margin-top:22px}
.collection-editorial ul{padding-left:22px}
.collection-editorial li{margin-block:14px}
.collection-editorial-before{border-top:1px solid var(--line);padding-block:5px 20px}
.collection-editorial-after{border-top:1px solid var(--line);margin-top:36px;padding-top:10px}
.collection-closing{padding-bottom:40px}
@media(max-width:760px){.collection-editorial{font-size:18px}.collection-editorial h2{font-size:24px}}

/* Indonesian copy uses natural wrapping while preserving the shared editorial style. */
html[lang="id"] .hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08}
html[lang="id"] .hero h1 span{white-space:normal}
html[lang="id"] .section-intro h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15}
html[lang="id"] .language-switch a[lang="id"]{max-width:68px;line-height:1.2}
.language-switch{flex-shrink:0}
@media(max-width:760px){
 html[lang="id"] .hero h1{font-size:clamp(36px,7.5vw,52px)}
 html[lang="id"] .section-intro h2 br{display:none}
 .language-switch a[lang="id"]{max-width:58px;line-height:1.2}
 .header-inner{column-gap:10px}.header-actions{gap:8px}
}
@media(max-width:380px){.brand-mark{width:110px}.brand-mark img{width:158px;left:-24px;top:-23px}.language-switch{font-size:10px;gap:6px}.language-switch a[lang="id"]{max-width:50px}}

@media(max-width:1380px){
 .mobile-menu{display:flex;align-items:center;justify-content:center;order:3;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--paper);padding:20px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #00000009}
 .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .main-nav>a,.nav-dropdown>a{padding:13px 6px;font-size:16px;white-space:normal}
 .main-nav .active:after{display:none}.nav-topics{display:none!important}
 .main-nav .mobile-trial{display:inline-flex!important;color:white;align-self:flex-start;padding:13px 18px;margin-top:10px}
 .header-actions{margin-left:auto}.resource-list{padding-left:28px}
 .form-fields{gap:16px}
 .trial-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .trial-grid .form-fields{grid-template-columns:1fr}
 .trial-grid>div:last-child{padding-left:28px}
}

@media(min-width:1381px){
 .header-inner{gap:22px}.main-nav{gap:18px;font-size:14px}.header-actions{gap:14px;font-size:14px}
 .nav-trial{min-width:210px;font-size:12px;padding-inline:13px}
 .language-switch a[lang="id"]{max-width:70px;white-space:normal;line-height:1.2}
 .official-link{display:none}
}
.language-switch a[lang="id"]{white-space:normal;max-width:70px;line-height:1.2}
@media(max-width:760px){.language-switch a[lang="id"]{max-width:58px}}
@media(max-width:380px){.language-switch a[lang="id"]{max-width:50px}}

/* Native language dropdown shared by all language versions. */
.language-switch{display:flex;align-items:center;flex-shrink:0}
.language-select{width:150px;min-height:44px;padding:9px 8px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font:400 13px/1.4 var(--ui);cursor:pointer}
@media(max-width:760px){.language-select{width:132px;font-size:12px}}
@media(max-width:380px){.language-select{width:118px;font-size:11px}.header-inner{column-gap:8px}}

/* Vietnamese typography keeps diacritics clear and titles within their columns. */
html[lang="vi"]{--font:Georgia,"Times New Roman",serif;--ui:Arial,sans-serif}
html[lang="vi"] body{line-height:1.65}
html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3{letter-spacing:-.025em;line-height:1.2}
html[lang="vi"] .hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.18}
html[lang="vi"] .hero h1 span{white-space:normal}
html[lang="vi"] .section-intro h2{font-size:clamp(29px,3vw,43px);line-height:1.2}
html[lang="vi"] .hero-description{font-size:23px;line-height:1.5}
html[lang="vi"] .featured-list h3{line-height:1.3}
@media(max-width:760px){html[lang="vi"] .hero h1{font-size:clamp(34px,7.8vw,49px)}html[lang="vi"] .section-intro h2 br{display:none}html[lang="vi"] .hero-description{font-size:21px}}
html[lang="vi"] .hero h1{font-size:clamp(36px,3.8vw,56px);font-weight:400}
html[lang="vi"] .section-intro h2{font-weight:400}
@media(max-width:760px){html[lang="vi"] .hero h1{font-size:clamp(34px,7.8vw,49px)}}
html[lang="vi"] .trial-grid h2{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.22}