/* Business-wide readability. Loaded last only on five business pages.
   Explicit body ID beats legacy small-screen !important rules without touching auth/chess. */
#business-readable{font-size:18px!important;line-height:1.8!important;color:#203b30;--ink:#203b30;--muted:#4b5c50;--gold:#75633b}
#business-readable :is(p,li,dd,dt,td,th,label,summary,input,select,textarea){font-size:18px!important;line-height:1.8!important;letter-spacing:normal!important}
#business-readable :is(p,li,dd,dt){color:inherit}
#business-readable :is(span,small){font-size:max(1em,16px)!important;line-height:1.6!important}
#business-readable :is(a,button){font-size:max(1em,16px)!important;line-height:1.55!important}
#business-readable :is(h1,h2,h3){overflow-wrap:break-word;text-wrap:pretty}
#business-readable h3{font-size:24px!important;line-height:1.4!important;letter-spacing:-.2px!important}
#business-readable :is(.eyebrow,.slogan-attribution,.number,.media-caption,.brand-art-caption,.crafted-image-note,.network-caption,.guide-source,.footer-bottom,.footer-bottom p,.footer-bottom span,.service-line,.platform-scope-note,.secondary-email-label,.hero-contact-label,.hero-qr>span,figcaption,small){font-size:14px!important;line-height:1.65!important;letter-spacing:.2px!important}
#business-readable :is(.eyebrow,.guide-source,.slogan-attribution,figcaption,small){color:#4b5c50}
#business-readable :is(.eyebrow,.guide-source,.footer-bottom,figcaption,small) :is(a,span){font-size:inherit!important}
#business-readable :is(.crafted-hero,.network-hero) :is(.eyebrow,.breadcrumbs,.breadcrumbs a,.breadcrumbs span,.crafted-image-note,.network-caption){color:#fff!important}
#business-readable :is(.hero-company-contact,.hero-company-contact .eyebrow,.hero-company-contact .hero-contact-label,.hero-company-contact .hero-qr>span){color:#203b30!important}
#business-readable .brand{font-size:22px!important;letter-spacing:2px}
#business-readable .brand small{font-size:14px!important;letter-spacing:3px!important}
#business-readable .header{height:auto;min-height:120px;padding-top:18px;padding-bottom:18px;gap:24px;align-items:center}
#business-readable .masthead{min-width:0;flex:0 1 390px}
#business-readable .company-motto{color:#3c573d;font-size:16px!important;line-height:1.6;max-width:100%}
#business-readable .company-motto>span{white-space:normal;min-width:0}
#business-readable .company-motto svg{flex-shrink:0}
#business-readable .header nav{gap:10px 20px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
#business-readable .header nav a{font-size:16px!important;min-height:44px;display:inline-flex;align-items:center;white-space:normal}
#business-readable :is(.button,.text-link,.entry-link,.detail-nav a,.footer-pages a,.oa-download,.hero-zalo,.footer-contact-compact>a,.footer-top>a:last-child,.menu-toggle){font-size:16px!important;min-height:48px;white-space:normal;overflow-wrap:anywhere}
#business-readable .button{height:auto;max-width:100%;text-align:center}
#business-readable .button span{font-size:inherit!important}
#business-readable .breadcrumbs{font-size:14px!important;line-height:1.7;display:flex;flex-wrap:wrap;gap:8px;white-space:normal}
#business-readable .breadcrumbs :is(a,span){font-size:14px!important}
#business-readable :is(.card-copy,.product-content,.hero-contact-copy,.oa-card-copy,.contact-copy,.service-hero-copy,.company-pillars article,.guide-module article,.platform-copy,.planner-note){min-width:0}
#business-readable :is(.home-introduction>p,.division-intro,.contact-copy>p,.platform-copy>p,.guide-hero p){max-width:68ch}
#business-readable .home-introduction>p{display:block!important;font-size:18px!important;line-height:1.8!important;max-width:44ch}
#business-readable :is(.home-first-screen .entry-card,.product-options article,.journey article){height:auto;min-height:0}
#business-readable .home-first-screen .entry-card .card-copy{padding:24px;min-height:0}
#business-readable .home-first-screen .entry-card .card-copy>p:not(.eyebrow){display:block!important;font-size:18px!important;line-height:1.8!important;margin:14px 0 20px}
#business-readable .home-first-screen .card-copy h3{font-size:26px!important}
#business-readable .home-first-screen .entry-card .entry-link{display:flex;align-items:center;justify-content:space-between;gap:12px}
#business-readable .priority-contact{min-width:0;min-height:126px;height:auto;padding:20px 24px;gap:8px}
#business-readable .contact-panel-label{font-size:16px!important;line-height:1.5!important;letter-spacing:.2px!important;white-space:normal}
#business-readable .priority-contact strong{font-size:clamp(24px,3vw,30px)!important;line-height:1.4;letter-spacing:-.6px;white-space:normal;overflow-wrap:normal}
#business-readable .contact-panel-action{font-size:16px!important;min-height:30px}
#business-readable .hotline-panel{color:#fff}
#business-readable .zalo-panel .contact-panel-label{color:#fff!important}
#business-readable .secondary-top-email{display:block;font-size:16px!important;line-height:1.8;overflow-wrap:anywhere}
#business-readable .hero-company-contact{width:100%;min-width:0}
#business-readable .hero-phone{width:100%;min-height:90px}
#business-readable .hero-phone span{font-size:14px!important;letter-spacing:.3px}
#business-readable .hero-phone strong{font-size:28px!important;white-space:normal;line-height:1.4}
#business-readable .hero-zalo{font-size:16px!important}
#business-readable :is(.contact-email,.footer-contact-compact>a:not(:first-child)){font-size:16px!important;line-height:1.75!important;overflow-wrap:anywhere}
#business-readable .oa-contact-card{min-width:0}
#business-readable .oa-card-copy h3{font-size:24px!important}
#business-readable .oa-card-copy .eyebrow{font-size:14px!important}
#business-readable .oa-card-actions{gap:12px;align-items:stretch}
#business-readable .oa-open{white-space:normal;min-height:48px}
#business-readable .footer-pages{display:flex;flex-wrap:wrap;gap:16px 28px}
#business-readable .footer-bottom{gap:18px;align-items:flex-start}
#business-readable .footer-bottom p{max-width:80ch}
#business-readable :is(.bag-spec-caption,.bag-spec-table caption,.spec-note,.product-mini-note p){font-size:16px!important;line-height:1.8!important;color:#29452d!important}
#business-readable .bag-spec-table{table-layout:fixed;width:100%}
#business-readable .bag-spec-table :is(th,td){font-size:16px!important;padding:14px 8px;overflow-wrap:anywhere;vertical-align:top}
#business-readable .bag-spec-single{flex-wrap:wrap;gap:10px}
#business-readable .bag-spec-single span{font-size:16px!important}
#business-readable .product-price{font-size:clamp(27px,3vw,38px)!important;line-height:1.5!important}
#business-readable .product-price span{font-size:16px!important;display:inline-block}
#business-readable .preparation-item :is(strong,small){font-size:18px!important;line-height:1.8!important;color:#244454}
#business-readable .preparation-item{min-width:0}
#business-readable .guide-toc{padding:30px;color:#fff}
#business-readable .guide-toc a{font-size:16px!important;min-height:48px;color:#fff}
#business-readable .guide-toc a span{font-size:14px!important;color:#f2d89f}
#business-readable .guide-source a{color:#254c37!important;text-decoration:underline}
#business-readable :is(.guide-module,.guide-intro-note,.guide-bottom-cta,.material-discovery,.material-assessment){color:#203b30}
#business-readable .guide-module .guide-source{font-size:14px!important}
#business-readable .guide-faq summary{font-size:18px!important;min-height:48px;padding:12px 0}
#business-readable .guide-reading{max-width:1160px}
#business-readable .guide-intro-note strong{font-size:18px;line-height:1.8}
#business-readable :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #075b9b;outline-offset:4px}
#business-readable :is(.crafted-hero,.network-hero,.guide-toc) :is(a,button):focus-visible{outline-color:#ffe29f}
@media(max-width:1100px){
 #business-readable .header{align-items:flex-start;gap:18px}
 #business-readable .header nav{max-width:55%}
 #business-readable .service-hero-grid{grid-template-columns:minmax(0,1fr)}
 #business-readable .hero-company-contact{max-width:620px;justify-self:center}
 #business-readable :is(.journey,.bags-detail .journey){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #business-readable .contact.contact-refined{grid-template-columns:minmax(0,1fr)}
 #business-readable .contact-refined .oa-contact-card{grid-column:1;grid-row:auto}
}
@media(max-width:780px){
 #business-readable .header{position:relative;min-height:124px;align-items:flex-start;padding:18px 6%;padding-right:76px;gap:10px}
 #business-readable .masthead{flex:1;min-width:0}
 #business-readable .company-motto{font-size:16px!important;gap:6px}
 #business-readable .company-motto>span{font-size:16px!important}
 #business-readable .menu-toggle{position:absolute;right:6%;top:20px;width:48px;height:48px;font-size:26px!important}
 #business-readable .header nav{max-width:none;width:100%;left:0;right:0;top:100%;padding:18px 6%;background:#f5f3eb;z-index:50;gap:4px}
 #business-readable .header nav.open{display:flex;flex-direction:column;align-items:stretch}
 #business-readable .header nav a{font-size:18px!important;min-height:48px;justify-content:flex-start}
 #business-readable .home-first-screen .field-cards{grid-template-columns:minmax(0,1fr);gap:22px}
 #business-readable .home-first-screen .entry-card{display:flex;flex-direction:column;grid-template-columns:none;border-radius:22px}
 #business-readable .home-first-screen .entry-card .card-image{display:block;width:100%;height:180px;min-height:180px;max-height:none;border-radius:20px 20px 0 0}
 #business-readable .home-first-screen .entry-card .card-image>img{max-width:100%;height:100%;object-fit:cover}
 #business-readable .home-first-screen .platform-brand-art>img{width:auto;max-width:80%;height:120px;object-fit:contain;margin:25px auto}
 #business-readable .home-first-screen .chess-card-art>img{width:100%;object-fit:contain!important;padding:12px}
 #business-readable .home-first-screen .entry-card .number{display:block;position:absolute;top:12px;left:14px;font-size:14px!important;padding:5px 9px;background:#fffdf2ee;color:#263f32;border-radius:7px}
 #business-readable .home-first-screen .media-caption{display:block;font-size:14px!important;color:#fff;background:#203b30e8;padding:4px 8px;bottom:9px;left:12px;right:auto;max-width:calc(100% - 24px);line-height:1.5!important}
 #business-readable .home-first-screen .brand-art-caption{display:none}
 #business-readable .home-first-screen .entry-card .card-copy{padding:23px}
 #business-readable :is(.home-introduction,.about,.upholstery-layout,.sofa-editorial,.guide-hero,.guide-feature){grid-template-columns:minmax(0,1fr);gap:24px}
 #business-readable .home-introduction h1{font-size:38px!important;line-height:1.25!important}
 #business-readable .home-introduction>p{max-width:none}
 #business-readable :is(.journey,.bags-detail .journey,.product-options,.values,.service-mosaic,.guide-cards.three,.guide-pair){grid-template-columns:minmax(0,1fr);gap:20px}
 #business-readable .priority-contact-row{grid-template-columns:minmax(0,1fr);gap:14px}
 #business-readable .priority-contact{padding:20px 24px;min-height:126px}
 #business-readable .priority-contact strong{font-size:30px!important;white-space:nowrap}
 #business-readable .priority-contact .contact-panel-label{font-size:16px!important}
 #business-readable .service-hero-copy h1{font-size:38px!important;line-height:1.25!important;letter-spacing:-1px!important}
 #business-readable .service-hero-copy .division-intro{font-size:18px!important;line-height:1.8!important}
 #business-readable .service-hero-copy .button{font-size:16px!important;width:100%;flex:auto;white-space:normal}
 #business-readable .detail-nav{padding:0 6% 28px;gap:10px}
 #business-readable .detail-nav a{font-size:16px!important;padding:12px 16px;min-height:48px;flex:1 1 180px;text-align:center;justify-content:center}
 #business-readable .contact-refined .oa-contact-card{padding:25px 20px;flex-direction:column;align-items:center;text-align:center}
 #business-readable .contact-refined .oa-qr-link{min-width:0;width:min(220px,100%);max-width:100%;flex-shrink:0}
 #business-readable .contact-refined .oa-card-copy{max-width:100%}
 #business-readable .oa-card-actions{max-width:none;width:100%}
 #business-readable .contact-refined .hotline-number{font-size:34px!important;line-height:1.4;white-space:normal}
 #business-readable .footer-top{gap:20px;flex-wrap:wrap}
 #business-readable .footer-bottom{flex-direction:column}
 #business-readable .footer-pages{flex-direction:column;gap:8px}
 #business-readable .footer-pages a{display:flex;align-items:center}
 #business-readable .footer-contact-compact{flex-direction:column;gap:12px}
 #business-readable .footer-contact-compact>a{max-width:100%}
 #business-readable .guide-toc>div{grid-template-columns:minmax(0,1fr)}
 #business-readable .guide-module h2{font-size:30px!important;line-height:1.35!important}
 #business-readable .guide-bottom-cta .button{font-size:16px!important}
 #business-readable :is(.section,.rich-section,.guide-reading){max-width:100%}
 #business-readable .bag-spec-table :is(th,td){font-size:16px!important;padding:12px 5px}
}
@media(max-width:360px){
 #business-readable .home-first-screen .entry-card .card-copy{padding:20px}
 #business-readable .priority-contact{padding:18px}
 #business-readable .priority-contact strong{font-size:28px!important}
 #business-readable .hero-phone strong{font-size:26px!important}
 #business-readable :is(.home-introduction h1,.service-hero-copy h1){font-size:34px!important}
}
/* Text-only illustration and semantic emphasis need the same readable floor. */
#business-readable :is(strong,b){font-size:max(1em,16px)!important;line-height:1.6!important}
#business-readable .priority-contact strong{font-size:clamp(24px,3vw,30px)!important}
#business-readable .hero-phone strong{font-size:28px!important}
#business-readable .footer-contact-compact strong{font-size:30px!important}
#business-readable .bag-spec-single strong{font-size:26px!important}
#business-readable .values strong{font-size:18px!important}
#business-readable .hotline-panel{color:#263522!important}
#business-readable .priority-contact{display:flex;flex-direction:column;align-items:flex-start}
#business-readable .contact-panel-action{width:100%;justify-content:space-between}
#business-readable .platform-visual .phone-scene{display:flex;flex-direction:column;min-height:0;gap:22px}
#business-readable .platform-visual .phone{width:min(100%,330px);transform:none;margin:0;padding:32px 20px 24px}
#business-readable :is(.phone-top,.phone-service,.phone-service div,.phone-search,.connection-label){font-size:16px!important;line-height:1.7!important}
#business-readable :is(.phone-greeting,.phone-bottom,.phone-disclaimer){font-size:14px!important;line-height:1.7!important;color:#40523f}
#business-readable .phone-search span{font-size:16px!important;color:#40523f}
#business-readable .phone-service small{color:#40523f!important}
#business-readable .platform-visual .connection-label{position:static;transform:none;margin:0;max-width:100%;font-size:16px!important}
#business-readable .platform-stamp{position:static;width:auto;height:auto;min-height:48px;padding:14px;border-radius:18px;font-size:16px!important;line-height:1.6!important}
@media(max-width:780px){#business-readable .priority-contact strong{font-size:30px!important}}
@media(max-width:360px){#business-readable .priority-contact strong{font-size:28px!important}#business-readable .hero-phone strong{font-size:26px!important}}
/* Photo-backed copy: pair foreground with controlled overlays, not image pixels. */
#business-readable .crafted-hero-overlay{background:rgba(250,244,232,.94)!important}
#business-readable .crafted-hero{color:#203b30!important}
#business-readable .crafted-hero :is(.eyebrow,.breadcrumbs,.breadcrumbs a,.breadcrumbs span,.crafted-image-note){color:#203b30!important}
#business-readable .crafted-hero h1 em{color:#375440!important}
#business-readable .crafted-hero .crafted-secondary{background:#fffaf0;color:#203b30;border-color:#71826c}
#business-readable .network-hero-shade{background:rgba(4,24,40,.88)!important}
#business-readable .network-hero .service-hero-copy{color:#fff!important}
#business-readable .network-hero .division-intro{color:#fff!important}
#business-readable .network-hero .network-caption{color:#fff!important}
#business-readable .card-image .media-caption{background:rgba(18,42,31,.94);color:#fff!important;padding:5px 9px;border-radius:6px;line-height:1.6!important}
#business-readable .card-image .brand-art-caption{background:rgba(4,24,40,.94);color:#fff!important;padding:5px 9px;border-radius:6px;line-height:1.6!important}

/* TingTingVac slogan belongs to the reading flow, never over the artwork. */
#business-readable .home-first-screen .entry-card .card-copy>p.tingtingvac-slogan{position:static;display:block!important;max-width:36ch;min-height:0;margin:12px 0 0;font-size:18px!important;font-weight:700;line-height:1.5!important;color:#183f55;text-wrap:balance;overflow-wrap:break-word}
#business-readable.tech-detail .tingtingvac-slogan-band{position:static;margin:0 3% 28px;padding:20px 6%;border:1px solid #a5c8d9;border-radius:20px;background:#f6fbff;color:#183f55;text-align:center}
#business-readable.tech-detail .tingtingvac-slogan-band>.tingtingvac-slogan{position:static;margin:0;font-size:18px!important;font-weight:700;line-height:1.5!important;text-wrap:balance;overflow-wrap:break-word}
@media(max-width:780px){
 #business-readable.tech-detail .tingtingvac-slogan-band{margin-right:4%;margin-left:4%;padding:20px}
}