/* CA Legal 2026.10.24.5 | Inner content / articles / tables / breadcrumbs */

.ratio {
  border-radius: 8px;
  overflow: hidden;
}

.foot-menu {
  font-size: 18px;
  margin-right: 5px;
  background-color: #f7f7f7;
  border: 1px solid #ffffff;
  height: 30px;
  padding: 4px 8px;
  margin-bottom: 2px;
}

.site-main {
  padding-block: clamp(20px, 3vw, 34px) 8px;
  min-width: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-main > .container, .site-main > .container-fluid {
  max-width: 1180px;
}

.site-main .row > [class*="col-"] {
  min-width: 0;
}

.site-main :is(p, li, td) {
  overflow-wrap: break-word;
}

.site-main :is(h1, h2, h3, h4, h5) {
  color: #244a73;
  line-height: 1.38;
}

.site-main h1 {
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2.05rem);
}

.site-main h2 {
  font-size: clamp(1.35rem, 1.2rem + .6vw, 1.75rem);
}

.site-main h3 {
  font-size: clamp(1.16rem, 1.05rem + .45vw, 1.44rem);
}

.site-main .ratio {
  border-radius: var(--site-radius);
}

.site-main .table-responsive, .site-main .site-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.site-main .site-table-scroll {
  width: 100%;
  max-width: 100%;
}

.site-main .site-table-scroll > table {
  margin-bottom: 0;
}

.site-main iframe:not(.ratio iframe) {
  max-width: 100%;
}

.site-main .foot-menu {
  height: auto !important;
  min-height: 34px;
  margin: 3px;
  padding: 9px 13px;
  border: 1px solid #e1e6e9;
  border-radius: 2px;
  color: #516779;
  background: #fff;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 650;
}

.site-main .foot-menu:hover {
  color: var(--ca-navy);
  background: #e9efef;
}

.site-main > .container {
  padding-top: clamp(28px, 3vw, 44px);
  padding-bottom: clamp(40px, 5vw, 68px);
}

.site-main .container > .breadcrumb:first-child, .site-main .container > .row:first-child .breadcrumb {
  margin-bottom: 24px;
}

.site-main .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  background: none;
  padding: 0 0 21px;
  border: 0;
  border-radius: 0;
  color: #788896;
  font-size: 15px;
  border-bottom: 1px solid #d8e2e6;
  margin-bottom: 34px;
}

.site-main .breadcrumb-item + .breadcrumb-item::before {
  color: #aab4bd;
}

.site-main :is(h1,h2,h3,h4,h5) {
  font-family: inherit;
  font-weight: 740;
  letter-spacing: -.045em;
  color: var(--ca-navy) !important;
  line-height: 1.42;
}

.site-main :is(h1) {
  font-size: clamp(33px,3.2vw,48px) !important;
  margin-bottom: 19px;
  font-weight: 400;
  margin: 5px 0 26px;
  letter-spacing: -.025em;
}

.site-main :is(h2) {
  font-size: clamp(25px,2.3vw,32px) !important;
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 400;
}

.site-main :is(h3) {
  font-size: clamp(21px,1.9vw,27px) !important;
  margin-top: 24px;
  margin-bottom: 13px;
  font-weight: 400;
}

.site-main p, .site-main li {
  line-height: 1.83;
}

.site-main :is(ul,ol) {
  padding-left: 1.55rem;
}

.site-main .text-justify {
  text-align: left !important;
}

.site-main .table {
  font-size: 14px;
  border-color: #e7ecee;
}

.site-main .table > :not(caption) > * > * {
  padding: 14px 16px;
}

.site-main .table-dark, .site-main .table thead.table-dark {
  --bs-table-bg: #203c56;
  --bs-table-border-color: #3b5267;
}

.site-main .table a {
  font-weight: 650;
}

.site-main .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: #f6f8f8;
}

.site-main .list-group-item {
  border-color: #e1e7ea;
  padding: 15px 18px;
  border-radius: 0;
}

.site-main .breadcrumb a {
  color: #356180;
}

.site-main :is(.table) {
  font-size: 15px;
}

.site-main .table thead :is(th,td) {
  background: #e9eff2;
  color: #203b52;
  border-bottom: 2px solid #abc0ca;
  font-weight: 500;
  white-space: nowrap;
}

/* Editorial interior pages. All existing document/body content stays intact. */
.site-main > .container:has(> .breadcrumb) {
  max-width: 1260px;
  padding-top: clamp(32px, 5vw, 66px);
  padding-bottom: clamp(68px, 8vw, 115px);
}
.site-main > .container:has(> .breadcrumb) > .breadcrumb {
  display: flex;
  gap: 8px;
  margin: 0 0 clamp(26px, 3vw, 42px);
  padding: 0 0 22px;
  border-bottom: 1px solid #d7e0e2;
  letter-spacing: .015em;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > [class*="col-"] {
  min-width: 0;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-9,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-8,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-6:first-child {
  padding: clamp(25px, 3.5vw, 48px) clamp(24px, 3.5vw, 50px);
  background: #fbfaf7;
  border: 1px solid #e8e7e1;
  border-top: 4px solid #b08b59;
  color: #263f54;
  line-height: 1.9;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-9 > :is(h1,h2,h3):first-child,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-8 > :is(h1,h2,h3):first-child,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-6:first-child > :is(h1,h2,h3):first-child {
  position: relative;
  margin: 0 0 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid #d4d9d6;
  color: #102e45 !important;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-9 > :is(h1,h2,h3):first-child::after,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-8 > :is(h1,h2,h3):first-child::after,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-6:first-child > :is(h1,h2,h3):first-child::after {
  content: "";
  position: absolute;
  width: 78px;
  height: 3px;
  background: #b08b59;
  left: 0;
  bottom: -2px;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-3 {
  padding: 12px clamp(18px,2.8vw,34px);
  text-align: center;
}
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-3 > img,
.site-main > .container:has(> .breadcrumb) > .row:first-of-type > .col-lg-3 > a > img {
  width: auto;
  height: auto;
  max-height: none;
  max-width: 100%;
  border-radius: 2px;
  box-shadow: 0 13px 32px rgba(20,45,72,.075);
}
.site-main > .container:has(> .breadcrumb) :is(h2,h3) {
  scroll-margin-top: 110px;
}
.site-main > .container:has(> .breadcrumb) a:not(.btn):hover { color: #8b632f; }

/* v2026.10.24.8 | content reading width and section rhythm, no text changes */
.site-main:not(:has(.ca-hero)){background:#faf9f6;}
.site-main:not(:has(.ca-hero))>.container{max-width:1180px;margin-inline:auto;padding-top:clamp(48px,5vw,78px);padding-bottom:clamp(55px,7vw,90px);}
.site-main:not(:has(.ca-hero)) :is(.card,.accordion-item){border:1px solid #dce2e4;border-radius:4px;box-shadow:0 9px 26px rgba(10,36,56,.045);background:#fff;}
.site-main:not(:has(.ca-hero)) .card-header{background:#112e43;color:#fff;border-radius:0;border-bottom:0;}
.site-main:not(:has(.ca-hero)) .card-header a{color:#fff;}
.site-main:not(:has(.ca-hero)) :is(h1,h2,h3){font-family:inherit;}
.site-main:not(:has(.ca-hero)) .table-responsive{background:#fff;border:1px solid #e0e5e5;}
.site-main:not(:has(.ca-hero)) .btn-primary{background:#173f5c;border-color:#173f5c;}
.site-main:not(:has(.ca-hero)) .btn-primary:hover{background:#0f2f47;border-color:#0f2f47;}
