/* 2026-10-27: preserve the established brand; improve reading and task hierarchy. */
:root{--reading-muted:#49677c;--reading-line:#d5e2eb;--reading-space:28px}
.brand-hardware-label,.brand-price-bottom,.brand-evidence-note,.hero-facts,.hero-float div>span,.hero-float-bottom,.brand-service-line>span,.brand-service-line .line-more,.brand-cpu-row,.brand-start-links p,.science-guide-list p{font-size:14px;color:var(--reading-muted);letter-spacing:normal}
.brand-price-card p,.service-copy p,.science-feature-copy p,.brand-section-head p{font-size:16px;color:var(--reading-muted)}
.brand-price-top,.price-chip{font-size:14px;color:var(--reading-muted)}
.brand-hardware-label{font-size:13px}
.brand-section-head h2{font-size:clamp(30px,2.8vw,42px);text-wrap:balance}
.brand-section-head{margin-bottom:36px}
.brand-services{padding-block:76px}
.service-pair{gap:36px}
.service-pair>a{border-radius:0;border:0;border-top:2px solid var(--reading-line);background:transparent;box-shadow:none}
.service-copy{padding-left:0}
.service-pair>a:hover{box-shadow:none;transform:none;background:#f5faff}
.brand-value-section{background:#f4f9fc;border-block:1px solid var(--reading-line)}
.brand-value-section .brand-section{padding-block:64px}
.price-comparison{display:block;border-top:2px solid #297a9e}
.price-comparison .brand-price-card{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.2fr) minmax(200px,1.2fr);gap:8px 32px;padding:26px 0;border:0;border-bottom:1px solid var(--reading-line);border-radius:0;background:transparent;box-shadow:none;align-items:center}
.price-comparison .brand-price-card:hover{transform:none;background:#eaf4fa;box-shadow:none}
.price-comparison .brand-price-top{grid-column:1;grid-row:1;margin:0;justify-content:flex-start;gap:16px}
.price-comparison .brand-hardware-label{grid-column:1;grid-row:3;margin:0}
.price-comparison h3{grid-column:1;grid-row:2;margin:0;font-size:25px}
.price-comparison .brand-price{grid-column:2;grid-row:1/3;margin:0;flex-wrap:wrap}
.price-comparison .brand-price>span{font-size:14px;color:var(--reading-muted)}
.price-comparison .brand-price-card>p{grid-column:3;grid-row:1/3;margin:0}
.price-comparison .brand-price-bottom{grid-column:2/4;grid-row:3;margin:0;padding:0;border:0;background:transparent;justify-content:flex-start;gap:32px;flex-wrap:wrap}
.brand-science{padding-block:88px}
.science-feature{border:0;border-radius:0;background:transparent;box-shadow:none}
.science-feature-art{border-bottom:1px solid var(--reading-line)}
.science-feature-copy{padding:26px 0 0}
.workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;list-style:none;counter-reset:flow;padding:0;margin:24px 0}
.workflow-steps li{counter-increment:flow;display:flex;align-items:baseline;gap:10px;font-size:15px;color:var(--reading-muted)}
.workflow-steps li:before{content:counter(flow,decimal-leading-zero);color:#177ca4;font-weight:650;font-size:19px}
.science-guide-list>a{padding-block:26px}
.brand-evidence{background:white;border-block:1px solid var(--reading-line)}
.brand-evidence .brand-section{padding-block:64px}
.evidence-studies{display:grid;gap:60px}
.evidence-study{min-width:0;display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,2fr);gap:20px 38px;align-items:start;padding-top:32px;border-top:1px solid var(--reading-line)}
.evidence-study header{padding-top:12px}
.evidence-study header>span{color:var(--reading-muted);font-size:14px}
.evidence-study h3{font-size:28px;line-height:1.5;margin:14px 0 20px;text-wrap:balance}
.evidence-study p{font-size:16px;color:var(--reading-muted);line-height:1.85}
.evidence-study figure{min-width:0;margin:0}
.evidence-study img{display:block;width:100%;height:auto;object-fit:contain}
.evidence-study figure>a{display:block;cursor:zoom-in}
.evidence-study figcaption{font-size:14px;color:var(--reading-muted);line-height:1.8;margin-top:16px}
.evidence-actions{grid-column:2;display:flex;gap:18px 32px;flex-wrap:wrap}
.evidence-actions a{font-size:15px;text-decoration:underline;text-underline-offset:5px}
.brand-start{padding-block:64px;gap:60px}
/* Paragraph measure is independent of the scientific figure / table width. */
.doc-content>p:not(:has(img)),.doc-content>ul,.doc-content>ol,.doc-content>blockquote{max-width:48em}
.doc-content>p:has(img){max-width:none}
/* Short overview, complete articles retained inside native disclosure elements. */
#doc-groups.topics-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;align-items:start}
.topics-overview .docs-group{margin:0;min-width:0;border-top:2px solid var(--reading-line);padding-top:20px}
.topic-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.topic-heading>span{font-size:14px;color:var(--reading-muted);white-space:nowrap}
.topic-heading h2{margin:0;font-size:26px;border:0}
.topics-overview .doc-list-card{padding:19px 0;gap:14px}
.topics-overview .doc-list-card h3{font-size:18px;line-height:1.6}
.topics-overview .doc-list-card p{font-size:15px;color:var(--reading-muted)}
.topic-rest>summary{cursor:pointer;font-size:15px;color:#146b93;padding:18px 0;line-height:1.7}
.topic-rest[open]>summary{border-bottom:1px solid var(--reading-line);margin-bottom:10px}
.topic-rest>summary:focus-visible{outline:2px solid #177ba6;outline-offset:4px}
/* Bring controls and contact options closer to the opening. */
.page-server-custom .page-opening-inner{padding-block:28px 22px;gap:32px}
.page-server-custom .cluster-builder{padding-top:22px}
.page-server-custom .cb-intro{margin-bottom:18px;gap:24px;align-items:center}
.page-server-custom .cb-intro h2{font-size:26px;margin:0}
.page-server-custom .cb-intro p{font-size:15px;line-height:1.75;margin:0}
.page-server-custom .cb-steps{margin-block:0 20px;padding:12px 0;border:0;border-radius:0;background:transparent}
.page-server-custom .cb-toolbar{padding-top:16px}
.contact-first{padding-block:28px 0}
.contact-first>h1{font-size:36px;margin:0 0 8px}
.contact-motto{font-size:18px;color:var(--reading-muted);margin-bottom:24px}
.contact-first-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:stretch}
.contact-first-grid>.shell{width:100%;max-width:none;margin:0}
.contact-first-grid .about-brand-handshake{border-radius:12px;align-self:start;border:0}
.contact-first-grid .about-brand-handshake-window{aspect-ratio:1.8}
.contact-first-grid .about-brand-handshake figcaption{padding:14px 18px;display:block}
.contact-first-grid .about-brand-handshake figcaption span{display:block}
.contact-first-grid .about-brand-contact-inner{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:20px;align-items:start;padding:12px 0;background:transparent;border:0;border-radius:0}
.contact-first-grid .about-brand-contact-copy>.eyebrow{display:none}
.contact-first-grid .about-brand-contact-copy h2{font-size:24px;margin:0 0 14px;line-height:1.5}
.contact-first-grid .about-brand-contact-copy>p{font-size:15px;line-height:1.8;margin-bottom:16px}
.contact-first-grid .about-brand-contact-details{display:block;margin:0}
.contact-first-grid .about-brand-contact-details>div{margin-bottom:14px}
.contact-first-grid .about-brand-contact-details dd{overflow-wrap:anywhere;font-size:15px}
.contact-first-grid .about-brand-wechat{margin:0;width:100%}
.contact-first-grid .about-brand-wechat-image{padding:6px;border-radius:0;background:white;width:100%}
.contact-first-grid .about-brand-wechat-image img{width:100%;height:auto}
.contact-first-grid .about-brand-wechat figcaption{font-size:13px;line-height:1.8}
.contact-first-grid .about-brand-wechat figcaption strong{font-size:14px}
.contact-first-grid .about-brand-wechat .text-link{font-size:14px}
.contact-introduction{font-size:16px;color:var(--reading-muted);border-bottom:1px solid var(--reading-line);padding-block:24px;margin:0}
.page-contact .content-section{padding-top:32px}
.page-contact .contact-info>h2{font-size:28px}
.page-opening-description p{font-size:16px}
.page-opening-label{letter-spacing:normal}
@media(max-width:1100px){
 #doc-groups.topics-overview{grid-template-columns:minmax(0,1fr)}
 .contact-first-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
 .contact-first-grid .about-brand-contact-inner{grid-template-columns:minmax(0,1fr)}
 .contact-first-grid .about-brand-wechat{max-width:190px}
 .evidence-study{grid-template-columns:minmax(0,1fr);gap:16px}
 .evidence-study header{display:block}
 .evidence-study h3{margin:10px 0}
 .evidence-actions{grid-column:1}
}
@media(max-width:700px){
 .brand-section{padding-block:48px}
 .brand-section-head{margin-bottom:24px}
 .brand-services .service-pair{gap:24px}
 .service-copy{padding-left:0}
 .service-copy p,.brand-section-head p,.brand-price-card p{font-size:15px}
 .price-comparison .brand-price-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 0}
 .price-comparison .brand-price-card>*{grid-column:1;grid-row:auto}
 .price-comparison .brand-price-top{grid-row:1}
 .price-comparison h3{grid-row:2}
 .price-comparison .brand-hardware-label{grid-row:3}
 .price-comparison .brand-price{grid-row:4;padding-block:6px}
 .price-comparison .brand-price-card>p{grid-row:5}
 .price-comparison .brand-price-bottom{grid-row:6;gap:12px}
 .brand-cpu-row{align-items:flex-start;gap:14px;flex-direction:column}
 .brand-value-section .brand-section,.brand-evidence .brand-section{padding-block:44px}
 .science-feature-copy{padding-inline:0}
 .workflow-steps{gap:12px}
 .workflow-steps li{font-size:14px}
 .evidence-studies{gap:32px}
 .evidence-study{padding-top:22px}
 .evidence-study h3{font-size:24px}
 .evidence-study p{font-size:15px}
 .evidence-study figcaption{font-size:14px}
 .evidence-actions{gap:18px}
 .topics-overview .doc-list-card h3{font-size:17px}
 .topics-overview .doc-list-card p{font-size:15px}
 .contact-first>h1{font-size:30px}
 .contact-motto{font-size:16px;line-height:1.8}
 .contact-first-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .contact-first-grid .about-brand-contact-inner{grid-template-columns:minmax(0,1fr) 150px;gap:16px}
 .contact-first-grid .about-brand-contact-copy h2{font-size:21px}
 .contact-first-grid .about-brand-contact-details dd{font-size:14px}
 .contact-first-grid .about-brand-wechat{max-width:100%}
 .page-server-custom .page-opening-inner{gap:18px}
}
@media(max-width:380px){
 .header-inner{gap:8px}
 .header-inner .brand{min-width:0;flex:1 1 auto}
 .header-inner .brand img{width:140px;max-width:100%;height:auto}
 .header-actions{gap:8px;flex:0 0 auto}
 .header-actions .portal-link{padding:9px 10px;font-size:12px;gap:6px}
 .header-actions .menu-toggle{width:36px;min-width:36px}
 .contact-first-grid .about-brand-contact-inner{grid-template-columns:minmax(0,1fr)}
 .contact-first-grid .about-brand-wechat{width:190px}
 .hero-facts{gap:8px 12px;font-size:13px}
 .hero-facts span+span{padding-left:12px}
}
@media(prefers-reduced-motion:reduce){.service-pair>a,.price-comparison .brand-price-card{transition:none}}
/* Preserve the established crop: the legacy asset also contains obsolete contacts. */
.contact-first-grid .about-brand-handshake-window{aspect-ratio:3/1}
@media(min-width:381px) and (max-width:700px){
 .contact-first-grid .about-brand-contact-copy{display:contents}
 .contact-first-grid .about-brand-contact-copy h2{grid-column:1;grid-row:1;margin-bottom:0}
 .contact-first-grid .about-brand-contact-copy>p{grid-column:1;grid-row:2;margin:0}
 .contact-first-grid .about-brand-wechat{grid-column:2;grid-row:1/3}
 .contact-first-grid .about-brand-contact-details{grid-column:1/-1;grid-row:3}
}
@media(max-width:700px){.contact-first-grid .about-brand-handshake-window{aspect-ratio:1.8}}
@media(min-width:381px) and (max-width:700px){.contact-first-grid .about-brand-contact-inner{grid-template-rows:min-content 1fr min-content}}