/* How To Ads / readable, task-first interface. Scoped, additive, reversible. */
body.hta-clarity{--htax-ink:#153147;--htax-blue:#2850ef;--htax-teal:#007f86;--htax-muted:#526579;--htax-line:#e1e8ef;--htax-soft:#f5f8fb;background:#fff;color:var(--htax-ink)}
.hta-clarity main{overflow-wrap:break-word}
.hta-clarity :is(main,.hta-shell-header,.hta-site-header,.hta-admin-workspace) :focus-visible{outline:3px solid var(--htax-teal)!important;outline-offset:4px}
.hta-clarity :is(main,.hta-admin-workspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;line-height:1.6;border-color:#b9c9d7;border-radius:12px;max-width:100%}
.hta-clarity :is(main,.hta-admin-workspace) :is(input,select,textarea):focus{border-color:var(--htax-teal)}
.hta-clarity :is(.hta-member-card,.hta-auth-card,.hta-config-card,.htaw-config-card,.htaw-service-card,.hta-public-card){border-color:var(--htax-line);box-shadow:none;border-radius:24px}
.hta-clarity :is(.hta-button,.hta-primary,.hta-btn-primary,.htaw-button,.htaw-secondary,.hta-library-primary,.pms-submit,input[type=submit]){min-height:48px;line-height:1.5;border-radius:14px}
.hta-clarity :is(.hta-page-context,.hta-breadcrumb){font-size:14px;line-height:1.6}
.hta-clarity :is(.hta-page-context,.hta-breadcrumb) a{display:inline-flex;align-items:center;min-height:44px}
.hta-clarity main :is(h1,h2,h3){text-wrap:pretty}
.hta-clarity :is(.hta-member-card,.hta-auth-card,.hta-services-legal) p{line-height:1.85}
.hta-clarity :is(.hta-shell-header,.hta-site-header) nav a{font-weight:500}
/* Preserve the home composition; give the supporting copy a readable measure. */
.hta-clarity #hta-editorial .hero p:not([class*=kicker]):not([class*=eyebrow]){max-width:42ch;line-height:1.9}
.hta-clarity #hta-editorial .hero :is(.hero-note,.hero-description,.hero-copy>p){font-size:16px}
/* Library: a quieter reading surface and clear, comfortably sized filters. */
.hta-clarity .hta-library-editorial .hta-library-lead{font-size:17px;max-width:62ch;line-height:1.85}
.hta-clarity .hta-library-editorial .hta-library-feature{background:#f6f9fb;border:0;border-radius:28px;padding:32px;gap:32px}
.hta-clarity .hta-library-editorial .hta-public-intro{font-size:16px;line-height:1.85}
.hta-clarity .hta-library-editorial .hta-public-card-body{padding:24px}
.hta-clarity .hta-library-editorial .hta-public-card-footer{font-size:14px}
.hta-clarity .hta-library-editorial :is(.hta-topic-strip,.hta-access-filters) a{font-size:14px;min-height:46px}
.hta-clarity .hta-library-editorial .hta-public-results{font-size:14px;color:var(--htax-muted)}
/* Articles: remove the nested narrow gutters, not the real cover or content. */
.hta-clarity .hta-reader-heading{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 28px!important;border-radius:0!important}
.hta-clarity .hta-reader-heading h1{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.45!important;letter-spacing:-.015em;max-width:30ch;margin:16px 0!important}
.hta-clarity .hta-reader-heading .hta-article-description{font-size:18px;line-height:1.85;max-width:65ch;color:var(--htax-muted)}
.hta-clarity .hta-reader-meta{font-size:14px;line-height:1.8;gap:8px 20px;border-top:1px solid var(--htax-line);padding-top:16px}
.hta-clarity .hta-article-content{min-width:0}
.hta-clarity .hta-article-content :is(p,li){line-height:1.95}
.hta-clarity .hta-article-content :is(h2,h3){line-height:1.6;scroll-margin-top:110px}
.hta-clarity .hta-article-content h2{margin-top:2.1em;margin-bottom:.8em;font-size:clamp(23px,2vw,30px)}
.hta-clarity .hta-article-content p+p{margin-top:1.15em}
.hta-clarity .hta-article-content :is(.hta-article-sources,.hta-story-next){font-size:15px}
.hta-clarity .hta-article-content img{max-width:100%;height:auto}
/* Services and workspace: work first, configuration second. */
.hta-clarity .htaw-heading{padding-block:32px}
.hta-clarity .htaw-heading-member{padding-block:28px 24px}
.hta-clarity .htaw-heading-member h1{font-size:clamp(30px,3.3vw,44px);line-height:1.4}
.hta-clarity .htaw-heading-member h1 em{font-size:20px;line-height:1.6;margin-top:8px;color:var(--htax-muted)}
.hta-clarity .htaw-heading-member p{max-width:70ch;font-size:16px;margin-bottom:0}
.hta-clarity .htaw-orbit{font-size:64px;margin-inline:20px}
.hta-clarity .htaw-service-card{padding:28px;background:#fff}
.hta-clarity .htaw-service-card h2{font-size:25px}
.hta-clarity .htaw-service-card>p:not(.htaw-kicker){font-size:16px;line-height:1.85}
.hta-clarity .htaw-service-card .htaw-text-link{min-height:44px;align-items:center}
.hta-clarity .htaw-demo-nav{padding:8px;background:var(--htax-soft);border:1px solid var(--htax-line);border-radius:18px;gap:6px}
.hta-clarity .htaw-demo-nav a{flex:1;min-height:50px;justify-content:center;font-size:15px;border:0;background:transparent;border-radius:12px;line-height:1.5}
.hta-clarity .htaw-demo-nav a[aria-current=page]{background:var(--htax-ink);color:white}
.hta-clarity .htaw-config-nav{margin:16px 0}
.hta-clarity .htaw-config-nav a{font-size:14px;min-height:46px}
.hta-clarity .htax-utility{margin:16px 0 24px;border-bottom:1px solid var(--htax-line)}
.hta-clarity .htax-utility>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:12px 2px;font-size:15px;font-weight:500;color:var(--htax-ink)}
.hta-clarity .htax-utility>summary::-webkit-details-marker{display:none}
.hta-clarity .htax-utility>summary:after{content:'+';font:400 24px/1 sans-serif;color:var(--htax-blue)}
.hta-clarity .htax-utility[open]>summary:after{content:'−'}
.hta-clarity .htax-utility .htaw-config-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0 0 18px;white-space:normal}
.hta-clarity .htax-utility .htaw-config-nav a{border-radius:12px;white-space:normal;text-align:center}
.hta-clarity .htaw :is(.htaw-note,.htaw-kpis small,.htaw-demo-toolbar p>span,.htaw-lead-list small,.htaw-conversation small){font-size:14px!important;line-height:1.7}
.hta-clarity .htaw :is(.htaw-kpis span,.htaw-label,label){font-size:15px;line-height:1.65}
.hta-clarity .htaw :is(.htaw-kpis,.htaw-config-card,.htaw-panel,.htaw-detail){border-radius:20px}
.hta-clarity .htaw :is(th,td){font-size:14px;line-height:1.7}
.hta-clarity .htaw-kpis b{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
/* Member forms and policy text remain native, with the same visual rhythm. */
.hta-clarity .hta-auth-card{padding:32px!important;max-width:620px;margin-inline:auto}
.hta-clarity .hta-auth-card h1{font-size:clamp(28px,3vw,38px);line-height:1.45}
.hta-clarity .hta-auth-card label,.hta-clarity .hta-auth-card>p{font-size:16px;line-height:1.8}
.hta-clarity .hta-checkout-journey{padding:18px;border-radius:18px}
.hta-clarity .hta-checkout-steps{gap:6px}
.hta-clarity .hta-checkout-steps li{font-size:12px;line-height:1.7;overflow-wrap:normal}
.hta-clarity .hta-lesson-preview{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:36px;min-width:0;max-width:1160px;margin:32px auto;padding:24px}
.hta-clarity .hta-lesson-preview-copy{min-width:0}
.hta-clarity .hta-lesson-preview h1{font-size:clamp(28px,3vw,40px);line-height:1.5;margin-block:12px 20px}
.hta-clarity .hta-lesson-preview-copy p{font-size:17px;line-height:1.85}
.hta-clarity .hta-lesson-preview-art{min-width:0;max-width:100%;border-radius:22px;overflow:hidden;background:var(--htax-soft)}
.hta-clarity .hta-lesson-preview-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hta-clarity .hta-auth-card :is(.description,small){font-size:14px;line-height:1.75}
.hta-clarity .hta-auth-card :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:50px}
.hta-clarity .hta-services-legal{max-width:76ch;line-height:1.9;margin-inline:auto}
.hta-clarity .hta-services-legal :is(p,li){font-size:17px;line-height:1.95}
.hta-clarity .hta-services-legal h2{font-size:25px;line-height:1.55;margin-top:1.8em}
/* Plans and the custom operator views share the same compact hierarchy. */
.hta-clarity .hta-plan-compare{padding-block:36px 28px}
.hta-clarity .hta-plan-compare>p{font-size:17px;line-height:1.85;max-width:62ch;margin-inline:auto}
.hta-clarity :is(.hta-sp-section,.hta-sp-report-pricing){scroll-margin-top:110px}
.hta-clarity :is(.hta-sp-offer,.hta-ux-prelaunch){border-radius:24px;box-shadow:none}
.hta-clarity .hta-ux-prelaunch p{font-size:16px;line-height:1.85}
.hta-clarity .hta-suite{font-family:Kanit,sans-serif;color:var(--htax-ink);font-size:16px}
.hta-clarity .hta-suite :is(.htas-panel,.crm-panel){border-radius:20px;border-color:var(--htax-line);box-shadow:none;padding:24px}
.hta-clarity .hta-suite :is(.htas-work-head h1,.htas-work-head h2){font-size:clamp(28px,3vw,40px);line-height:1.4}
.hta-clarity .hta-suite :is(p,label,.htas-basis,.htas-connection-note){font-size:15px;line-height:1.8}
.hta-clarity .hta-suite :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){font:16px/1.6 Kanit,sans-serif;min-height:46px;border-radius:12px;max-width:100%}
.hta-clarity .hta-suite :is(.htas-button,.button,.htas-work-nav a,.htas-section-nav a){min-height:44px;line-height:1.6;border-radius:12px;font-size:14px}
.hta-clarity .hta-suite :is(th,td){font-size:14px;line-height:1.7;padding:14px}
.hta-clarity .hta-suite details>summary{min-height:48px;cursor:pointer;line-height:1.7}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hta-clarity :is(.htaw-service-card,.htaw-config-card,.hta-public-card){transition:border-color .2s ease,box-shadow .2s ease}
 .hta-clarity :is(.htaw-service-card,.htaw-config-card,.hta-public-card):hover{border-color:#9eb8dd;box-shadow:0 12px 26px -24px #15314760}
}
@media(min-width:761px){.hta-clarity .htax-utility{border:0;margin:0 0 20px}.hta-clarity .htax-utility>summary{display:none}.hta-clarity .htax-utility .htaw-config-nav{display:flex;flex-wrap:wrap}}
@media(max-width:760px){
 .hta-clarity .hta-reading-wrap.hta-container{width:100%!important;max-width:100%!important;margin-inline:0!important;padding:20px 22px 40px!important}
 .hta-clarity .hta-reader-heading{padding-bottom:20px!important}
 .hta-clarity .hta-reader-heading h1{font-size:30px!important;line-height:1.5!important;margin-block:14px!important}
 .hta-clarity .hta-reader-heading .hta-article-description{font-size:17px;line-height:1.85}
 .hta-clarity .hta-reader-meta{font-size:13px}
 .hta-clarity .hta-library-editorial .hta-library-feature{padding:22px;gap:20px;border-radius:22px}
 .hta-clarity .hta-library-editorial .hta-library-feature h2{font-size:25px;line-height:1.55}
 .hta-clarity .hta-library-editorial .hta-library-lead{font-size:16px}
 .hta-clarity .hta-library-editorial .hta-public-card-body{padding:22px}
 .hta-clarity .hta-library-editorial .hta-public-card :is(h2,h3){font-size:22px;line-height:1.55}
 .hta-clarity .hta-library-editorial .hta-public-intro{font-size:16px}
 .hta-clarity .hta-library-editorial :is(.hta-topic-strip,.hta-access-filters){gap:6px}
 .hta-clarity .hta-library-editorial .hta-access-filters a{font-size:14px;padding-inline:14px}
 .hta-clarity .hta-page-context{padding-block:8px;margin-bottom:0}
 .hta-clarity .htaw{padding:16px 20px 40px;font-size:16px}
 .hta-clarity .htaw-heading{padding:24px 0}
 .hta-clarity .htaw-heading-member{padding:22px 0}
 .hta-clarity .htaw-heading-member h1{font-size:30px}
 .hta-clarity .htaw-heading-member h1 em{font-size:18px}
 .hta-clarity .htaw-orbit{font-size:32px;margin:8px 0 0}
 .hta-clarity .htaw-topnav{display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .hta-clarity .htaw-topnav a{font-size:14px;padding:10px;min-height:44px}
 .hta-clarity .htaw-demo-nav{grid-template-columns:1fr 1fr;display:grid;gap:6px;padding:6px}
 .hta-clarity .htaw-demo-nav a{font-size:14px;padding:12px 8px;min-height:62px;gap:8px}
 .hta-clarity .htaw-demo-nav svg{flex:none;width:18px;height:18px}
 .hta-clarity .htax-utility .htaw-config-nav{grid-template-columns:1fr 1fr}
 .hta-clarity .htaw-service-card{padding:24px}
 .hta-clarity .htaw-service-card h2{font-size:24px}
 .hta-clarity .htaw-kpis{gap:1px;grid-template-columns:1fr 1fr}
 .hta-clarity .htaw-kpis b{font-size:26px;overflow-wrap:anywhere}
 .hta-clarity .hta-auth-card{padding:24px 22px!important;border-radius:22px}
 .hta-clarity .hta-lesson-preview{display:flex;flex-direction:column;gap:24px;margin:12px auto;padding:20px}
 .hta-clarity .hta-lesson-preview-art{width:100%}
 .hta-clarity .hta-lesson-preview h1{font-size:28px}
 .hta-clarity .hta-services-legal :is(p,li){font-size:16px}
 .hta-clarity .hta-services-legal h2{font-size:23px}
 .hta-clarity .hta-plan-compare{padding-block:24px}
 .hta-clarity .hta-suite :is(.htas-panel,.crm-panel){padding:20px 16px}
}
@media(max-width:380px){.hta-clarity .hta-reading-wrap.hta-container{padding-inline:20px!important}.hta-clarity .htaw-demo-nav a{font-size:13px}.hta-clarity .hta-library-editorial .hta-access-filters a{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.hta-clarity :is(.htax-utility,.hta-auth-card,.htaw-service-card,.htaw-config-card,.hta-public-card){animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-hta-motion=off] .hta-clarity :is(.htax-utility,.hta-auth-card,.htaw-service-card,.htaw-config-card,.hta-public-card){animation:none!important;transition:none!important}
@media print{.hta-clarity .htax-utility{display:none}.hta-clarity .hta-reader-heading{padding:0!important}}
