:root {
  --navy: #112746;
  --navy-soft: #30465f;
  --teal: #157f8c;
  --teal-dark: #0b6572;
  --ivory: #f8f6f1;
  --paper: #fffefa;
  --line: #dce4e7;
  --muted: #5a6b7d;
  --shadow: 0 14px 45px rgba(24, 49, 65, 0.07);
  --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Internal catalog entry shared by product types and company profiles. */
.product-card-catalog-entry { margin: 32px 0 42px; padding: 28px; border: 1px solid #cbd8de; border-left: 4px solid var(--teal); border-radius: 5px; background: #fff; }
.product-card-catalog-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px 28px; }
.product-card-catalog-heading > div { min-width: 0; }
.product-card-catalog-heading h2 { margin: 4px 0 12px; color: var(--navy); font-family: var(--serif); font-size: clamp(26px, 2.8vw, 36px); line-height: 1.2; }
.product-card-catalog-heading p:not(.eyebrow), .product-card-catalog-scope { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.product-card-catalog-heading > .button { flex: 0 0 auto; font-size: 15px; }
.product-card-catalog-scope { margin-top: 14px; }
.product-card-catalog-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.product-card-catalog-type { display: flex; flex-direction: column; min-width: 0; min-height: 155px; padding: 21px 20px 17px; border: 1px solid #cbd8de; border-top: 3px solid var(--teal); border-radius: 3px; color: var(--navy); text-decoration: none; }
.product-card-catalog-type h3 { margin: 0 0 12px; color: var(--navy); font-family: var(--serif); font-size: 24px; line-height: 1.3; }
.product-card-catalog-type p { margin: 0 0 20px; color: var(--muted); font-size: 15px; line-height: 1.5; }
.product-card-catalog-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; color: var(--teal-dark); font-size: 15px; font-weight: 750; }
.product-card-catalog-action > span { font-size: 24px; line-height: 1; }
.product-card-catalog-type:hover { border-color: var(--teal); background: #f4f9f9; }
.product-card-catalog-entry a:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
.product-card-catalog-makers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin-top: 20px; }
.product-card-catalog-makers a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 48px; padding: 11px 0; border-bottom: 1px solid #dce4e7; color: var(--teal-dark); font-size: 15px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.product-card-catalog-makers a > span { flex-shrink: 0; color: var(--muted); font-weight: 500; }
.product-card-catalog-makers a:hover, .product-card-catalog-crosslink a:hover { text-decoration: underline; text-underline-offset: 3px; }
.product-card-catalog-crosslink { margin: 18px 0 0; font-size: 15px; line-height: 1.6; }
.product-card-catalog-crosslink a { color: var(--teal-dark); font-weight: 700; text-underline-offset: 3px; }
.product-card-catalog-note { margin: 18px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
@media (max-width: 800px) {
  .product-card-catalog-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .product-card-catalog-type { padding: 18px 15px 16px; }
  .product-card-catalog-type h3 { font-size: 22px; }
}
@media (max-width: 620px) {
  .product-card-catalog-entry { padding: 22px 18px; }
  .product-card-catalog-heading h2 { font-size: 28px; }
  .product-card-catalog-heading > .button { width: 100%; text-align: center; }
  .product-card-catalog-types, .product-card-catalog-makers { grid-template-columns: 1fr; }
  .product-card-catalog-type { min-height: 125px; padding: 18px; }
  .product-card-catalog-type h3 { margin-bottom: 8px; font-size: 23px; }
  .product-card-catalog-type p { margin-bottom: 15px; }
}

/* Official category entrances for newly approved company profiles. */
.company-official-ranges { margin: 36px 0 44px; padding-top: 26px; border-top: 1px solid var(--line); }
.company-official-ranges .subsection-title { margin: 0 0 12px; }
.company-official-ranges-lead { margin: 0 0 22px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.company-official-range-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.company-official-range { min-width: 0; padding: 24px; border: 1px solid #cbd8de; border-top: 3px solid var(--teal); border-radius: 4px; background: #fff; }
.company-official-range h3 { margin: 0 0 14px; color: var(--navy); font: 700 25px/1.3 var(--serif); overflow-wrap: anywhere; }
.company-official-range-brand, .company-official-range-market { margin: 6px 0; color: var(--muted); font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.company-official-range-links { margin: 16px 0 0; padding: 0; list-style: none; }
.company-official-range-links li + li { margin-top: 16px; }
.company-official-range-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; color: var(--teal-dark); font-size: 16px; font-weight: 700; line-height: 1.55; text-underline-offset: 3px; overflow-wrap: anywhere; }
.company-official-range-links a span { flex: 0 0 auto; }
.company-official-range-links a:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
.company-official-range-check { display: block; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 900px) { .company-official-range-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .company-official-range-grid { grid-template-columns: 1fr; } .company-official-range { padding: 22px; } }

/* Curated product links shared by company and brand profiles. */
.profile-selected-products { margin-top: 48px; padding-top: 27px; border-top: 1px solid var(--line); }
.profile-selected-products-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.profile-selected-products-heading h2 { margin: 4px 0 8px; color: var(--navy); font-family: var(--serif); font-size: clamp(29px, 3vw, 40px); line-height: 1.13; }
.profile-selected-products-heading p:not(.eyebrow) { max-width: 700px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.profile-selected-products-heading > a { flex: none; color: var(--teal-dark); font-size: 12px; font-weight: 750; text-underline-offset: 3px; }
.profile-selected-products-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.profile-selected-product { display: flex; flex-direction: column; min-width: 0; padding: 22px 24px 19px; border: 1px solid var(--line); border-top: 3px solid var(--teal); border-radius: 4px; background: #fff; box-shadow: var(--shadow); }
.profile-selected-product-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin: 0 0 12px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.profile-selected-product h3 { margin: 0; font-family: var(--serif); font-size: clamp(20px, 2vw, 26px); line-height: 1.2; }
.profile-selected-product h3 a { color: var(--navy); text-decoration: none; }
.profile-selected-product h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.profile-selected-product > p:not(.profile-selected-product-meta):not(.profile-selected-product-check) { margin: 11px 0 16px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.profile-selected-product-links { display: flex; flex-wrap: wrap; gap: 9px 19px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); }
.profile-selected-product-links a { color: var(--teal-dark); font-size: 11px; font-weight: 800; text-underline-offset: 3px; }
.profile-selected-product-check { margin: 10px 0 0; color: var(--muted); font-size: 10px; }
@media (max-width: 620px) {
  .profile-selected-products-heading { display: block; }
  .profile-selected-products-heading > a { display: inline-block; margin-top: 14px; }
  .profile-selected-products-grid { grid-template-columns: 1fr; }
  .profile-selected-product { padding: 20px; }
}

/* Shared source-linked brand guides. */
.tena-guide-shell { width: min(100% - 64px, 1120px); padding-top: 38px; padding-bottom: 80px; }
.tena-breadcrumb { margin: 0 0 22px; color: var(--muted); font-size: 12px; }
.tena-breadcrumb a { color: var(--teal-dark); text-underline-offset: 3px; }
.tena-hero { display: grid; grid-template-columns: 1.36fr .86fr; overflow: hidden; border: 1px solid var(--line); border-top: 5px solid var(--teal); border-radius: 5px; background: #fff; box-shadow: var(--shadow); }
.tena-hero-copy { min-height: 355px; padding: clamp(28px, 4vw, 52px); }
.tena-hero-copy .eyebrow { margin-bottom: 16px; }
.tena-hero h1 { margin: 0; font-family: var(--serif); font-size: clamp(65px, 8vw, 108px); line-height: 1; letter-spacing: -.065em; }
.tena-headline { max-width: 620px; margin: 20px 0 0; font-family: var(--serif); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.2; }
.tena-intro { max-width: 630px; margin: 20px 0 0; color: var(--muted); font-size: 14px; }
.tena-operator { display: inline-block; margin: 22px 0 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--teal-dark); font-size: 12px; font-weight: 750; }
.tena-hero-source { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: clamp(29px, 4vw, 56px); background: #edf5f4; }
.tena-hero-source h2 { margin: 3px 0 9px; font-family: var(--serif); font-size: clamp(24px, 2.5vw, 34px); line-height: 1.14; }
.tena-hero-source > p:not(.eyebrow) { max-width: 380px; margin: 0 0 23px; color: var(--muted); font-size: 14px; }
.tena-hero-source .button { margin-bottom: 17px; text-decoration: none; }
.tena-hero-source small { color: var(--muted); font-size: 11px; }
.tena-jump { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 28px; }
.tena-jump a { padding: 13px 17px; border: 1px solid #cbdde0; border-radius: 3px; background: #fff; color: var(--teal-dark); font-size: 12px; font-weight: 750; text-decoration: none; }
.tena-jump a:hover { background: #edf5f4; }
.tena-section { margin-top: 58px; padding-top: 26px; border-top: 1px solid var(--line); }
.tena-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.tena-section h2 { margin: 5px 0 9px; font-family: var(--serif); font-size: clamp(30px, 3.1vw, 43px); line-height: 1.12; letter-spacing: -.035em; }
.tena-section-note { max-width: 820px; margin: 0; color: var(--muted); font-size: 13px; }
.tena-country-tag { flex: none; padding: 9px 13px; border: 1px solid #bed7d9; border-radius: 100px; background: #fff; color: var(--teal-dark); font-size: 11px; font-weight: 800; }
.tena-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 25px; }
.tena-product-card { position: relative; display: flex; min-height: 215px; flex-direction: column; padding: 25px 26px 22px; border: 1px solid var(--line); border-top: 4px solid var(--teal); border-radius: 5px; background: #fff; box-shadow: var(--shadow); text-decoration: none; transition: transform .18s, box-shadow .18s, border-color .18s; }
.tena-product-card:hover { transform: translateY(-3px); border-color: #a3cacf; box-shadow: 0 18px 32px #10294415; }
.tena-product-card:last-child { border-top-color: #9eaebc; }
.tena-product-number { position: absolute; top: 16px; right: 20px; color: #b2ced0; font-family: var(--serif); font-size: 29px; font-weight: 700; }
.tena-product-card .eyebrow { margin: 0 0 19px; padding-right: 38px; letter-spacing: .13em; }
.tena-product-card h3 { max-width: 250px; margin: 0; font-family: var(--serif); font-size: 26px; line-height: 1.18; }
.tena-product-card > p:not(.eyebrow) { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.tena-product-route { display: flex; justify-content: space-between; align-items: end; gap: 8px; margin-top: auto; padding-top: 21px; color: var(--teal-dark); font-size: 12px; }
.tena-product-route small { color: var(--muted); font-size: 10px; }
.tena-news-section { margin-top: 70px; }
.tena-news-hint { flex: none; color: var(--teal-dark); font-size: 11px; font-weight: 800; }
.tena-news-filters { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 25px 0 18px; }
.tena-news-filter { min-height: 76px; padding: 15px; border: 1px solid var(--line); border-top: 3px solid #b6ced0; border-radius: 4px; background: #fff; color: var(--navy); font-family: var(--serif); font-size: 16px; font-weight: 700; text-align: left; }
.tena-news-filter[aria-pressed="true"] { border-top-color: var(--teal); background: #eaf4f3; }
.tena-news-filter:hover { border-color: #94bfc3; }
.tena-news-list { border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.tena-news-item { display: grid; grid-template-columns: 130px minmax(0, 1fr) 145px; gap: 18px; align-items: center; padding: 21px 25px; border-bottom: 1px solid var(--line); }
.tena-news-item:last-child { border-bottom: 0; }
.tena-news-type { width: max-content; max-width: 100%; padding: 6px 9px; background: #eaf4f3; color: var(--teal-dark); font-size: 10px; font-weight: 800; }
.tena-news-item h3 { margin: 0 0 5px; font-family: var(--serif); font-size: 18px; line-height: 1.4; }
.tena-news-item p { margin: 0; color: var(--muted); font-size: 11px; }
.tena-news-item a { color: var(--teal-dark); font-size: 12px; font-weight: 800; text-align: right; text-decoration: none; }
.tena-news-item a:hover { text-decoration: underline; text-underline-offset: 3px; }
.tena-news-footer { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin-top: 14px; color: var(--muted); font-size: 11px; }
.tena-news-footer a { flex: none; color: var(--teal-dark); font-weight: 800; text-decoration: none; }
.tena-news-footer a:hover { text-decoration: underline; }
.tena-company-strip { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 44px; padding: 25px 27px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.tena-company-strip .eyebrow { margin-bottom: 5px; }
.tena-company-strip h2 { margin: 0; font-family: var(--serif); font-size: 27px; }
.tena-company-strip p:not(.eyebrow) { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.tena-company-strip a { flex: none; color: var(--teal-dark); font-size: 12px; font-weight: 800; text-underline-offset: 3px; }
.tena-editorial { display: grid; grid-template-columns: 1.25fr .75fr; gap: 14px; margin-top: 42px; }
.tena-editorial-card { padding: 23px 25px; border: 1px solid var(--line); background: #fff; }
.tena-role-card { border-left: 4px solid var(--teal); background: #eef5f4; }
.tena-editorial-card h2 { margin: 0 0 6px; font-size: 13px; }
.tena-editorial-card p { margin: 0 0 6px; color: var(--muted); font-size: 11px; }
.tena-editorial-card a { color: var(--teal-dark); font-weight: 800; text-underline-offset: 3px; }
.brand-guide .tena-hero h1 { font-size: clamp(46px, 6.5vw, 88px); overflow-wrap: break-word; letter-spacing: -.05em; }
.brand-product-market { margin-top: 13px; color: var(--muted); font-size: 11px; }
.brand-guide .tena-product-card:last-child { border-top-color: var(--teal); }
.brand-guide .tena-news-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.brand-guide .tena-news-filter { min-height: 45px; padding: 10px 16px; font-family: var(--sans); font-size: 12px; }
.brand-guide [hidden] { display: none !important; }
.brand-news-count { color: var(--muted); font-size: 12px; margin: 0 0 12px; }
.brand-news-meta { display: grid; justify-items: start; gap: 9px; }
.brand-news-date-label { color: var(--muted); font-size: 10px; }
.brand-news-meta time { color: var(--navy); font-size: 12px; font-weight: 700; }
.brand-news-source-type { color: var(--teal-dark); font-size: 11px; font-weight: 750; }
.brand-guide .brand-news-copy h3 a { color: var(--navy); font-size: 21px; text-align: left; }
.brand-guide .brand-news-copy p { font-size: 13px; line-height: 1.65; }
.brand-news-copy small { display: block; margin-top: 9px; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.brand-news-links { display: grid; gap: 14px; }
.brand-news-more { display: block; margin: 20px auto 0; }
.brand-news-empty { padding: 24px; border: 1px solid var(--line); background: #fff; color: var(--muted); font-size: 14px; }
.brand-company-news { margin-top: 32px; }
/* Main product-card entry on the Lifree guide. */
.brand-guide .brand-cards-official { margin-top: 17px; color: var(--teal-dark); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }
.brand-guide .brand-cards-hero > .brand-cards-official + .button { margin-top: 16px; }

/* Compact brand overview; product specifications remain in the shared catalog. */
.brand-guide-concise .brand-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 43%); gap: 32px; align-items: center; padding: 30px 32px; border: 1px solid #c6d6dc; border-top: 4px solid var(--teal); border-radius: 5px; background: #fff; }
.brand-guide-concise .brand-summary .eyebrow { margin: 0 0 10px; font-size: 14px; }
.brand-guide-concise .brand-summary h1 { margin: 0 0 16px; color: var(--navy); font-family: var(--serif); font-size: clamp(36px, 4.5vw, 56px); line-height: 1.1; }
.brand-summary-operator { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.brand-summary-operator > span { display: block; }
.brand-summary-operator a { color: var(--teal-dark); font-weight: 700; text-underline-offset: 4px; }
.brand-summary-coverage { min-width: 0; padding-left: 28px; border-left: 1px solid #c6d6dc; }
.brand-summary-market { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px; margin: 0; color: var(--navy); font-size: 23px; font-weight: 700; line-height: 1.4; }
.brand-summary-market > span { color: var(--muted); font-size: 16px; font-weight: 500; }
.brand-summary-date { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.brand-summary-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.brand-summary-actions .button { min-height: 48px; min-width: 0; padding: 10px 14px; font-size: 16px; white-space: normal; word-break: normal; overflow-wrap: normal; }
.brand-summary-other { margin: 14px 0 0; font-size: 14px; line-height: 1.6; }
.brand-summary-other a { color: var(--teal-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.brand-market-comparison { margin-top: 22px; padding: 22px 26px; border: 1px solid #c6d6dc; border-left: 4px solid var(--teal); border-radius: 4px; background: #f5f9f9; }
.brand-market-comparison .eyebrow { margin: 0 0 6px; font-size: 12px; }
.brand-market-comparison h2 { margin: 0 0 10px; color: var(--navy); font-family: var(--serif); font-size: clamp(22px, 2.5vw, 28px); line-height: 1.3; }
.brand-market-comparison-copy { max-width: 850px; margin: 0; color: var(--navy-soft); font-size: 16px; line-height: 1.75; }
.brand-market-comparison-sources { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 14px; }
.brand-market-comparison-sources a { display: inline-flex; align-items: center; min-height: 40px; color: var(--teal-dark); font-size: 14px; font-weight: 700; text-underline-offset: 3px; }
.brand-market-comparison-more-title { margin: 20px 0 10px; color: var(--navy); font-family: var(--serif); font-size: 20px; line-height: 1.4; }
.brand-market-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.brand-market-comparison-grid li { min-width: 0; padding: 13px 15px; border: 1px solid #d5e0e4; background: #fff; }
.brand-market-comparison-grid strong { display: block; color: var(--navy); font-size: 17px; }
.brand-market-comparison-grid p { margin: 6px 0; color: var(--navy-soft); font-size: 16px; line-height: 1.6; }
.brand-market-comparison-grid a { display: inline-block; margin: 4px 12px 0 0; color: var(--teal-dark); font-size: 16px; font-weight: 700; text-underline-offset: 3px; }
.brand-market-comparison-intro { margin: 0 0 12px; color: var(--navy-soft); font-size: 15px; line-height: 1.7; }
.brand-market-comparison-detail-grid li { display: flex; flex-direction: column; gap: 10px; padding: 17px 18px; }
.brand-market-comparison-market { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.brand-market-comparison-market strong { font-size: 19px; }
.brand-market-comparison-market span { border: 1px solid #bad5da; border-radius: 2px; padding: 2px 6px; color: var(--teal-dark); background: #eaf3f4; font-size: 12px; font-weight: 700; }
.brand-market-comparison-detail-grid .brand-market-comparison-product { margin: 0; color: var(--navy); font-size: 16px; font-weight: 700; overflow-wrap: anywhere; }
.brand-market-comparison-product span { display: block; margin-bottom: 2px; color: var(--muted); font-size: 12px; font-weight: 700; }
.brand-market-comparison-detail-grid .brand-market-comparison-detail { margin: 0; flex: 1; color: var(--navy-soft); font-size: 16px; line-height: 1.68; overflow-wrap: anywhere; }
.brand-market-comparison-card-sources { display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 3px; padding-top: 10px; border-top: 1px solid #e1e9ec; }
.brand-market-comparison-card-sources a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.brand-market-comparison-internal { margin: 16px 0 0; }
.brand-market-comparison-internal a { display: inline-block; padding: 10px 13px; border: 1px solid var(--teal); color: var(--teal-dark); background: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
.brand-market-comparison-internal a:hover, .brand-market-comparison-internal a:focus-visible { background: #e3f1f2; text-decoration: underline; }
.brand-market-comparison-scope { margin: 12px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
@media (max-width: 700px) { .brand-market-comparison { padding: 18px; } .brand-market-comparison-sources a { font-size: 15px; } .brand-market-comparison-grid { grid-template-columns: minmax(0, 1fr); } .brand-market-comparison-internal a { width: 100%; } }
.brand-guide-concise .lifree-product-routes { margin-top: 20px; padding: 24px; }
.brand-guide-concise .lifree-routes-heading { margin-bottom: 18px; }
.brand-guide-concise .lifree-route-row { padding: 16px 18px; gap: 18px; }
.brand-guide-concise .lifree-route-name p { margin-top: 0; }
.brand-guide-concise .lifree-route-actions a { word-break: normal; overflow-wrap: normal; }
.brand-guide-concise .lifree-related { margin-top: 18px; }
.brand-guide-concise .lifree-related > summary { color: var(--teal-dark); font-size: 16px; font-weight: 700; cursor: pointer; padding: 12px 0; }
.brand-guide-concise .brand-supplement { margin-top: 24px; padding: 0 22px; border: 1px solid #c6d6dc; border-radius: 5px; background: #fff; }
.brand-guide-concise .brand-supplement > summary { padding: 18px 0; color: var(--navy); font-size: 18px; font-weight: 700; cursor: pointer; line-height: 1.5; }
.brand-supplement > summary > span { display: inline-block; margin-left: 14px; color: var(--muted); font-size: 14px; font-weight: 500; }
.brand-supplement-note { margin: 0 0 18px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.brand-guide-concise .brand-supplement > .tena-section { margin-top: 0; padding-top: 0; border-top: 0; }
.brand-guide-concise .brand-supplement[open] { padding-bottom: 22px; }
@media (max-width: 900px) {
  .brand-guide-concise .brand-summary { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px; }
  .brand-summary-coverage { border-left: 0; border-top: 1px solid #c6d6dc; padding: 18px 0 0; }
}
@media (max-width: 620px) {
  .brand-guide-concise .brand-summary { padding: 20px; }
  .brand-guide-concise .brand-summary h1 { margin-bottom: 12px; }
  .brand-guide-concise .lifree-product-routes { padding: 18px 14px; }
  .brand-guide-concise .lifree-route-row { padding: 14px 12px; gap: 10px; }
  .brand-summary-actions { flex-direction: column; gap: 12px; }
  .brand-summary-actions .button { width: 100%; text-align: center; justify-content: center; }
  .brand-guide-concise .brand-supplement { padding-inline: 16px; }
  .brand-supplement > summary > span { display: block; margin: 4px 0 0; }
}
.brand-card-browser { margin-top: 28px; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--line); border-left: 4px solid var(--teal); border-radius: 5px; background: #fff; }
.brand-card-browser-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand-card-browser-heading .eyebrow { margin: 0 0 9px; }
.brand-card-browser h2 { margin: 0 0 10px; color: var(--navy); font-family: var(--serif); font-size: clamp(27px, 3vw, 36px); line-height: 1.2; }
.brand-card-browser-heading p:not(.eyebrow) { max-width: 720px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.brand-card-browser-all { flex: none; color: var(--teal-dark); font-size: 13px; font-weight: 750; text-underline-offset: 4px; }
.brand-card-type-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.brand-card-type { display: flex; flex-direction: column; min-width: 0; min-height: 180px; padding: 22px; border: 1px solid #cbdde0; border-top: 3px solid var(--teal); border-radius: 4px; color: var(--navy); background: #fff; text-decoration: none; transition: background .18s, border-color .18s; }
.brand-card-type:hover { border-color: var(--teal); background: #f0f7f6; }
.brand-card-type:focus-visible, .brand-card-browser-all:focus-visible, .brand-cards-official:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.brand-card-type-count { display: flex; align-items: baseline; gap: 6px; margin-bottom: 13px; color: var(--teal-dark); font-size: 11px; }
.brand-card-type-count strong { font-size: 25px; line-height: 1; }
.brand-card-type h3 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: clamp(21px, 2.4vw, 27px); line-height: 1.25; overflow-wrap: anywhere; }
.brand-card-type-action { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 23px; color: var(--teal-dark); font-size: 12px; font-weight: 750; }
.brand-card-type-action > span { font-size: 23px; line-height: 1; }
.brand-card-browser-scope { margin: 17px 0 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
/* Quiet official-source links below Lifree's main product-card browser. */
.brand-official-compact { margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line); }
.brand-official-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 16px; }
.brand-official-compact .eyebrow { margin: 0 0 6px; color: var(--teal-dark); font-size: 10px; letter-spacing: .12em; font-weight: 700; }
.brand-official-compact h2 { margin: 0 0 6px; color: var(--navy); font-family: var(--serif); font-size: 25px; line-height: 1.3; }
.brand-official-compact p { margin: 0; color: var(--muted); font-size: 12px; }
.brand-official-compact .brand-official-market { flex: none; font-size: 11px; white-space: nowrap; }
.brand-official-table { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: left; font-size: 13px; }
.brand-official-table .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.brand-official-table th, .brand-official-table td { padding: 13px 5px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.brand-official-table thead th { padding-top: 5px; padding-bottom: 9px; color: var(--muted); font-size: 10px; font-weight: 500; }
.brand-official-table tr > :first-child { width: 140px; }
.brand-official-table th[scope="row"] { font-size: 12px; font-weight: 500; color: var(--muted); }
.brand-official-table a, .brand-official-catalog a { color: var(--teal-dark); text-underline-offset: 4px; overflow-wrap: anywhere; }
.brand-official-table a:focus-visible, .brand-official-catalog a:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.brand-official-table .brand-official-route { width: 120px; text-align: right; white-space: nowrap; font-size: 11px; }
.brand-official-compact .brand-official-catalog { margin-top: 15px; text-align: right; font-size: 11px; }
@media (max-width: 620px) {
  .brand-card-browser-heading { display: block; }
  .brand-card-browser-all { display: inline-block; margin-top: 15px; }
  .brand-card-type-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; }
  .brand-card-type { position: relative; min-height: 112px; padding: 19px 52px 18px 19px; }
  .brand-card-type-count { margin-bottom: 9px; }
  .brand-card-type-count strong { font-size: 21px; }
  .brand-card-type h3 { font-size: 23px; }
  .brand-card-type-action { margin-top: 0; padding-top: 10px; font-size: 11px; }
  .brand-card-type-action > span { position: absolute; top: calc(50% - 12px); right: 20px; }
  .brand-official-heading { display: block; }
  .brand-official-compact .brand-official-market { margin-top: 9px; }
  .brand-official-table tr > :first-child { width: 74px; }
  .brand-official-table .brand-official-route { width: 30px; }
  .brand-official-route-word { display: none; }
  .brand-official-table th, .brand-official-table td { padding: 13px 4px; }
  .brand-official-compact h2 { font-size: 22px; }
}
@media (max-width: 900px) {
  .tena-hero { grid-template-columns: 1fr; }
  .tena-hero-copy { min-height: 0; }
  .tena-jump { grid-template-columns: repeat(2, 1fr); }
  .tena-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tena-news-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tena-news-item { grid-template-columns: 110px minmax(0, 1fr); }
  .tena-news-item a { grid-column: 2; text-align: left; }
  .brand-news-links { grid-column: 2; display: flex; flex-wrap: wrap; gap: 18px; }
  .tena-editorial { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .tena-guide-shell { width: min(100% - 24px, 1120px); padding-top: 24px; }
  .tena-hero-copy, .tena-hero-source { padding: 25px; }
  .tena-jump { grid-template-columns: 1fr 1fr; gap: 8px; }
  .tena-jump a { padding: 10px; font-size: 11px; }
  .tena-section-heading, .tena-company-strip { display: block; }
  .tena-country-tag, .tena-news-hint { display: inline-block; margin-top: 14px; }
  .tena-product-grid { grid-template-columns: 1fr; }
  .tena-product-card { min-height: 180px; }
  .tena-news-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .tena-news-filter { min-height: 60px; padding: 11px; font-size: 14px; }
  .tena-news-item { display: block; padding: 20px; }
  .brand-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .brand-news-links { margin-top: 12px; }
  .tena-news-item h3 { margin-top: 12px; }
  .tena-news-item a { display: inline-block; margin-top: 13px; }
  .tena-news-footer { display: block; }
  .tena-news-footer a, .tena-company-strip a { display: inline-block; margin-top: 12px; }
}

/* Contact: a short route to the editor, without displaying a private mailbox. */
.wdo-contact-main .article-shell { max-width: 880px; }
.wdo-contact-intro { max-width: 720px; margin: 0 0 30px; color: #435b70; font-size: 17px; line-height: 1.7; }
.wdo-contact-intro p { margin: 0 0 12px; }
.wdo-contact-form { display: grid; gap: 12px; padding: clamp(22px, 4vw, 38px); background: #fff; border: 1px solid #d7e3e6; border-top: 4px solid #118695; box-shadow: 0 12px 28px rgba(19,43,65,.045); }
.wdo-contact-form label { display: block; color: #132f4d; font-size: 14px; font-weight: 700; }
.wdo-contact-form label span { margin-left: 4px; color: #607889; font-size: 12px; font-weight: 400; }
.wdo-contact-form label .wdo-contact-required { color: #087685; }
.wdo-contact-form input:not([type="hidden"]), .wdo-contact-form select, .wdo-contact-form textarea { box-sizing: border-box; display: block; width: 100%; margin: 8px 0 9px; padding: 12px 13px; border: 1px solid #b9cbd2; border-radius: 4px; background: #fff; color: #132f4d; font: inherit; font-size: 16px; }
.wdo-contact-form textarea { min-height: 170px; resize: vertical; }
.wdo-contact-form input:focus-visible, .wdo-contact-form select:focus-visible, .wdo-contact-form textarea:focus-visible, .wdo-contact-form button:focus-visible { outline: 3px solid #0b6572; outline-offset: 2px; }
.wdo-contact-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.wdo-contact-help, .wdo-contact-privacy { color: #526c7f; font-size: 13px; line-height: 1.6; }
.wdo-contact-help { margin: 0 0 4px; }
.wdo-contact-privacy { margin: 18px 0 0; }
.wdo-contact-form button { justify-self: start; padding: 13px 22px; border: 0; border-radius: 4px; background: #087d8d; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.wdo-contact-form button:hover { background: #075f6b; }
.wdo-contact-honeypot { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.wdo-contact-notice { margin: 20px 0; padding: 14px 18px; border-left: 4px solid #087d8d; background: #e9f5f4; color: #173c46; }
.wdo-contact-notice-error { border-left-color: #a55339; background: #fbf0ec; }
@media (max-width: 620px) { .wdo-contact-row { grid-template-columns: 1fr; gap: 0; } .wdo-contact-form { gap: 8px; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--navy); font-family: var(--sans); line-height: 1.55; }
button, input { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; }
a { color: inherit; }
ul { margin: 0; padding: 0; }
[hidden] { display: none !important; }
::selection { background: #bfe3e3; color: var(--navy); }
:focus-visible { outline: 3px solid #0b6572; outline-offset: 3px; }

.shell { width: min(100% - 64px, 1330px); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; z-index: 100; top: -100px; left: 12px; padding: 10px 16px; color: #fff; background: var(--navy); }
.skip-link:focus { top: 12px; }
.preview-banner { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 32px; padding: 6px 18px; background: #e8f2ef; color: #315350; font-size: 12px; line-height: 1.3; text-align: center; }
.preview-banner strong { letter-spacing: .04em; }
.preview-dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--teal); }

.site-header { position: relative; z-index: 30; background: #fff; border-bottom: 1px solid #e8ecee; }
.header-inner { min-height: 78px; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; flex: none; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark { flex: none; width: 52px; height: 52px; object-fit: contain; }
.brand-type { display: flex; flex-direction: column; line-height: 1.1; }
.brand-type strong { font-family: var(--serif); font-size: 23px; letter-spacing: -.035em; white-space: nowrap; }
.brand-type small { margin-top: 4px; color: var(--muted); font-size: 11px; letter-spacing: .02em; }
.primary-nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(16px, 2.2vw, 33px); flex: 1; }
.primary-nav a { color: var(--navy-soft); font-size: 13px; font-weight: 600; text-decoration: none; transition: color .2s; }
.primary-nav a:hover { color: var(--teal); }
.language-switch { display: flex; flex: none; align-items: center; gap: 6px; padding: 5px 0 5px 14px; border-left: 1px solid var(--line); color: var(--muted); font-size: 12px; font-weight: 700; white-space: nowrap; }
.language-switch a { color: var(--muted); text-decoration: none; }
.language-switch a:hover, .language-switch a[aria-current="true"] { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.menu-toggle { display: none; }

.hero { position: relative; min-height: 515px; overflow: hidden; background: #eef2ef; }
.hero-image, .hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-image { object-fit: cover; object-position: center 46%; }
.hero-overlay { background: linear-gradient(90deg, rgba(252,251,247,.99) 0%, rgba(252,251,247,.94) 27%, rgba(252,251,247,.70) 43%, rgba(252,251,247,.05) 65%); }
.hero-inner { position: relative; min-height: 515px; display: flex; align-items: center; }
.hero-copy { width: min(590px, 56%); padding: 45px 0 58px; }
.eyebrow { margin: 0 0 15px; color: var(--teal); font-size: 11px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; line-height: 1.45; }
.hero h1 { margin: 0; font-family: var(--serif); font-size: clamp(49px, 5vw, 76px); letter-spacing: -.052em; line-height: .99; font-weight: 700; }
.hero-lead { max-width: 535px; margin: 24px 0 27px; color: #37516a; font-family: var(--serif); font-size: clamp(18px, 1.7vw, 23px); line-height: 1.45; }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 440px; }
.hero-actions .button { max-width: 100%; }
@media (max-width: 620px) {
  .hero-actions { grid-template-columns: 1fr; }
  .hero-actions .button { justify-self: start; }
}
.company-business-description { max-width: 76ch; margin: 0 0 28px; color: var(--muted); line-height: 1.75; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 46px; padding: 11px 17px; border: 1px solid var(--teal); border-radius: 4px; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .2s, transform .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--teal); }
.button-primary:hover { background: var(--teal-dark); }
.button-outline { color: var(--teal-dark); background: rgba(255,255,255,.77); }
.button-outline:hover { background: #fff; }
.button-product-search { border: 3px solid; border-color: #bc7c7a #8a9b84 #5a8aa8 #c09960; color: var(--navy); background: #fff; }
.hero-actions .button-hero-companies { border-color: var(--navy); color: var(--navy); background: #fff; }
.hero-actions .button-hero-companies:hover { background: #f2f5f7; }
.hero-actions .button-hero-distinctive { border-color: var(--navy); color: #fff; background: var(--navy); }
.hero-actions .button-hero-distinctive:hover { background: #203d5d; }
.hero-actions .button-hero-materials { border-color: #157f8c; color: #fff; background: #157f8c; }
.hero-actions .button-hero-materials:hover { background: var(--teal-dark); }
.hero-byline { margin: 27px 0 0; color: #607487; font-size: 12px; }
.article-content .expo-video iframe { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.article-content .expo-video figure > p { margin: 0; }

.main-stack { padding-top: 42px; padding-bottom: 85px; }
.lead-grid { display: grid; grid-template-columns: minmax(0, 1.09fr) minmax(0, .91fr); gap: 22px; align-items: stretch; padding-top: 13px; border-top: 1px solid var(--line); }
.feature-card, .news-card, .maker-card, .discover-card, .trust-card, .country-card { background: #fff; border: 1px solid #e6eaeb; border-radius: 6px; box-shadow: var(--shadow); }
.feature-card { display: grid; grid-template-columns: 44% 56%; min-height: 405px; overflow: hidden; }
.feature-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 31px 26px 30px 31px; }
.eyebrow-box { padding: 5px 7px; color: #fff; background: var(--teal); font-size: 9px; letter-spacing: .16em; }
.feature-copy h2, .news-card h2, .section-heading h2, .people-card h2, .trust-card h2 { margin: 0; font-family: var(--serif); letter-spacing: -.035em; line-height: 1.1; }
.feature-copy h2 { max-width: 330px; font-size: clamp(29px, 2.8vw, 43px); }
.feature-copy > p:not(.eyebrow) { max-width: 360px; margin: 17px 0 24px; color: var(--muted); font-size: 14px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--teal-dark); font-size: 13px; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.text-link:hover { color: var(--navy); }
.feature-copy .text-link { margin-top: auto; }
.feature-story .feature-copy { gap: 0; }
.feature-title-link { color: inherit; text-decoration: none; }
.feature-title-phrase { display: inline; }
.feature-title-link:hover { color: var(--teal-dark); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.feature-story .feature-copy > p:not(.eyebrow) { margin-bottom: 14px; }
.feature-story .feature-copy > .feature-source { margin: auto 0 17px; padding-top: 12px; border-top: 1px solid var(--line); color: #627787; font-size: 11px; line-height: 1.5; }
.feature-source a { color: var(--teal-dark); font-weight: 750; text-underline-offset: 2px; }
.feature-story .feature-copy .text-link { margin-top: 0; }
.feature-photo { position: relative; min-height: 405px; margin: 0; overflow: hidden; background: #fbfbfc; }
.feature-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.feature-art { position: relative; overflow: hidden; background: linear-gradient(155deg, #dae9eb, #accbd2 55%, #6d9daa); }
.feature-art::before { content: ""; position: absolute; width: 420px; height: 420px; right: -135px; top: -145px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; }
.feature-art::after { content: ""; position: absolute; width: 310px; height: 310px; left: -130px; bottom: -120px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; }
.feature-art-kicker { position: absolute; z-index: 2; top: 24px; left: 22px; color: #315d6e; font-family: var(--serif); font-style: italic; font-size: 15px; }
.feature-art-circle { position: absolute; display: block; border-radius: 50%; box-shadow: 0 5px 30px rgba(28,75,87,.12); }
.circle-one { width: 220px; height: 220px; top: 97px; left: 18%; background: #e8d4d4; }
.circle-two { width: 135px; height: 135px; top: 45px; right: -35px; background: #f4eae4; }
.circle-three { width: 100px; height: 100px; bottom: -25px; left: -20px; background: #667e8c; }
.feature-art-word { position: absolute; z-index: 2; bottom: 22px; right: 18px; color: rgba(255,255,255,.86); font-family: var(--serif); font-size: clamp(30px, 3vw, 48px); font-weight: 700; letter-spacing: .10em; }
.news-card { display: flex; flex-direction: column; padding: 28px 27px 19px; }
.section-line { display: flex; justify-content: space-between; align-items: end; gap: 15px; }
.section-line .eyebrow { margin-bottom: 5px; }
.news-card h2 { font-size: clamp(25px, 2.15vw, 35px); }
.small-muted { color: #718092; font-size: 11px; text-align: right; }
.news-filters { display: flex; flex-wrap: wrap; gap: 5px; margin: 19px 0 12px; }
.filter-button { border: 1px solid #d9e6e8; border-radius: 30px; padding: 5px 10px; color: #37616b; background: #f7fbfa; font-size: 10px; font-weight: 650; }
.filter-button.is-active, .filter-button:hover { color: #fff; border-color: var(--teal); background: var(--teal); }
.news-list { list-style: none; }
.news-item { display: grid; grid-template-columns: 100px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 13px 0; border-top: 1px solid #e8eded; }
.news-region { display: inline-block; width: fit-content; padding: 4px 8px; border-radius: 4px; color: #23546b; background: #e1eef5; font-size: 10px; font-weight: 800; white-space: nowrap; }
.news-region-asia { color: #704344; background: #f4e7e6; }
.news-region-europe { color: #445940; background: #e9efe7; }
.news-region-americas { color: #2f5c77; background: #e4eff6; }
.news-region-africa { color: #765529; background: #f6ecd9; }
.news-item > a.news-region { text-decoration: none; }
.news-item > a.news-region:hover, .news-item > a.news-region:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.news-item div a { display: block; font-size: 12px; font-weight: 720; line-height: 1.4; text-decoration: none; }
.news-item div a:hover { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.news-item div > span { display: block; margin-top: 3px; color: #7c8994; font-size: 10px; }
.news-item-summary { display: -webkit-box; margin: 4px 0 0; overflow: hidden; color: #4e6273; font-size: 11px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-item time { padding-top: 3px; color: #718092; font-size: 10px; white-space: nowrap; }
.news-item time span { display: block; margin-top: 2px; font-size: 9px; }
.news-archive-link { align-self: flex-end; margin-top: 12px; color: var(--teal-dark); font-size: 11px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.news-footnote, .microcopy { margin: 15px 0 0; color: #687d8a; font-size: 11px; }
.news-card .news-footnote { margin-top: auto; padding-top: 18px; }
.company-watch { margin-top: 18px; }
.company-watch h3 { margin: 0 0 3px; color: #355665; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.company-watch > p { margin: 0 0 8px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.company-watch .news-item { padding: 9px 0; }
.no-results { padding: 20px; color: var(--muted); background: #f2f8f7; font-size: 13px; }

.section-block { margin-top: 72px; scroll-margin-top: 30px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 21px; }
.section-heading .eyebrow { margin-bottom: 6px; }
.section-heading h2 { font-size: clamp(33px, 3vw, 47px); }
.section-heading p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.subtle-link { flex: none; margin-bottom: 6px; color: var(--teal-dark); font-size: 12px; font-weight: 700; text-decoration: none; }
.subtle-link:hover { text-decoration: underline; }
.country-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.country-status { margin: -6px 0 15px; color: var(--muted); font-size: 12px; }
.country-card { display: block; overflow: hidden; width: 100%; padding: 0; color: var(--navy); text-align: left; transition: transform .2s, box-shadow .2s; }
.country-card:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(24,49,65,.12); }
.country-art { position: relative; display: flex; align-items: center; justify-content: center; height: 128px; overflow: hidden; }
.country-art::before, .country-art::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.55); }
.country-art::before { width: 230px; height: 230px; left: -64px; top: -93px; }
.country-art::after { width: 190px; height: 190px; right: -55px; bottom: -105px; }
.country-art span { position: relative; z-index: 1; color: rgba(255,255,255,.86); font-family: var(--serif); font-size: 78px; font-weight: 700; letter-spacing: -.1em; }
.country-tone-1 .country-art { background: linear-gradient(135deg, #b1cbd3, #477c8d); }
.country-tone-2 .country-art { background: linear-gradient(135deg, #d9c2b9, #aa7767); }
.country-tone-3 .country-art { background: linear-gradient(135deg, #cad6bd, #79916e); }
.country-tone-4 .country-art { background: linear-gradient(135deg, #c7c5dd, #7975a0); }
.country-tone-5 .country-art { background: linear-gradient(135deg, #e4d1ad, #bc9561); }
.country-jp .country-art { background: linear-gradient(135deg, #ddd0d0, #b97072); }
.country-us .country-art { background: linear-gradient(135deg, #a9c5d8, #3f7095); }
.country-de .country-art { background: linear-gradient(135deg, #b7c1ac, #718273); }
.country-in .country-art { background: linear-gradient(135deg, #e9d3ac, #c99258); }
.country-detail { position: relative; display: flex; min-height: 92px; flex-direction: column; padding: 13px 33px 15px 15px; }
.country-detail strong { font-family: var(--serif); font-size: 21px; letter-spacing: -.03em; }
.country-detail small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.country-detail > span { position: absolute; right: 14px; top: 20px; color: var(--teal-dark); font-size: 19px; }
.country-actions { display: flex; justify-content: center; margin-top: 20px; }
.country-actions .button { min-width: 225px; }
.region-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.region-panel { min-width: 0; overflow: hidden; border: 1px solid #dce5e8; border-radius: 7px; background: #fff; box-shadow: var(--shadow); scroll-margin-top: 30px; }
.region-panel::before { content: ""; display: block; height: 5px; background: #618e94; }
.region-panel-asia::before { background: #bc7c7a; }
.region-panel-europe::before { background: #8a9b84; }
.region-panel-americas::before { background: #5a8aa8; }
.region-panel-africa::before { background: #c09960; }
.region-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 102px; padding: 19px 22px; background: linear-gradient(120deg, #fbfaf6, #eef5f4); }
.region-panel-head h2, .region-panel-head h3 { margin: 0; font-family: var(--serif); font-size: clamp(26px, 2.5vw, 34px); line-height: 1.1; letter-spacing: -.035em; }
.region-kicker { margin: 0 0 5px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.region-count { flex: none; padding: 5px 8px; border: 1px solid #d9e4e5; border-radius: 20px; color: #46616a; background: #fff; font-size: 11px; font-weight: 700; }
.region-panel-head a.region-count { text-decoration: none; }
.region-panel-head a.region-count:hover, .region-panel-head a.region-count:focus-visible { border-color: var(--teal); color: var(--teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.region-locations { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border-top: 1px solid #e5ebec; background: #e5ebec; }
.region-location { display: flex; align-items: center; min-width: 0; min-height: 76px; gap: 10px; padding: 12px 14px; background: #fff; color: var(--navy); text-decoration: none; }
a.region-location:hover { background: #eef7f6; }
.region-location-code { display: flex; flex: none; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 4px; background: #eaf2f3; color: var(--teal-dark); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.region-location-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; }
.region-location-copy strong { font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.region-location-copy small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.3; }
.region-location-arrow { flex: none; color: var(--teal-dark); font-size: 17px; }
.region-all-link { display: block; padding: 11px 20px; border-top: 1px solid #e5ebec; color: var(--teal-dark); font-size: 12px; font-weight: 750; text-align: right; text-decoration: none; }
.region-all-link:hover { text-decoration: underline; }
.region-directory-page .region-grid { margin-top: 25px; }
.region-directory-summary { margin: 22px 0 10px; color: var(--muted); font-size: 13px; font-weight: 650; }
.region-jump { display: flex; flex-wrap: wrap; gap: 8px; }
.region-jump a { padding: 8px 13px; border: 1px solid #cbdde0; border-radius: 3px; color: var(--teal-dark); background: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }
.region-jump a:hover { background: #eaf5f4; }
.region-method-note { margin-top: 20px; }
.region-method-note a { color: var(--teal-dark); }

/* Companies and their brands, grouped by headquarters location. */
.unified-directory-page .archive-description { max-width: 850px; }
.directory-intro { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.directory-intro > div { min-width: 0; }
.directory-intro .interior-title { max-width: 720px; }
.directory-intro .archive-description { max-width: 720px; }
.directory-intro .directory-search { flex: 0 0 320px; margin-bottom: 4px; }
.unified-directory-page .directory-intro .directory-search { width: 320px; }
.directory-type-path { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 25px; padding: 20px 24px; border: 4px solid; border-color: #bc7c7a #8a9b84 #5a8aa8 #c09960; border-radius: 5px; color: var(--navy); background: #fff; text-decoration: none; transition: box-shadow .2s; }
.directory-type-path:hover { background: #fff; box-shadow: var(--shadow); }
.directory-type-path > span:first-child { display: grid; gap: 5px; }
.directory-type-path .eyebrow { margin: 0; }
.directory-type-path strong { font-family: var(--serif); font-size: clamp(20px, 2vw, 27px); line-height: 1.15; }
.directory-type-path span span { color: var(--muted); font-size: 13px; line-height: 1.5; }
.directory-type-path-arrow { flex: none; color: var(--teal-dark); font-size: 25px; }
.unified-directory-page .directory-region-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin: 34px 0 0; }
.unified-directory-page .directory-region-card { position: relative; display: flex; min-width: 0; min-height: 139px; flex-direction: column; align-items: start; justify-content: start; padding: 18px 20px; border: 1px solid var(--line); border-top: 4px solid #bc7c7a; border-radius: 5px; background: #fff; box-shadow: var(--shadow); text-decoration: none; transition: transform .18s, box-shadow .18s; }
.unified-directory-page .directory-region-card:hover { transform: translateY(-3px); box-shadow: 0 17px 28px rgba(21,43,66,.1); background: #fff; }
.directory-region-card-europe { border-top-color: #8a9b84 !important; }
.directory-region-card-americas { border-top-color: #5a8aa8 !important; }
.directory-region-card-africa { border-top-color: #c09960 !important; }
.directory-region-card strong { color: var(--navy); font-family: var(--serif); font-size: 28px; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.directory-region-card-count { margin-top: 8px; color: var(--teal-dark); font-size: 11px; font-weight: 800; }
.directory-region-card small { max-width: 95%; margin-top: 8px; color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.4; }
.directory-region-card-arrow { position: absolute; right: 18px; top: 20px; color: var(--teal-dark); font-size: 18px; }
.directory-region-card[hidden], .directory-region-cards[hidden], .directory-featured[hidden] { display: none !important; }
.directory-featured { margin-top: 42px; }
.directory-featured .eyebrow { margin-bottom: 6px; }
.directory-featured h2, .directory-all-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(28px, 2.8vw, 39px); line-height: 1.15; letter-spacing: -.035em; }
.directory-featured-description { max-width: 850px; margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.directory-featured-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 17px; }
.directory-featured-card { display: flex; min-width: 0; min-height: 170px; flex-direction: column; padding: 20px 22px; border: 1px solid var(--line); border-top: 4px solid var(--teal); border-radius: 5px; background: #fff; box-shadow: var(--shadow); }
.directory-featured-card:nth-child(2) { border-top-color: #5a8aa8; }
.directory-featured-card:nth-child(3) { border-top-color: #bc7c7a; }
.directory-featured-card:nth-child(4) { border-top-color: #8a9b84; }
.directory-featured-region { margin: 0 0 7px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.directory-featured-card h3 { margin: 0; font-family: var(--serif); font-size: 29px; line-height: 1.1; letter-spacing: -.035em; }
.directory-featured-card > p:not(.directory-featured-region) { margin: 9px 0 0; color: var(--muted); font-size: 12px; }
.directory-featured-card > p strong { color: var(--navy); }
.directory-featured-links { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: auto; padding-top: 17px; }
.directory-featured-links a { color: var(--teal-dark); font-size: 12px; font-weight: 750; text-underline-offset: 3px; }
.directory-featured-comparison-row { flex: 0 0 100%; margin-bottom: 5px; }
.directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; width: min(300px, 100%); min-height: 52px; padding: 8px 12px; border: 1px solid var(--teal-dark); border-radius: 3px; background: #edf6f6; color: var(--teal-dark); font-size: 13px; font-weight: 800; line-height: 1.4; text-align: center; text-decoration: none; }
.directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison:hover,
.directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison:focus-visible { background: #dcefee; text-decoration: none; }
.directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison:focus-visible { outline: 3px solid var(--teal-dark); outline-offset: 2px; }
@media (min-width: 851px) {
  .unified-directory-page .directory-featured-description { font-size: 16px; }
  .unified-directory-page .directory-featured-region { font-size: 15px; line-height: 1.5; }
  .unified-directory-page .directory-featured-card > p:not(.directory-featured-region) { font-size: 16px; line-height: 1.5; }
  .unified-directory-page .directory-featured-links > a { font-size: 16px; line-height: 1.5; }
  .unified-directory-page .directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison { min-height: 64px; font-size: 16px; line-height: 1.45; }
}
.directory-all-heading { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin: 56px 0 20px; padding-top: 25px; border-top: 1px solid var(--line); }
.directory-all-heading .eyebrow { margin-bottom: 6px; }
.directory-all-heading .directory-result-count { flex: none; }
.directory-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; margin: 30px 0 18px; }
.directory-toolbar .search-box, .unified-directory-page .directory-search { width: min(520px, 100%); min-height: 48px; margin: 0; }
.directory-toolbar .search-box input, .directory-search input { min-width: 0; font-size: 14px; }
.unified-directory-page > .directory-search { margin-top: 30px; }
.unified-directory-page > .directory-search + .directory-result-count { margin-top: 12px; }
.directory-result-count { margin: 0; color: var(--muted); font-size: 13px; }
.directory-region-nav, .directory-region-jump { margin: 18px 0 38px; }
.directory-region-nav a, .directory-region-jump a { min-height: 42px; display: inline-flex; align-items: center; }
.directory-region { margin-top: 48px; scroll-margin-top: 30px; }
.directory-region:first-child { margin-top: 0; }
.directory-region-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 26px; padding: 18px 22px; border-top: 4px solid #618e94; border-bottom: 1px solid var(--line); border-radius: 4px 4px 0 0; background: linear-gradient(120deg, #fbfaf6, #edf4f2); }
#directory-region-asia .directory-region-heading { border-top-color: #bc7c7a; }
#directory-region-europe .directory-region-heading { border-top-color: #8a9b84; }
#directory-region-americas .directory-region-heading { border-top-color: #5a8aa8; }
#directory-region-africa .directory-region-heading { border-top-color: #c09960; }
.directory-region-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(29px, 3vw, 40px); line-height: 1.1; letter-spacing: -.035em; }
.directory-region-heading p, .directory-region-heading > span { margin: 0; color: var(--muted); font-size: 12px; }
.directory-region-heading .region-kicker { margin: 0 0 5px; color: var(--teal-dark); font-size: 10px; }
.directory-country { margin-top: 30px; }
.directory-country-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 13px; font-family: var(--serif); font-size: 24px; line-height: 1.2; letter-spacing: -.02em; }
.directory-country-heading h3 { margin: 0; font-family: var(--serif); font-size: 24px; line-height: 1.2; letter-spacing: -.02em; }
.directory-country-heading h3 a { text-decoration: none; }
.directory-country-heading h3 a:hover { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 4px; }
.directory-country-heading p, .directory-country-meta { margin: 0; color: var(--muted); font-size: 12px; }
.directory-country-code { display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding-inline: 5px; border-radius: 4px; color: var(--teal-dark); background: #eaf2f3; font-family: var(--sans); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.directory-company-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 16px; }
.directory-company-card.maker-card { min-width: 0; min-height: 0; padding: 22px; border-color: #dce5e7; border-radius: 6px; }
.directory-region-asia .directory-company-card.maker-card { border-left: 4px solid #bc7c7a; }
.directory-region-europe .directory-company-card.maker-card { border-left: 4px solid #8a9b84; }
.directory-region-americas .directory-company-card.maker-card { border-left: 4px solid #5a8aa8; }
.directory-region-africa .directory-company-card.maker-card { border-left: 4px solid #c09960; }
.directory-company-card > h3, .directory-company-card > h4, .directory-company-name { margin: 0 0 12px; font-family: var(--serif); font-size: 23px; line-height: 1.2; letter-spacing: -.025em; overflow-wrap: anywhere; }
.directory-company-card > h3 a, .directory-company-card > h4 a { color: inherit; font: inherit; text-decoration: none; }
.directory-company-card > h3 a:hover, .directory-company-card > h4 a:hover { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 4px; }
.directory-company-links.maker-links { gap: 6px 16px; margin: 18px 0 0; padding-top: 11px; border-top: 1px solid var(--line); }
.directory-company-links a { display: inline-block; min-height: 28px; padding-block: 4px; font-size: 12px; }
.directory-company-brands { align-self: stretch; }
.directory-brand-label { margin: 0 0 8px; color: var(--muted); font-size: 11px; font-weight: 650; line-height: 1.4; }
.directory-brand-list { align-self: stretch; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.directory-brand-item { min-width: 0; padding: 10px 0; border-bottom: 1px solid #edf0f1; list-style: none; }
.directory-brand-item:first-child { padding-top: 0; }
.directory-brand-item:last-child { padding-bottom: 0; border-bottom: 0; }
.directory-brand-item h4, .directory-brand-item h5, .directory-brand-name { display: block; margin: 0 0 5px; color: var(--navy); font-size: 18px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.directory-brand-item h4 a, .directory-brand-item h5 a { color: inherit; text-decoration: none; }
.directory-brand-name a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.directory-brand-name a:hover { color: var(--teal-dark); }
.directory-brand-item p { margin: 0 0 6px; color: var(--muted); font-size: 12px; }
.directory-brand-example { margin: 0; color: var(--navy-soft); font-size: 14px; line-height: 1.5; }
.directory-brand-example strong { display: block; margin-bottom: 5px; color: var(--muted); font-size: 11px; font-weight: 650; }
.directory-brand-example-name { display: block; color: var(--navy); font-size: 18px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.directory-brand-links { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 16px; }
.directory-brand-links a { display: inline-block; min-height: 28px; padding-block: 4px; color: var(--teal-dark); font-size: 12px; font-weight: 700; text-underline-offset: 3px; }
.directory-company-links a:hover, .directory-brand-links a:hover { color: var(--navy); }
.unified-directory-page #directory-no-results { margin-top: 26px; padding: 24px; border: 1px solid #deebea; border-radius: 5px; }
.directory-region-empty { margin: 20px 0 0; color: var(--muted); font-size: 13px; }

@media (max-width: 1100px) {
  .directory-intro { align-items: start; flex-direction: column; }
  .unified-directory-page .directory-intro .directory-search { width: min(520px, 100%); flex: none; }
  .unified-directory-page .directory-region-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .directory-company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .unified-directory-page .directory-intro .directory-search { width: 100%; }
  .unified-directory-page .directory-region-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 24px; }
  .unified-directory-page .directory-region-card { min-height: 128px; padding: 14px; }
  .directory-region-card strong { font-size: 22px; }
  .directory-region-card-arrow { right: 12px; top: 14px; font-size: 15px; }
  .directory-region-card small { font-size: 10px; }
  .directory-featured { margin-top: 34px; }
  .directory-featured h2 { text-wrap: balance; }
  .directory-featured-grid { grid-template-columns: 1fr; gap: 10px; }
  .directory-featured-card { min-height: 145px; padding: 17px; }
  .directory-featured-links .directory-featured-comparison-row a.directory-featured-comparison { width: 100%; font-size: 15px; }
  .directory-all-heading { align-items: start; flex-direction: column; margin-top: 44px; }
  .directory-toolbar { align-items: stretch; flex-direction: column; gap: 12px; margin-top: 24px; }
  .directory-toolbar .search-box, .unified-directory-page .directory-search { width: 100%; }
  .directory-toolbar .search-box input, .directory-search input { font-size: 16px; }
  .directory-region-nav, .directory-region-jump { gap: 7px; margin-bottom: 30px; }
  .directory-region-nav a, .directory-region-jump a { padding-inline: 11px; }
  .directory-region { margin-top: 38px; }
  .directory-region-heading { padding: 16px; margin-bottom: 22px; }
  .directory-region-heading h2 { font-size: 30px; }
  .directory-country { margin-top: 26px; }
  .directory-country-heading, .directory-country-heading h3 { font-size: 23px; }
  .directory-company-grid { grid-template-columns: 1fr; gap: 12px; }
  .directory-company-card.maker-card { padding: 19px; }
  .directory-company-card > h3, .directory-company-card > h4, .directory-company-name { font-size: 23px; }
  .directory-company-links.maker-links, .directory-brand-links { gap: 4px 18px; }
  .directory-company-links a, .directory-brand-links a { min-height: 34px; padding-block: 7px; }
}
.country-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--muted); font-size: 12px; font-weight: 700; }
.country-breadcrumb a { color: var(--teal-dark); text-decoration: none; }
.country-breadcrumb a:hover { text-decoration: underline; }

.brand-section { padding-top: 13px; border-top: 1px solid var(--line); }
.brand-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.brand-grid-home { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-brand-example-copy-mobile, .home-brand-directory-link-mobile { display: none; }
.brand-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 205px; padding: 24px 24px 21px; overflow: hidden; border: 1px solid #dce6e6; border-radius: 6px; background: #fff; box-shadow: var(--shadow); }
.brand-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient(90deg, #0f7886, #8eb9ab, #e1c49b); }
.brand-card-kicker { margin: 0 0 10px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.brand-card h2, .brand-card h3 { margin: 0 0 12px; font-family: var(--serif); font-size: clamp(29px, 2.8vw, 39px); line-height: 1.06; letter-spacing: -.04em; }
.brand-card h2 a, .brand-card h3 a { text-decoration: none; }
.brand-card h2 a:hover, .brand-card h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.brand-card-operator { margin: 0 0 16px; color: var(--muted); font-size: 12px; }
.brand-card-operator strong { color: var(--navy); }
.brand-card-links { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 16px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.brand-card-links a { color: var(--teal-dark); font-size: 12px; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.brand-card-links a:first-child { color: var(--navy-soft); }
.brand-card-links a:hover { color: var(--navy); }
.brand-grid-compact { margin-top: 21px; }
.brand-grid-compact .brand-card { min-height: 175px; }
.directory-note, .directory-crosslink { margin-top: 25px; }
.directory-news-route { margin: 28px 0; padding: 20px 24px; border: 1px solid #d7e3e5; border-left: 4px solid var(--teal); border-radius: 4px; background: #f4f9f9; }
.directory-news-route .eyebrow { margin: 0 0 6px; }
.directory-news-route h2 { margin: 0; font-family: var(--serif); font-size: clamp(20px, 2vw, 27px); line-height: 1.2; color: var(--navy); }
.directory-news-route p:not(.eyebrow) { margin: 9px 0 15px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.directory-news-resources-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; color: var(--teal-dark); font-size: 13px; font-weight: 700; text-underline-offset: 3px; }
.company-directory-group { margin-top: 52px; }
.company-directory-group + .company-directory-group { padding-top: 42px; border-top: 1px solid var(--line); }
.company-directory-group h2 { margin: 0 0 8px; font-family: var(--serif); font-size: clamp(28px, 3vw, 39px); line-height: 1.1; }
.company-directory-group > p:not(.eyebrow) { max-width: 850px; margin: 0 0 21px; color: var(--muted); font-size: 13px; }
.company-directory-group .manufacturer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.role-badge { display: inline-block; align-self: flex-start; margin: -3px 0 12px; padding: 4px 7px; border-radius: 3px; background: #e0f0ec; color: #1d5f57; font-size: 10px; font-weight: 800; line-height: 1.3; }
.role-badge-soft { background: #f1eee4; color: #745c3b; }

.manufacturer-section { padding-top: 13px; border-top: 1px solid var(--line); }
.manufacturer-section .section-heading { align-items: center; }
.search-box { display: flex; align-items: center; width: min(340px, 100%); height: 45px; padding: 0 13px; border: 1px solid #cbdadd; border-radius: 4px; background: #fff; }
.search-box:focus-within { outline: 2px solid var(--teal); outline-offset: 2px; }
.search-box svg { width: 18px; height: 18px; flex: none; fill: none; stroke: var(--teal); stroke-width: 1.7; }
.search-box input { width: 100%; padding: 8px 10px; border: 0; outline: none; color: var(--navy); background: transparent; font-size: 13px; }
.manufacturer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.manufacturer-status { margin: -6px 0 15px; color: var(--muted); font-size: 12px; }
.maker-card { min-height: 115px; padding: 15px 18px 13px; box-shadow: none; }
.maker-card h3 { margin: 0 0 10px; font-family: var(--serif); font-size: 19px; line-height: 1.1; }
.maker-card h3 a { color: var(--navy); font: inherit; text-decoration: none; }
.maker-card h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.maker-meta { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 13px; color: var(--muted); font-size: 11px; line-height: 1.3; }
.maker-meta span + span::before { content: "·"; margin-right: 8px; color: #9aa9b0; }
.maker-links { display: flex; flex-wrap: wrap; align-items: baseline; align-self: stretch; gap: 5px 12px; margin-top: auto; }
.maker-links a { color: var(--teal-dark); font-size: 11px; font-weight: 700; text-underline-offset: 3px; }
.maker-links span { color: inherit; }
.manufacturer-actions { display: flex; justify-content: center; margin-top: 20px; }
.manufacturer-actions .button { min-width: 245px; }

.discover-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.discover-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; box-shadow: none; }
.discover-art { aspect-ratio: 3 / 2; overflow: hidden; background: #fffefb; }
.discover-art img { width: 100%; height: 100%; object-fit: contain; }
.discover-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 22px 24px 24px; border-top: 1px solid #e6eaeb; }
.card-index { margin: 0 0 10px; color: var(--teal); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.discover-card h3 { margin: 0; font-family: var(--serif); font-size: 27px; line-height: 1.13; letter-spacing: -.035em; }
.home .discover-card { position: relative; }
.home .discover-card h3 a { color: inherit; text-decoration: none; }
.home .discover-card h3 a::after { content: ""; position: absolute; inset: 0; }
.home .discover-card h3 a:focus-visible::after { outline: 2px solid var(--teal); outline-offset: -3px; border-radius: 6px; }
.home .discover-card .text-link { position: relative; z-index: 1; }
.discover-card p:not(.card-index) { margin: 12px 0 20px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.discover-copy > .series-note, .discover-copy > .text-link { margin-top: auto; }
.discover-card .text-link { font-size: 12px; }

.source-path { width: 100%; margin: 0 0 23px; padding-top: 10px; border-top: 1px solid #b8cecc; }
.source-path-list { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.source-path-list a { display: flex; min-height: 46px; align-items: center; gap: 12px; padding: 8px 0; color: var(--navy); font-size: 15px; font-weight: 700; line-height: 1.45; text-decoration: none; }
.source-path-list a:hover, .source-path-list a:focus-visible { color: var(--teal-dark); background: #edf5f4; }
.source-path-index { flex: none; color: var(--teal-dark); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.source-path-arrow { flex: none; margin-left: auto; color: var(--teal-dark); font-size: 17px; }

.closing-grid { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr); gap: 22px; margin-top: 58px; }
.people-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 390px; padding: 36px 42px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: #d8e7e4; }
.people-card > *:not(.people-pattern) { position: relative; z-index: 1; }
.people-card .eyebrow { margin-bottom: 10px; }
.people-card h2 { font-size: clamp(34px, 3.2vw, 47px); }
.people-card p:not(.eyebrow) { max-width: 470px; margin: 17px 0 23px; color: #365a5b; font-family: var(--serif); font-size: 19px; line-height: 1.45; }
.people-card .text-link { margin-top: auto; }
.people-pattern { position: absolute; inset: 0; opacity: .5; }
.people-pattern span { position: absolute; display: block; border: 1px solid #fff; border-radius: 50%; }
.people-pattern span:nth-child(1) { width: 350px; height: 350px; right: -80px; top: -150px; }
.people-pattern span:nth-child(2) { width: 210px; height: 210px; right: 10px; bottom: -145px; }
.people-pattern span:nth-child(3) { display: none; }
.trust-stack { display: grid; grid-template-rows: 1fr 1fr; gap: 15px; }
.trust-card { padding: 24px 27px; box-shadow: none; }
.trust-card .eyebrow { margin-bottom: 6px; }
.trust-card h2 { font-size: 28px; }
.trust-card p:not(.eyebrow) { margin: 8px 0 10px; color: var(--muted); font-size: 12px; }
.trust-card ul { list-style: none; display: flex; flex-wrap: wrap; gap: 7px 14px; }
.trust-card li a { color: var(--teal-dark); font-size: 11px; font-weight: 700; text-underline-offset: 3px; }
.verification-card { background: #f2f7f7; }
.method-note { color: #345c66; font-size: 11px; font-weight: 800; }

.site-footer { color: #dbe9eb; background: var(--navy); }
.footer-inner { display: flex; justify-content: space-between; gap: 30px; align-items: center; min-height: 132px; }
.footer-inner strong { font-family: var(--serif); font-size: 20px; }
.footer-inner p { margin: 4px 0 0; font-size: 11px; }
.footer-inner > div:last-child { text-align: right; }
.footer-inner a { color: #a4d7de; font-size: 12px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; margin: 9px 0 5px; }

@media (max-width: 1180px) {
  .brand-type strong { font-size: 20px; }
  .header-inner { gap: 21px; }
  .primary-nav { gap: 14px; }
  .lead-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 360px; }
  .news-card { padding: 28px; }
  .discover-copy { padding: 20px; }
  .discover-card h3 { font-size: 25px; }
	.brand-grid-home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 850px) {
  .shell { width: min(100% - 36px, 680px); }
  .header-inner { min-height: 70px; }
  .brand-type strong { font-size: 20px; }
  .menu-toggle { display: flex; width: 40px; height: 40px; margin-left: auto; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
  .menu-toggle span { width: 18px; height: 2px; background: var(--navy); }
  .primary-nav { display: none; position: absolute; top: 69px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 18px; border-top: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }
  .primary-nav.is-open { display: flex; }
  .primary-nav a { padding: 11px 6px; }
  .language-switch { padding-left: 7px; }
  .hero, .hero-inner { min-height: 550px; }
  .hero-image { object-position: 60% center; }
  .hero-overlay { background: linear-gradient(90deg, rgba(252,251,247,.98) 0%, rgba(252,251,247,.85) 55%, rgba(252,251,247,.23) 100%); }
  .hero-copy { width: 78%; }
	.region-grid { grid-template-columns: 1fr; }
  .country-grid, .manufacturer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.company-directory-group .manufacturer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .discover-grid { grid-template-columns: 1fr; }
  .discover-card { display: grid; grid-template-columns: minmax(190px, .85fr) 1fr; }
  .discover-art { aspect-ratio: auto; display: flex; align-items: center; }
  .discover-art img { height: auto; }
  .discover-copy { border-top: 0; border-left: 1px solid #e6eaeb; }
  .closing-grid { grid-template-columns: 1fr; }
  .trust-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
}

@media (max-width: 620px) {
  .preview-banner { font-size: 10px; }
  .preview-banner span:last-child { max-width: 225px; text-align: left; }
  .header-inner { gap: 12px; }
  .brand { flex: 1; min-width: 0; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-type { min-width: 0; }
  .brand-type strong { max-width: 100%; font-size: 17px; overflow-wrap: anywhere; white-space: normal; }
  .brand-type small { display: none; }
  .menu-toggle { flex: none; }
  .language-switch { gap: 4px; padding-left: 0; border: 0; font-size: 11px; }
  .hero, .hero-inner { min-height: 655px; }
  .hero-image { object-position: 60% center; }
  .hero-overlay { background: linear-gradient(180deg, rgba(252,251,247,.99) 0%, rgba(252,251,247,.94) 38%, rgba(252,251,247,.2) 100%); }
  .hero-inner { align-items: flex-start; }
  .hero-copy { width: 100%; padding-top: 50px; }
  .hero h1 { font-size: clamp(48px, 12vw, 66px); }
  .hero-lead { max-width: 430px; margin-top: 18px; font-size: 17px; }
  .hero-byline { margin-top: 17px; }
  .main-stack { padding-top: 28px; }
  .feature-card { grid-template-columns: 1fr; }
  .feature-copy { min-height: 280px; padding: 25px; }
  .feature-story .feature-copy { min-height: 0; padding-bottom: 28px; }
  .feature-photo { min-height: min(150vw, 700px); }
  .feature-story .feature-photo { min-height: 0; aspect-ratio: 7 / 10; background: #fff; }
  .feature-story .feature-photo img { object-fit: cover; object-position: center bottom; }
  .feature-art { min-height: 220px; }
  .news-card { padding: 24px 18px; }
  .section-line { align-items: start; }
  .small-muted { max-width: 100px; }
  .news-item { grid-template-columns: 86px minmax(0,1fr); gap: 8px; }
  .news-item time { grid-column: 2; padding: 0; }
  .section-block { margin-top: 56px; }
  .section-heading { display: block; }
  .subtle-link { display: inline-block; margin-top: 12px; }
  .country-grid, .manufacturer-grid { gap: 10px; }
	.region-grid { gap: 12px; }
	.region-panel-head { min-height: 84px; padding: 15px 16px; }
	.region-panel-head h2, .region-panel-head h3 { font-size: 27px; }
	.region-locations { grid-template-columns: 1fr; }
	.region-location { min-height: 68px; padding: 10px 14px; }
	.brand-grid, .brand-grid-home, .company-directory-group .manufacturer-grid { grid-template-columns: 1fr; }
	.brand-grid-home .brand-card:not(.home-brand-mobile-featured), .home-brand-example-copy-desktop, .home-brand-directory-link-heading { display: none; }
	.home-brand-example-copy-mobile { display: block; }
	.home-brand-directory-link-mobile { display: flex; width: 100%; min-height: 48px; justify-content: center; margin-top: 18px; }
	.brand-card { min-height: 210px; padding: 21px; }
  .country-art { height: 105px; }
  .country-art span { font-size: 59px; }
  .country-detail { min-height: 93px; padding-left: 12px; }
  .country-detail strong { font-size: 18px; }
  .country-detail small { font-size: 11px; }
  .manufacturer-section .section-heading { display: block; }
  .search-box { margin-top: 17px; width: 100%; }
  .maker-card { min-height: 90px; padding: 14px 12px; }
  .maker-card h3 { font-size: 16px; overflow-wrap: anywhere; }
  .discover-card { display: flex; }
  .discover-art { aspect-ratio: 3 / 2; }
  .discover-art img { height: 100%; }
  .discover-copy { padding: 21px; border-left: 0; border-top: 1px solid #e6eaeb; }
  .discover-card h3 { font-size: 27px; }
  .closing-grid { margin-top: 42px; }
  .people-card { min-height: 345px; padding: 29px 26px; }
  .people-card p:not(.eyebrow) { font-size: 17px; }
  .trust-stack { grid-template-columns: 1fr; }
  .footer-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 16px; padding-top: 25px; padding-bottom: 25px; }
  .footer-inner > div:last-child { text-align: left; }
  .footer-links { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* WordPress edition: live content and archive views. */
.primary-menu { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 33px); list-style: none; }
.primary-menu li { list-style: none; }
.primary-nav .sub-menu { display: none; }
.news-intro { margin: 15px 0 18px; color: var(--muted); font-size: 12px; }
.news-item div a { font-size: 14px; }
.news-region, .news-item time, .news-item div > span { font-size: 11px; }
.microcopy, .news-footnote { font-size: 12px; }
.small-muted, .news-item div > span, .news-item time, .news-footnote, .microcopy { color: #4e6273; }
.news-empty-state { margin: 22px 0 18px; padding: 22px; border: 1px solid #deebea; border-radius: 4px; background: #f2f8f7; color: #355b65; font-size: 13px; }
.country-card { text-decoration: none; }
div.country-card { cursor: default; }
div.country-card:hover { transform: none; box-shadow: var(--shadow); }
.maker-card { display: flex; flex-direction: column; align-items: flex-start; }
.maker-card h3 a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; }
.maker-card h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.series-note { display: inline-block; color: #56717c; font-size: 11px; font-weight: 700; }
.discover-card p:not(.card-index), .trust-card p:not(.eyebrow) { font-size: 13px; }
.method-note { color: var(--teal-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.medical-note { margin-top: 8px !important; font-size: 11px !important; }

.interior-main { min-height: 60vh; }
.interior-shell { padding-top: clamp(54px, 7vw, 95px); padding-bottom: clamp(75px, 9vw, 130px); }
.interior-title { max-width: 950px; margin: 0 0 21px; font-family: var(--serif); font-size: clamp(42px, 5vw, 69px); line-height: 1.03; letter-spacing: -.045em; }
.country-archive-heading { margin: 35px 0 18px; font-family: var(--serif); font-size: clamp(27px, 2.6vw, 37px); line-height: 1.15; }
.country-manufacturer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.country-stories { margin-top: 55px; padding-top: 10px; border-top: 1px solid var(--line); }
.archive-description { max-width: 760px; margin-bottom: 34px; color: var(--muted); font-size: 16px; }
.story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 33px; }
.story-card { display: flex; min-height: 235px; flex-direction: column; align-items: flex-start; padding: 25px; border: 1px solid #e1e9e9; border-radius: 6px; background: #fff; }
.story-date { margin: 0 0 10px; color: var(--teal-dark); font-size: 11px; font-weight: 700; }
.story-card h2, .story-card h3 { margin: 0 0 10px; font-family: var(--serif); font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; }
.story-card h2 a, .story-card h3 a { text-decoration: none; }
.story-card h2 a:hover, .story-card h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.story-card > p:not(.story-date) { margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.story-card .text-link { margin-top: auto; }
.story-pagination { margin-top: 37px; }
.story-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 12px; }
.story-pagination a, .story-pagination .current { padding: 6px 10px; border: 1px solid var(--line); border-radius: 4px; }

/* News archive: two independent filters with a compact editorial card grid. */
.news-archive-shell { max-width: 1200px; }
.news-additions-shortcut { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 16px; margin: -12px 0 27px; padding: 7px 14px; border-left: 3px solid var(--teal-dark); background: #eef6f6; }
.news-additions-shortcut a { display: inline-flex; align-items: center; min-height: 44px; color: var(--teal-dark); font-size: 14px; font-weight: 700; }
.news-additions-shortcut span { color: #536874; font-size: 13px; line-height: 1.55; }
.news-additions-shortcut a:focus-visible { outline: 3px solid var(--teal-dark); outline-offset: 2px; }
.news-recent-additions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 32px; margin: 48px 0 0; padding: 28px 0 0; border-top: 1px solid var(--line); }
.news-recent-additions h2 { margin: 0 0 10px; font-family: var(--serif); font-size: clamp(24px, 3vw, 32px); scroll-margin-top: 90px; }
.news-recent-additions p { color: var(--muted); font-size: 14px; }
.news-recent-additions ul { list-style: none; margin: 0; padding: 0; }
.news-recent-additions li { display: grid; gap: 5px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.news-recent-additions li:first-child { padding-top: 0; }
.news-recent-additions time, .news-recent-additions small { color: var(--muted); font-size: 12px; }
.news-recent-additions a { font-size: 16px; font-weight: 700; line-height: 1.45; }
@media (max-width: 700px) { .news-additions-shortcut { gap: 0; } .news-additions-shortcut a { font-size: 15px; } .news-additions-shortcut span { font-size: 14px; } .news-recent-additions { grid-template-columns: 1fr; gap: 18px; } }
.news-archive .interior-title { max-width: 1000px; margin-bottom: 16px; }
.news-archive-intro { max-width: 690px; margin: 0 0 29px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.news-search-form { margin: 0 0 28px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 4px; background: #fff; }
.news-search-form label { display: block; margin-bottom: 8px; color: var(--navy); font-size: 16px; font-weight: 700; }
.news-search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.news-search-controls input { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #8ba5ad; border-radius: 3px; color: var(--navy); background: #fff; font: inherit; font-size: 16px; }
.news-search-controls button { min-height: 44px; padding: 10px 18px; border: 1px solid var(--teal-dark); border-radius: 3px; color: #fff; background: var(--teal-dark); font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.news-search-controls :focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; }
.news-search-clear { display: inline-flex; align-items: center; min-height: 44px; margin-top: 3px; color: var(--teal-dark); font-size: 14px; font-weight: 700; text-underline-offset: 3px; }
.news-search-form input::placeholder { color: #637786; opacity: 1; }
.news-archive .news-results-heading p { min-width: 0; overflow-wrap: anywhere; }
.news-region-shelves { margin: 4px 0 38px; }
.news-shelves-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 17px; }
.news-shelves-heading .eyebrow { margin: 0 0 4px; }
.news-shelves-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(27px, 3vw, 38px); line-height: 1.12; letter-spacing: -.035em; }
.news-shelves-heading > p { margin: 0 0 3px; color: var(--muted); font-size: 11px; }
.news-shelves-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.news-region-shelf { display: flex; flex-direction: column; min-width: 0; border: 1px solid #dce7e8; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0 10px 28px rgba(22, 50, 63, .035); }
.news-shelf-title { min-height: 90px; padding: 15px 19px 16px; border-top: 4px solid #90a6a7; border-bottom: 1px solid #e1e9ea; background: linear-gradient(100deg, #fff, #edf5f4); }
.news-shelf-asia .news-shelf-title { border-top-color: #c78183; }
.news-shelf-europe .news-shelf-title { border-top-color: #8ca18e; }
.news-shelf-americas .news-shelf-title { border-top-color: #6598b1; }
.news-shelf-africa .news-shelf-title { border-top-color: #c7a46b; }
.news-shelf-oceania .news-shelf-title { border-top-color: #9b8bb2; }
.news-shelf-title span { float: right; margin: 8px 0 0 7px; padding: 3px 7px; border: 1px solid #dce8e9; border-radius: 20px; color: #6a7d88; background: #fff; font-size: 10px; font-weight: 800; }
.news-shelf-title h3 { margin: 6px 0 0; font-family: var(--serif); font-size: 27px; line-height: 1.15; }
.news-shelf-body { display: flex; flex: 1; flex-direction: column; padding: 0 19px 16px; }
.news-shelf-story { padding: 16px 0 15px; border-bottom: 1px solid var(--line); }
.news-shelf-story-meta { margin: 0 0 6px; color: #566b76; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .045em; }
.news-shelf-story h4 { margin: 0; font-family: var(--serif); font-size: 18px; line-height: 1.25; }
.news-shelf-story h4 a { color: var(--navy); text-decoration: none; }
.news-shelf-story h4 a:hover, .news-shelf-story h4 a:focus-visible { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 3px; }
.news-shelf-story-date { margin: 8px 0 0; color: #637786; font-size: 12px; line-height: 1.5; }
.news-shelf-more { margin-top: auto; padding-top: 16px; color: var(--teal-dark); font-size: 12px; font-weight: 800; text-underline-offset: 3px; }
.news-filter-heading { margin: 0 0 12px; font-family: var(--serif); font-size: 25px; line-height: 1.2; }
.news-filter-panel { padding: 19px 23px; border: 1px solid #dce7e8; border-radius: 6px; background: #fff; box-shadow: var(--shadow); }
.news-filter-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: start; gap: 13px; }
.news-filter-row + .news-filter-row { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.news-filter-label { padding-top: 9px; color: var(--teal-dark); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.news-filter-options { display: flex; flex-wrap: wrap; gap: 8px; }
.news-filter-chip { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 12px; border: 1px solid #d7e3e5; border-radius: 4px; color: #31546a; background: #fff; font-size: 12px; font-weight: 700; text-decoration: none; transition: background .16s, border-color .16s; }
.news-filter-chip:hover, .news-filter-chip:focus-visible { border-color: var(--teal); background: #eaf4f4; }
.news-filter-chip.is-active { border-color: var(--teal-dark); color: #fff; background: var(--teal-dark); }
.news-filter-chip.is-active:hover, .news-filter-chip.is-active:focus-visible { color: #fff; background: var(--navy); }
.news-filter-chip span { color: #566b76; font-size: 11px; }
.news-filter-chip.is-active span { color: #daeff0; }
.news-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 25px 0 13px; color: #637786; font-size: 12px; }
.news-results-heading p { margin: 0; }
.news-results-heading a { color: var(--teal-dark); font-weight: 700; }
.news-results-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.news-result-card { display: flex; min-height: 250px; flex-direction: column; align-items: flex-start; padding: 22px 25px 20px; border: 1px solid #e0e9e9; border-left: 4px solid #90a6a7; border-radius: 5px; background: #fff; box-shadow: 0 9px 25px rgba(22, 50, 63, .035); }
.news-result-asia { border-left-color: #c78183; }
.news-result-europe { border-left-color: #8ca18e; }
.news-result-americas { border-left-color: #6598b1; }
.news-result-africa { border-left-color: #c7a46b; }
.news-result-oceania { border-left-color: #9b8bb2; }
.news-result-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-height: 22px; color: #5d7581; font-size: 10px; font-weight: 800; }
.news-result-country, .news-result-topic { padding: 4px 7px; border-radius: 3px; background: #e8f1f2; }
.news-result-source-type { padding: 4px 7px; border: 1px solid #c6dddf; border-radius: 3px; color: var(--teal-dark); background: #f5faf9; }
.news-result-asia .news-result-country { color: #704344; background: #f4e7e6; }
.news-result-europe .news-result-country { color: #445940; background: #e9efe7; }
.news-result-americas .news-result-country { color: #2f5c77; background: #e4eff6; }
.news-result-africa .news-result-country { color: #765529; background: #f6ecd9; }
.news-result-oceania .news-result-country { color: #60526e; background: #eeeaf3; }
.news-result-company { margin-left: 3px; }
.news-result-date { margin: 13px 0 7px; color: #566b76; font-size: 11px; }
.news-result-card h2 { margin: 0 0 11px; font-family: var(--serif); font-size: clamp(22px, 2.1vw, 28px); line-height: 1.17; letter-spacing: -.015em; }
.news-result-card h2 a { color: var(--navy); text-decoration: none; }
.news-result-card h2 a:hover { color: var(--teal-dark); text-decoration: underline; }
.news-result-excerpt { margin: 0 0 21px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.news-result-actions { display: flex; flex-wrap: wrap; gap: 9px 20px; width: 100%; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); }
.news-result-actions a { color: var(--teal-dark); font-size: 12px; font-weight: 800; text-underline-offset: 3px; }
.news-archive .story-pagination { margin-top: 28px; }
.news-archive .story-pagination .page-numbers { display: inline-block; margin: 0 7px 7px 0; padding: 8px 12px; border: 1px solid var(--line); border-radius: 4px; color: var(--teal-dark); background: #fff; text-decoration: none; }
.news-archive .story-pagination .current { color: #fff; background: var(--teal-dark); }
.empty-archive { max-width: 760px; margin-top: 33px; padding: 35px; border: 1px solid #dce9e9; border-radius: 6px; background: #fff; }
.news-no-results { margin-top: 0; }
.empty-archive h2 { margin: 0 0 8px; font-family: var(--serif); font-size: 30px; }
.empty-archive p { margin: 0 0 17px; color: var(--muted); }
.article-shell { max-width: 1070px; }
.editorial-page, .editorial-article { max-width: 820px; }
.article-meta { margin: 5px 0 30px; color: var(--muted); font-size: 13px; }
.article-topics { display: flex; gap: 8px; flex-wrap: wrap; margin: -10px 0 30px; }
.article-topics a { padding: 5px 9px; border-radius: 4px; background: #e1eef0; color: #255c68; font-size: 11px; font-weight: 700; text-decoration: none; }
.article-featured-image { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 24px 0 32px; overflow: hidden; border-radius: 6px; background: #e9edf2; }
.article-featured-image img { display: block; width: auto; max-width: 100%; height: auto; max-height: 780px; object-fit: contain; }
.article-featured-image figcaption { align-self: stretch; padding: 10px 14px; color: #4d6170; background: #f3f6f8; font-size: 11px; line-height: 1.45; }
.article-content { margin-top: 33px; color: #273e56; font-size: 17px; line-height: 1.75; }
.article-content > *:first-child { margin-top: 0; }
.article-content h2, .article-content h3 { margin-top: 1.55em; color: var(--navy); font-family: var(--serif); line-height: 1.2; }
.article-content p, .article-content ul, .article-content ol { margin-bottom: 1.15em; }
.article-content ul, .article-content ol { padding-left: 1.45em; }
.article-content a { color: var(--teal-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-content img { max-width: 100%; height: auto; }
.source-box { margin-top: 50px; padding: 25px 30px; border-left: 4px solid var(--teal); background: #ebf4f3; }
.source-box h2 { margin: 0 0 9px; font-family: var(--serif); font-size: 24px; }
.source-box p { margin: 7px 0; color: #49636c; font-size: 12px; overflow-wrap: anywhere; }
.source-box a { color: var(--teal-dark); }
.article-journey { margin-top: 52px; padding-top: 22px; border-top: 1px solid var(--line); }
.article-journey-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; margin-bottom: 18px; }
.article-journey-heading .eyebrow { margin-bottom: 6px; }
.article-journey-heading h2 { margin: 0; font-family: var(--serif); font-size: clamp(27px, 3vw, 35px); line-height: 1.12; }
.article-journey-all { flex: none; color: var(--teal-dark); font-size: 13px; font-weight: 800; text-underline-offset: 3px; }
.article-journey-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.article-journey-card { position: relative; display: flex; flex-direction: column; min-height: 142px; padding: 18px 42px 18px 20px; border: 1px solid var(--line); border-left: 4px solid var(--teal); border-radius: 4px; color: var(--navy); background: #fffefa; text-decoration: none; transition: border-color .18s ease, background-color .18s ease; }
.article-journey-card:hover, .article-journey-card:focus-visible { border-color: var(--teal); background: #f0f8f6; }
.article-journey-kind { color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.article-journey-card strong { margin-top: 10px; font-family: var(--serif); font-size: clamp(19px, 2vw, 24px); line-height: 1.18; overflow-wrap: anywhere; }
.article-journey-description { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.article-journey-arrow { position: absolute; right: 17px; bottom: 17px; color: var(--teal-dark); font-size: 19px; }
.company-profile-facts { max-width: 800px; margin: 32px 0 60px; border-top: 1px solid var(--line); }
.company-profile-facts p { display: grid; grid-template-columns: 165px 1fr; gap: 20px; margin: 0; padding: 15px 2px; border-bottom: 1px solid var(--line); font-size: 14px; }
.company-profile-facts a { color: var(--teal-dark); overflow-wrap: anywhere; }
.subsection-title { margin: 50px 0 0; font-family: var(--serif); font-size: 35px; }

@media (max-width: 850px) {
  .primary-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .primary-menu a { display: block; }
  .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news-shelves-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .story-grid { grid-template-columns: 1fr; }
  .news-shelves-heading { display: block; }
  .news-shelves-heading > p { margin-top: 7px; }
  .news-shelves-grid { grid-template-columns: 1fr; }
  .news-shelf-title { min-height: 75px; }
  .news-filter-panel { padding: 15px; }
  .news-filter-row { grid-template-columns: 1fr; gap: 7px; }
  .news-filter-label { padding-top: 0; }
  .news-filter-options { gap: 7px; }
  .news-filter-chip { min-height: 33px; padding: 6px 9px; font-size: 11px; }
  .news-results-grid { grid-template-columns: 1fr; }
  .news-result-card { min-height: 0; padding: 19px 20px; }
  .company-profile-facts p { grid-template-columns: 1fr; gap: 3px; }
  .interior-title { font-size: 43px; }
  .editorial-article > .interior-title { font-size: clamp(36px, 11vw, 43px); overflow-wrap: anywhere; }
  .news-title-phrase { display: inline-block; }
  .article-content { font-size: 16px; }
  .article-journey { margin-top: 40px; }
  .article-journey-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .article-journey-card { min-height: 126px; padding: 14px 27px 16px 13px; }
  .article-journey-card strong { font-size: 18px; }
  .article-journey-description { font-size: 11px; }
  .article-journey-arrow { right: 10px; bottom: 11px; font-size: 16px; }
}
@media (max-width: 359px) {
  .article-journey-grid { grid-template-columns: 1fr; }
}

/* Smart diapers: a source-first topic page. */
.smart-page { overflow: hidden; }
.smart-hero { border-bottom: 1px solid var(--line); background: linear-gradient(110deg, #f9f8f4 35%, #e7f0ef); }
.smart-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .87fr); gap: clamp(28px, 5vw, 82px); align-items: center; min-height: 455px; padding-top: 58px; padding-bottom: 58px; }
.smart-hero-copy h1 { max-width: 730px; margin: 0; font-family: var(--serif); font-size: clamp(46px, 5.2vw, 75px); line-height: 1.02; letter-spacing: -.05em; }
.smart-lead { max-width: 650px; margin: 23px 0 27px; color: #38546a; font-family: var(--serif); font-size: clamp(17px, 1.6vw, 22px); line-height: 1.47; }
.smart-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.smart-hero-credit { margin: 23px 0 0; color: var(--muted); font-size: 12px; }
.smart-hero-visual { position: relative; padding: 21px 26px 18px; border: 1px solid #d9e7e6; border-radius: 8px; background: #fffefa; box-shadow: 0 22px 55px rgba(20,60,67,.1); }
.smart-hero-visual > p { margin: 0 0 12px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.smart-hero-visual img { width: 100%; height: 275px; object-fit: contain; }
.smart-visual-labels { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 13px; border-top: 1px solid var(--line); color: #416579; font-size: 10px; font-weight: 700; }
.smart-visual-labels span + span::before { content: '→'; margin-right: 14px; color: var(--teal); }
.smart-page-stack { padding-top: 38px; padding-bottom: 95px; }
.smart-intro-note { display: grid; grid-template-columns: minmax(180px, .25fr) 1fr; gap: 22px; align-items: center; padding: 19px 25px; border-left: 4px solid var(--teal); background: #eaf3f1; }
.smart-intro-note strong { font-family: var(--serif); font-size: 21px; line-height: 1.15; }
.smart-intro-note p { margin: 0; color: #49616b; font-size: 13px; line-height: 1.65; }
.smart-section { margin-top: 76px; padding-top: 15px; border-top: 1px solid var(--line); }
.smart-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.smart-section-heading .eyebrow { margin-bottom: 7px; }
.smart-section-heading h2, .smart-explainer h2 { margin: 0; font-family: var(--serif); font-size: clamp(34px, 3.3vw, 49px); line-height: 1.1; letter-spacing: -.04em; }
.smart-section-heading p:not(.eyebrow) { max-width: 790px; margin: 11px 0 0; color: var(--muted); font-size: 14px; }
.smart-checked { flex: none; padding-bottom: 4px; color: #617586; font-size: 11px; white-space: nowrap; }
.smart-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.smart-product-card { display: flex; min-width: 0; min-height: 275px; flex-direction: column; padding: 26px 29px 23px; border: 1px solid #dfe8e8; border-top: 4px solid var(--teal); border-radius: 6px; background: #fff; box-shadow: var(--shadow); }
.smart-product-card:nth-child(4n + 2) { border-top-color: #7caeaa; }
.smart-product-card:nth-child(4n + 3) { border-top-color: #91a79c; }
.smart-product-card:nth-child(4n + 4) { border-top-color: #c8a06d; }
.smart-card-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.smart-card-number { color: #9caeb4; font-family: var(--serif); font-size: 22px; line-height: 1; }
.smart-access { padding: 5px 9px; border-radius: 3px; color: #396270; background: #e8f2f3; font-size: 10px; font-weight: 800; letter-spacing: .025em; }
.smart-access-shop { color: #436b57; background: #eaf2e9; }
.smart-access-announcement { color: #81613f; background: #f8efe1; }
.smart-card-company { margin: 20px 0 5px; color: #5b7180; font-size: 12px; font-weight: 650; }
.smart-card-company span { padding: 0 4px; color: #9eafb5; }
.smart-product-card h3 { margin: 0; font-family: var(--serif); font-size: clamp(25px, 2.4vw, 34px); line-height: 1.12; letter-spacing: -.032em; }
.smart-card-type { margin: 11px 0 0; color: var(--teal-dark); font-size: 12px; font-weight: 800; }
.smart-card-summary { max-width: 570px; margin: 12px 0 24px; color: #516679; font-size: 13px; line-height: 1.6; }
.smart-card-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line); }
.smart-source-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 3px; color: #fff; background: var(--teal-dark); font-size: 12px; font-weight: 800; text-decoration: none; }
.smart-source-link:hover { background: var(--navy); }
.smart-card-footer > span { color: #70808d; font-size: 11px; }
.smart-section-footnote { max-width: 930px; margin: 18px 0 0; color: #607481; font-size: 11px; }
.smart-updates { margin-top: 82px; }
.smart-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 32px; }
.smart-news-card { display: flex; flex-direction: column; padding: 23px 25px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.smart-news-kicker { margin: 0 0 10px; color: var(--teal-dark); font-size: 11px; font-weight: 800; }
.smart-news-card h3 { margin: 0; font-family: var(--serif); font-size: 25px; line-height: 1.18; }
.smart-news-card h3 a { text-decoration: none; }
.smart-news-card h3 a:hover { color: var(--teal-dark); text-decoration: underline; }
.smart-news-card > p:not(.smart-news-kicker) { color: var(--muted); font-size: 13px; }
.smart-news-links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: auto; }
.smart-news-links a { color: var(--teal-dark); font-size: 12px; font-weight: 750; text-underline-offset: 3px; overflow-wrap: anywhere; }
.smart-originals { display: grid; grid-template-columns: minmax(210px, .34fr) 1fr; gap: 32px; padding: 31px; border: 1px solid #dbe5e5; border-radius: 6px; background: #fff; }
.smart-originals-intro h3 { margin: 0 0 10px; font-family: var(--serif); font-size: 30px; line-height: 1.13; }
.smart-originals-intro > p:last-child { color: var(--muted); font-size: 12px; line-height: 1.6; }
.smart-original-list { border-top: 1px solid var(--line); }
.smart-original-item { display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: 5px 19px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--line); }
.smart-original-item > div { grid-row: span 3; display: flex; flex-direction: column; gap: 3px; color: #617887; font-size: 11px; }
.smart-original-item > div span { font-weight: 800; }
.smart-original-item > div .smart-source-language { color: #7b9096; font-size: 10px; font-weight: 650; }
.smart-original-item h4 { margin: 0; font-family: var(--serif); font-size: 20px; line-height: 1.2; }
.smart-original-item p { grid-column: 2; margin: 0; color: var(--muted); font-size: 12px; }
.smart-original-item a { grid-column: 3; grid-row: 1 / span 2; color: var(--teal-dark); font-size: 11px; font-weight: 800; text-underline-offset: 3px; white-space: nowrap; }
.smart-all-news { margin: 20px 0 0; }
.smart-explainer { display: grid; grid-template-columns: 1fr minmax(270px, .56fr); gap: 55px; align-items: center; padding-bottom: 18px; }
.smart-explainer p:not(.eyebrow) { max-width: 770px; margin: 18px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.smart-explainer-types { display: flex; flex-direction: column; gap: 10px; }
.smart-explainer-types span { padding: 13px 16px; border: 1px solid #d7e5e4; border-left: 3px solid var(--teal); border-radius: 3px; background: #fff; color: #31586b; font-size: 12px; font-weight: 800; }
.smart-editorial-note { margin: 49px 0 0; padding-top: 17px; border-top: 1px solid var(--line); color: #607481; font-size: 11px; }

@media (max-width: 1050px) {
  .smart-hero-grid { grid-template-columns: 1fr minmax(290px, .8fr); gap: 26px; }
  .smart-originals { grid-template-columns: 1fr; gap: 17px; }
}
@media (max-width: 750px) {
  .smart-hero-grid { grid-template-columns: 1fr; padding-top: 45px; padding-bottom: 42px; }
  .smart-hero-visual { max-width: 560px; }
  .smart-product-grid, .smart-news-grid { grid-template-columns: 1fr; }
  .smart-product-card { min-height: 0; }
  .smart-original-item { grid-template-columns: 104px 1fr; }
  .smart-original-item a { grid-column: 2; grid-row: auto; white-space: normal; }
  .smart-explainer { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 620px) {
  .smart-hero-copy h1 { font-size: clamp(44px, 11vw, 60px); }
  .smart-lead { font-size: 17px; }
  .smart-hero-visual img { height: 210px; }
  .smart-visual-labels { font-size: 9px; }
  .smart-visual-labels span + span::before { margin-right: 5px; }
  .smart-page-stack { padding-top: 24px; padding-bottom: 65px; }
  .smart-intro-note { grid-template-columns: 1fr; gap: 7px; padding: 18px 20px; }
  .smart-section { margin-top: 56px; }
  .smart-section-heading { display: block; }
  .smart-section-heading h2 { font-size: 37px; }
  .smart-checked { display: block; margin-top: 14px; }
  .smart-product-card { padding: 20px; }
  .smart-product-card h3 { font-size: 28px; }
  .smart-originals { padding: 20px; }
  .smart-original-item { grid-template-columns: 1fr; }
  .smart-original-item > div { grid-row: auto; flex-direction: row; gap: 9px; }
  .smart-original-item p, .smart-original-item a { grid-column: 1; }
}

/* Japan: four illustrated routes to product and research directories. */
.country-explore{margin-top:56px;padding-top:24px;border-top:1px solid #dce4e7}
.country-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.country-explore-card{display:block;overflow:hidden;border:1px solid #dce4e7;border-radius:4px;background:#fff;color:#142d49;text-decoration:none}
.country-explore-card:hover,.country-explore-card:focus-visible{border-color:#b57c7c}
.country-explore-art{aspect-ratio:3/2;overflow:hidden;background:#fff}
.country-explore-art img{display:block;width:100%;height:100%;object-fit:contain}
.country-explore-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 16px;border-top:1px solid #e8eded;font-size:13px;font-weight:700}
.country-explore-label>span:last-child{color:#a26060;font-size:22px}
@media(max-width:800px){.country-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.country-explore-label{padding:14px 11px;font-size:12px}}

/* Lower the complete illustration in the first Japan navigation card slightly. */
.country-explore-card:first-child .country-explore-art img{transform:translateY(4%)}

/* Shared country navigation, with flag and regional accent. */
.country-title{display:flex;align-items:center;gap:18px}
.country-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.68em;line-height:1;font-weight:400}
.country-directory>.eyebrow{color:var(--country-accent)}
.country-directory .country-explore-card:hover,.country-directory .country-explore-card:focus-visible{border-color:var(--country-accent)}
.country-directory .country-explore-label>span:last-child{color:var(--country-accent)}
@media(max-width:600px){.country-title{gap:12px}}

/* White homepage surfaces; retain the existing content, photography and accents. */
body.home { background: #fff; }
.home .hero { background: #fff; }
.home .hero-overlay { background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 27%, rgba(255,255,255,.70) 43%, rgba(255,255,255,.05) 65%); }
.home .region-panel-head,
.home .people-card,
.home .verification-card,
.home .discover-art { background: #fff; }
.home .people-pattern span { border-color: #e7edef; }
@media (max-width: 850px) {
  .home .hero-overlay { background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.85) 55%, rgba(255,255,255,.23) 100%); }
}
@media (max-width: 620px) {
  .home .hero-overlay { background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 38%, rgba(255,255,255,.2) 100%); }
}

/* Subtle card edges and dividers on the white homepage. */
body.home { --home-card-line: #cbd5da; --home-divider-line: #d8e0e4; }
.home .feature-card,
.home .news-card,
.home .brand-card,
.home .region-panel,
.home .discover-card,
.home .people-card,
.home .trust-card { border-color: var(--home-card-line); }
.home .site-header,
.home .lead-grid,
.home .brand-section,
.home .feature-story .feature-copy > .feature-source,
.home .news-item,
.home .brand-card-links,
.home .region-count,
.home .region-locations,
.home .region-all-link,
.home .discover-copy { border-color: var(--home-divider-line); }
.home .region-locations { background: var(--home-divider-line); }

/* Four subtle regional colors within the wide homepage's left gutter. */
@media (min-width: 1441px) {
  .home .hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: calc((100% - 1330px) / 2 - 55px);
    height: 100%;
    pointer-events: none;
    background:
      radial-gradient(ellipse at 0% 0%, rgba(188,124,122,.18), transparent 63%),
      radial-gradient(ellipse at 8% 88%, rgba(90,138,168,.16), transparent 56%),
      radial-gradient(ellipse at 42% 45%, rgba(138,155,132,.12), transparent 62%),
      radial-gradient(ellipse at 18% 100%, rgba(192,153,96,.16), transparent 46%);
    -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.8) 46%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.8) 46%, transparent 100%);
  }
  .home .hero-inner { z-index: 2; }
}

/* Center the supportive hand in the mobile homepage photo. */
@media (max-width: 620px) {
  .home .hero-image { object-position: 80% center; }
}

/* Larger, full-width news text with three recent stories on phones. */
@media (max-width: 620px) {
  .home .lead-grid > .news-card > .news-intro { font-size: 15px; line-height: 1.6; }
  .home .lead-grid > .news-card > .news-list > .news-item { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 18px 0; }
  .home .lead-grid > .news-card > .news-list > .news-item:nth-child(n+4) { display: none; }
  .home .lead-grid > .news-card > .news-list > .news-item > .news-region { font-size: 12px; }
  .home .lead-grid > .news-card > .news-list > .news-item > div > a { font-size: 18px; line-height: 1.45; }
  .home .lead-grid > .news-card > .news-list > .news-item .news-item-summary { margin-top: 7px; font-size: 15px; line-height: 1.6; }
  .home .lead-grid > .news-card > .news-list > .news-item > time { display: flex; flex-wrap: wrap; align-items: baseline; grid-column: 1; gap: 3px 8px; font-size: 13px; line-height: 1.5; }
  .home .lead-grid > .news-card > .news-list > .news-item > time span { margin: 0; font-size: 12px; }
  .home .lead-grid > .news-card > .news-archive-link { padding-block: 8px; font-size: 14px; }
  .home .lead-grid > .news-card > .news-footnote { font-size: 13px; line-height: 1.6; }
}

/* Homepage phone typography: body 16px, secondary text 14px, controls 16px.
   Labels and decorative text share the 14px floor. Keep larger type intact. */
@media (max-width: 620px) {
  body.home {
    --mobile-body-size: 16px;
    --mobile-secondary-size: 14px;
    --mobile-control-size: 16px;
    --mobile-news-title-size: 18px;
    font-size: var(--mobile-body-size);
  }
  .home .eyebrow,
  .home .card-index,
  .home .brand-card-kicker,
  .home .region-kicker,
  .home .source-path-index { font-size: var(--mobile-secondary-size); line-height: 1.5; letter-spacing: .1em; }
  .home .preview-banner { flex-wrap: wrap; font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .header-inner { padding-block: 10px; }
  .home .menu-toggle { flex: none; width: 44px; height: 44px; }
  .home .primary-nav { top: 100%; }
  .home .primary-nav a { display: block; min-height: 44px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .language-switch { font-size: var(--mobile-control-size); }
  .home .language-switch a { display: inline-flex; align-items: center; min-height: 44px; }
  .home .button { min-height: 48px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .hero-byline { font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .feature-copy > p:not(.eyebrow) { font-size: var(--mobile-body-size); line-height: 1.65; }
  .home .feature-story .feature-copy > .feature-source { font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .feature-source a { display: inline-flex; align-items: center; min-height: 44px; }
  .home .text-link,
  .home .subtle-link,
  .home .method-note { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .section-heading p:not(.eyebrow) { font-size: var(--mobile-body-size); line-height: 1.65; }
  .home .lead-grid > .news-card > .news-intro,
  .home .lead-grid > .news-card > .news-list > .news-item .news-item-summary { font-size: var(--mobile-body-size); line-height: 1.6; }
  .home .lead-grid > .news-card > .news-list > .news-item > div > a { font-size: var(--mobile-news-title-size); }
  .home .lead-grid > .news-card > .news-list > .news-item > .news-region { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--mobile-control-size); }
  .home .lead-grid > .news-card > .news-list > .news-item > time,
  .home .lead-grid > .news-card > .news-list > .news-item > time span { font-size: var(--mobile-secondary-size); }
  .home .lead-grid > .news-card > .news-archive-link { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--mobile-control-size); }
  .home .lead-grid > .news-card > .news-footnote,
  .home .news-item div > span,
  .home .company-watch > p,
  .home .small-muted,
  .home .microcopy { font-size: var(--mobile-secondary-size); line-height: 1.6; }
  .home .company-watch h3,
  .home .news-empty-state { font-size: var(--mobile-body-size); line-height: 1.6; }
  .home .company-watch .news-item { grid-template-columns: minmax(0, 1fr); }
  .home .company-watch .news-item div a { font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .company-watch .news-region { font-size: var(--mobile-secondary-size); }
  .home .brand-grid-home .brand-card-operator,
  .home .brand-grid-home .brand-card-headquarters,
  .home .country-status { font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .brand-card-links { gap: 6px 18px; }
  .home .brand-card-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .region-panel-head { flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; }
  .home .region-panel-head > div { min-width: 0; }
  .home .region-count { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .region-location-code { font-size: var(--mobile-secondary-size); }
  .home .region-location-copy strong { font-size: 18px; line-height: 1.4; }
  .home .region-location-copy small { font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .region-all-link { min-height: 44px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .discover-card p:not(.card-index) { font-size: var(--mobile-body-size); line-height: 1.65; }
  .home .series-note { font-size: var(--mobile-secondary-size); line-height: 1.5; }
  .home .source-path-list a { min-height: 48px; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .trust-card p:not(.eyebrow) { font-size: var(--mobile-body-size); line-height: 1.65; }
  .home .trust-card li a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-size: var(--mobile-control-size); line-height: 1.5; }
  .home .trust-card .medical-note { font-size: var(--mobile-secondary-size) !important; line-height: 1.6; }
  .home .footer-inner p { font-size: var(--mobile-secondary-size); line-height: 1.6; }
  .home .footer-inner a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--mobile-control-size); line-height: 1.5; }
}
@media (max-width: 359px) {
  .home .header-inner { flex-wrap: wrap; gap: 4px 12px; }
  .home .header-inner .brand { flex-basis: 100%; }
  .home .menu-toggle { margin-left: 0; }
  .home .language-switch { margin-left: auto; }
}

/* Phone reading scale beyond the homepage: preserve headings, lift small copy. */
@media (max-width: 620px) {
  body:not(.home) {
    --mobile-body-size: 16px;
    --mobile-secondary-size: 14px;
    --mobile-link-size: 15px;
    font-size: var(--mobile-body-size);
  }
  body:not(.home) :is(.eyebrow, .eyebrow-box, .card-index, .brand-card-kicker, .region-kicker) {
    font-size: var(--mobile-secondary-size); line-height: 1.5; letter-spacing: .1em;
  }
  body:not(.home) .preview-banner { flex-wrap: wrap; font-size: 14px; line-height: 1.5; }
  body:not(.home) .header-inner { padding-block: 10px; }
  body:not(.home) .menu-toggle { flex: none; width: 44px; height: 44px; }
  body:not(.home) .primary-nav { top: 100%; }
  body:not(.home) .primary-nav a { display: block; min-height: 44px; font-size: 16px; line-height: 1.5; }
  body:not(.home) .language-switch { font-size: 16px; }
  body:not(.home) .language-switch a { display: inline-flex; align-items: center; min-height: 44px; }
  body:not(.home) .brand-type small { font-size: 14px; }
  body:not(.home) .button { min-height: 44px; max-width: 100%; font-size: 16px; line-height: 1.5; white-space: normal; }
  body:not(.home) :is(.text-link, .subtle-link, .method-note) { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-size: 15px; line-height: 1.5; }
  body:not(.home) :is(.small-muted, .microcopy, .series-note, .country-status, .country-detail small, .role-badge, .manufacturer-status, .maker-meta) { font-size: 14px; line-height: 1.6; }
  body:not(.home) .medical-note { font-size: 14px !important; line-height: 1.6; }
  body:not(.home) :is(.section-heading p:not(.eyebrow), .company-directory-group > p:not(.eyebrow), .discover-card p:not(.card-index), .trust-card p:not(.eyebrow)) { font-size: 16px; line-height: 1.65; }
  body:not(.home) .section-heading { flex-wrap: wrap; }
  body:not(.home) :is(.country-breadcrumb, .tena-breadcrumb) { flex-wrap: wrap; font-size: 14px; line-height: 1.6; }
  body:not(.home) .region-panel-head { flex-wrap: wrap; }
  body:not(.home) .region-panel-head > div { min-width: 0; }
  body:not(.home) :is(.region-count, .region-location-code, .region-location-copy small, .region-directory-summary) { font-size: 14px; line-height: 1.5; }
  body:not(.home) .region-location-copy strong { font-size: 16px; line-height: 1.4; }
  body:not(.home) :is(.region-all-link, .region-jump a) { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; line-height: 1.5; }
  body:not(.home) .region-all-link { display: flex; justify-content: flex-end; }
  body:not(.home) :is(.directory-type-path span span, .directory-region-empty) { font-size: 16px; line-height: 1.6; }
  body:not(.home) :is(.directory-region-card-count, .directory-region-card small, .directory-featured-region,
    .directory-featured-card > p:not(.directory-featured-region), .directory-result-count,
    .directory-region-heading p, .directory-region-heading > span, .directory-country-heading p,
    .directory-country-meta, .directory-country-code, .directory-brand-label, .directory-brand-item p,
    .directory-brand-example strong, .brand-card-operator) { font-size: 14px; line-height: 1.5; }
  body:not(.home) :is(.directory-featured-links a, .directory-company-links a, .directory-brand-links a,
    .directory-region-nav a, .directory-region-jump a, .maker-links a, .brand-card-links a, .trust-card li a) {
    display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere;
  }
  body:not(.home) :is(.directory-toolbar .search-box input, .directory-search input, .search-box input) { font-size: 16px; }
  body:not(.home) :is(.directory-type-path, .directory-featured-links, .directory-company-links, .directory-brand-links, .brand-card-links) { min-width: 0; }
  body:not(.home) :is(.directory-region-card strong) { padding-right: 12px; }

  body:not(.home) :is(.tena-intro, .tena-hero-source > p:not(.eyebrow), .tena-section-note,
    .tena-product-card > p:not(.eyebrow), .brand-card-browser-heading p:not(.eyebrow),
    .brand-guide .brand-news-copy p, .tena-company-strip p:not(.eyebrow),
    .profile-selected-products-heading p:not(.eyebrow),
    .profile-selected-product > p:not(.profile-selected-product-meta):not(.profile-selected-product-check)) { font-size: 16px; line-height: 1.65; }
  body:not(.home) :is(.tena-operator, .tena-hero-source small, .tena-country-tag, .tena-product-route small,
    .tena-news-hint, .tena-news-type, .tena-news-item p, .tena-news-footer, .tena-editorial-card p,
    .brand-product-market, .brand-news-count, .brand-news-date-label, .brand-news-meta time,
    .brand-news-copy small, .brand-card-type-count, .brand-card-browser-scope,
    .brand-official-compact .eyebrow, .brand-official-compact p, .brand-official-compact .brand-official-market,
    .brand-official-table thead th, .brand-official-table th[scope="row"],
    .profile-selected-product-meta, .profile-selected-product-check) { font-size: 14px; line-height: 1.6; }
  body:not(.home) .tena-editorial-card h2 { font-size: 16px; line-height: 1.4; }
  body:not(.home) :is(.tena-jump a, .tena-product-route, .tena-news-item > a, .brand-news-links a,
    .tena-news-footer a, .tena-company-strip a, .brand-guide .brand-cards-official,
    .brand-card-browser-all, .brand-card-type-action, .brand-official-table,
    .brand-official-table .brand-official-route, .brand-official-compact .brand-official-catalog,
    .profile-selected-products-heading > a, .profile-selected-product-links a) { font-size: 15px; line-height: 1.5; }
  body:not(.home) :is(.tena-jump a, .tena-news-item > a, .brand-news-links a, .tena-company-strip a,
    .brand-cards-official, .brand-card-browser-all, .brand-official-table a,
    .brand-official-catalog a, .profile-selected-products-heading > a,
    .profile-selected-product-links a) { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; }
  body:not(.home) .brand-guide .tena-news-filter { font-size: 15px; min-height: 44px; white-space: normal; }
  body:not(.home) :is(.tena-product-route, .brand-official-heading, .profile-selected-product-meta) { flex-wrap: wrap; }
  body:not(.home) .tena-jump { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.home) .tena-jump a { overflow-wrap: anywhere; }

  body:not(.home) :is(.story-date, .news-recent-additions time, .news-recent-additions small,
    .news-shelves-heading > p, .news-shelf-title span, .news-shelf-story-meta, .news-shelf-story-date,
    .news-filter-label, .news-filter-chip span, .news-results-heading, .news-result-meta,
    .news-result-date, .article-meta, .article-featured-image figcaption,
    .article-journey-kind, .article-journey-description, .source-box p,
    .news-footnote, .news-item time, .news-item time span, .news-item div > span) { font-size: 14px; line-height: 1.55; }
  body:not(.home) :is(.story-card > p:not(.story-date), .news-result-excerpt, .news-item-summary,
    .news-intro, .company-profile-facts p, .news-empty-state) { font-size: 16px; line-height: 1.65; }
  body:not(.home) :is(.news-shelf-more, .news-result-actions a, .article-journey-all,
    .news-item div a, .news-archive-link, .story-pagination .page-numbers) { font-size: 15px; line-height: 1.5; }
  body:not(.home) :is(.news-shelf-more, .news-result-actions a, .article-journey-all,
    .news-archive-link, .story-pagination .page-numbers) { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; }
  body:not(.home) :is(.news-filter-chip, .filter-button, .article-topics a) { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; line-height: 1.5; }
  body:not(.home) .news-results-heading { flex-wrap: wrap; }
  body:not(.home) .news-shelf-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
  body:not(.home) .news-shelf-title span { float: none; order: 2; margin: 0; }
  body:not(.home) .news-shelf-title h3 { min-width: 0; }
  body:not(.home) .news-item { grid-template-columns: minmax(0, 1fr); }
  body:not(.home) .news-region { font-size: 14px; }

  body:not(.home) :is(.smart-hero-credit, .smart-hero-visual > p, .smart-visual-labels,
    .smart-checked, .smart-access, .smart-card-company, .smart-card-type,
    .smart-card-footer > span, .smart-section-footnote, .smart-news-kicker,
    .smart-original-item > div, .smart-original-item > div .smart-source-language,
    .smart-editorial-note) { font-size: 14px; line-height: 1.6; }
  body:not(.home) :is(.smart-intro-note p, .smart-section-heading p:not(.eyebrow),
    .smart-card-summary, .smart-news-card > p:not(.smart-news-kicker),
    .smart-originals-intro > p:last-child, .smart-original-item p,
    .smart-explainer p:not(.eyebrow), .smart-explainer-types span) { font-size: 16px; line-height: 1.65; }
  body:not(.home) :is(.smart-source-link, .smart-news-links a, .smart-original-item a) { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
  body:not(.home) :is(.smart-card-top, .smart-visual-labels) { flex-wrap: wrap; }
  body:not(.home) .smart-checked { white-space: normal; }
  body:not(.home) .smart-original-item { grid-template-columns: minmax(0, 1fr); }
  body:not(.home) .smart-original-item > div { grid-row: auto; flex-direction: row; flex-wrap: wrap; gap: 4px 12px; }
  body:not(.home) :is(.smart-original-item p, .smart-original-item a) { grid-column: 1; grid-row: auto; }

  body:not(.home) :is(.wdo-contact-form label, .wdo-contact-form input, .wdo-contact-form textarea) { font-size: 16px; }
  body:not(.home) :is(.wdo-contact-form label span, .wdo-contact-help, .wdo-contact-privacy) { font-size: 14px; line-height: 1.6; }
  body:not(.home) .footer-inner p { font-size: 14px; line-height: 1.6; }
  body:not(.home) .footer-inner a { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; line-height: 1.5; }
}
@media (max-width: 359px) {
  body:not(.home) .header-inner { flex-wrap: wrap; gap: 4px 12px; }
  body:not(.home) .header-inner .brand { flex-basis: 100%; }
  body:not(.home) .menu-toggle { margin-left: 0; }
  body:not(.home) .language-switch { margin-left: auto; }
}

/* Desktop reading scale: clear copy, legible metadata and flexible controls. */
@media (min-width: 621px) {
  .brand-type small, .language-switch { font-size: 14px; }
  .primary-nav a { font-size: 15px; line-height: 1.5; }
  .header-inner { gap: 22px; padding-top: 12px; padding-bottom: 12px; }
  .primary-nav, .primary-menu { min-width: 0; flex-wrap: wrap; gap: 10px 18px; }
  .primary-nav { top: 100%; }
  .eyebrow, .eyebrow-box, .card-index, .brand-card-kicker, .region-kicker { font-size: 14px; line-height: 1.5; letter-spacing: .14em; }
  .button { font-size: 16px; line-height: 1.45; white-space: normal; }
  .text-link, .subtle-link, .discover-card .text-link, .method-note { font-size: 15px; line-height: 1.5; }
  .preview-banner, .hero-byline, .small-muted, .microcopy, .series-note,
  .country-status, .country-detail small, .role-badge, .manufacturer-status,
  .maker-meta, .feature-story .feature-copy > .feature-source,
  .region-directory-summary, .country-breadcrumb { font-size: 14px; line-height: 1.6; }
  .medical-note { font-size: 14px !important; line-height: 1.6; }
  .section-heading p:not(.eyebrow), .company-directory-group > p:not(.eyebrow),
  .discover-card p:not(.card-index), .trust-card p:not(.eyebrow),
  .feature-copy > p:not(.eyebrow), .company-watch > p, .no-results { font-size: 16px; line-height: 1.65; }
  .section-heading, .region-panel-head { flex-wrap: wrap; }
  .footer-inner p { font-size: 14px; line-height: 1.6; }
  .footer-inner a { font-size: 15px; line-height: 1.5; }

  .news-intro, .news-item-summary, .news-empty-state { font-size: 16px; line-height: 1.6; }
  .news-item div a { font-size: 18px; line-height: 1.4; }
  .news-region, .news-item time, .news-item time span, .news-item div > span,
  .news-footnote { font-size: 14px; line-height: 1.5; }
  .news-region { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .news-archive-link { font-size: 15px; }
  .company-watch h3 { font-size: 16px; }
  .home .lead-grid > .news-card > .news-intro { font-size: 16px; line-height: 1.6; }
  .home .lead-grid > .news-card > .news-list > .news-item > .news-region,
  .home .lead-grid > .news-card > .news-list > .news-item > time,
  .home .lead-grid > .news-card > .news-list > .news-item > time span { font-size: 14px; }
  .home .lead-grid > .news-card > .news-list > .news-item > div > a { font-size: 18px; line-height: 1.4; }
  .home .lead-grid > .news-card > .news-list > .news-item .news-item-summary { font-size: 16px; line-height: 1.6; }
  .brand-card-operator, .brand-card-headquarters,
  .home .brand-grid-home .brand-card-operator,
  .home .brand-grid-home .brand-card-headquarters { font-size: 14px; line-height: 1.6; }
  .brand-card-links a, .maker-links a, .region-all-link, .region-jump a { font-size: 15px; line-height: 1.5; }
  .region-count, .region-location-code, .region-location-copy small { font-size: 14px; line-height: 1.5; }
  .region-location-copy strong { font-size: 18px; line-height: 1.35; }
  .source-path-list a { font-size: 16px; line-height: 1.5; }
  .source-path-index { font-size: 14px; }
  .trust-card li a { font-size: 15px; line-height: 1.5; }

  .directory-type-path span span, .directory-region-empty { font-size: 16px; line-height: 1.6; }
  .directory-region-card-count, .directory-region-card small,
  .directory-featured-region, .directory-featured-card > p:not(.directory-featured-region),
  .directory-result-count, .directory-region-heading p, .directory-region-heading > span,
  .directory-region-heading .region-kicker, .directory-country-heading p,
  .directory-country-meta, .directory-country-code, .directory-brand-label,
  .directory-brand-item p, .directory-brand-example strong { font-size: 14px; line-height: 1.6; }
  .directory-featured-links a, .directory-company-links a, .directory-brand-links a,
  .directory-region-nav a, .directory-region-jump a { font-size: 15px; line-height: 1.5; }
  .directory-toolbar .search-box input, .directory-search input, .search-box input { font-size: 16px; }

  .profile-selected-products-heading p:not(.eyebrow),
  .profile-selected-product > p:not(.profile-selected-product-meta):not(.profile-selected-product-check) { font-size: 16px; line-height: 1.65; }
  .profile-selected-products-heading > a, .profile-selected-product-links a { font-size: 15px; line-height: 1.5; }
  .profile-selected-product-meta, .profile-selected-product-check { font-size: 14px; line-height: 1.6; }
  .profile-selected-products-heading { flex-wrap: wrap; }

  .tena-breadcrumb, .tena-operator, .tena-hero-source small, .tena-country-tag,
  .tena-product-route small, .tena-news-hint, .tena-news-type, .tena-news-footer,
  .brand-product-market, .brand-news-count, .brand-news-date-label, .brand-news-meta time,
  .brand-news-copy small, .brand-card-type-count, .brand-card-browser-scope,
  .brand-official-compact .eyebrow, .brand-official-compact p,
  .brand-official-compact .brand-official-market { font-size: 14px; line-height: 1.6; }
  .tena-intro, .tena-hero-source > p:not(.eyebrow), .tena-section-note,
  .tena-product-card > p:not(.eyebrow), .tena-news-item p,
  .brand-guide .brand-news-copy p, .tena-company-strip p:not(.eyebrow),
  .tena-editorial-card p, .brand-card-browser-heading p:not(.eyebrow) { font-size: 16px; line-height: 1.65; }
  .tena-editorial-card h2 { font-size: 18px; }
  .tena-jump a, .tena-product-route, .tena-news-item > a, .brand-news-links a,
  .tena-company-strip a, .brand-guide .brand-cards-official,
  .brand-card-browser-all, .brand-card-type-action, .brand-guide .tena-news-filter { font-size: 15px; line-height: 1.5; }
  .brand-official-table { font-size: 16px; line-height: 1.6; }
  .brand-official-table thead th, .brand-official-table th[scope="row"] { font-size: 14px; line-height: 1.5; }
  .brand-official-table .brand-official-route, .brand-official-compact .brand-official-catalog { font-size: 15px; line-height: 1.5; white-space: normal; }
  .tena-section-heading, .tena-product-route, .tena-news-footer,
  .tena-company-strip, .brand-official-heading, .brand-card-browser-heading { flex-wrap: wrap; }
  .tena-company-strip > div, .brand-card-browser-heading > div { min-width: 0; }
  .brand-news-meta { min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .tena-news-type { min-width: 0; overflow-wrap: anywhere; }

  .story-date, .news-recent-additions time, .news-recent-additions small,
  .news-shelves-heading > p, .news-shelf-title span, .news-shelf-story-meta,
  .news-shelf-story-date, .news-filter-label, .news-filter-chip span,
  .news-results-heading, .news-result-meta, .news-result-date,
  .article-meta, .article-featured-image figcaption, .article-journey-kind,
  .source-box p { font-size: 14px; line-height: 1.6; }
  .story-card > p:not(.story-date), .news-result-excerpt, .article-journey-description { font-size: 16px; line-height: 1.65; }
  .news-shelf-more, .news-result-actions a, .article-journey-all { font-size: 15px; line-height: 1.5; }
  .story-pagination .page-numbers { font-size: 16px; line-height: 1.5; }
  .news-filter-chip, .filter-button, .article-topics a { font-size: 15px; line-height: 1.5; white-space: normal; }
  .news-filter-chip, .filter-button { min-height: 40px; }
  .news-shelves-heading { flex-wrap: wrap; }

  .smart-hero-credit, .smart-hero-visual > p, .smart-visual-labels, .smart-checked,
  .smart-access, .smart-card-company, .smart-card-type, .smart-card-footer > span,
  .smart-section-footnote, .smart-news-kicker, .smart-original-item > div,
  .smart-original-item > div .smart-source-language, .smart-editorial-note { font-size: 14px; line-height: 1.6; }
  .smart-intro-note p, .smart-section-heading p:not(.eyebrow), .smart-card-summary,
  .smart-news-card > p:not(.smart-news-kicker), .smart-originals-intro > p:last-child,
  .smart-original-item p, .smart-explainer p:not(.eyebrow), .smart-explainer-types span { font-size: 16px; line-height: 1.65; }
  .smart-source-link, .smart-news-links a, .smart-original-item a { font-size: 15px; line-height: 1.5; }
  .smart-card-top, .smart-visual-labels { flex-wrap: wrap; }
  .smart-checked, .smart-original-item a { white-space: normal; }
  .wdo-contact-form label span, .wdo-contact-form input,
  .wdo-contact-form textarea, .wdo-contact-form select { font-size: 16px; }
  .wdo-contact-help, .wdo-contact-privacy { font-size: 14px; line-height: 1.6; }
}

/* Keep the four desktop hero labels on one line, with equal button heights. */
@media (min-width: 851px) {
  .home .hero-actions { width: 100%; max-width: 520px; }
  .home .hero-actions .button { min-height: 52px; white-space: nowrap; }
}
@media (min-width: 851px) and (max-width: 1000px) {
  .home .hero-actions .button { padding-inline: 12px; gap: 10px; }
}

/* Featured story: natural portrait proportions and a separate source footer. */
.home .feature-story { min-height: 0; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); grid-template-rows: auto auto; align-content: space-between; }
.home .feature-story .feature-copy { min-width: 0; min-height: 0; align-self: start; }
.home .feature-story .feature-photo { display: flex; justify-content: center; align-items: flex-start; align-self: start; min-width: 0; min-height: 0; margin: 0; aspect-ratio: auto; background: #fff; }
.home .feature-story .feature-photo img { position: static; display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; }
.home .feature-footer { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; min-width: 0; padding: 16px 22px; border-top: 1px solid var(--line); background: #fff; }
.home .feature-footer .feature-source { display: flex; flex: 1 1 230px; align-items: baseline; flex-wrap: wrap; gap: 3px 6px; min-width: 0; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.home .feature-footer .feature-source a { max-width: 100%; overflow-wrap: anywhere; }
.home .feature-source-date { white-space: nowrap; }
.home .feature-footer .text-link { flex: none; margin: 0; font-size: 15px; line-height: 1.5; }
.home .homepage-news-footnote { margin: 14px 0 0 auto; width: calc((100% - 22px) * .42); color: var(--muted); font-size: 14px; line-height: 1.5; }
@media (min-width: 1181px) {
  .home .lead-grid { grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr); align-items: stretch; }
  .home .feature-story { grid-template-columns: minmax(0, 1fr) clamp(400px, 30.5vw, 440px); }
  .home .feature-story .feature-copy { padding: 28px 22px; }
  .home .feature-story .feature-copy h2 { font-size: clamp(32px, 2.5vw, 38px); line-height: 1.2; }
  .home .news-card { min-width: 0; padding: 22px 24px 16px; }
  .home .news-card h2 { font-size: 30px; line-height: 1.2; }
  .home .news-intro { margin: 10px 0 12px; }
  .home .lead-grid > .news-card > .news-list { display: flex; flex: 1; flex-direction: column; }
  .home .lead-grid > .news-card > .news-list > .news-item { flex: 1; grid-template-columns: minmax(0, 1fr) auto; align-content: start; gap: 7px 12px; padding: 10px 0; }
  .home .lead-grid > .news-card > .news-list > .news-item > .news-region { grid-column: 1; grid-row: 1; }
  .home .lead-grid > .news-card > .news-list > .news-item > time { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: flex-end; grid-column: 2; grid-row: 1; gap: 3px 8px; padding-top: 3px; }
  .home .lead-grid > .news-card > .news-list > .news-item > time span { display: inline; margin: 0; }
  .home .lead-grid > .news-card > .news-list > .news-item > div { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .home .lead-grid > .news-card > .news-list > .news-item .news-item-summary { margin-top: 5px; max-height: 1.6em; }
  .home .news-archive-link { margin-top: 8px; }
}
@media (min-width: 621px) and (max-width: 1180px) {
  .home .feature-story { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
  .home .feature-story .feature-photo img { width: auto; max-height: 620px; }
  .home .homepage-news-footnote { width: 100%; }
}
@media (max-width: 620px) {
  .home .feature-story { grid-template-columns: minmax(0, 1fr); }
  .home .feature-footer { padding: 16px 25px; }
  .home .feature-footer .text-link { min-height: 44px; }
  .home .homepage-news-footnote { width: 100%; }
}
@media (max-width: 380px) {
  html[lang="ja"] .home .feature-copy h2 { font-size: 26px; line-height: 1.3; }
  html[lang="ja"] .home .feature-title-phrase { display: inline-block; white-space: nowrap; max-width: 100%; }
}
@media (min-width: 621px) and (max-width: 700px) {
  .home .feature-story { grid-template-columns: minmax(0, 1fr); }
  .home .feature-story .feature-photo img { width: 100%; max-height: none; }
}

/* Featured brands: official sources and WDO comparison share one type entry. */
.lifree-product-routes { position: relative; margin-top: 28px; padding: clamp(20px, 3vw, 34px); border: 1px solid #c6d6dc; border-left: 4px solid var(--teal); border-radius: 5px; background: #fff; scroll-margin-top: 28px; }
.lifree-product-routes .lifree-routes-anchor { position: absolute; top: 0; scroll-margin-top: 28px; }
.lifree-product-routes .lifree-routes-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.lifree-product-routes .lifree-routes-heading > div { min-width: 0; }
.lifree-product-routes .eyebrow { margin: 0 0 10px; font-size: 14px; }
.lifree-product-routes h2 { margin: 0 0 12px; color: var(--navy); font-family: var(--serif); font-size: clamp(27px, 3vw, 36px); line-height: 1.3; }
.lifree-product-routes .lifree-routes-heading p:not(.eyebrow) { max-width: 740px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.lifree-product-routes .lifree-routes-all { flex: none; display: inline-flex; align-items: center; min-height: 44px; color: var(--teal-dark); font-size: 15px; font-weight: 700; text-underline-offset: 4px; }
.lifree-product-routes .lifree-route-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.lifree-product-routes .lifree-route-row { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(330px, 44%); align-items: center; gap: 24px; padding: 22px; border: 1px solid #c6d6dc; border-top: 2px solid var(--teal); border-radius: 3px; }
.lifree-product-routes .lifree-route-name, .lifree-product-routes .lifree-route-actions { min-width: 0; }
.lifree-product-routes .lifree-route-name h3 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 23px; line-height: 1.4; }
.lifree-product-routes .lifree-route-name h3 > a { display: flex; align-items: center; min-height: 44px; color: inherit; font: inherit; text-decoration: none; }
.lifree-product-routes .lifree-route-name h3 > a:hover { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 4px; }
.lifree-product-routes .lifree-route-name p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.lifree-product-routes .lifree-route-name p > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--teal-dark); text-underline-offset: 3px; }
.lifree-product-routes .lifree-route-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 7px 12px; }
.lifree-product-routes .lifree-route-actions a, .lifree-product-routes .lifree-route-official { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid var(--teal-dark); border-radius: 3px; color: var(--teal-dark); background: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.lifree-product-routes .lifree-route-actions > .lifree-route-official { grid-column: 1; grid-row: 1; }
.lifree-product-routes .lifree-route-wdo { display: contents; }
.lifree-product-routes .lifree-route-wdo > a { grid-column: 2; grid-row: 1; color: #fff; background: var(--teal-dark); }
.lifree-product-routes .lifree-route-actions a > span, .lifree-product-routes .lifree-route-official > span { flex: none; }
.lifree-product-routes .lifree-route-wdo > span { grid-column: 2; grid-row: 2; display: block; color: var(--muted); font-size: 14px; line-height: 1.5; text-align: center; }
.lifree-product-routes .lifree-route-official:hover { background: #edf6f5; }
.lifree-product-routes .lifree-route-official-only { grid-template-columns: minmax(0, 1fr) minmax(180px, 22%); padding-block: 16px; border-top-width: 1px; }
.lifree-product-routes .lifree-route-official-only .lifree-route-actions { grid-template-columns: minmax(0, 1fr); }
.lifree-product-routes .lifree-route-wdo-only .lifree-route-actions { grid-template-columns: minmax(0, 1fr); }
.lifree-product-routes .lifree-route-wdo-only .lifree-route-wdo > a { grid-column: 1; grid-row: 1; }
.lifree-product-routes .lifree-route-wdo-only .lifree-route-wdo > span { grid-column: 1; grid-row: 2; }
.lifree-product-routes .lifree-route-wdo > a:hover { background: var(--navy); border-color: var(--navy); }
.lifree-product-routes a:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.lifree-product-routes .lifree-related { margin-top: 22px; }
.lifree-product-routes .lifree-related > h3 { margin: 0 0 10px; color: var(--muted); font-size: 14px; font-weight: 700; }
.lifree-product-routes .lifree-related-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; border: 1px solid #c6d6dc; border-radius: 3px; background: #f7fafb; }
.lifree-product-routes .lifree-related-row > div { min-width: 0; }
.lifree-product-routes .lifree-related-row h4 { margin: 0; color: var(--navy); font-size: 18px; line-height: 1.5; }
.lifree-product-routes .lifree-related-row p { margin: 4px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.lifree-product-routes .lifree-related-row > a { flex: none; }
.lifree-product-routes .lifree-routes-note { margin: 18px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
@media (max-width: 850px) {
  .lifree-product-routes .lifree-routes-heading { flex-wrap: wrap; gap: 10px; }
  .lifree-product-routes .lifree-route-row { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .lifree-product-routes .lifree-route-actions { max-width: 480px; width: 100%; }
}
@media (max-width: 620px) {
  .lifree-product-routes { padding: 20px 16px; }
  .lifree-product-routes .lifree-route-row { padding: 18px 14px; }
  .lifree-product-routes .lifree-route-name h3 { font-size: 21px; }
  .lifree-product-routes .lifree-route-actions { column-gap: 10px; }
  .lifree-product-routes .lifree-route-actions a { padding-inline: 8px; gap: 6px; }
  .lifree-product-routes .lifree-related-row { align-items: flex-start; flex-direction: column; gap: 12px; padding: 16px 14px; }
  .lifree-product-routes .lifree-related-row > a { min-width: 0; width: 100%; }
}
@media (max-width: 620px) {
  .lifree-product-routes .lifree-route-actions { grid-template-columns: minmax(0, 1fr); }
  .lifree-product-routes .lifree-route-wdo > a { grid-column: 1; grid-row: 2; }
  .lifree-product-routes .lifree-route-wdo > span { grid-column: 1; grid-row: 3; }
}

.brand-guide .tena-hero h1.lifree-brand-title { font-size: clamp(46px, 5.5vw, 68px); letter-spacing: -.04em; }

/* Distinguish each featured brand's manufacturer, headquarters and market. */
.lifree-maker-identity { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 22px; }
.lifree-maker-identity > div { min-width: 0; }
.lifree-maker-identity .lifree-maker-label { display: block; margin-bottom: 6px; color: var(--teal-dark); font-size: 14px; font-weight: 750; line-height: 1.5; letter-spacing: .08em; }
.lifree-maker-identity a, .lifree-maker-identity strong { display: block; color: var(--navy); font-family: var(--serif); font-size: clamp(27px, 3vw, 36px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; text-decoration: none; overflow-wrap: anywhere; }
.lifree-maker-identity a:hover { color: var(--teal-dark); text-decoration: underline; text-underline-offset: 5px; }
.lifree-maker-identity a:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.lifree-maker-identity .lifree-headquarters { display: block; padding: 2px 0; border: 0; background: linear-gradient(transparent 55%, #deeeec 55%); color: var(--teal-dark); font-family: var(--serif); font-size: 20px; font-weight: 700; line-height: 1.5; }

/* Keep the supporting hand beside the phone action buttons. */
@media (max-width: 620px) {
  .home .hero-image {
    top: clamp(105px, 30vw, 145px);
    bottom: auto;
    height: 100%;
    object-position: 73% center;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 96px);
    mask-image: linear-gradient(to bottom, transparent, #000 96px);
  }
}

/* News source years reuse the region and subject filter buttons. */
.news-archive .news-year-note { margin: 10px 0 0; color: #637786; font-size: 14px; line-height: 1.6; }
.product-card-catalog-more{margin-top:18px;border-top:1px solid var(--line,#c5d3d9);padding-top:8px}
.product-card-catalog-more>summary{display:list-item;min-height:44px;padding:10px 4px;color:var(--teal-dark,#0c6570);font-size:15px;font-weight:700;line-height:1.6;cursor:pointer}
.product-card-catalog-more>summary:focus-visible{outline:2px solid var(--teal,#138592);outline-offset:3px}
.product-card-catalog-more[open]>.product-card-catalog-makers{margin-top:10px}

/* White reading surface for the Osaka Expo story (post 33), in both languages. */
body.postid-33 { background: #fff; }
body.postid-33 .article-featured-image { background: #fff; }
body.postid-33 .source-box { background: #fff; border: 1px solid #cbd8de; border-left: 4px solid var(--teal); }

/* Center the Osaka Expo feature and give its story label a clear green accent. */
body.postid-33 .editorial-article { margin-inline: auto; padding-top: 24px; border-top: 4px solid #178578; }
body.postid-33 .expo-story-label { display: inline-flex; margin: 0 0 18px; padding: 8px 15px; border-radius: 3px; background: #147c70; color: #fff; font-size: 14px; font-weight: 800; line-height: 1.4; letter-spacing: .1em; }
body.postid-33 .interior-title { margin-top: 0; }
@media (max-width: 620px) {
  body.postid-33 .editorial-article { padding-top: 20px; }
  body.postid-33 .expo-story-label { padding: 8px 13px; font-size: 14px; }
}


/* Accuracy notes keep verification status and correction routes visible. */
.information-accuracy-note { margin: 18px 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.information-accuracy-note p { margin: 0; }
.information-accuracy-links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 4px; }
.information-accuracy-links a { color: var(--teal-dark); text-underline-offset: 3px; }
.information-accuracy-links a:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
.site-footer .footer-accuracy-note { max-width: 48rem; margin: 9px 0 0; color: #dbe9eb; font-size: 14px; line-height: 1.7; }
.information-accuracy-policy { scroll-margin-top: 30px; }
.information-accuracy-states dt { margin-top: 16px; font-weight: 750; }
.information-accuracy-states dd { margin: 3px 0 0; }

/* Explicit independent-site status, shared by About and every footer. */
.site-status-notice { margin: 0; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.site-operation { margin-bottom: 32px; scroll-margin-top: 120px; }
.footer-inner > div:first-child p { font-size: 14px; line-height: 1.8; }
.site-status-about { margin: 0 0 28px; padding: 20px 24px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--navy); }
@media (max-width: 600px) { .site-status-about { padding: 18px; } }

/* Home hero: two directory links, two editorial links, one WDO database link. */
.home .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 520px; }
.home .hero-actions .button { width: 100%; min-width: 0; min-height: 62px; justify-self: stretch; padding: 12px 10px; gap: 8px; font-size: 16px; line-height: 1.4; white-space: normal; text-align: center; }
.home .hero-actions .button > span:first-child { min-width: 0; overflow-wrap: anywhere; }
html[lang="ja"] .home .hero-actions .button-hero-companies > span:first-child { overflow-wrap: normal; word-break: keep-all; }
.home .hero-actions .button > span[aria-hidden] { flex: 0 0 auto; }
.home .hero-actions .button-hero-companies,
.home .hero-actions .button-hero-official { border: 1.5px solid #191919; color: #18212c; background: #fff; }
.home .hero-actions .button-hero-companies:hover,
.home .hero-actions .button-hero-official:hover { background: #f2f5f7; }
.home .hero-actions .button-hero-database { grid-column: 1 / -1; margin-top: 2px; border: 3px solid; border-color: #bc8280 #7f9b87 #5b90a8 #c6a363; color: var(--navy); background: #fff; }
.home .hero-actions .button-hero-database:hover { background: #f2f5f7; }
@media (max-width: 360px) {
  .home .hero-actions { gap: 8px; }
  .home .hero-actions .button { padding-inline: 8px; gap: 5px; }
}

/* Keep the editor credit readable where the mobile hero photo is brightest or darkest. */
@media (max-width: 620px) {
  .home .hero-byline {
    display: table;
    max-width: 100%;
    padding: 6px 9px;
    color: var(--navy);
    background: #fff;
    box-shadow: 0 1px 4px rgba(13, 39, 63, .14);
  }
}

/* Keep the English article with its noun in the home headline. */
.home #hero-title .hero-title-world { white-space: nowrap; }

/* Make the homepage newsroom a clear next section on mobile and desktop. */
.home .lead-grid > .news-card { --newsroom-inset-x: 27px; --newsroom-inset-top: 28px; }
.home .lead-grid > .news-card > .section-line { display: block; }
.home .lead-grid > .news-card > .section-line > div { min-width: 0; }
.home .lead-grid > .news-card > .section-line .eyebrow {
  margin: calc(0px - var(--newsroom-inset-top)) calc(0px - var(--newsroom-inset-x)) 20px;
  padding: 18px var(--newsroom-inset-x);
  border-radius: 5px 5px 0 0;
  background: #157f8c;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .08em;
}
@media (max-width: 620px) {
  .home .lead-grid > .news-card { --newsroom-inset-x: 18px; --newsroom-inset-top: 24px; }
}
@media (min-width: 1181px) {
  .home .lead-grid > .news-card { --newsroom-inset-x: 24px; --newsroom-inset-top: 22px; }
}


/* Longer featured-story copy on desktop; compact dated copy on phones. */
.home .feature-story .feature-summary-expanded { display: none; }
@media (min-width: 851px) {
  .home .feature-story .feature-summary-compact { display: none; }
  .home .feature-story .feature-summary-expanded { display: inline; }
}


/* Adopted white article surface; onward navigation stays on the outer page. */
.editorial-article { max-width: 900px; margin-inline: auto; }
.article-reading-surface { min-width: 0; padding: 40px; border: 1px solid var(--line); border-radius: 0; background: #fff; box-shadow: none; }
.article-reading-surface > .interior-title { overflow-wrap: anywhere; }
.article-reading-surface .article-content > :last-child { margin-bottom: 0; }
@media (max-width: 620px) {
  body.single-post .article-shell { width: calc(100% - 20px); }
  .article-reading-surface { padding: 24px 18px; }
  .article-reading-surface > .interior-title { font-size: clamp(36px, 11vw, 43px); }
  .article-reading-surface .source-box { padding: 20px 18px; }
  .editorial-article > .article-journey { margin-inline: 8px; }
}

/* Concrete published stories come before the secondary indexes. */
.article-recommendations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.article-recommendation-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid var(--line); border-top-width: 3px; border-radius: 0; color: var(--navy); background: #fff; text-decoration: none; }
.article-recommendation-card:first-child { border-top-color: var(--teal); }
.article-recommendation-card:hover { border-color: var(--teal); background: #f5faf9; }
.article-recommendation-card:focus-visible { outline: 3px solid var(--teal-dark); outline-offset: 3px; }
.article-recommendation-kind { color: var(--teal-dark); font-size: 13px; font-weight: 800; line-height: 1.5; }
.article-recommendation-meta { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.article-recommendation-card h3 { margin: 16px 0 10px; font-family: var(--serif); font-size: 23px; line-height: 1.3; overflow-wrap: anywhere; }
.article-recommendation-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 20px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.article-recommendation-action { margin-top: auto; padding-top: 12px; color: var(--teal-dark); font-size: 13px; font-weight: 800; line-height: 1.5; }
.article-journey-secondary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 28px; margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--line); }
.article-journey-secondary a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; color: var(--teal-dark); font-size: 13px; font-weight: 800; line-height: 1.5; text-underline-offset: 3px; overflow-wrap: anywhere; }
.article-journey-secondary .article-journey-all { flex: 0 1 auto; margin-left: auto; }
@media (max-width: 760px) {
  .article-recommendations { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .article-recommendation-card { padding: 18px; }
  .article-recommendation-kind, .article-recommendation-meta { font-size: 14px; }
  .article-recommendation-card h3 { margin-top: 12px; font-size: 21px; line-height: 1.4; }
  .article-recommendation-description { -webkit-line-clamp: 2; margin-bottom: 8px; font-size: 15px; }
  .article-recommendation-action { padding-top: 10px; font-size: 14px; text-align: right; }
  .article-journey-secondary { align-items: stretch; flex-direction: column; gap: 0; margin-top: 20px; }
  .article-journey-secondary a { justify-content: space-between; font-size: 14px; }
  .article-journey-secondary .article-journey-all { margin-left: 0; }
}

/* 0.4.246.7: a shared, source-dated editorial news reading list. */
.news-editorial-archive .news-archive-shell { width: min(1200px, calc(100% - 48px)); max-width: 1200px; padding-top: 34px; }
.news-breadcrumb { margin-bottom: 24px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.news-breadcrumb a { color: inherit; text-decoration: none; }
.news-breadcrumb a:hover { color: var(--teal-dark); text-decoration: underline; }
.news-editorial-heading { margin-bottom: 22px; padding-bottom: 17px; border-bottom: 1px solid #6b9da2; }
.news-editorial-heading .eyebrow { margin-bottom: 10px; }
.news-editorial-archive .interior-title { max-width: none; margin: 0 0 13px; font-size: clamp(32px, 3.3vw, 48px); line-height: 1.23; letter-spacing: -.025em; overflow-wrap: anywhere; }
.news-editorial-archive .news-archive-intro { max-width: none; margin: 0; font-size: 17px; line-height: 1.7; }
.news-editorial-archive .news-editorial-search { display: grid; grid-template-columns: minmax(280px, 1.2fr) minmax(0, 1fr); align-items: end; gap: 9px 16px; margin: 0 0 26px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.news-editorial-search .news-search-controls { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; }
.news-editorial-search .news-search-controls input { border-radius: 3px 0 0 3px; }
.news-editorial-search .news-search-controls button { border-radius: 0 3px 3px 0; }
.news-editorial-search .news-search-controls label.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.news-filter-disclosure { min-width: 0; }
.news-filter-disclosure > summary { display: none; }
.news-editorial-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.news-editorial-search .news-editorial-fields label { display: block; min-width: 0; margin: 0; font-size: 12px; font-weight: 600; }
.news-editorial-fields label > span { display: block; margin-bottom: 4px; color: #536874; }
.news-editorial-fields select { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 9px 26px 9px 9px; border: 1px solid #aebfc7; border-radius: 3px; color: var(--navy); background: #fff; font: inherit; font-size: 14px; text-overflow: ellipsis; }
.news-editorial-fields select:focus-visible, .news-filter-disclosure > summary:focus-visible, .news-editorial-archive a:focus-visible { outline: 3px solid var(--teal-dark); outline-offset: 3px; }
.news-filter-help { grid-column: 1 / -1; margin: 0; color: #536874; font-size: 12px; line-height: 1.65; }
.news-editorial-archive .news-results-heading { align-items: end; margin: 0 0 6px; }
.news-results-heading h2 { margin: 0 0 5px; color: var(--navy); font-family: var(--serif); font-size: 27px; line-height: 1.3; }
.news-results-order { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px 16px; max-width: 60%; line-height: 1.6; }
.news-source-date-note { margin: 0 0 17px; color: #536874; font-size: 12px; line-height: 1.6; }
.news-editorial-archive .news-results-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 15px; }
.news-editorial-archive .news-result-card { display: grid; grid-template-columns: 106px minmax(0, 1fr); gap: 25px; min-height: 0; padding: 24px 27px; border: 1px solid #dce5e7; border-left: 3px solid transparent; border-radius: 3px; background: #fff; box-shadow: none; }
.news-editorial-archive .news-result-card:first-child { border-left-color: var(--teal-dark); background: #f2f8f8; }
.news-result-body { min-width: 0; }
.news-editorial-archive .news-result-date { margin: 0; padding-right: 20px; border-right: 1px solid #d3e0e4; color: #425a6c; font-size: 13px; line-height: 1.6; }
.news-date-label { display: block; margin-bottom: 4px; }
.news-result-date time > span { display: block; font-size: 16px; }
.news-result-date time > strong { display: block; margin-top: 1px; color: var(--navy); font-family: var(--serif); font-size: 25px; line-height: 1.3; font-weight: 600; }
.news-result-date small { display: block; margin-top: 9px; color: #536874; font-size: 11px; }
.news-editorial-archive .news-result-meta { gap: 6px 12px; min-height: 0; margin-bottom: 8px; font-size: 12px; line-height: 1.5; font-weight: 500; }
.news-editorial-archive .news-result-source-type { padding: 2px 8px; color: var(--teal-dark); background: #fff; border-color: #75a8ad; font-weight: 700; }
.news-editorial-archive .news-result-country, .news-editorial-archive .news-result-topic { padding: 0; color: #536874; background: transparent; }
.news-editorial-archive .news-result-company { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.news-editorial-archive .news-result-card h2 { margin: 0 0 8px; font-size: clamp(22px, 2vw, 27px); line-height: 1.45; letter-spacing: -.015em; overflow-wrap: anywhere; }
.news-editorial-archive .news-result-excerpt { margin: 0; color: #435b6b; font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.news-editorial-archive .news-result-actions { gap: 8px 25px; width: auto; margin-top: 10px; padding: 0; border: 0; }
.news-editorial-archive .news-result-actions a { display: inline-flex; align-items: center; min-height: 32px; font-size: 14px; font-weight: 700; }
.news-region-discovery { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); }
.news-region-discovery > summary { width: fit-content; padding: 8px 0; color: var(--teal-dark); font-size: 16px; font-weight: 700; cursor: pointer; }
.news-region-discovery .news-region-shelves { margin-top: 20px; }
@media (max-width: 1000px) {
  .news-editorial-archive .news-editorial-search { grid-template-columns: 1fr; gap: 12px; }
  .news-editorial-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .news-editorial-archive .news-archive-shell { width: calc(100% - 32px); padding-top: 23px; }
  .news-breadcrumb { margin-bottom: 20px; font-size: 11px; }
  .news-editorial-archive .interior-title { font-size: 30px; line-height: 1.4; letter-spacing: -.025em; }
  .news-editorial-archive .news-archive-intro { font-size: 15px; }
  .news-editorial-archive .news-editorial-search { margin-bottom: 22px; }
  .news-editorial-search .news-search-controls input { padding-left: 9px; font-size: 16px; }
  .news-editorial-search .news-search-controls button { padding: 10px 14px; }
  .news-filter-disclosure > summary { display: list-item; width: fit-content; min-height: 40px; padding: 8px 0; color: var(--teal-dark); font-weight: 700; cursor: pointer; }
  .news-editorial-fields { gap: 7px; }
  .news-editorial-fields select { padding-left: 6px; font-size: 13px; }
  .news-filter-help, .news-source-date-note { font-size: 11px; }
  .news-results-heading h2 { font-size: 24px; }
  .news-results-order { max-width: 55%; font-size: 11px; }
  .news-editorial-archive .news-result-card { display: block; padding: 19px 17px; }
  .news-editorial-archive .news-result-date { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 7px; margin: 0 0 10px; padding: 0; border: 0; font-size: 12px; }
  .news-date-label { display: inline; margin: 0; }
  .news-result-date time { display: inline-flex; align-items: baseline; gap: 5px; }
  .news-result-date time > span, .news-result-date time > strong { display: inline; margin: 0; font: inherit; }
  .news-result-date small { display: inline; margin: 0; font-size: 11px; }
  .news-editorial-archive .news-result-meta { gap: 6px 9px; font-size: 11px; }
  .news-editorial-archive .news-result-card h2 { font-size: 21px; line-height: 1.5; }
  .news-editorial-archive .news-result-excerpt { font-size: 15px; line-height: 1.85; }
  .news-editorial-archive .news-result-actions { gap: 8px 23px; margin-top: 8px; }
  .news-editorial-archive .news-result-actions a { min-height: 44px; font-size: 14px; }
}
/* A filter disclosure closed on mobile remains reopenable after resizing. */
.news-filter-disclosure:not([open]) > summary { display: list-item; min-height: 44px; padding: 10px 0; color: var(--teal-dark); font-weight: 700; cursor: pointer; }
/* Editorial changes are separate from the source verification box. */
.article-change-log { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--line, #d7e1e7); font-size: .875rem; color: var(--muted, #526578); }
.article-change-log h2 { margin: 0 0 .5rem; font: inherit; font-weight: 700; }
.article-change-log ul { margin: 0; padding-left: 1.2rem; }
.article-change-log li + li { margin-top: .5rem; }

/* One site-wide arrow geometry for public single-selects and the maker listbox. */
:root {
  --wdo-select-arrow-inset: 12px;
  --wdo-select-arrow-width: 12px;
  --wdo-select-arrow-height: 8px;
  --wdo-select-padding-end: 32px;
  --wdo-select-arrow-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2318334e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body main select:not([multiple]):not([size]),
body main select[size="1"]:not([multiple]),
body main .maker-picker .maker-picker-toggle {
  -webkit-appearance: none;
  appearance: none;
  padding-right: var(--wdo-select-padding-end);
  background-image: var(--wdo-select-arrow-image);
  background-repeat: no-repeat;
  background-position: right var(--wdo-select-arrow-inset) center;
  background-size: var(--wdo-select-arrow-width) var(--wdo-select-arrow-height);
}
@media (forced-colors: active) {
  body main select:not([multiple]):not([size]),
  body main select[size="1"]:not([multiple]) {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
  }
  body main .maker-picker .maker-picker-toggle {
    background-image: none;
  }
  body main .maker-picker .maker-picker-toggle::after {
    content: "⌄";
    position: absolute;
    right: var(--wdo-select-arrow-inset);
    top: 50%;
    transform: translateY(-50%);
    color: ButtonText;
  }
}

/* Company-wide reach appears only inside the operating-company block of brand guides. */
.company-global-reach{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);max-width:800px}
.tena-company-strip .company-global-reach .company-global-reach-label{margin:0 0 8px;font-size:14px;font-weight:750;color:var(--teal-dark)}
.tena-company-strip .company-global-reach .company-global-reach-value{margin:0 0 12px;font-size:22px;line-height:1.5;color:var(--navy);overflow-wrap:anywhere}
.tena-company-strip .company-global-reach .company-global-reach-scope{margin:0;font-size:16px;line-height:1.8;color:var(--muted)}
.company-global-reach-evidence{margin-top:14px}
.company-global-reach-evidence>summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:16px;font-weight:700;color:var(--teal-dark)}
.company-global-reach-evidence>summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.company-global-reach-evidence>div{padding:6px 0 0}
.tena-company-strip .company-global-reach-evidence p{margin:0 0 10px;font-size:15px;line-height:1.7}
.tena-company-strip .company-global-reach-evidence a{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:16px;overflow-wrap:anywhere}
.company-global-reach-evidence dl{margin:8px 0;font-size:15px;line-height:1.7}
.company-global-reach-evidence dl>div{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px}
.company-global-reach-evidence dt{font-weight:700;min-width:100px}
.company-global-reach-evidence dd{margin:0;overflow-wrap:anywhere}
.tena-company-strip .company-global-reach-evidence .company-global-reach-date-note{font-size:14px;color:var(--muted)}
@media(max-width:620px){.tena-company-strip .company-global-reach .company-global-reach-value{font-size:20px}.company-global-reach-evidence dl>div{display:block}.company-global-reach-evidence dt{margin-bottom:2px}}

/* Regional company context is confined to four existing company profiles. */
.company-regional-operations{margin:42px 0 48px}
.company-regional-operations>.subsection-title{margin-bottom:10px}
.company-regional-lead{max-width:76ch;margin:0 0 22px;color:var(--muted);font-size:16px;line-height:1.8}
.company-regional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.company-regional-card{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal)}
.company-regional-card:only-child{grid-column:1/-1}
.company-regional-card .company-regional-country{margin:0 0 8px;color:var(--teal-dark);font-size:14px;font-weight:750;line-height:1.5}
.company-regional-card h3{margin:0 0 14px;color:var(--navy);font:700 24px/1.4 var(--serif);overflow-wrap:anywhere}
.company-regional-card .company-regional-description{margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.company-regional-actions{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:8px}
.company-regional-actions a,.company-regional-sources a{display:inline-flex;align-items:center;min-height:44px;gap:5px;color:var(--teal-dark);font-size:16px;font-weight:700;line-height:1.6;text-underline-offset:4px;overflow-wrap:anywhere}
.company-regional-sources{margin-top:12px;border-top:1px solid var(--line)}
.company-regional-sources summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--teal-dark);font-size:15px;font-weight:700}
.company-regional-sources summary:focus-visible,.company-regional-actions a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.company-regional-sources ul{margin:0 0 12px;padding-left:20px}
.company-regional-sources li{margin:8px 0}
.company-regional-sources li>span{display:block;color:var(--muted);font-size:14px;line-height:1.65}
.company-regional-sources p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
@media(max-width:700px){.company-regional-grid{grid-template-columns:1fr}.company-regional-card{padding:20px}.company-regional-card h3{font-size:22px}.company-regional-actions{display:block}.company-regional-actions a{display:flex}}

/* Nine additional company profiles; existing brand-guide reach retains its styling. */
.company-profile-reach.company-global-reach{margin:-28px 0 44px;padding:24px 26px;border:1px solid var(--line);border-radius:4px;background:#fff}
.company-profile-reach .company-global-reach-label{margin:0 0 8px;font-size:14px;font-weight:750;color:var(--teal-dark)}
.company-profile-reach .company-global-reach-value{margin:0 0 12px;font-size:22px;line-height:1.5;color:var(--navy);overflow-wrap:anywhere}
.company-profile-reach .company-global-reach-scope{margin:0;font-size:16px;line-height:1.8;color:var(--muted)}
.company-profile-reach .company-global-reach-evidence p{margin:0 0 10px;font-size:15px;line-height:1.7}
.company-profile-reach .company-global-reach-evidence a{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:16px;overflow-wrap:anywhere}
.company-profile-reach .company-global-reach-date-note{font-size:14px;color:var(--muted)}
@media(max-width:620px){.company-profile-reach.company-global-reach{padding:20px 18px}.company-profile-reach .company-global-reach-value{font-size:20px}}

/* Unicharm pilot: sourced company and Lifree descriptions, replacing three thin routes. */
.company-source-guide{margin:30px 0 40px}
.company-source-guide>.eyebrow{margin:0 0 8px}
.company-source-guide>h2{margin:0 0 20px;font-family:var(--serif);font-size:28px;line-height:1.5;color:var(--navy)}
.company-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.company-source-card{display:flex;flex-direction:column;min-width:0;padding:25px 26px;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:3px;background:#fff}
.company-source-card[data-source-card="brand"]{border-top-color:#548a9f}
.company-source-role{margin:0 0 8px;font-size:14px;font-weight:800;letter-spacing:.06em;color:#171717}
.company-source-card h3{margin:0 0 12px;font-family:var(--serif);font-size:27px;line-height:1.5;color:var(--navy)}
.company-source-card h3 .company-source-title-link,.company-source-card h3 .company-source-title-link:visited{font:inherit;color:var(--teal-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.company-source-title-link span{white-space:nowrap}
.company-source-teaser{margin:0 0 14px;font-size:16px;line-height:1.8;color:var(--muted)}
.company-source-details{margin:0;margin-top:auto;border-top:1px solid var(--line)}
.company-source-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:750;line-height:1.6;color:var(--teal-dark)}
.company-source-details>summary::-webkit-details-marker{display:none}
.company-source-details>summary::after{content:'＋';font-size:21px;font-weight:400}
.company-source-details[open]>summary::after{content:'−'}
.company-source-close-label{display:none}
.company-source-details[open]>summary .company-source-read-label{display:none}
.company-source-details[open]>summary .company-source-close-label{display:inline}
.company-source-details>summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.company-source-details-body{padding:12px 0 5px}
.company-source-kind{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--muted)}
.company-source-description{margin:0 0 18px;font-size:17px;line-height:1.9;color:var(--navy)}
.company-source-quotation{margin:20px 0 24px;padding:15px 18px;border-left:3px solid var(--teal);background:#edf5f5}
.company-source-quotation figcaption{margin:0 0 8px;font-size:13px;line-height:1.6;color:var(--muted)}
.company-source-quotation blockquote{margin:0;padding:0;border:0;background:transparent}
.company-source-quotation blockquote p{margin:0;font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.7;color:var(--navy)}
.company-source-card h4{margin:0 0 10px;font-size:17px;line-height:1.6;color:var(--navy)}
.company-source-list{margin:0}
.company-source-list>div{padding:13px 0;border-top:1px solid var(--line)}
.company-source-list dt{margin:0 0 5px;font-size:16px;font-weight:750;line-height:1.6;color:var(--navy)}
.company-source-list dd{margin:0;font-size:16px;line-height:1.8;color:var(--muted)}
.company-source-footer{margin-top:15px;padding-top:16px;border-top:1px solid var(--line)}
.company-source-footer ul{margin:0;padding:0;list-style:none}
.company-source-footer a{font-size:14px;font-weight:700;line-height:1.8;color:var(--teal-dark);text-underline-offset:3px;overflow-wrap:anywhere}
.company-source-footer li{margin:0 0 7px}
.company-source-date{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.company-source-card a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.company-source-guide-brand .company-source-grid{display:block}
.company-source-guide-brand .company-source-card{padding:24px 28px}
.company-source-guide-brand .company-source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.company-source-guide-brand .company-source-quotation{max-width:760px}
.company-related-brand-description{margin:12px 0 16px;font-size:16px;line-height:1.8;color:var(--muted)}
.company-related-brand-sources{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;line-height:1.8}
.company-related-brand-sources>summary{cursor:pointer;font-weight:700;color:var(--teal-dark)}
.company-related-brand-sources p{margin:10px 0 0}
.company-related-brand-sources>summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:850px){.company-source-grid{grid-template-columns:1fr}.company-source-guide-brand .company-source-list{grid-template-columns:1fr;gap:0}.company-source-card,.company-source-guide-brand .company-source-card{padding:21px}.company-source-guide>h2{font-size:25px}.company-source-card h3{font-size:25px}}

/* Approved option: retain the current Unicharm layout, improve hierarchy. */
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a>span{display:inline-block;margin-left:3px;font-family:var(--sans);font-size:14px;line-height:1;vertical-align:middle;font-weight:400;color:var(--teal-dark)}
:is(.company-unicharm-refined,.company-featured-refined) .company-product-examples{margin:26px 0 44px}
:is(.company-unicharm-refined,.company-featured-refined) .brand-guide-concise #company-selected-products{padding:0;border:1px solid #cbdfe1;border-left:4px solid var(--teal);border-radius:4px;background:#edf5f5;overflow:hidden}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary{display:flex;align-items:center;gap:18px;padding:24px 26px;list-style:none;cursor:pointer}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary::-webkit-details-marker{display:none}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary>span{display:block;margin:0;color:inherit;font-size:inherit;font-weight:inherit}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;color:var(--teal-dark)}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-text{flex:1;min-width:0}
:is(.company-unicharm-refined,.company-featured-refined) .company-feature-text strong{display:block;color:var(--navy);font-family:var(--serif);font-size:26px;line-height:1.5}
:is(.company-unicharm-refined,.company-featured-refined) .company-feature-text small{display:block;margin-top:4px;color:var(--muted);font-size:15px;font-weight:400;line-height:1.6}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-count{flex:none;padding:6px 12px;border-radius:20px;background:#fff;color:var(--teal-dark);font-size:14px;font-weight:750;white-space:nowrap}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-toggle{flex:none;color:var(--teal-dark);font-size:24px;font-weight:400;line-height:1}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products[open] .company-feature-toggle{transform:rotate(45deg)}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary:focus-visible{outline:3px solid var(--teal);outline-offset:-4px}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.brand-supplement-note{margin:0;padding:20px 26px;border-top:1px solid #cbdfe1;background:#fff}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.tena-section{padding:0 26px 24px;margin:0;background:#fff}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card{min-height:0;padding:24px;border-radius:4px}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;margin-bottom:17px}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-tag{display:inline-block;padding:4px 9px;background:#edf5f5;color:var(--teal-dark);font-size:13px;font-weight:700;line-height:1.5}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-head time{flex:none;color:var(--muted);font-size:13px;line-height:1.8}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card h3{font-size:25px;line-height:1.5;margin-bottom:13px}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-excerpt{font-size:16px;line-height:1.7;margin:0 0 22px;color:var(--muted)}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);width:100%}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-footer>span{color:var(--muted);font-size:13px;line-height:1.6}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-footer>a{display:inline-flex;align-items:center;min-height:32px;color:var(--teal-dark);font-size:15px;font-weight:750;text-underline-offset:4px}
@media(max-width:620px){
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary{gap:10px;padding:20px 16px;flex-wrap:wrap}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-icon{display:none}
 :is(.company-unicharm-refined,.company-featured-refined) .company-feature-text strong{font-size:22px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-feature-text small{font-size:14px}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-count{font-size:13px;padding:5px 9px}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.brand-supplement-note{padding:18px 16px}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.tena-section{padding:0 16px 20px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-related-stories{grid-template-columns:1fr;gap:16px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card{padding:21px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card h3{font-size:23px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-story-footer>a{min-height:44px}
}
@media(max-width:359px){
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-text{flex-basis:calc(100% - 34px)}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-count{order:3;margin-top:2px}
}

/* User feedback: medium arrow, existing WDO four-color frame, more text inset. */
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a>span{font-size:20px;margin-left:5px}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card{padding:28px 32px}
:is(.company-unicharm-refined,.company-featured-refined) .brand-guide-concise #company-selected-products{border:4px solid;border-color:#bc7c7a #8a9b84 #5a8aa8 #c09960;background:#fff}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary{padding:26px 32px}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-icon,:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-toggle{color:var(--navy)}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products .company-feature-count{border:1px solid var(--line);color:var(--navy);background:#f8f6f1}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.brand-supplement-note{padding-inline:32px;border-top-color:var(--line)}
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.tena-section{padding-inline:32px}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card{padding:28px 32px}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-tag{background:#f0f3f4;color:var(--navy)}
@media(max-width:620px){
 :is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card{padding:24px 26px}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>summary{padding:22px 26px}
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.brand-supplement-note,:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products>.tena-section{padding-inline:26px}
 :is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .story-card{padding:24px 26px}
}

/* Decorative WDO identity line; identical palette on every related-story card. */
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-refined-story{position:relative}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-refined-story::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#bc7c7a 0%,#bc7c7a 25%,#8a9b84 25%,#8a9b84 50%,#5a8aa8 50%,#5a8aa8 75%,#c09960 75%,#c09960 100%);pointer-events:none}

/* Related-story line follows the existing news-region assignment. */
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-refined-story::before{background:#cbd8de}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-region-asia::before{background:#bc7c7a}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-region-europe::before{background:#8a9b84}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-region-americas::before{background:#5a8aa8}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-region-africa::before{background:#c09960}

/* Article chronology first: original source/WDO date and its existing label. */
:is(.company-unicharm-refined,.company-featured-refined) .company-story-date-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;min-width:0}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-stories .company-story-date-block time{color:var(--navy);font-size:18px;font-weight:750;line-height:1.6;white-space:nowrap}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-date-kind{font-size:13px;line-height:1.6;color:var(--muted)}
:is(.company-unicharm-refined,.company-featured-refined) .company-story-head .company-story-tags{justify-content:flex-end;margin-left:auto}
@media(max-width:359px){:is(.company-unicharm-refined,.company-featured-refined) .company-story-head{gap:10px}:is(.company-unicharm-refined,.company-featured-refined) .company-story-head .company-story-tags{flex-basis:100%}}

/* Company/brand title arrows share one 18px shaft; external links retain their direction. */
.company-source-title-link>span,
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a>span{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;margin-left:4px;font-size:0;line-height:1;vertical-align:middle;color:var(--teal-dark);white-space:nowrap}
.company-source-title-link>span::before,
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a>span::before{content:"";position:absolute;left:1px;top:9px;width:18px;height:1.5px;background:currentColor}
.company-source-title-link>span::after,
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a>span::after{content:"";position:absolute;right:3px;top:6px;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.company-source-title-link[target="_blank"]>span,
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card h3 a[target="_blank"]>span{transform:rotate(-45deg)}
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card .brand-card-links a:first-child,
:is(.company-unicharm-refined,.company-featured-refined) .company-related-brand-card .brand-card-links a:first-child:visited{color:var(--teal-dark)}

/* Keep expanded product headings and cards clear of the company frame. */
:is(.company-unicharm-refined,.company-featured-refined) #company-selected-products > .profile-selected-products { padding-inline:32px; padding-bottom:24px; }
@media(max-width:620px) {
 :is(.company-unicharm-refined,.company-featured-refined) #company-selected-products > .profile-selected-products { padding-inline:26px; padding-bottom:20px; }
}

/* One set of links to Drylock's existing product, materials and initiative articles. */
.drylock-feature-navigation{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:#f6faf9}
.drylock-feature-navigation h2{margin:0 0 18px;font-size:24px;line-height:1.4;color:var(--navy)}
.drylock-feature-navigation-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
.drylock-feature-navigation-grid>section{min-width:0}
.drylock-feature-navigation h3{margin:0 0 10px;font-size:17px;line-height:1.5;color:var(--navy)}
.drylock-feature-navigation ul{list-style:none;margin:0;padding:0}
.drylock-feature-navigation li+li{border-top:1px solid var(--line)}
.drylock-feature-navigation a{display:block;padding:10px 0;color:var(--teal-dark);font-size:15px;font-weight:650;line-height:1.65;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.drylock-feature-navigation a:focus-visible{outline:2px solid var(--teal-dark);outline-offset:3px;border-radius:2px}
.drylock-feature-navigation a small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;text-decoration:none}
.drylock-feature-navigation p{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:760px){.drylock-feature-navigation-grid{grid-template-columns:minmax(0,1fr);gap:22px}.drylock-feature-navigation{padding:20px}.drylock-feature-navigation h2{font-size:22px}.drylock-feature-navigation-grid>section+section{padding-top:18px;border-top:1px solid var(--line)}}
@media(max-width:359px){.drylock-feature-navigation{padding:16px}.drylock-feature-navigation a{font-size:14px}}