/*
 * ISSVN BUILD81.45.6.6.160
 * Live Theme Customizer -> ISS frontend CSS bridge.
 *
 * Source of truth:
 *   AdminThemeSettingModel / public/generated/themes/iss/theme-custom.css
 * Header / Topbar / Footer chrome keeps its own SystemSettingModel variables.
 * Media-width/quality settings are intentionally consumed by ResponsiveImageService,
 * not by CSS.
 */

/* ------------------------------------------------------------------
   1. Semantic aliases: make old ISS modules consume Theme Customizer.
   ------------------------------------------------------------------ */
body.iss-theme{
  --iss-primary:var(--ph-primary-color,#0b6fb3);
  --iss-secondary:var(--ph-secondary-color,#202020);
  --iss-accent:var(--ph-accent-color,#d8b07c);
  --iss-text:var(--ph-text-color,#000000);
  --iss-muted:var(--ph-muted-text-color,#6b7280);
  --iss-page-bg:var(--ph-background-color,#ffffff);
  --iss-section-bg:var(--ph-section-background,#f7f5f2);
  --iss-section-border-color:var(--ph-section-border-color,var(--ph-border-color,#e5e7eb));
  --iss-section-border-width:var(--ph-section-border-width,1px);
  --iss-section-radius:var(--ph-section-border-radius,0px);
  --iss-theme-border:var(--ph-border-color,#e5e7eb);
  --iss-theme-link:var(--ph-link-color,#0b6fb3);
  --iss-theme-link-hover:var(--ph-link-hover-color,var(--ph-primary-color,#0b6fb3));
  --iss-breadcrumb-color:var(--ph-breadcrumb-color,var(--iss-theme-link));
  --iss-active:var(--ph-active-color,var(--ph-primary-color,#0e7dc1));
  --iss-active-text:var(--ph-active-text-color,#ffffff);
  --iss-button-text:var(--iss-a11y-button-text,var(--ph-button-text-color,#ffffff));
  --iss-button-hover-text:var(--iss-a11y-button-hover-text,var(--iss-button-text));
  --iss-button-bg:var(--ph-button-background-color,var(--iss-primary));
  --iss-button-hover:var(--ph-button-hover-color,var(--ph-button-primary-hover-color,var(--iss-active)));
  --iss-button-primary-hover:var(--iss-button-hover);
  /* Shared sidebar title owner: DANH MỤC CHỦ ĐỀ + DANH MỤC SẢN PHẨM. */
  --iss-sidebar-title-bg:var(--ph-category-menu-title-background-color,#001232);
  --iss-sidebar-title-text:var(--ph-category-menu-title-text-color,#ffffff);

  /* Legacy ISS variable families now follow the same Admin values. */
  --iss-blue:var(--iss-primary);
  --iss-blue-900:var(--iss-secondary);
  --iss-blue-800:var(--iss-secondary);
  --iss-blue-700:var(--iss-primary);
  --iss-blue-600:var(--iss-primary);
  --iss-blue-500:var(--iss-accent);
  --iss-blue-100:var(--iss-section-bg);
  --iss-blue-050:var(--iss-section-bg);
  --iss-blue-dark:var(--iss-secondary);
  --iss-blue-hover:var(--iss-theme-link-hover);
  --iss-light:var(--iss-section-bg);
  --iss-border:var(--iss-theme-border);
  --text:var(--iss-text);
  --muted:var(--iss-muted);
  --ink-950:var(--iss-text);
  --ink-800:var(--iss-text);
  --ink-700:var(--iss-text);
  --ink-600:var(--iss-muted);
  --ink-500:var(--iss-muted);
  --ink-300:var(--iss-theme-border);
  --ink-200:var(--iss-theme-border);
  --ink-100:var(--iss-section-bg);
  --ink-050:var(--iss-section-bg);
  --container:var(--ph-container-width,1440px);
  --iss-page-width:var(--ph-container-width,1440px);

  color:var(--iss-text);
  background:var(--iss-page-bg);
  font-size:var(--ph-base-font-size,16px);
  line-height:var(--ph-body-line-height,1.7);
}

/* One-font ISS contract: font_family is the one visible font owner. */
body.iss-theme,
body.iss-theme :where(main,header,footer,nav,section,article,aside,form,table,h1,h2,h3,h4,h5,h6,p,a,span,strong,b,em,label,small,li,dt,dd,th,td,input,textarea,select,button,option){
  font-family:var(--ph-font-family,Arial,sans-serif)!important;
}
body.iss-theme :where(h1,h2,h3,h4,h5,h6){
  font-weight:var(--ph-heading-weight,700)!important;
}
/* Heading font is a separate Theme Customizer field from the body font. */
body.iss-theme main :is(h1,h2,h3,h4,h5,h6){
  font-family:var(--ph-heading-font-family,var(--ph-font-family,Arial,sans-serif))!important;
}

/* ------------------------------------------------------------------
   2. Layout fields.
   ------------------------------------------------------------------ */
body.iss-theme :where(.container,.iss-container,.iss-breadcrumb-wrap){
  width:min(var(--ph-container-width,1440px),calc(100% - 32px))!important;
  max-width:var(--ph-container-width,1440px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.iss-theme :where(.section,.ph-theme-section,.about-section,.certificate-section,.iss-service-v2__section){
  padding-top:var(--ph-section-spacing,80px);
  padding-bottom:var(--ph-section-spacing,80px);
}
body.iss-theme .iss-product-section{
  padding-top:var(--ph-section-spacing,80px);
  padding-bottom:var(--ph-section-spacing,80px);
}
body.iss-theme :where(
  .ph-theme-grid,.iss-products-grid,.iss-folder-grid,.iss-news-grid,.certificate-grid,
  .about-product-grid,.about-activity-grid,.about-stats-grid,.iss-service-v2__process-grid,
  .iss-service-v2__sharing-groups,.iss-contact-grid
){gap:var(--ph-content-gap,24px)}

/* Breadcrumb always keeps its dedicated 15px contract; section spacing starts after it. */
body.iss-theme .iss-breadcrumb-wrap{padding-top:0!important;padding-bottom:0!important}
body.iss-theme main>.iss-breadcrumb-wrap+section{padding-top:0!important}

/* ------------------------------------------------------------------
   3. Global colors / titles / links / surfaces.
   ------------------------------------------------------------------ */
body.iss-theme main{color:var(--iss-text);background-color:var(--iss-page-bg)}
/* Section color is for compact groups/titles, not full-width section wrappers. */
body.iss-theme :where(.section-title,.ph-theme-section-heading,[data-ph-section-surface]){
  background-color:var(--iss-section-bg)!important;
}
/*
 * BUILD109.2.333: full-bleed section shells keep the Body color. Their direct
 * configured-width container is the shared surface for both heading and content.
 * .container/.iss-container widths are already bound to --ph-container-width.
 */
body.iss-theme main section > :where(.container,.container-xl,.container-xxl,.iss-container,.phb-container,.ph-wrap){
  background-color:var(--iss-section-bg)!important;
  border:var(--iss-section-border-width) solid var(--iss-section-border-color)!important;
  border-radius:var(--iss-section-radius)!important;
  padding-top:var(--ph-section-padding-top,10px);
  padding-left:var(--ph-section-padding-left,10px);
  padding-bottom:var(--ph-section-padding-bottom,10px);
  padding-right:var(--ph-section-padding-right,10px);
}
/* Keep only the outer shell on Body; the configured-width carousel panel uses Section color. */
body.iss-theme.home .section--partners{
  background-color:var(--iss-page-bg)!important;
}
body.iss-theme :where(.section--soft,.ph-theme-section-alt,.iss-service-v2__section--soft){
  background-color:var(--iss-section-bg)!important;
}
/* Home product index: keep the outer section on Body and tint each L1 group. */
body.iss-theme.home .product-brands{background-color:var(--iss-page-bg)!important}
body.iss-theme.home .product-brands .brand-row{background-color:var(--iss-section-bg)!important}
body.iss-theme.home .product-brands .brand-row{border:0!important;border-radius:var(--iss-section-radius)!important}
/* Product sidebar L1 categories; active/hover states keep their own colors. */
body.iss-theme .iss-product-nav-root:not(.is-active):not(:hover):not(:focus-visible){background-color:var(--iss-section-bg)!important;border:var(--iss-section-border-width) solid var(--iss-section-border-color)!important}
body.iss-theme .iss-product-sidebar__title{background-color:var(--ph-category-menu-title-background-color,#001232)!important;color:var(--ph-category-menu-title-text-color,#fff)!important;border:var(--iss-section-border-width) solid var(--iss-section-border-color)!important}
/* Breadcrumb uses the page surface even when it shares the .iss-container class. */
body.iss-theme .iss-breadcrumb-wrap{background-color:var(--iss-page-bg)!important}
body.iss-theme main :where(h1,h2,h3,h4,h5,h6){color:var(--iss-secondary)}
body.iss-theme main :where(p,li,dd,dt,th,td,label){color:var(--iss-text)}
body.iss-theme main :where(.muted,.iss-product-muted,.text-muted,.iss-muted){color:var(--iss-muted)!important}
body.iss-theme main :where(.iss-breadcrumb,.iss-common-breadcrumb){color:var(--iss-muted)}
body.iss-theme main :where(.iss-breadcrumb a,.iss-common-breadcrumb a,.breadcrumb a){color:var(--iss-theme-link)!important}
body.iss-theme :where(.section--soft,.ph-theme-section-alt,.iss-service-v2__section--soft){background:var(--iss-section-bg)}

body.iss-theme .section-title.section-title--classic{
  border-left-color:var(--iss-primary)!important;
  color:var(--iss-secondary)!important;
}
body.iss-theme .section-title.section-title--classic::after,
body.iss-theme .iss-about-v2 .about-section-title::after{
  background:var(--iss-primary)!important;
}
body.iss-theme .iss-about-v2 .about-section-title::before{
  border-left-color:var(--iss-primary)!important;
}

/* ------------------------------------------------------------------
   4. Product module variables.
   ------------------------------------------------------------------ */
body.iss-theme .iss-product-v2{
  --iss-product-border:var(--iss-theme-border);
  --iss-product-blue:var(--iss-primary);
  --iss-product-blue-dark:var(--iss-secondary);
  --iss-product-text:var(--iss-text);
  --iss-product-muted:var(--iss-muted);
  --iss-product-soft:var(--iss-section-bg);
}
body.iss-theme .iss-product-v2 :where(.iss-product-sidebar,.iss-folder-card,.iss-product-card-v2,.iss-product-detail-v2){
  border-color:var(--iss-theme-border);
  background:var(--iss-page-bg);
}

/* ------------------------------------------------------------------
   5. Service / About / News / Certificate common surfaces.
   ------------------------------------------------------------------ */
body.iss-theme .iss-service-v2{color:var(--iss-text);background:var(--iss-page-bg)}
body.iss-theme .iss-service-v2 :where(h1,h2,h3,h4){color:var(--iss-secondary)}
body.iss-theme .iss-service-v2 p{color:var(--iss-text)}
body.iss-theme .iss-service-v2 :where(
  .iss-service-v2__service-card,.iss-service-v2__card,.iss-service-v2__process-step,
  .iss-service-v2__form-alert,.iss-service-v2__hero-image
){border-color:var(--iss-theme-border)}
body.iss-theme .iss-service-v2 :where(.iss-service-v2__service-card-title,.iss-service-v2__process-number){background:var(--iss-primary);color:#fff}
body.iss-theme .iss-service-v2 :where(.iss-service-v2__card-media){background:var(--iss-section-bg);color:var(--iss-primary)}
body.iss-theme .iss-about-v2 :where(.about-product-card__media,.about-activity-card__media,.certificate-card__media){background:var(--iss-section-bg)}
body.iss-theme .iss-about-v2 :where(.about-product-card:hover h3,.about-activity-card:hover h3){color:var(--iss-theme-link-hover)}
body.iss-theme :where(.iss-news-card,.certificate-card){border-color:var(--iss-theme-border);background:var(--iss-page-bg)}

/* ------------------------------------------------------------------
   6. Border / radius / image fields.
   ------------------------------------------------------------------ */
body.iss-theme :where(
  .ph-theme-card,.partner-card,.audience-card,.iss-news-card,.certificate-card,
  .iss-folder-card,.iss-product-card-v2,.iss-product-sidebar,.iss-product-detail-v2,
  .ph-product-card,.ph-dynamic-card,.project-card,.ph-company-contact-card,
  .ph-search-about-card,.ph-search-document-item,.ph-home-manual-card,.ph-space-card,.ph-testimonial-card,
  .iss-product-quote-box,.iss-service-v2__service-card,.iss-service-v2__card,
  .iss-service-v2__process-step,.iss-service-category__sidebar-card,
  .iss-service-category__empty,.iss-service-sharing-category__card,.iss-contact-item
){
  border-color:var(--iss-theme-border)!important;
  border-radius:var(--ph-border-radius,0px)!important;
}
/* The list-card radius setting is shared by newer module-specific card markup too.
   Keep this late, explicit binding so the customizer value wins over fixed legacy
   content-panel radii on About, recently viewed products, Service, and Sharing cards. */
body.iss-theme .iss-about-v2 .about-product-card,
body.iss-theme .iss-about-v2 .about-activity-card,
body.iss-theme .iss-product-recent-grid > .iss-product-recent-card,
body.iss-theme .iss-sharing-v2 .iss-sharing-list-grid > .card,
body.iss-theme .iss-sharing-v2-detail .grid > .card,
body.iss-theme .iss-service-v2 .iss-service-v2__service-card,
body.iss-theme .iss-service-v2 .iss-service-v2__card,
body.iss-theme .iss-service-sharing-category .iss-service-sharing-category__card,
body.iss-theme .service-v2__other-grid > .card{
  border-radius:var(--ph-border-radius,0px)!important;
}
/* BUILD109.2.377 — The Service landing's shared-article cards are rendered by
   page-local CSS after this file. Keep an explicit, higher-specificity binding
   so the Admin list-card radius remains authoritative in that carousel. */
body.iss-theme #main-content .iss-service-v2__sharing-group .iss-service-v2__article-card{
  border-radius:var(--ph-border-radius,0px)!important;
}
/* BUILD109.2.378 — About activity cards contain edge-to-edge media. A radius
   alone cannot clip their images, so make the card the clipping surface too. */
body.iss-theme #main-content.iss-about-v2 .about-activity-grid > .about-activity-card{
  border-radius:var(--ph-border-radius,0px)!important;
  overflow:hidden!important;
}
/* BUILD109.2.379 — Home product category tiles explicitly force a square
   radius in home-v10.css. This higher-specificity binding restores the Admin
   list-card setting and clips the product image to the configured corners. */
body.iss-theme.home .product-brands .brand-row__categories > .brand-cat,
body.iss-theme.home .product-brands .brand-row__categories > .brand-cat:hover,
body.iss-theme.home .product-brands .brand-row__categories > .brand-cat:focus{
  border-radius:var(--ph-border-radius,0px)!important;
  overflow:hidden!important;
}
body.iss-theme .iss-service-v2 :where(.iss-service-v2__service-card,.iss-service-v2__card,.iss-service-v2__process-step){
  border-radius:var(--ph-border-radius,0px)!important;
}
body.iss-theme.home .section--partners :where(.partner-card){
  border-radius:var(--ph-border-radius,0px)!important;
}
/* Home canonical support cards force a square radius with !important.
   This higher-specificity shared binding makes the admin radius setting win. */
body.iss-theme.home .section--support .support-grid .support-card{
  border-radius:var(--ph-border-radius,0px)!important;
}
/* The image-radius control is site-wide inside page content. Preserve it over
   module rules that set a fixed radius with !important. */
body.iss-theme main :is(img,.ph-theme-image){border-radius:var(--ph-image-radius,0px)!important}
/* BUILD109.2.384 — one Admin-owned border for category navigation shells. */
body.iss-theme main :is(
  .iss-product-sidebar,
  .topic-sidebar,
  .iss-service-category__sidebar-card,
  .iss-service-sharing-category__sidebar,
  .phb-menu
){
  border:var(--ph-category-menu-border-width,1px) solid var(--ph-category-menu-border-color,var(--ph-border-color,#e5e7eb))!important;
  box-sizing:border-box;
}
/* BUILD109.2.383 — About industry tiles show the image as the visual card.
   Apply the Admin list-box radius at the media boundary as well as the outer
   card, so all four image corners follow the configured value. */
body.iss-theme #main-content.iss-about-v2 .about-activity-grid > .about-activity-card .about-activity-card__media,
body.iss-theme #main-content.iss-about-v2 .about-activity-grid > .about-activity-card .about-activity-card__media img{
  border-radius:var(--ph-border-radius,0px)!important;
  overflow:hidden!important;
}
body.iss-theme :where(input,textarea,select){
  border-color:var(--iss-theme-border)!important;
}
body.iss-theme :where(input,textarea,select):focus{
  border-color:var(--iss-primary)!important;
  outline-color:var(--iss-primary);
}

/* BUILD109.2.51 — link hover never adds underline on the frontend. */
body.iss-theme a:hover,
body.iss-theme a:focus-visible{
  text-decoration:none!important;
}

/* ------------------------------------------------------------------
   7. Buttons: global color contract + standalone radius.
   Attached strip CTAs (for example Support card footers) intentionally
   do not consume button_radius.
   ------------------------------------------------------------------ */
body.iss-theme :where(
  .btn,.btn-main,.btn-home,.ph-theme-button,.hero-v2__btn,.intro-cta,.contact-cta,
  .iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,.ph-product-contact-button,
  .ph-display-cta__button,.phb-cta-button,.iss-contact-form button,.ph-floating-action
){
  min-height:var(--ph-button-height,48px);
  border-radius:var(--ph-button-radius,0px)!important;
}
body.iss-theme.iss-button-style--solid :where(
  .btn-main,.btn-home,.ph-theme-button,.hero-v2__btn:not(.hero-v2__btn--outline),.intro-cta,.contact-cta,
  .iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,.ph-product-contact-button,
  .ph-display-cta__button,.phb-cta-button,.iss-contact-form button
){background:var(--iss-button-bg)!important;border-color:var(--iss-button-bg)!important;color:var(--iss-button-text)!important}
body.iss-theme.iss-button-style--outline :where(
  .btn-main,.btn-home,.ph-theme-button,.hero-v2__btn,.intro-cta,.contact-cta,
  .iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,.ph-product-contact-button,
  .ph-display-cta__button,.phb-cta-button,.iss-contact-form button
){background:transparent!important;border:2px solid var(--iss-button-bg)!important;color:var(--iss-button-bg)!important}
body.iss-theme.iss-button-style--soft :where(
  .btn-main,.btn-home,.ph-theme-button,.hero-v2__btn,.intro-cta,.contact-cta,
  .iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,.ph-product-contact-button,
  .ph-display-cta__button,.phb-cta-button,.iss-contact-form button
){background:var(--iss-section-bg)!important;border-color:transparent!important;color:var(--iss-primary)!important}


/* Frontend-wide primary CTA color owner. */
body.iss-theme :where(
  .btn-main,.btn-primary,.btn-home,.ph-theme-button,.hero-v2__btn:not(.hero-v2__btn--outline),
  .intro-cta,.contact-cta,.iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,
  .ph-product-contact-button,.ph-display-cta__button,.phb-cta-button,.iss-contact-form button,
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit
){
  background:var(--iss-button-bg)!important;
  border-color:var(--iss-button-bg)!important;
  color:var(--iss-button-text)!important;
  text-decoration:none!important;
}
body.iss-theme :where(
  .btn-main,.btn-primary,.btn-home,.ph-theme-button,.hero-v2__btn:not(.hero-v2__btn--outline),
  .intro-cta,.contact-cta,.iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,
  .ph-product-contact-button,.ph-display-cta__button,.phb-cta-button,.iss-contact-form button,
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit
):hover,
body.iss-theme :where(
  .btn-main,.btn-primary,.btn-home,.ph-theme-button,.hero-v2__btn:not(.hero-v2__btn--outline),
  .intro-cta,.contact-cta,.iss-service-v2__btn,.iss-service-v2__submit,.ph-core-contact-button,
  .ph-product-contact-button,.ph-display-cta__button,.phb-cta-button,.iss-contact-form button,
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit
):focus-visible{
  background:var(--iss-button-hover)!important;
  border-color:var(--iss-button-hover)!important;
  color:var(--iss-button-hover-text)!important;
  text-decoration:none!important;
}

/* ------------------------------------------------------------------
   8. shadow_style.
   ------------------------------------------------------------------ */
body.iss-theme.iss-shadow-style--none :is(
  .ph-theme-card,.partner-card,.audience-card,.iss-news-card,.certificate-card,.brand-cat,
  .iss-sharing-v2 .iss-sharing-list-grid > .card,.ph-product-card,.project-card,
  .iss-sharing-v2-detail .grid > .card,
  .iss-folder-card,.iss-product-card-v2,.iss-product-sidebar,.iss-product-detail-v2,
  .iss-product-quote-box,.support-card,.iss-service-v2__service-card,.iss-service-v2__card,
  .iss-service-v2__process-step,.iss-service-v2__form-alert,.iss-service-v2__hero-image,
  .iss-service-category__sidebar-card,.iss-service-category__empty,
  .iss-service-sharing-category__card,.iss-contact-item,
  .about-product-card,.about-activity-card,.iss-product-service-card,.iss-other-articles,
  .contact-map,.contact-request__form,.service-v2 .card,
  .ph-dynamic-card,.ph-company-contact-card,.ph-search-about-card,
  .ph-search-document-item,.ph-home-manual-card,.ph-space-card,.ph-testimonial-card
){box-shadow:none!important}
body.iss-theme.iss-shadow-style--soft :is(
  .ph-theme-card,.partner-card,.audience-card,.iss-news-card,.certificate-card,.brand-cat,
  .iss-sharing-v2 .iss-sharing-list-grid > .card,.ph-product-card,.project-card,
  .iss-sharing-v2-detail .grid > .card,
  .iss-folder-card,.iss-product-card-v2,.iss-product-sidebar,.iss-product-detail-v2,
  .iss-product-quote-box,.support-card,.iss-service-v2__service-card,.iss-service-v2__card,
  .iss-service-v2__process-step,.iss-service-v2__form-alert,.iss-service-v2__hero-image,
  .iss-service-category__sidebar-card,.iss-service-category__empty,
  .iss-service-sharing-category__card,.iss-contact-item,
  .about-product-card,.about-activity-card,.iss-product-service-card,.iss-other-articles,
  .contact-map,.contact-request__form,.service-v2 .card,
  .ph-dynamic-card,.ph-company-contact-card,.ph-search-about-card,
  .ph-search-document-item,.ph-home-manual-card,.ph-space-card,.ph-testimonial-card
){box-shadow:0 6px 20px rgba(15,23,42,.08)!important}
body.iss-theme.iss-shadow-style--strong :is(
  .ph-theme-card,.partner-card,.audience-card,.iss-news-card,.certificate-card,.brand-cat,
  .iss-sharing-v2 .iss-sharing-list-grid > .card,.ph-product-card,.project-card,
  .iss-sharing-v2-detail .grid > .card,
  .iss-folder-card,.iss-product-card-v2,.iss-product-sidebar,.iss-product-detail-v2,
  .iss-product-quote-box,.support-card,.iss-service-v2__service-card,.iss-service-v2__card,
  .iss-service-v2__process-step,.iss-service-v2__form-alert,.iss-service-v2__hero-image,
  .iss-service-category__sidebar-card,.iss-service-category__empty,
  .iss-service-sharing-category__card,.iss-contact-item,
  .about-product-card,.about-activity-card,.iss-product-service-card,.iss-other-articles,
  .contact-map,.contact-request__form,.service-v2 .card,
  .ph-dynamic-card,.ph-company-contact-card,.ph-search-about-card,
  .ph-search-document-item,.ph-home-manual-card,.ph-space-card,.ph-testimonial-card
){box-shadow:0 18px 50px rgba(15,23,42,.18)!important}

/* ------------------------------------------------------------------
   9. header_style / header_shadow / transparent-home.
   Header colors themselves stay owned by the System Header panel.
   ------------------------------------------------------------------ */
body.iss-theme.iss-header-shadow header.site-header{box-shadow:0 5px 20px rgba(0,0,0,.08)}
body.iss-theme.iss-header-no-shadow header.site-header{box-shadow:none!important}
body.iss-theme.iss-header-style--compact header.site-header .site-header__inner{min-height:58px!important}
body.iss-theme.iss-header-style--compact header.site-header .site-logo img{max-height:48px!important}
body.iss-theme.iss-header-style--compact header.site-header .ph-menu-item>a{min-height:58px!important;padding-top:8px!important;padding-bottom:8px!important}
body.iss-theme.iss-header-style--centered header.site-header .site-logo{margin-right:auto}
body.iss-theme.iss-header-style--centered header.site-header .site-nav{margin-left:auto;margin-right:auto}
body.iss-theme.iss-header-style--centered header.site-header .ph-header-actions{margin-left:auto}
body.iss-theme.iss-header-style--minimal header.site-header{box-shadow:none!important}
body.iss-theme.iss-header-style--minimal header.site-header .ph-menu-item>a{padding-left:10px!important;padding-right:10px!important}
body.iss-theme.home.iss-header-transparent-home header.site-header{background:transparent!important;box-shadow:none!important}

/* ------------------------------------------------------------------
   10. Pagination / active UI / tables / comments.
   ------------------------------------------------------------------ */
body.iss-theme :where(.iss-pagination a,.iss-product-pagination a,.iss-product-pagination span){border-color:var(--iss-theme-border)}
body.iss-theme :where(.iss-pagination a[aria-current="page"],.iss-pagination a:hover,.iss-product-pagination a:hover,.iss-product-pagination a.is-active){
  background:var(--iss-primary)!important;border-color:var(--iss-primary)!important;color:#fff!important
}
body.iss-theme :where(table td,table th){border-color:var(--iss-theme-border)}
body.iss-theme .ph-comments-section-heading .section-title--classic{border-left-color:var(--iss-primary)!important}

/* Theme Customizer: shared left/right category menu colors and first-level item shape. */
body.iss-theme :where(
  .phb-menu .phb-menu-body>ul>li
){
  border:var(--ph-category-menu-item-border-width,1px) solid var(--ph-category-menu-item-border-color,#e5e7eb)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
  overflow:hidden;
}
body.iss-theme :where(
  .iss-service-category__sidebar-card nav>a,
  .service-v2__sidebar-link
){
  border:var(--ph-category-menu-item-border-width,1px) solid var(--ph-category-menu-item-border-color,#e5e7eb)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
}
body.iss-theme :where(
  .phb-menu .phb-menu-body>ul>li> a,
  .iss-product-sidebar .iss-product-nav-root,
  .iss-service-sharing-tree-root,
  .iss-service-category__sidebar-card nav>a,
  .service-v2__sidebar-link
){
  color:var(--ph-category-menu-text-color,#111820)!important;
  background:var(--ph-category-menu-background-color,#fff)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
}
body.iss-theme :where(
  .phb-menu .phb-menu-body>ul>li> a:hover,
  .iss-product-sidebar .iss-product-nav-root:hover,
  .iss-service-sharing-tree-root:hover,
  .iss-service-category__sidebar-card nav>a:hover,
  .service-v2__sidebar-link:hover,
  .iss-product-sidebar .iss-product-nav-root:focus-visible,
  .iss-service-sharing-tree-root:focus-visible
){
  color:var(--ph-category-menu-hover-text-color,#0b5ea8)!important;
  background:var(--ph-category-menu-hover-background-color,#eef6fc)!important;
}
body.iss-theme :where(
  .phb-menu .phb-menu-body>ul>li.is-active>a,
  .phb-menu .phb-menu-body>ul>li>a.is-active,
  .iss-product-sidebar .iss-product-nav-root.is-active,
  .iss-service-sharing-tree-root.is-active,
  .iss-service-category__sidebar-card nav>a.is-active,
  .service-v2__sidebar-link.is-active
){
  color:var(--ph-category-menu-active-text-color,#fff)!important;
  background:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
  border-color:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
}
body.iss-theme :where(
  .iss-product-sidebar .iss-product-nav-group__head,
  .iss-service-sharing-tree-head
){
  border:var(--ph-category-menu-item-border-width,1px) solid var(--ph-category-menu-item-border-color,#e5e7eb)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
  overflow:hidden;
}
body.iss-theme :where(
  .iss-product-sidebar .iss-product-nav-group__head .iss-product-nav-root,
  .iss-product-sidebar .iss-product-nav-group__head .iss-product-nav-toggle,
  .iss-service-sharing-tree-head .iss-service-sharing-tree-root,
  .iss-service-sharing-tree-head .iss-service-sharing-tree-toggle
){border:0!important;border-radius:0!important}

/* ------------------------------------------------------------------
   11. Footer System settings (the live Footer panel is the owner).
   ------------------------------------------------------------------ */
body.iss-theme .iss-footer{
  background:var(--ph-footer-bg,#151b21);
  color:var(--ph-footer-text,#d7dfe6);
  font-family:var(--ph-footer-font-family,var(--ph-font-family,Arial,sans-serif))!important;
  font-size:var(--ph-footer-font-size,14px)!important;
}
/* BUILD109.2.150 — Footer typography is owned by canonical Footer classes only. */
body.iss-theme .iss-footer :where(
  p,li,a,
  span:not(.iss-footer__row-icon):not(.iss-footer__list-icon),
  .iss-footer__copyright
){
  font-family:inherit!important;
  font-size:var(--ph-footer-font-size,14px)!important;
}
/* BUILD109.2.132 — Footer has one live system-setting source.
   body text    -> --ph-footer-text
   headings     -> --ph-footer-heading
   links        -> --ph-footer-link
   link hover   -> --ph-footer-link-hover
   icons        -> --ph-footer-icon-color
   company name -> --ph-footer-company-name-font-size
   Footer colors are owned by the dedicated Website Settings. */
body.iss-theme .iss-footer :where(
  p,li,
  span:not(.iss-footer__row-icon):not(.iss-footer__list-icon)
){
  color:var(--ph-footer-text,#d7dfe6)!important;
}
body.iss-theme .iss-footer .iss-footer__company-info :where(p,.iss-footer__info-row,.iss-footer__info-values>span){
  color:var(--ph-footer-text,#d7dfe6)!important;
}
body.iss-theme .iss-footer .iss-footer__column-title{
  font-family:inherit!important;
  color:var(--ph-footer-heading,#fff)!important;
  font-size:var(--ph-footer-heading-font-size,16px)!important;
}
body.iss-theme .iss-footer .iss-footer__company-title h2{
  font-family:inherit!important;
  color:var(--ph-footer-heading,#fff)!important;
  font-size:var(--ph-footer-company-name-font-size,22px)!important;
}
body.iss-theme .iss-footer a{
  color:var(--ph-footer-link,#d7dfe6)!important;
}
body.iss-theme .iss-footer a:hover{
  color:var(--ph-footer-link-hover,#fff)!important;
}
body.iss-theme .iss-footer :where(.iss-footer__row-icon,.iss-footer__list-icon),
body.iss-theme .iss-footer :where(.iss-footer__row-icon,.iss-footer__list-icon) i{
  color:var(--ph-footer-icon-color,#fff)!important;
}
body.iss-theme .iss-footer .iss-footer__list-link--contact{
  color:#fff!important;
  font-weight:700!important;
}
body.iss-theme .iss-footer__copyright{color:var(--ph-footer-bottom-text,#95a1ab)!important}

/* BUILD81.45.6.6.165 — one shared sidebar-title color contract. */
body.iss-theme :where(
  .sidebar__title,.iss-product-sidebar__title,
  .iss-service-category__sidebar-card>h2,.iss-service-sharing-category__sidebar-title
){
  background:var(--iss-sidebar-title-bg,var(--iss-secondary))!important;
  color:var(--iss-sidebar-title-text,#fff)!important;
}



/* BUILD81.45.6.6.173 — Laptop/Desktop Admin + auto-responsive contract.
   - Admin owns ONLY the Laptop/Desktop column count.
   - <=900px does not read tablet/mobile settings; CSS fits cards to actual space.
   - --iss-grid-min-card is supplied per module (Product/Sharing 220px, Service 240px).
*/
body.iss-theme .iss-admin-responsive-grid{
  display:grid;
  grid-template-columns:repeat(var(--iss-grid-cols-desktop,4),minmax(0,1fr))!important;
}
@media(max-width:900px){
  body.iss-theme .iss-admin-responsive-grid{
    grid-template-columns:repeat(
      auto-fit,
      minmax(min(100%,var(--iss-grid-min-card,220px)),1fr)
    )!important;
  }
}


/* ------------------------------------------------------------------
   12. BUILD109.2.41 — semantic color ownership for the whole ISS frontend.

   Admin owners:
   - Body text          -> text_color
   - Button background -> button_background_color
   - Link               -> link_color
   - Link hover         -> link_hover_color
   - Active/selected    -> active_color + active_text_color
   - Button text/hover  -> button_text_color + button_hover_color

   Header / Topbar / Footer remain owned by their dedicated System panels.
   ------------------------------------------------------------------ */

/* Body copy is the real Body text color; muted is opt-in only. */
body.iss-theme main :where(
  p,li,dt,dd,th,td,label,
  .card__body,.iss-product-description,.iss-product-detail-v2__content,
  .iss-service-v2__card-body,.iss-service-v2__service-card-content,
  .about-overview-copy,.about-richtext,.certificate-copy
){
  color:var(--iss-text);
}
body.iss-theme main :where(.muted,.text-muted,.iss-muted,.iss-product-muted,.help,.meta){
  color:var(--iss-muted)!important;
}

/* Normal textual links follow Link / Hover Link from Admin. */
body.iss-theme main :where(
  .iss-breadcrumb a,.iss-common-breadcrumb a,.breadcrumb a,
  .link-more,.iss-service-v2__more,.about-product-overview-link,
  .iss-product-catalog-inline__links a
){
  color:var(--iss-theme-link)!important;
}
body.iss-theme main :where(
  .iss-breadcrumb a,.iss-common-breadcrumb a,.breadcrumb a,
  .link-more,.iss-service-v2__more,.about-product-overview-link,
  .iss-product-catalog-inline__links a
):hover{
  color:var(--iss-theme-link-hover)!important;
}

/* Article/product/category titles stay Body black; hover is configurable. */
body.iss-theme main :where(
  .card__body h3,.card__body strong,
  .iss-news-card h3,.iss-news-card strong,
  .iss-folder-card h3,.iss-folder-card__title,
  .iss-product-card-v2 h3,.iss-product-card-v2__title,
  .iss-product-recent-card h3,
  .iss-service-v2__card-body strong,.iss-service-v2__group-head h3 a,
  .service-sharing-card h3,.iss-service-sharing-category__title,
  .about-product-card h3,.about-activity-card h3,.certificate-card h3
){
  color:var(--iss-text)!important;
}
body.iss-theme main :where(
  .card:hover .card__body h3,.card:hover .card__body strong,
  .iss-news-card:hover h3,.iss-folder-card:hover h3,.iss-product-card-v2:hover h3,
  .iss-product-recent-card:hover h3,.iss-service-v2__group-head h3 a:hover,
  .service-sharing-card:hover h3,.iss-service-sharing-category__card:hover .iss-service-sharing-category__title,
  .about-product-card:hover h3,.about-activity-card:hover h3
){
  color:var(--iss-theme-link-hover)!important;
}

/* Selected category / tree / pagination: one Active owner across modules. */
body.iss-theme main :where(
  .sidebar__children a.is-active,.sidebar__single.is-active,
  .iss-sharing-v2 .sidebar__single.is-active,
  .iss-product-nav-root.is-active,.iss-product-nav-link.is-active,
  .service-v2__sidebar-link.is-active,
  .iss-service-category__sidebar-card nav a.is-active,
  .iss-service-sharing-tree-root.is-active,.iss-service-sharing-tree-link.is-active,
  .iss-pagination a[aria-current="page"],.pagination a[aria-current="page"],.pagination a.active,
  .iss-product-pagination a.is-active,.iss-service-category__pagination a.is-active
){
  background:var(--iss-active)!important;
  border-color:var(--iss-active)!important;
  color:var(--iss-active-text)!important;
}
body.iss-theme main .iss-product-nav-group__head.has-children .iss-product-nav-root.is-active,
body.iss-theme main .iss-service-sharing-tree-head.has-children .iss-service-sharing-tree-root.is-active{
  border-right-color:var(--iss-active)!important;
}

/* Hover is deliberately different from Active: soft surface + configured link-hover color. */
body.iss-theme main :where(
  .sidebar__children a:hover,.sidebar__single:hover,
  .iss-sharing-v2 .sidebar__single:hover,
  .iss-product-nav-root:hover,.iss-product-nav-link:hover,.iss-product-nav-toggle:hover,
  .service-v2__sidebar-link:hover,
  .iss-service-category__sidebar-card nav a:hover,
  .iss-service-sharing-tree-root:hover,.iss-service-sharing-tree-link:hover,.iss-service-sharing-tree-toggle:hover
){
  background:color-mix(in srgb,var(--iss-active) 10%,var(--iss-page-bg))!important;
  border-color:color-mix(in srgb,var(--iss-active) 35%,var(--iss-theme-border))!important;
  color:var(--iss-theme-link-hover)!important;
}

/* Tabs/thumbs/dots use the Active token without forcing a filled card. */
body.iss-theme main :where(.tabs__btn.is-active,.iss-product-tabs__button.is-active){
  color:var(--iss-active)!important;
  box-shadow:inset 0 -2px 0 var(--iss-active)!important;
}
body.iss-theme main :where(.iss-product-gallery-v2__thumbs button.is-active){
  border-color:var(--iss-active)!important;
}
body.iss-theme main :where(.about-slider-dot.is-active){
  background:var(--iss-active)!important;
}

/* Pagination hover follows the configured hover color; current page remains Active. */
body.iss-theme main :where(
  .iss-pagination a:hover,.pagination a:hover,.iss-product-pagination a:hover,.iss-service-category__pagination a:hover
):not([aria-current="page"]):not(.is-active):not(.active){
  background:var(--iss-theme-link-hover)!important;
  border-color:var(--iss-theme-link-hover)!important;
  color:var(--iss-active-text)!important;
}

/* Legacy ISS CTA/button sources consume the one global Button contract. */
body.iss-theme :where(
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit,
  .iss-contact-form button,.iss-service-v2__btn,.iss-service-v2__submit,
  .service-group-card__support,.support-card a
){
  background:var(--iss-button-bg)!important;
  border-color:var(--iss-button-bg)!important;
  color:var(--iss-button-text)!important;
  text-decoration:none!important;
}
body.iss-theme :where(
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit,
  .iss-contact-form button,.iss-service-v2__btn,.iss-service-v2__submit,
  .service-group-card__support,.support-card a
):hover,
body.iss-theme :where(
  .contact-request__form button,.ph-comment-submit,.ph-comment-reply-submit,
  .iss-contact-form button,.iss-service-v2__btn,.iss-service-v2__submit,
  .service-group-card__support,.support-card a
):focus-visible{
  background:var(--iss-button-hover)!important;
  border-color:var(--iss-button-hover)!important;
  color:var(--iss-button-hover-text)!important;
  text-decoration:none!important;
}

/* Floating support actions have their own color ID, separate from Home slide CTAs. */
body.iss-theme .ph-floating-actions .ph-floating-action{
  background:var(--iss-floating-action-background,var(--main,#b58b55))!important;
  border-color:var(--iss-floating-action-border,transparent)!important;
  color:var(--iss-floating-action-color,#fff)!important;
}
body.iss-theme .ph-floating-actions .ph-floating-action:hover,
body.iss-theme .ph-floating-actions .ph-floating-action:focus-visible{
  background:var(--iss-floating-action-hover-background,var(--main,#b58b55))!important;
  border-color:var(--iss-floating-action-hover-background,transparent)!important;
  color:var(--iss-floating-action-hover-color,#fff)!important;
}

/* Brand-colored headings/icons that are not Active remain Primary. */
/* Home product-brand CTA has its own color variables and does not follow the
   shared site button palette used by hero, service, and floating actions. */
body.iss-theme main .product-brands a.iss-home-brand-read-more{
  background:var(--iss-home-brand-read-more-background,#0b5fbd)!important;
  border-color:var(--iss-home-brand-read-more-border,#0b5fbd)!important;
  color:var(--iss-home-brand-read-more-color,#fff)!important;
}
body.iss-theme main .product-brands a.iss-home-brand-read-more:hover,
body.iss-theme main .product-brands a.iss-home-brand-read-more:focus-visible{
  background:var(--iss-home-brand-read-more-hover-background,#084b98)!important;
  border-color:var(--iss-home-brand-read-more-hover-background,#084b98)!important;
  color:var(--iss-home-brand-read-more-hover-color,#fff)!important;
}
body.iss-theme main :where(.iss-service-category__heading-icon){
  color:var(--iss-primary)!important;
  border-color:var(--iss-primary)!important;
}
body.iss-theme main .certificate-title:before,
body.iss-theme main .certificate-title:after{
  background:var(--iss-primary)!important;
}

/* BUILD109.2.349 — content links follow Admin > Theme Customizer > Colors. */
body.iss-theme main a:not([class*="btn"]):not([class*="button"]):not([role="button"]):not(.brand-more):not(.service-group-card__support):not(.support-card a):not(.brand-row__description-link):not(.iss-service-v2__article-card):not(.iss-service-v2__group-more):not(.iss-home-hero-read-more):not(.iss-home-slide-read-more){
  color:var(--iss-theme-link)!important;
}
body.iss-theme main a:not([class*="btn"]):not([class*="button"]):not([role="button"]):not(.brand-more):not(.service-group-card__support):not(.support-card a):not(.brand-row__description-link):not(.iss-service-v2__article-card):not(.iss-service-v2__group-more):not(.iss-home-hero-read-more):not(.iss-home-slide-read-more):hover,
body.iss-theme main a:not([class*="btn"]):not([class*="button"]):not([role="button"]):not(.brand-more):not(.service-group-card__support):not(.support-card a):not(.brand-row__description-link):not(.iss-service-v2__article-card):not(.iss-service-v2__group-more):not(.iss-home-hero-read-more):not(.iss-home-slide-read-more):focus-visible{
  color:var(--iss-theme-link-hover)!important;
}
body.iss-theme main .contact-form-label--required > span:first-child::after{
  content:" *";
  color:#d92d20;
  font-size:.82em;
  font-weight:700;
}
body.iss-theme main .iss-breadcrumb-wrap .iss-breadcrumb a{
  color:var(--iss-breadcrumb-color)!important;
}
body.iss-theme main .iss-breadcrumb-wrap .iss-breadcrumb a:hover,
body.iss-theme main .iss-breadcrumb-wrap .iss-breadcrumb a:focus-visible{
  color:var(--iss-theme-link-hover)!important;
}

/* BUILD109.2.395 — Menu Left - Right owns category navigation colors on both
   sides of content layouts. Keep these final selectors after module rules so
   the Theme Customizer values win over legacy fixed colors and active states. */
body.iss-theme #main-content :is(
  .iss-product-nav-root,.iss-product-nav-link,
  .iss-topic-nav-link,
  .iss-service-sharing-tree-root,.iss-service-sharing-tree-link,
  .iss-service-category__sidebar-card nav>a,.service-v2__sidebar-link,
  .phb-menu .phb-menu-body>ul>li>a
){
  color:var(--ph-category-menu-text-color,#111820)!important;
  background:var(--ph-category-menu-background-color,#fff)!important;
}
body.iss-theme #main-content :is(
  .iss-product-nav-root:hover,.iss-product-nav-root:focus-visible,
  .iss-product-nav-link:hover,.iss-product-nav-link:focus-visible,
  .iss-topic-nav-link:hover,.iss-topic-nav-link:focus-visible,
  .iss-service-sharing-tree-root:hover,.iss-service-sharing-tree-root:focus-visible,
  .iss-service-sharing-tree-link:hover,.iss-service-sharing-tree-link:focus-visible,
  .iss-service-category__sidebar-card nav>a:hover,.iss-service-category__sidebar-card nav>a:focus-visible,
  .service-v2__sidebar-link:hover,.service-v2__sidebar-link:focus-visible,
  .phb-menu .phb-menu-body>ul>li>a:hover,.phb-menu .phb-menu-body>ul>li>a:focus-visible
):not(.is-active){
  color:var(--ph-category-menu-hover-text-color,#0b5ea8)!important;
  background:var(--ph-category-menu-hover-background-color,#eef6fc)!important;
  border-color:var(--ph-category-menu-item-border-color,#e5e7eb)!important;
}
body.iss-theme #main-content :is(
  .iss-product-nav-root.is-active,.iss-product-nav-link.is-active,
  .iss-topic-nav-link.is-active,
  .iss-service-sharing-tree-root.is-active,.iss-service-sharing-tree-link.is-active,
  .iss-service-category__sidebar-card nav>a.is-active,.service-v2__sidebar-link.is-active,
  .phb-menu .phb-menu-body>ul>li.is-active>a,.phb-menu .phb-menu-body>ul>li>a.is-active
){
  color:var(--ph-category-menu-active-text-color,#fff)!important;
  background:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
  border-color:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
}
body.iss-theme #main-content :is(
  .iss-product-nav-group__head,.iss-service-sharing-tree-head,
  .iss-service-category__sidebar-card nav>a,.service-v2__sidebar-link,
  .phb-menu .phb-menu-body>ul>li,
  .iss-topic-nav-link[style*="--iss-topic-depth:0"]
){
  border:var(--ph-category-menu-item-border-width,1px) solid var(--ph-category-menu-item-border-color,#e5e7eb)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
  overflow:hidden;
}
body.iss-theme #main-content :is(
  .iss-product-nav-group__head .iss-product-nav-root,
  .iss-product-nav-group__head .iss-product-nav-toggle,
  .iss-service-sharing-tree-head .iss-service-sharing-tree-root,
  .iss-service-sharing-tree-head .iss-service-sharing-tree-toggle
){border:0!important;border-radius:0!important}
body.iss-theme #main-content :is(
  .iss-product-nav-root.is-active,.iss-topic-nav-link.is-active,
  .iss-service-sharing-tree-root.is-active,.iss-service-category__sidebar-card nav>a.is-active,
  .service-v2__sidebar-link.is-active,.phb-menu .phb-menu-body>ul>li.is-active>a
){border-color:var(--ph-category-menu-active-background-color,#0d5aa7)!important}

/* Related article lists occupy the opposite content sidebar on detail pages. */
body.iss-theme #main-content .iss-other-articles__item{
  color:var(--ph-category-menu-text-color,var(--iss-text,#111820))!important;
  background:var(--ph-category-menu-background-color,transparent)!important;
}
body.iss-theme #main-content .iss-other-articles__title{
  color:var(--ph-category-menu-text-color,var(--iss-text,#111820))!important;
}
body.iss-theme #main-content .iss-other-articles__item:hover,
body.iss-theme #main-content .iss-other-articles__item:focus-visible{
  color:var(--ph-category-menu-hover-text-color,#0b5ea8)!important;
  background:var(--ph-category-menu-hover-background-color,#eef6fc)!important;
}
body.iss-theme #main-content .iss-other-articles__item:hover .iss-other-articles__title,
body.iss-theme #main-content .iss-other-articles__item:focus-visible .iss-other-articles__title{
  color:var(--ph-category-menu-hover-text-color,#0b5ea8)!important;
}

/* BUILD109.2.396 — keep the expand/collapse control inside the active row's
   selected-color surface so the blue state reaches the adjacent + / − button. */
body.iss-theme #main-content .iss-product-nav-root.is-active+.iss-product-nav-toggle,
body.iss-theme #main-content .iss-service-sharing-tree-root.is-active+.iss-service-sharing-tree-toggle{
  color:var(--ph-category-menu-active-text-color,#fff)!important;
  background:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
  border-color:var(--ph-category-menu-active-background-color,#0d5aa7)!important;
}

/* BUILD109.2.398 — keep every category depth on one border contract. */
body.iss-theme #main-content :is(
  .iss-product-nav-group__head,.iss-product-nav-link,
  .iss-service-sharing-tree-head,.iss-service-sharing-tree-link,
  .iss-topic-nav-link,.iss-service-category__sidebar-card nav a,.service-v2__sidebar-link,
  .phb-menu .phb-menu-body li
){
  border:var(--ph-category-menu-item-border-width,1px) solid var(--ph-category-menu-item-border-color,#e5e7eb)!important;
  border-radius:var(--ph-category-menu-item-radius,0px)!important;
}
body.iss-theme #main-content :is(
  .sidebar__title,.iss-product-sidebar__title,.iss-service-category__sidebar-card>h2,
  .iss-service-sharing-category__sidebar-title,.iss-other-articles__heading
){
  background:var(--ph-category-menu-title-background-color,#001232)!important;
  color:var(--ph-category-menu-title-text-color,#fff)!important;
}
body.iss-theme #main-content :is(
  .iss-product-nav-group__head .iss-product-nav-root,.iss-product-nav-group__head .iss-product-nav-toggle,
  .iss-service-sharing-tree-head .iss-service-sharing-tree-root,.iss-service-sharing-tree-head .iss-service-sharing-tree-toggle
){border-block:0!important;border-radius:0!important}

/* Leave the same soft-shadow clearance around the brand carousel as grid cards.
   Compensated margins preserve card widths and alignment; horizontal clipping stays. */
body.iss-theme.home .section--partners .carousel__viewport{margin:-20px;overflow:hidden}
body.iss-theme.home .section--partners .carousel__track{padding:22px 20px 26px;scroll-padding-inline:20px}