/* Light mode follows the complete design system; dark mode retains the original palette. */
:root[data-theme="light"]{--bg:#ffffff;--surface:#f4f4f1;--line:#dcdcd6;--muted:#686863;--white:#181818;color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
.td-theme-toggle{width:46px;height:46px;min-width:46px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:transparent;border:1px solid #555;border-radius:50%;color:#f5f5f3;transition:color .2s,background .2s,border-color .2s}
.td-theme-toggle:hover{background:#222;border-color:#aaa}.td-theme-toggle svg{width:22px;height:22px}.td-theme-toggle:focus-visible{outline:2px solid var(--red);outline-offset:4px}.td-theme-moon{display:none}html[data-theme="light"] .td-theme-sun{display:none}html[data-theme="light"] .td-theme-moon{display:block}html[data-theme="light"] .td-theme-toggle{color:#222;border-color:#d4d4cd;background:#fff}html[data-theme="light"] .td-theme-toggle:hover{background:#f1f1ed;border-color:#999}

html[data-theme="light"] body{color:var(--#181818)}
html[data-theme="light"] .muted{color:#62625d}
html[data-theme="light"] .button.outline{border-color:#dcdcd6;color:var(--#181818)}
html[data-theme="light"] .light .button.outline:hover{background:#ffffff;color:#181818;border-color:#dcdcd6}
html[data-theme="light"] .light .button:hover{background:#ffffff;color:#181818;border-color:#dcdcd6}
html[data-theme="light"] .header{background:#ffffffef}
html[data-theme="light"] .brand small{color:#62625d}
html[data-theme="light"] .desktop-nav{border:1px solid #dcdcd6}
html[data-theme="light"] .desktop-nav a:hover,html[data-theme="light"] .desktop-nav a[aria-current=page]{color:#181818}
html[data-theme="light"] .desktop-nav a{color:#62625d}
html[data-theme="light"] .menu-trigger{color:#181818}
html[data-theme="light"] .mobile-toggle{border:1px solid #dcdcd6;color:#181818}
html[data-theme="light"] .mega-menu{background:#ffffff;border-block:1px solid #dcdcd6}
html[data-theme="light"] .mega-item:hover{background:#f4f4f1;border-color:#dcdcd6}
html[data-theme="light"] .mega-bottom{border-top:1px solid #dcdcd6}
html[data-theme="light"] .mega-bottom>span{color:#62625d}
html[data-theme="light"] .mobile-nav{background:#ffffff}
html[data-theme="light"] .mobile-nav>a{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .hero-eyebrow{color:#62625d}
html[data-theme="light"] .hero-intro{color:#62625d}
html[data-theme="light"] .hero-proof{color:#62625d}
html[data-theme="light"] .stars{color:#181818}
html[data-theme="light"] .hero-proof a:hover{color:#181818}
html[data-theme="light"] .orbit-label{border-top:1px solid #dcdcd6}
html[data-theme="light"] .hero-bottom{border-top:1px solid #dcdcd6}
html[data-theme="light"] .hero-bottom a{color:#62625d}
html[data-theme="light"] .metrics{border-top:1px solid #dcdcd6}
html[data-theme="light"] .metrics>div{border-right:1px solid #dcdcd6}
html[data-theme="light"] .ticker{border-block:1px solid #dcdcd6}
html[data-theme="light"] .section-note p{color:#62625d}
html[data-theme="light"] .service-card:hover{background:#ffffff;color:#181818}
html[data-theme="light"] .service-card:hover p{color:#62625d}
html[data-theme="light"] .service-card:hover .card-bottom{color:#181818}
html[data-theme="light"] .card-bottom{border-top:1px solid #dcdcd6}
html[data-theme="light"] .case-card{border:1px solid #dcdcd6;background:#ffffff}
html[data-theme="light"] .case-card:hover{border-color:#dcdcd6}
html[data-theme="light"] .case-cover{background:#f4f4f1}
html[data-theme="light"] .case-desc{color:#62625d}
html[data-theme="light"] .case-stat span{color:#62625d}
html[data-theme="light"] .about-feature{background:#ffffff}
html[data-theme="light"] .portrait-frame{background:#f4f4f1}
html[data-theme="light"] .portrait-frame>span{color:#62625d}
html[data-theme="light"] .about-copy>p:not(.eyebrow){color:#62625d}
html[data-theme="light"] .about-perks span{border-top:1px solid #dcdcd6;color:#62625d}
html[data-theme="light"] .process-grid article{border-top:1px solid #dcdcd6}
html[data-theme="light"] .blog-cover{background:#ffffff}
html[data-theme="light"] .faq-list{border-top:1px solid #dcdcd6}
html[data-theme="light"] .faq-list details{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .faq-list details p{color:#62625d}
html[data-theme="light"] .footer-top{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .footer-bottom a:hover{color:#181818}
html[data-theme="light"] .breadcrumbs span[aria-current]{color:#62625d}
html[data-theme="light"] .breadcrumbs a:hover{color:#181818}
html[data-theme="light"] .page-intro>div>p{color:#62625d}
html[data-theme="light"] .filters button,html[data-theme="light"] .filter-link{border:1px solid #dcdcd6}
html[data-theme="light"] .audience-grid>div{border:1px solid #dcdcd6}
html[data-theme="light"] .process-section{background:#ffffff}
html[data-theme="light"] .plan.featured{background:#ffffff;color:#181818;border-color:#dcdcd6}
html[data-theme="light"] .plan.featured li{border-color:#dcdcd6}
html[data-theme="light"] .case-highlight{border-block:1px solid #dcdcd6}
html[data-theme="light"] .case-large-image img{background:#ffffff}
html[data-theme="light"] .case-detail-section:nth-child(odd){background:#ffffff}
html[data-theme="light"] .prose blockquote{color:#62625d}
html[data-theme="light"] .prose td,html[data-theme="light"] .prose th{border:1px solid #dcdcd6}
html[data-theme="light"] .prose th{background:#f4f4f1;color:#181818}
html[data-theme="light"] .article-meta a{color:#181818}
html[data-theme="light"] .article-body{color:#62625d}
html[data-theme="light"] .article-body .entry>p:first-child{color:#181818}
html[data-theme="light"] .toc{border:1px solid #dcdcd6}
html[data-theme="light"] .toc a{color:#62625d;border-top:1px solid #dcdcd6}
html[data-theme="light"] .toc a:hover,html[data-theme="light"] .toc a.active{color:#181818}
html[data-theme="light"] .aside-promo{background:#f4f4f1}
html[data-theme="light"] .author-box{border:1px solid #dcdcd6;background:#ffffff}
html[data-theme="light"] .author-box img{background:#f4f4f1}
html[data-theme="light"] .tool-list{border-top:1px solid #dcdcd6}
html[data-theme="light"] .tool-list span{color:#62625d;border:1px solid #dcdcd6}
html[data-theme="light"] .lead-form label{color:#62625d}
html[data-theme="light"] .lead-form input,html[data-theme="light"] .lead-form textarea,html[data-theme="light"] .lead-form select{background:#f4f4f1;border:1px solid #dcdcd6;color:#181818}
html[data-theme="light"] .form-status{color:#62625d}
html[data-theme="light"] dialog{background:#ffffff;color:#181818;border:1px solid #dcdcd6}
html[data-theme="light"] .dialog-close{border:1px solid #dcdcd6;color:#181818}
html[data-theme="light"] .nav-icon-box{border:1px solid #dcdcd6;color:#181818}
html[data-theme="light"] .blog-menu-head{color:#62625d}
html[data-theme="light"] .blog-menu-card{border:1px solid #dcdcd6}
html[data-theme="light"] .blog-menu-card:hover{background:#f4f4f1}
html[data-theme="light"] .menu-card-label{color:#62625d}
html[data-theme="light"] .blog-menu-card p{color:#62625d}
html[data-theme="light"] .menu-card-action{border-top:1px solid #dcdcd6}
html[data-theme="light"] .mobile-blog{border-block:1px solid #dcdcd6}
html[data-theme="light"] .mobile-blog p{color:#62625d}
html[data-theme="light"] .knowledge-tabs a[aria-current],html[data-theme="light"] .knowledge-tabs a:hover{background:#ffffff;color:#181818;border-color:#dcdcd6}
html[data-theme="light"] .wiki-term:hover{border-color:#dcdcd6}
html[data-theme="light"] .checklist-card:hover{border-color:#dcdcd6}
html[data-theme="light"] .check-dashboard{background:#ffffff;color:#181818}
html[data-theme="light"] .check-progress{background:#e8e8e3}
html[data-theme="light"] .check-dashboard small{color:#62625d}
html[data-theme="light"] .check-actions .text-link{color:#62625d}
html[data-theme="light"] .check-filters button[aria-pressed=true]{background:#ffffff;color:#181818;border-color:#dcdcd6}
html[data-theme="light"] .priority.important{background:#f4f4f1;color:#181818}
html[data-theme="light"] .portfolio-page{background:#ffffff}
html[data-theme="light"] .portfolio-title{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .portfolio-tag{border:1px solid #dcdcd6}
html[data-theme="light"] .portfolio-cover{background:#ffffff}
html[data-theme="light"] .portfolio-result-cover{border:1px solid #dcdcd6;background:#ffffff}
html[data-theme="light"] .portfolio-result-cover p{color:#62625d}
html[data-theme="light"] .portfolio-overview p:not(.eyebrow){color:#62625d}
html[data-theme="light"] .portfolio-overview dl>div{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .portfolio-table th,html[data-theme="light"] .portfolio-table td{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .portfolio-table thead th{color:#62625d}
html[data-theme="light"] .portfolio-table tbody th{color:#62625d}
html[data-theme="light"] .result-value{color:#181818}
html[data-theme="light"] .position-value{background:#f4f4f1;color:#181818}
html[data-theme="light"] .portfolio-work li{border-top:1px solid #dcdcd6;color:#62625d}
html[data-theme="light"] .portfolio-inquiry p:not(.eyebrow){color:#62625d}
html[data-theme="light"] .portfolio-inquiry .lead-form input,html[data-theme="light"] .portfolio-inquiry .lead-form select,html[data-theme="light"] .portfolio-inquiry .lead-form textarea{color:#181818;background:#ffffff}
html[data-theme="light"] .portfolio-inquiry .lead-form option{background:#ffffff;color:#181818}
html[data-theme="light"] .service-why-portrait>div{background:#ffffff;color:#181818}
html[data-theme="light"] .service-why-portrait span{color:#62625d}
html[data-theme="light"] .service-review{border:1px solid #dcdcd6;background:#ffffff}
html[data-theme="light"] .service-review blockquote{color:#62625d}
html[data-theme="light"] .service-review figcaption{border-top:1px solid #dcdcd6}
html[data-theme="light"] .review-initial{border:1px solid #dcdcd6;color:#62625d}
html[data-theme="light"] .service-review figcaption small{color:#62625d}
html[data-theme="light"] .related-service:hover{border-color:#dcdcd6}
html[data-theme="light"] .about-comparison{background:#ffffff;color:#181818}
html[data-theme="light"] .comparison-board{border:1px solid #dcdcd6}
html[data-theme="light"] .comparison-head{background:#f4f4f1;border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .comparison-head>span{color:#62625d}
html[data-theme="light"] .comparison-head small{color:#62625d}
html[data-theme="light"] .comparison-row{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .comparison-me{background:#f4f4f1}
html[data-theme="light"] .comparison-me p{color:#181818}
html[data-theme="light"] .comparison-agency p{color:#62625d}
html[data-theme="light"] .comparison-bottom p{color:#62625d}
@media(max-width:850px){html[data-theme="light"] .comparison-row>:is(h3,:where(.td-visual-h3)){background:#f4f4f1}
html[data-theme="light"] .comparison-mobile-label{color:#181818}
html[data-theme="light"] .comparison-agency .comparison-mobile-label{color:#62625d}}
html[data-theme="light"] .audience-grid .audience-label{color:#181818}
html[data-theme="light"] .morph-caption{color:#62625d}
html[data-theme="light"] .author-profile{background:#ffffff;color:#181818!important;border:1px solid #dcdcd6!important}
html[data-theme="light"] .author-profile :is(h3,:where(.td-visual-h3)){color:#181818!important}
html[data-theme="light"] .author-profile p{color:#62625d!important}
html[data-theme="light"] .author-stats span{border:1px solid #dcdcd6;color:#62625d}
html[data-theme="light"] .author-stats b{color:#181818}
html[data-theme="light"] .author-links a{color:#181818!important}
html[data-theme="light"] .rating-stars button{color:#181818}
@media(max-width:950px){html[data-theme="light"] .mobile-toggle[aria-expanded=true] span{background:#ffffff}}
html[data-theme="light"] .service-start-price{border-top:1px solid #dcdcd6}
html[data-theme="light"] .service-start-price span{color:#62625d}
html[data-theme="light"] .service-start-price strong{color:#181818}
html[data-theme="light"] .service-start-price a{color:#62625d}
html[data-theme="light"] .seo-impact-grid{border-top:1px solid #dcdcd6}
html[data-theme="light"] .seo-impact-grid article{border-right:1px solid #dcdcd6}
html[data-theme="light"] .seo-impact-grid p{color:#62625d}
html[data-theme="light"] .seo-impact-note{color:#62625d;border-top:1px solid #dcdcd6}
@media(max-width:650px){html[data-theme="light"] .seo-impact-grid article{border-bottom:1px solid #dcdcd6}}
html[data-theme="light"] .service-reading-section{border-top:1px solid #dcdcd6}
html[data-theme="light"] .service-reading-lead{color:#62625d}
html[data-theme="light"] .service-reading{border-block:1px solid #dcdcd6}
html[data-theme="light"] .service-reading>summary{color:#181818}
html[data-theme="light"] .service-reading-body p{color:#62625d}
html[data-theme="light"] .service-reading-links a{color:#181818}
html[data-theme="light"] .service-hero .service-hero-tagline{color:#62625d}
html[data-theme="light"] #mega-menu .mega-col>p{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] #mega-menu .mega-col>p a:hover{color:#181818}
html[data-theme="light"] #mega-menu .mega-item:hover{color:#181818}
html[data-theme="light"] #mega-menu .mega-item .nav-icon-box{color:#62625d}
html[data-theme="light"] .td-error-lead{color:#62625d}
html[data-theme="light"] .td-error-orbit{border:1px solid #dcdcd6}
html[data-theme="light"] .td-error-search form{border-bottom:1px solid #dcdcd6}
html[data-theme="light"] .td-error-search input{color:#181818}
html[data-theme="light"] .td-pagination .current{background:#ffffff;color:#181818}
html[data-theme="light"] .check-dashboard .check-actions .button.outline{color:#181818!important;border-color:#dcdcd6}
html[data-theme="light"] .header{background:#fffffff2;border-bottom-color:#e5e5df}
html[data-theme="light"] .header-in>.button{background:#181818;color:#fff;border-color:#181818}html[data-theme="light"] .header-in>.button:hover{background:var(--red);border-color:var(--red);color:white}
html[data-theme="light"] .mobile-toggle span{background:#171717}html[data-theme="light"] .mobile-toggle{color:#171717;border-color:#d4d4cd}
html[data-theme="light"] .portfolio-title h1{background:none;color:#171717;-webkit-text-fill-color:#171717}
html[data-theme="light"] .comparison-me{background:#fff1f2}
html[data-theme="light"] .author-profile{background-image:radial-gradient(#00000012 1.5px,transparent 1.5px)}
html[data-theme="light"] .check-dashboard .check-actions .button.outline{color:#181818!important;border-color:#a6a6a0;background:transparent}html[data-theme="light"] .check-dashboard .check-actions .button.outline:hover{color:#fff!important;background:#181818;border-color:#181818}
html[data-theme="light"] .td-error-ghost{-webkit-text-stroke-color:#d7d7d1}html[data-theme="light"] .td-error-page{background:#fff}
@media(max-width:782px){.td-theme-toggle{width:42px;height:42px;min-width:42px}.header-in{gap:12px}.header-in>.td-theme-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.td-theme-toggle{transition:none}}
html[data-theme="light"] .mobile-toggle[aria-expanded=true] span{background:#171717}
html[data-theme="light"] .knowledge-tabs a[aria-current],html[data-theme="light"] .check-filters button[aria-pressed=true],html[data-theme="light"] .td-pagination .current{background:#181818;color:#fff;border-color:#181818}

/* Keep the primary service CTA visible against the light hero. */
html[data-theme="light"] .service-hero .button:not(.outline):hover,
html[data-theme="light"] .service-hero .button:not(.outline):focus-visible{background:#c91420;border-color:#c91420;color:#fff;box-shadow:0 8px 22px #e8172220}
html[data-theme="light"] .service-hero .button:not(.outline):active{background:#ae111c;border-color:#ae111c;color:#fff}

/* 1.0.37: compact mobile sticky navigation. */
@media(max-width:950px){
 .header-in{min-height:68px;gap:8px;flex-wrap:nowrap}
 .header-in>.button{display:none}
 .header-in>.brand>span{display:none}
 .header-in>.brand>b{font-size:36px}
 .header-in>.td-header-phone{flex:1 1 auto;min-width:0;margin:0;text-align:center;font-size:14px;line-height:1.25;white-space:nowrap;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .td-header-phone .td-phone-label{font-size:11px;margin-top:2px}
 .header-in>.td-theme-toggle,.header-in>.mobile-toggle{width:44px;height:44px;min-width:44px;flex:0 0 44px;margin:0}
 .header-in>.mobile-toggle{padding:12px}
 .mobile-nav{top:68px;max-height:calc(100dvh - 68px)}
 body.admin-bar .mobile-nav{top:114px;max-height:calc(100dvh - 114px)}
}
@media(max-width:600px){body.admin-bar .mobile-nav{top:68px;max-height:calc(100dvh - 68px)}}
@media(max-width:360px){
 .header-in{gap:6px;padding-inline:12px}
 .header-in>.brand>b{font-size:32px}
 .header-in>.td-header-phone{font-size:13px}
}

/* 1.0.38: hidden phone capsule, reference option 02. */
.header-in>.td-header-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}
.td-header-phone .td-phone-capsule{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #62676b;border-radius:999px;padding:9px 14px;min-height:44px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}
.td-header-phone .td-phone-digits{display:block;font:inherit;white-space:nowrap}
.td-header-phone .td-phone-icon,.td-header-phone .td-phone-eye{display:inline-flex;flex:0 0 auto}
.td-header-phone .td-phone-icon svg,.td-header-phone .td-phone-eye svg{width:20px;height:20px}
.td-header-phone .td-phone-eye{color:var(--red)}
.td-header-phone .td-phone-label{margin:0;font-size:11px;line-height:1.2;text-decoration:none;color:var(--muted)}
.td-header-phone:hover .td-phone-capsule{border-color:var(--red);background:rgba(232,20,28,.06)}
html[data-theme="light"] .td-header-phone .td-phone-capsule{background:#fff;border-color:#bfc2c6}
@media(max-width:950px){
 .header-in>.td-header-phone{font-size:13px;gap:3px;min-height:58px}
 .td-header-phone .td-phone-capsule{padding:7px 10px;gap:6px;min-height:38px}
 .td-header-phone .td-phone-icon svg,.td-header-phone .td-phone-eye svg{width:17px;height:17px}
 .td-header-phone .td-phone-label{font-size:10px}
}
@media(max-width:360px){
 .header-in{gap:4px;padding-inline:8px}
 .header-in>.brand>b{font-size:28px}
 .header-in>.td-header-phone{font-size:11px}
 .td-header-phone .td-phone-capsule{padding-inline:7px;gap:5px}
 .td-header-phone .td-phone-icon svg,.td-header-phone .td-phone-eye svg{width:15px;height:15px}
}

/* 1.0.41: equal mobile header control heights. */
@media(max-width:950px){
 .header-in{align-items:center}
 .header-in>.td-header-phone{height:44px;min-height:44px;gap:0;line-height:1}
 .td-header-phone .td-phone-capsule{height:44px;min-height:44px;box-sizing:border-box;padding-block:0;align-items:center}
 .header-in>.td-theme-toggle,.header-in>.mobile-toggle{height:44px;min-height:44px;box-sizing:border-box;align-self:center}
}

/* 1.0.43: persistent visibility toggle and no touch focus rectangle. */
.td-header-phone .td-phone-call{color:inherit;text-decoration:none;white-space:nowrap;font:inherit}
.td-header-phone button.td-phone-eye{border:0;background:transparent;padding:0;margin:0;cursor:pointer;align-items:center;justify-content:center;width:24px;min-height:32px;flex:0 0 24px;line-height:1;-webkit-tap-highlight-color:transparent}
.header-in>.td-header-phone{ -webkit-tap-highlight-color:transparent}
@media(hover:none){
 .header-in>.td-header-phone:focus,.td-header-phone .td-phone-call:focus,.td-header-phone button.td-phone-eye:focus{outline:none;box-shadow:none}
 .header-in>.td-header-phone:hover{color:var(--white)}
 .td-header-phone:hover .td-phone-capsule{border-color:#62676b;background:rgba(255,255,255,.025)}
 html[data-theme="light"] .header-in>.td-header-phone:hover{color:#181818}
 html[data-theme="light"] .td-header-phone:hover .td-phone-capsule{border-color:#bfc2c6;background:#fff}
}
@media(hover:hover){.td-header-phone .td-phone-call:focus-visible,.td-header-phone button.td-phone-eye:focus-visible{outline:2px solid var(--red);outline-offset:3px}}

/* 1.0.45: reserve identical number and eye slots in both visibility states. */
.td-header-phone .td-phone-digits,.td-header-phone .td-phone-call{display:inline-grid;grid-template-areas:"number";font:inherit;letter-spacing:inherit;white-space:nowrap;text-align:center}
.td-header-phone .td-phone-digits>span,.td-header-phone .td-phone-call>span{grid-area:number}
.td-header-phone .td-phone-size{visibility:hidden;pointer-events:none;user-select:none}
.td-header-phone .td-phone-eye{width:24px;flex:0 0 24px;min-height:32px;align-items:center;justify-content:center}

/* 1.0.46: dark mobile menu and matching header in either page theme. */
@media(max-width:950px){
 html body.menu-locked .header,html body.menu-locked .mobile-nav{--white:#f5f5f3;--muted:#aaa;--line:#2e2e2e;background:#080808;color:#f5f5f3;color-scheme:dark}
 html body.menu-locked .header{border-bottom-color:#2e2e2e}
 html body.menu-locked .header .brand>b,html body.menu-locked .header-in>.td-header-phone,html body.menu-locked .header-in>.td-header-phone:hover{color:#f5f5f3}
 html body.menu-locked .header .td-theme-toggle{color:#f5f5f3;background:transparent;border-color:#62676b}
 html body.menu-locked .header .td-theme-toggle:hover{background:#222;border-color:#aaa}
 html body.menu-locked .header .mobile-toggle{color:#f5f5f3;border-color:#62676b}
 html body.menu-locked .header .mobile-toggle span{background:#f5f5f3}
 html body.menu-locked .header .td-phone-capsule,html body.menu-locked .header .td-header-phone:hover .td-phone-capsule{background:rgba(255,255,255,.025);border-color:#62676b}
 html body.menu-locked .mobile-links>a,html body.menu-locked .mobile-links summary,html body.menu-locked .mobile-submenu{border-bottom-color:#2e2e2e}
 html body.menu-locked .mobile-links small,html body.menu-locked .mobile-service-icon{color:#999}
 html body.menu-locked .mobile-group-links .mobile-service-link{color:#ccc}
 html body.menu-locked .mobile-links a:hover,html body.menu-locked .mobile-links a[aria-current=page],html body.menu-locked .mobile-service-link:hover .mobile-service-icon{color:var(--red)}
 html body.menu-locked .mobile-actions>button{background:transparent;color:var(--red);border-color:var(--red)}
 html body.menu-locked .mobile-actions>button:hover{background:var(--red);color:#fff}
}

/* 1.0.47: always-dark header, independent of the page theme. */
html:is([data-theme],:root) body .header{--white:#f5f5f3;--muted:#aaa;background:#080808;color:#f5f5f3;border-bottom-color:#2e2e2e;color-scheme:dark}
html:is([data-theme],:root) body .header .brand>b,html:is([data-theme],:root) body .header .brand>span{color:#f5f5f3}
html:is([data-theme],:root) body .header .brand small{color:#929292}
html:is([data-theme],:root) body .header-in>.td-header-phone,html:is([data-theme],:root) body .header-in>.td-header-phone:hover{color:#f5f5f3}
html:is([data-theme],:root) body .header .td-phone-capsule,html:is([data-theme],:root) body .header .td-header-phone:hover .td-phone-capsule{background:rgba(255,255,255,.025);border-color:#62676b}
html:is([data-theme],:root) body .header .td-theme-toggle{color:#f5f5f3;background:transparent;border-color:#62676b}
html:is([data-theme],:root) body .header .td-theme-toggle:hover{background:#222;border-color:#aaa}
html:is([data-theme],:root) body .header .mobile-toggle{color:#f5f5f3;border-color:#62676b}
html:is([data-theme],:root) body .header .mobile-toggle span{background:#f5f5f3}
html:is([data-theme],:root) body .header .desktop-nav{border-color:#414141}
html:is([data-theme],:root) body .header .desktop-nav a{color:#bbb}
html:is([data-theme],:root) body .header .desktop-nav a:hover,html:is([data-theme],:root) body .header .desktop-nav a[aria-current=page],html:is([data-theme],:root) body .header .menu-trigger{color:#f5f5f3}
html:is([data-theme],:root) body .header-in>.button{background:#f2f2ef;color:#111;border-color:#f2f2ef}
html:is([data-theme],:root) body .header-in>.button:hover{background:var(--red);color:#fff;border-color:var(--red)}
html[data-theme="light"] body .header .mega-menu{--white:#181818;--muted:#686863;color:#181818;color-scheme:light}

/* 1.0.48: keep the logo row dark while either navigation panel is open. */
html:is([data-theme],:root) body .header:has(.mobile-toggle[aria-expanded=true]),
html:is([data-theme],:root) body .header:has(.menu-trigger[aria-expanded=true]){background:#080808;color:#f5f5f3}

/* 1.0.49: ticker follows the site's display typography. */
.ticker span{font-family:'Unbounded',var(--font);font-size:22px;font-weight:400;letter-spacing:-.025em;line-height:1.4}
.ticker>div{gap:36px}
@media(max-width:650px){.ticker span{font-size:16px}.ticker>div{gap:24px}}
/* Blog posts use a light reading surface in both site themes. */
html .page-blog:has(.article-body) main{background:#f4f4f1;color:#242424;--muted:#62625d;--line:#dcdcd6}
html .page-blog:has(.article-body) :is(.page-hero,.article-meta,.article-section){color:#242424}
html .page-blog:has(.article-body) .page-hero :is(h1,h2,h3){color:#181818}
html .page-blog:has(.article-body) :is(.page-intro>div>p,.longread-intro,.article-meta){color:#62625d}
html .page-blog:has(.article-body) :is(.article-meta a,.breadcrumbs a,.breadcrumbs span[aria-current]){color:#242424}
html .page-blog .article-section .article-body{background:#fff;color:#303030;border:1px solid #dcdcd6;border-radius:18px;padding:40px;max-width:none}
html .page-blog .article-body .entry>p:first-child{color:#242424}
html .page-blog .article-body :is(h2,h3,h4,.td-visual-h2,.td-visual-h3,strong){color:#181818}
html .page-blog .article-body a{color:#ad101a}
html .page-blog .article-body :is(blockquote,pre){background:#f4f4f1;color:#303030;border-color:#dcdcd6;border-left-color:#d71925}
html .page-blog .article-body code{background:#efefec;color:#303030}
html .page-blog .article-body :is(td,th){border-color:#dcdcd6;color:#303030}
html .page-blog .article-body th{background:#f4f4f1;color:#181818}
html .page-blog .article-body figcaption{color:#62625d}
html .page-blog .article-aside :is(.toc,.aside-promo){background:#fff;border:1px solid #dcdcd6;color:#242424}
html .page-blog .toc a{color:#4c4c4c;border-color:#dcdcd6}
html .page-blog .toc :is(a:hover,a.active){color:#ad101a}
html .page-blog .article-aside .aside-promo :is(p,h2,h3){color:#242424}
html .page-blog .article-body .author-box{background:#f4f4f1;border-color:#dcdcd6;color:#242424}
html .page-blog .article-body .author-box p:not(.eyebrow),html .page-blog .author-stats span{color:#62625d}
html .page-blog .article-body .tool-list{border-color:#dcdcd6}
html .page-blog .article-body .tool-list span{color:#62625d;border-color:#dcdcd6}
@media(max-width:650px){html .page-blog .article-section .article-body{padding:25px 22px;border-radius:12px}}
/* Keep light article panels inside the mobile flex column; tables scroll locally. */
html .page-blog .article-section .article-layout>.article-body{width:100%;min-width:0;max-width:100%}

/* Checklist controls sit on a light reading surface in both site themes. */
html .check-filters button{
 background:#fff;color:#242424;border:1px solid #aaa;opacity:1;
 transition:background .2s,color .2s,border-color .2s;
}
html .check-filters button:hover{
 background:#eee;color:#171717;border-color:#777;
}
html .check-filters button[aria-pressed="true"],
html[data-theme="light"] .check-filters button[aria-pressed="true"]{
 background:#181818;color:#fff;border-color:#181818;
}
html .check-filters button:focus-visible{
 outline:3px solid #b81020;outline-offset:3px;
}