/* Hallmark · reference system: Extech native components · design-system: design.md */
/* Pre-emit critique: P4 H5 E4 S5 R4 V4. Native CSS owns typography, colours, spacing and states. */
html,body{overflow-x:clip}h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;min-width:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:2000;padding:12px 20px;background:var(--white);color:var(--header)}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--theme-color3);outline-offset:4px}.sidebar__toggle{background:transparent;border:0;padding:0}.header-main .main-menu ul li:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}.content-body p a:not([class]){color:var(--theme);text-decoration:underline;text-underline-offset:3px}.content-body .text-white a:not([class]){color:var(--white)}.content-body .details-content>ul{list-style:disc;padding-left:24px;margin-bottom:24px}.details-content>h3{margin-top:24px}.contact-form-items .form-clt label{display:block}.contact-form-items .form-clt select{width:100%;border:1px solid var(--border-color);color:var(--text-color);padding:18px 20px;border-radius:5px;background:var(--white);font-family:var(--body-font);font-size:16px;line-height:26px}.contact-wrapper-2 .nice-select{float:none;width:100%;height:auto;line-height:26px;padding:18px 35px 18px 20px;border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);background:var(--white);white-space:normal}.contact-wrapper-2 .nice-select .list{max-width:100%;width:100%;max-height:300px;overflow-y:auto}.contact-wrapper-2 .nice-select .option{white-space:normal;line-height:1.5;padding-top:8px;padding-bottom:8px}.contact-info-area .content,.contact-info-items .content{min-width:0}.contact-info-area .content a,.contact-info-items .content a{overflow-wrap:anywhere}.pricing-items .tag h6{overflow-wrap:anywhere}.pricing-items .pricing-list p{margin-bottom:20px}.pricing-items .pricing-btn,.gt-btn,.theme-btn{max-width:100%}.service-card .link-btn{max-width:100%;white-space:normal}.contact-form-items textarea{min-height:180px}.cta-wrap.style1 .text-white{color:var(--white)}.news-card-items .news-content>p{margin-bottom:20px}.error-image img{max-width:100%}
@media(max-width:767px){.hero-content.style1 .subtitle{white-space:normal}.contact-meta{flex-wrap:wrap}.gt-btn,.theme-btn,.pricing-btn{text-align:center;overflow-wrap:anywhere}.hero-thumb.style1 .main-thumb img{max-width:100%}.main-sidebar .widget-categories li a{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Preserve semantic heading levels while using the reference's H3 detail/FAQ metrics. */
.faq-content .accordion-header{line-height:30px}.service-details-wrapper .service-details-items .details-content h2.reference-detail-heading{font-size:30px;line-height:1.278}
@media(max-width:767px){.service-details-wrapper .service-details-items .details-content h2.reference-detail-heading{font-size:26px}}
@media(max-width:575px){.service-details-wrapper .service-details-items .details-content h2.reference-detail-heading{font-size:24px}}
/* Semantic contact links retain the reference footer's white contact-text treatment. */
.widget.footer-widget .checklist a:not(.gt-btn){color:var(--white-color)}
/* Use the native reference H3 metrics for semantic H2 insight-card headings. */
.news-card-items .news-content h2.insight-title{font-size:30px;line-height:1.278;font-weight:700;margin-bottom:5px}.news-card-items .news-content h2.insight-title a{color:var(--title-color)}.news-card-items .news-content h2.insight-title a:hover{color:var(--theme)}
@media(max-width:767px){.news-card-items .news-content h2.insight-title{font-size:26px}}
/* Keep the header CTA clean at wide desktop widths: no detached triangle or oversized blue panel. */
.header-3::before,.header-3 .header-main .header-right .header-button::before{display:none!important}
.header-3 .header-main .header-right .header-button{margin-left:0}
.header-3 .header-main .header-right .header-button .theme-btn{background-color:var(--theme)!important;color:var(--white)}