/*
 * ANRAN DHT full-site visual polish — selected cyan-green version 2
 * Layout, hierarchy and component refinement for every page family.
 * Flat surfaces only: no fluorescent effects and no decorative gradients.
 */

html[data-page-family]{
  --site-content:1180px;
  --site-section-y:74px;
  --site-panel:#f7faf8;
  --site-panel-soft:#e9f2ee;
  --site-panel-strong:#d2e3dc;
  --site-line:#a6c4b8;
  --site-line-strong:#82ad9d;
  --site-shadow:0 10px 28px rgba(15,79,64,.08);
  scroll-padding-top:86px;
}

html[data-page-family] body{
  font-family:'Segoe UI Variable','Segoe UI','PingFang SC','Noto Sans SC','Microsoft YaHei',Arial,sans-serif;
  font-feature-settings:'kern' 1,'liga' 1;
  text-rendering:optimizeLegibility;
}

html[data-page-family] :is(h1,h2,h3){text-wrap:balance}
html[data-page-family] :is(p,li,figcaption){text-wrap:pretty}
html[data-page-family] :is(code,table,.dht-card-index,[class*="-result-value"],[class*="-summary-v"]){font-variant-numeric:tabular-nums}
html[data-page-family] :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid rgba(16,208,144,.34);
  outline-offset:3px;
}

/* Shared navigation, buttons and footer */
html[data-page-family] .nav{height:70px;padding-inline:clamp(22px,3vw,44px)}
html[data-page-family] .nav-links{gap:clamp(12px,1.45vw,22px)}
html[data-page-family] .nav-links a:not(.nav-cta){font-weight:680;letter-spacing:.35px}
html[data-page-family] .dht-btn,
html[data-page-family] .nav-links a.nav-cta{
  border-radius:6px;
  transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;
}
html[data-page-family] :is(.dht-btn,.nav-links a.nav-cta):active{transform:translateY(1px)}
html[data-page-family] .footer{padding-top:66px}
html[data-page-family] .footer-inner{max-width:var(--site-content)}
html[data-page-family] .footer-col a{line-height:1.9}

/* Inner-page hero: compact, readable and consistent */
html[data-page-family]:not([data-page-family="home"]):not([data-page-family="tools-index"]):not([data-page-family="calculator"]) .dht-page-hero{
  min-height:368px;
  padding:132px 32px 58px;
  display:grid;
  align-items:end;
  border-bottom:1px solid rgba(16,208,144,.34);
}
html[data-page-family] .dht-page-hero-inner{width:100%;max-width:var(--site-content)}
html[data-page-family] .dht-breadcrumb{margin-bottom:22px}
html[data-page-family] .dht-page-hero .dht-kicker{margin-bottom:18px}
html[data-page-family] .dht-page-hero h1{
  max-width:1040px;
  margin-bottom:16px;
  font-size:clamp(2.7rem,4.65vw,4.35rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
html[lang="zh-CN"][data-page-family] .dht-page-hero h1{
  max-width:1120px;
  font-size:clamp(2.7rem,4.25vw,4rem);
  letter-spacing:-.035em;
}
html[data-page-family] .dht-page-hero p{max-width:70ch;font-size:1.06rem;line-height:1.7}

/* Shared section rhythm */
html[data-page-family]:not([data-page-family="home"]):not([data-page-family="tools-index"]):not([data-page-family="calculator"]) .dht-section{
  max-width:var(--site-content);
  padding:var(--site-section-y) 30px 82px;
}
html[data-page-family] .dht-section-wide{max-width:none}
html[data-page-family] .dht-section-wide>.dht-shell,
html[data-page-family] .dht-video-section>.dht-shell{max-width:var(--site-content)}
html[data-page-family] .dht-eyebrow{margin-bottom:12px;letter-spacing:1.65px}
html[data-page-family] .dht-heading{
  max-width:880px;
  font-size:clamp(2.15rem,3.7vw,3.35rem);
  line-height:1.08;
}
html[data-page-family] .dht-intro{max-width:68ch;margin-top:16px;font-size:1rem;line-height:1.72}
html[data-page-family] .dht-section-head{margin-bottom:34px}

/* Catalogue pages: deliberate asymmetric grid, less empty card space */
html[data-page-family$="catalog"] .dht-catalog{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  margin-top:0;
}
html[data-page-family$="catalog"] .dht-catalog-card{
  grid-column:span 6;
  min-height:252px;
  padding:28px 30px 26px;
  border:1px solid var(--site-line);
  border-top:3px solid var(--accent);
  border-radius:8px;
  box-shadow:0 4px 14px rgba(15,79,64,.045);
}
html[data-page-family$="catalog"] .dht-catalog-card:nth-child(4n+1),
html[data-page-family$="catalog"] .dht-catalog-card:nth-child(4n){grid-column:span 7}
html[data-page-family$="catalog"] .dht-catalog-card:nth-child(4n+2),
html[data-page-family$="catalog"] .dht-catalog-card:nth-child(4n+3){grid-column:span 5}
html[data-page-family$="catalog"] .dht-catalog-card .dht-card-index{margin-bottom:24px}
html[data-page-family$="catalog"] .dht-catalog-card :is(h2,h3){font-size:1.52rem;line-height:1.2}
html[data-page-family$="catalog"] .dht-catalog-card p{max-width:62ch;font-size:.9rem;line-height:1.68}
html[data-page-family$="catalog"] .dht-catalog-card .dht-card-link{padding-top:20px}
html[data-page-family$="catalog"] .dht-catalog-card:hover{
  transform:translateY(-3px);
  border-color:var(--site-line-strong);
  box-shadow:var(--site-shadow);
}

/* Data-entry, trust and process blocks */
html[data-page-family] .dht-input-grid,
html[data-page-family] .dht-trust-grid{
  margin-top:34px;
  border-color:var(--site-line);
  background:var(--site-line);
}
html[data-page-family] :is(.dht-input,.dht-input-card,.dht-trust-card){
  min-height:132px;
  padding:23px 24px;
  background:var(--site-panel);
}
html[data-page-family] :is(.dht-input,.dht-input-card,.dht-trust-card):nth-child(even){background:#f0f6f3}
html[data-page-family] .dht-input h3{margin:22px 0 7px}
html[data-page-family] :is(.dht-input,.dht-input-card,.dht-trust-card) p{font-size:.84rem;line-height:1.66}
html[data-page-family] .dht-process-grid{margin-top:34px;border-color:var(--site-line)}
html[data-page-family] .dht-step{
  min-height:190px;
  padding:23px;
  border-color:var(--site-line);
  background:rgba(247,250,248,.72);
}
html[data-page-family] .dht-step h3{margin:34px 0 9px;font-size:1.02rem}
html[data-page-family] .dht-step p{font-size:.82rem;line-height:1.62}

/* Proof, image and evidence layouts */
html[data-page-family] .dht-proof-grid{gap:16px;margin-top:34px;grid-template-columns:1.15fr .85fr}
html[data-page-family] :is(.dht-proof-image,.dht-proof-media){min-height:430px;border-radius:8px}
html[data-page-family] :is(.dht-proof-panel,.dht-proof-copy){
  padding:30px;
  border-radius:8px;
  border-color:var(--site-line);
  background:var(--site-panel);
}
html[data-page-family] .dht-boundary-note{margin-top:22px;padding:17px 18px;border-radius:0 6px 6px 0}

/* FAQ, video and conversion blocks */
html[data-page-family] .dht-faq-compact{margin-top:32px;gap:10px}
html[data-page-family] .dht-faq-compact details{
  padding:18px 20px;
  border-color:var(--site-line);
  border-radius:7px;
  transition:border-color .2s,background-color .2s;
}
html[data-page-family] .dht-faq-compact details:hover{border-color:var(--site-line-strong);background:#fff}
html[data-page-family] .dht-video-section{padding-top:78px;padding-bottom:82px}
html[data-page-family] .dht-video-grid{margin-top:34px}
html[data-page-family] .dht-video-card{border-radius:8px;box-shadow:0 18px 44px rgba(6,38,29,.2)}
html[data-page-family] .dht-video-caption{padding:22px 24px 24px}
html[data-page-family] .dht-cta{
  max-width:var(--site-content);
  margin:0 auto 74px;
  padding:44px 48px;
  border-radius:8px;
}
html[data-page-family] .dht-cta h2{font-size:clamp(1.8rem,3vw,2.65rem)}

/* Product data pages: preserve curves and series colours, refine surrounding UI */
html[data-page-family="product-detail"] .dht-hcci-data-head{gap:38px}
html[data-page-family="product-detail"] .dht-hcci-provenance{margin:30px 0 18px}
html[data-page-family="product-detail"] .dht-hcci-toolbar{margin:24px 0 12px}
html[data-page-family="product-detail"] .dht-hcci-selector{gap:8px}
html[data-page-family="product-detail"] .dht-hcci-series-button{min-height:94px;padding:15px}
html[data-page-family="product-detail"] .dht-hcci-chart-card{border-radius:8px;box-shadow:0 8px 22px rgba(15,79,64,.06)}
html[data-page-family="product-detail"] .dht-hcci-chart-heading{padding:20px 22px 12px}
html[data-page-family="product-detail"] .dht-hcci-table-wrap{border-radius:8px}

/* About and privacy */
html[data-page-family="corporate"] .dht-trust-grid{grid-template-columns:repeat(3,1fr)}
html[data-page-family="corporate"] .dht-trust-card{min-height:178px}
html[data-page-family="privacy"] .dht-trust-grid{grid-template-columns:repeat(6,1fr)}
html[data-page-family="privacy"] .dht-trust-card{grid-column:span 2;min-height:196px}
html[data-page-family="privacy"] .dht-trust-card:nth-child(4),
html[data-page-family="privacy"] .dht-trust-card:nth-child(5){grid-column:span 3}
html[data-page-family="privacy"] .dht-note{margin-top:18px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--site-panel-strong)}

/* Contact form */
html[data-page-family="contact"] .dht-form-layout{
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  gap:28px;
}
html[data-page-family="contact"] :is(.dht-contact-panel,.dht-rfq){
  border-color:var(--site-line);
  border-radius:8px;
  box-shadow:0 6px 20px rgba(15,79,64,.055);
}
html[data-page-family="contact"] .dht-contact-panel{padding:26px}
html[data-page-family="contact"] .dht-rfq{padding:30px 32px 34px}
html[data-page-family="contact"] .dht-form-grid{gap:16px}
html[data-page-family="contact"] .dht-field label{font-size:.7rem;color:var(--t2)}
html[data-page-family="contact"] .dht-field :is(input,select,textarea){
  border-color:var(--site-line);
  border-radius:6px;
  background:#fff;
}
html[data-page-family="contact"] .dht-field :is(input,select){min-height:44px}
html[data-page-family="contact"] .dht-contact-link{background:#fff;border-color:var(--site-line)}
html[data-page-family="contact"] .dht-form-layout--simple{display:block;max-width:760px;margin-inline:auto}
html[data-page-family="contact"] .dht-rfq--simple{padding:38px 40px 34px}
html[data-page-family="contact"] .dht-rfq--simple .dht-form-grid{grid-template-columns:1fr;gap:18px}
html[data-page-family="contact"] .dht-rfq--simple .dht-field-full{grid-column:auto}
html[data-page-family="contact"] .dht-rfq--simple .dht-field textarea{min-height:190px;line-height:1.65}
html[data-page-family="contact"] .dht-rfq--simple .dht-form-actions{margin-top:24px}
html[data-page-family="contact"] .dht-rfq--simple .dht-btn-primary{min-width:180px}
html[data-page-family="contact"] .dht-rfq--simple .dht-note{margin-top:22px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--site-panel-strong);color:var(--t3);font-size:.76rem;line-height:1.65}
html[data-page-family="contact"] .dht-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Tool index: readable SEO copy and a non-generic tool grid */
html[data-page-family="tools-index"] .dt-hero{
  padding:128px 24px 54px;
  border-bottom-color:rgba(16,208,144,.34);
  background:var(--dht-dark);
}
html[data-page-family="tools-index"] .dt-hero h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.06}
html[data-page-family="tools-index"] .dt-hero p{max-width:70ch;color:rgba(255,255,255,.74);line-height:1.7}
html[data-page-family="tools-index"] .dt-hero .dt-tag{border-radius:5px;background:rgba(16,208,144,.13)}
html[data-page-family="tools-index"] .sec{max-width:var(--site-content);margin-inline:auto}
html[data-page-family="tools-index"] .dt-flow{margin-bottom:30px}
html[data-page-family="tools-index"] .dt-grid{
  max-width:var(--site-content);
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  padding:0 28px 60px;
}
html[data-page-family="tools-index"] .dt-card{
  grid-column:span 6;
  min-height:230px;
  padding:26px 25px;
  border-radius:8px;
  border-color:var(--site-line);
  border-top:3px solid var(--accent);
  box-shadow:0 4px 14px rgba(15,79,64,.04);
}
html[data-page-family="tools-index"] .dt-card:nth-child(4n+1),
html[data-page-family="tools-index"] .dt-card:nth-child(4n){grid-column:span 7}
html[data-page-family="tools-index"] .dt-card:nth-child(4n+2),
html[data-page-family="tools-index"] .dt-card:nth-child(4n+3){grid-column:span 5}
html[data-page-family="tools-index"] .dt-card-icon{width:44px;height:44px;border-radius:7px;margin-bottom:18px}
html[data-page-family="tools-index"] .dt-card h3{font-size:1.22rem;line-height:1.25}
html[data-page-family="tools-index"] .dt-card .dt-card-desc{font-size:.91rem;line-height:1.62}
html[data-page-family="tools-index"] .dt-card:hover{transform:translateY(-3px);box-shadow:var(--site-shadow)}
html[data-page-family="tools-index"] .dt-seo{
  max-width:var(--site-content);
  margin:0 auto 72px;
  padding:34px 38px;
  border:1px solid var(--site-line);
  border-left:4px solid var(--accent);
  border-radius:8px;
  background:var(--site-panel-strong);
}
html[data-page-family="tools-index"] .dt-seo h2{color:var(--ink);font-size:1.5rem}
html[data-page-family="tools-index"] .dt-seo :is(p,ul){color:var(--t2);font-size:.92rem;line-height:1.76}

/* Six calculator families: one visual system without touching calculations */
html[data-page-family="calculator"] :is(.di-page,.ce-page,.hv-page,.ha-page,.mw-page,.ms-page){
  padding-top:70px;
  background:var(--bg);
}
html[data-page-family="calculator"] :is(.di-hero,.ce-hero,.hv-hero,.ha-hero,.mw-hero,.ms-hero){
  max-width:var(--site-content);
  margin:0 auto;
  padding:48px 28px 30px;
  text-align:left;
  border-bottom:1px solid var(--site-line);
  background:none;
}
html[data-page-family="calculator"] :is(.di-hero,.ce-hero,.hv-hero,.ha-hero,.mw-hero,.ms-hero)::before{display:none}
html[data-page-family="calculator"] :is(.di-hero,.ce-hero,.hv-hero,.ha-hero,.mw-hero,.ms-hero) h1{
  max-width:920px;
  margin:0 0 12px;
  font-size:clamp(2.15rem,3.8vw,3.45rem);
  line-height:1.08;
  letter-spacing:-.035em;
  color:var(--ink);
}
html[data-page-family="calculator"] :is(.di-hero-sub,.ce-hero-sub,.hv-hero-sub,.ha-hero-sub,.mw-hero-sub,.ms-hero-sub){
  max-width:72ch;
  margin:0 0 22px;
  text-align:left;
  color:var(--t3);
  font-size:.98rem;
  line-height:1.72;
}
html[data-page-family="calculator"] :is(.di-formula,.ce-formulas,.hv-def,.mw-formula,.ms-hero-tag){
  margin-left:0;
  margin-right:0;
  border-radius:7px;
  background:var(--site-panel-strong);
  border-color:var(--site-line);
}
html[data-page-family="calculator"] .rigor-method-grid{margin-top:18px;gap:1px;background:var(--site-line);border:1px solid var(--site-line)}
html[data-page-family="calculator"] .rigor-method-item{border:0;border-radius:0;background:var(--site-panel);padding:14px 16px}
html[data-page-family="calculator"] :is(.di-main,.ce-main,.hv-main,.ha-main,.mw-main,.ms-main){
  max-width:var(--site-content);
  margin:0 auto;
  padding:30px 28px 54px;
  gap:18px;
}
html[data-page-family="calculator"] :is(.di-main,.ce-main,.hv-main,.ha-main,.mw-main,.ms-main)::before{display:none}
html[data-page-family="calculator"] :is(.di-panel,.ce-panel,.hv-panel,.ha-panel,.mw-panel,.ms-panel){
  overflow:hidden;
  border:1px solid var(--site-line);
  border-radius:8px;
  background:var(--site-panel);
  box-shadow:0 7px 22px rgba(15,79,64,.065);
}
html[data-page-family="calculator"] :is(.di-panel,.ce-panel,.hv-panel,.ha-panel,.mw-panel,.ms-panel)::after{display:none}
html[data-page-family="calculator"] :is(.di-panel-head,.ce-panel-head,.hv-panel-head,.ha-panel-head,.mw-panel-head,.ms-panel-head){
  min-height:44px;
  padding:14px 20px;
  border-bottom:1px solid var(--site-line);
  background:var(--site-panel-strong);
  color:var(--ink);
  font-size:.78rem;
}
html[data-page-family="calculator"] :is(.di-panel-body,.ce-panel-body,.hv-panel-body,.ha-panel-body,.mw-panel-body,.ms-panel-body){padding:22px}
html[data-page-family="calculator"] :is(input[type="number"],input[type="text"],select){background:#fff;border-color:var(--site-line)}
html[data-page-family="calculator"] :is(.di-result-value,.ce-result-value,.hv-result-value,.ha-result-value,.mw-result-value,.ms-summary-v){color:var(--accent)}
html[data-page-family="calculator"] :is(.di-related,.ce-related,.hv-related,.ha-related,.mw-related,.ms-related){
  max-width:var(--site-content);
  padding:0 28px 58px;
}
html[data-page-family="calculator"] :is(.di-related-grid,.ce-related-grid,.hv-related-grid,.ha-related-grid,.mw-related-grid,.ms-related-grid){gap:10px}
html[data-page-family="calculator"] :is(.di-related-card,.ce-related-card,.hv-related-card,.ha-related-card,.mw-related-card,.ms-related-card){
  min-height:102px;
  padding:16px 18px;
  border-color:var(--site-line);
  border-radius:7px;
  background:var(--site-panel);
}

/* Homepage: direct access to all six engineering tools */
html[data-page-family="home"] .dht-home-tools{
  border-top:1px solid var(--site-line);
  border-bottom:1px solid var(--site-line);
}
html[data-page-family="home"] .dht-home-tool-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
}
html[data-page-family="home"] .dht-home-tool-card{
  grid-column:span 4;
  min-height:220px;
  padding:25px 24px 22px;
  display:flex;
  flex-direction:column;
  border:1px solid var(--site-line);
  border-radius:8px;
  background:var(--site-panel);
  color:var(--ink);
  box-shadow:0 6px 18px rgba(15,79,64,.055);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
html[data-page-family="home"] .dht-home-tool-card:hover{
  transform:translateY(-3px);
  border-color:var(--site-line-strong);
  box-shadow:var(--site-shadow);
}
html[data-page-family="home"] .dht-home-tool-card>span{
  margin-bottom:25px;
  color:var(--accent);
  font-family:var(--mono);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:1.25px;
}
html[data-page-family="home"] .dht-home-tool-card h3{
  margin:0 0 10px;
  color:var(--ink);
  font-size:1.16rem;
  line-height:1.25;
}
html[data-page-family="home"] .dht-home-tool-card p{
  margin:0 0 20px;
  color:var(--t3);
  font-size:.92rem;
  line-height:1.65;
}
html[data-page-family="home"] .dht-home-tool-card strong{
  margin-top:auto;
  color:var(--accent);
  font-size:.82rem;
  letter-spacing:.25px;
}
html[data-page-family="home"] .dht-home-tools-all{
  display:inline-flex;
  margin-top:22px;
  padding:11px 16px;
  border:1px solid var(--site-line-strong);
  border-radius:6px;
  color:var(--ink);
  background:var(--site-panel-soft);
  font-weight:750;
}
html[data-page-family="home"] .dht-home-tools-all:hover{border-color:var(--accent);color:var(--accent)}

/* Root language gate and 404 remain intentionally simple */
html[data-page-family="language-gate"] body,
html[data-page-family="not-found"] body{background:var(--bg);color:var(--ink)}

@media(max-width:980px){
  html[data-page-family="home"] .dht-home-tool-card{grid-column:span 6}
  html[data-page-family$="catalog"] .dht-catalog-card,
  html[data-page-family$="catalog"] .dht-catalog-card:nth-child(n),
  html[data-page-family="tools-index"] .dt-card,
  html[data-page-family="tools-index"] .dt-card:nth-child(n){grid-column:span 6}
  html[data-page-family] .dht-process-grid{grid-template-columns:repeat(2,1fr)}
  html[data-page-family="contact"] .dht-form-layout{grid-template-columns:1fr}
  html[data-page-family="contact"] .dht-contact-panel{position:relative;top:auto}
}

@media(max-width:820px){
  html[data-page-family]{--site-section-y:58px}
  html[data-page-family] .nav{height:64px;padding-inline:18px}
  html[data-page-family]:not([data-page-family="home"]):not([data-page-family="tools-index"]):not([data-page-family="calculator"]) .dht-page-hero{
    min-height:330px;
    padding:112px 20px 46px;
  }
  html[data-page-family] .dht-page-hero h1,
  html[lang="zh-CN"][data-page-family] .dht-page-hero h1{font-size:clamp(2.25rem,10vw,3.2rem);line-height:1.06}
  html[data-page-family]:not([data-page-family="home"]):not([data-page-family="tools-index"]):not([data-page-family="calculator"]) .dht-section{padding-inline:20px}
  html[data-page-family] .dht-proof-grid{grid-template-columns:1fr}
  html[data-page-family] :is(.dht-proof-image,.dht-proof-media){min-height:320px}
  html[data-page-family] .dht-cta{margin:0 20px 58px;padding:34px 28px;grid-template-columns:1fr}
  html[data-page-family="privacy"] .dht-trust-grid{grid-template-columns:1fr}
  html[data-page-family="privacy"] .dht-trust-card,
  html[data-page-family="privacy"] .dht-trust-card:nth-child(n){grid-column:auto;min-height:auto}
  html[data-page-family="tools-index"] .dt-hero{padding:108px 20px 46px}
  html[data-page-family="tools-index"] .dt-grid{padding-inline:20px}
  html[data-page-family="tools-index"] .dt-seo{margin:0 20px 58px;padding:28px}
  html[data-page-family="calculator"] :is(.di-hero,.ce-hero,.hv-hero,.ha-hero,.mw-hero,.ms-hero){padding:38px 20px 26px}
  html[data-page-family="calculator"] :is(.di-main,.ce-main,.hv-main,.ha-main,.mw-main,.ms-main){padding:24px 20px 44px}
  html[data-page-family="calculator"] :is(.di-related,.ce-related,.hv-related,.ha-related,.mw-related,.ms-related){padding-inline:20px}
}

@media(max-width:620px){
  html[data-page-family="home"] .dht-home-tool-grid{grid-template-columns:1fr}
  html[data-page-family="home"] .dht-home-tool-card{grid-column:auto;min-height:190px}
  html[data-page-family$="catalog"] .dht-catalog{grid-template-columns:1fr}
  html[data-page-family$="catalog"] .dht-catalog-card,
  html[data-page-family$="catalog"] .dht-catalog-card:nth-child(n){grid-column:auto;min-height:225px}
  html[data-page-family] .dht-input-grid,
  html[data-page-family] .dht-trust-grid,
  html[data-page-family] .dht-faq-compact{grid-template-columns:1fr}
  html[data-page-family] .dht-process-grid{grid-template-columns:1fr}
  html[data-page-family] .dht-step{min-height:160px}
  html[data-page-family="tools-index"] .dt-grid{grid-template-columns:1fr}
  html[data-page-family="tools-index"] .dt-card,
  html[data-page-family="tools-index"] .dt-card:nth-child(n){grid-column:auto;min-height:210px}
  html[data-page-family="contact"] .dht-form-grid{grid-template-columns:1fr}
  html[data-page-family="contact"] .dht-field-full{grid-column:auto}
  html[data-page-family="contact"] .dht-rfq--simple{padding:28px 22px}
  html[data-page-family="calculator"] .rigor-method-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html[data-page-family] *,html[data-page-family] *::before,html[data-page-family] *::after{transition:none!important}
}