/* N46r (14-11-2026): Dentcare on phones (rate tables and tab blocks shown as accordion), back to the guide buttons, guide card on a list.
   Token names only, no hex. Tables follow the phone rule of j6.css (768px and below); the tab block follows WPBakery (tabs above 767px, accordion bars at 767px and below). */

/* ===== a1. Rate tables: no fixed row heights, an amount is never broken from its currency =====
   The tables written in the editor carry an inline height on the table, on every row and on every cell, and inline widths on the two cells
   (78.5% and 21.5%). With the rows stacked on a phone (j6.css, JV2(b)) a fixed height of 20 px lets a wrapped line run over the next row.
   The heights go everywhere; the inline widths go on a phone (the key and the value each take the full width of the card) and are replaced
   on a desktop by a value column that is never narrower than the longest amount. The amounts themselves are bound to their currency with
   non-breaking spaces in gpcf_n46r_bind_amounts() (inc/n46r.php). */
:is(.entry-content,.abody,.desc) table[style*="height"],
:is(.entry-content,.abody,.desc) table :is(tr,th,td)[style*="height"]{
  height:auto !important;
}
@media (min-width:769px){
  :is(.entry-content,.abody,.desc) table:not(:has(tr > :nth-child(3))) tr > :is(th,td):first-child[style*="width"]{ width:auto !important; }
  :is(.entry-content,.abody,.desc) table:not(:has(tr > :nth-child(3))) tr > :is(th,td):last-child[style*="width"]{
    width:auto !important;
    min-width:12.5rem;
  }
}
@media (max-width:768px){
  :is(.entry-content,.abody,.desc) table:not(:has(tr > :nth-child(3))) :is(th,td)[style]{
    width:auto !important;
    text-align:left !important;
  }
}

/* ===== a2. The WPBakery tab block on a phone: the accordion of the site (N45 section E1) =====
   Above 767 px the block is tabs (j6.css). Below, WPBakery turns each tab into an accordion bar in its own blue. The bars take the look of
   the site accordion (N45 E1): a white card per panel, the site radius, a 56 px bar in the display face, a chevron that turns, and the open
   bar on the pale wash of the page accent with the deep accent as text. Closed = white card with dark text, open = pale wash with dark teal text
   (the accent of the page; the teal chrome when the page has none). Not applied to the Banyan tier tabs (.siam-tabfix). */
@media (max-width:767px){
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix){
    margin:var(--space-10) 0;
    --vc-tta-spacing:0px;
    --vc-tta-gap:var(--space-4);
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) :is(.vc_tta-panels-container,.vc_tta-panels){
    margin:0;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel{
    margin:0;
    border:1px solid var(--os-line);
    border-radius:var(--radius-card);
    background:var(--os-card);
    overflow:hidden;
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel + .vc_tta-panel{ margin-top:var(--space-4); }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-heading{
    margin:0;
    border:0;
    border-radius:0;
    background:var(--os-card);
    box-shadow:none;
    transition:background-color var(--duration-base) var(--ease);
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title{
    margin:0;
    font-family:var(--font-display);
    font-weight:var(--weight-display);
    font-size:var(--size-card-title);
    line-height:1.3;
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title > a{
    position:relative;
    display:flex;
    align-items:center;
    gap:var(--space-5);
    min-height:56px;
    padding:var(--space-3) calc(var(--space-9) + var(--space-10)) var(--space-3) var(--space-9);
    border:0;
    background:none;
    color:var(--os-heading);
    text-decoration:none;
    box-shadow:none;
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title > a .vc_tta-controls-icon{ display:none; }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title > a::after{
    content:"";
    position:absolute;
    top:50%;
    right:var(--space-9);
    width:9px;
    height:9px;
    margin-top:-7px;
    border-right:2px solid var(--acc-deep,var(--os-link));
    border-bottom:2px solid var(--acc-deep,var(--os-link));
    transform:rotate(45deg);
    transition:transform var(--duration-base) var(--ease);
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel.vc_active .vc_tta-panel-heading{ background:var(--acc-wash,var(--os-tint)); }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel.vc_active .vc_tta-panel-title > a{ color:var(--acc-deep,var(--os-link)); }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel.vc_active .vc_tta-panel-title > a::after{
    margin-top:-2px;
    transform:rotate(-135deg);
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title > a:hover{ color:var(--acc-deep,var(--os-link)); background:none; }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-title > a:focus-visible{ outline:3px solid var(--acc-deep,var(--os-link)); outline-offset:-3px; }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-body{
    padding:var(--space-7) var(--space-9) var(--space-9);
    border:0;
    border-top:1px solid var(--os-line);
    background:var(--os-card);
  }
  :is(.entry-content,.abody,.desc) .vc_general.vc_tta.vc_tta-tabs:not(.siam-tabfix) .vc_tta-panel .vc_tta-panel-body > :first-child{ margin-top:0; }
}

/* ===== c. Back to the guide ===== */
.pagehead .cta--back{ gap:var(--space-4); }
.pagehead .cta--back .ico svg{ stroke:currentColor; }
.gpcf-back{ margin:0 0 var(--space-7); }
body a.gpcf-back__link{
  display:inline-flex;
  align-items:center;
  gap:var(--space-4);
  min-height:var(--tap-comfortable);
  padding:0 var(--space-9);
  border:2px solid var(--acc-deep,var(--os-link));
  border-radius:var(--radius-pill);
  background:var(--os-card);
  color:var(--acc-deep,var(--os-link));
  font-family:var(--font-body);
  font-weight:var(--weight-bold);
  font-size:var(--size-body);
  line-height:1.2;
  text-decoration:none;
  transition:background-color var(--duration-base) var(--ease);
}
body a.gpcf-back__link:hover{ background:var(--acc-wash,var(--os-tint)); text-decoration:none; }
body a.gpcf-back__link:focus-visible{ outline:3px solid var(--acc-deep,var(--os-link)); outline-offset:3px; }
.gpcf-back__link svg{ width:20px; height:20px; stroke:currentColor; }
@media print{ .gpcf-back{ display:none; } }

/* ===== e. The card to the guide on the category list ===== */
.gpcf-n46r-cardwrap{ margin:0 0 var(--space-10); }
.gpcf-n46r-cardwrap .gpcf-guidecards{ grid-template-columns:minmax(0,1fr); }