/* CGS Core: reports. The page header made by [cgs_reports_header] and the
   ledger table made by [cgs_reports]. Everything sits under #main-content
   .cgs-rp (the table) or .cgs-rph (the header) so it cannot reach the site
   header or footer. Fonts are inherited (Montserrat for the h1, Roboto Flex
   for the rest, from the theme); only sizes, weights and colours are set
   here. Sides use logical properties. Both blocks share the About pages'
   1100px measure; the page row gives the 20px gutter. */

/* the page header: the About pages' text header (breadcrumb, h1, gold rule, standfirst) */
#main-content .cgs-rph{max-inline-size:1100px;margin-inline:auto;padding-block-start:24px}
#main-content .cgs-rph .cgs-rph-crumb{font-size:14px;line-height:1.4;color:#646B78}
#main-content .cgs-rph .cgs-rph-crumb ol{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-wrap:wrap;align-items:center}
#main-content .cgs-rph .cgs-rph-crumb li{list-style:none !important;margin:0 !important;padding:0 !important;line-height:inherit}
#main-content .cgs-rph .cgs-rph-crumb li + li::before{content:"/";content:"/" / "";margin-inline:6px}
#main-content .cgs-rph .cgs-rph-crumb a{display:inline-flex;align-items:center;min-height:44px;color:#27318B !important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
#main-content .cgs-rph .cgs-rph-crumb a:hover{text-decoration-thickness:2px}
#main-content .cgs-rph .cgs-rph-crumb a:focus-visible{outline:2px solid #27318B !important;outline-offset:2px !important}
#main-content .cgs-rph .cgs-rph-crumb [aria-current]{font-weight:600;color:#1D2B47}
#main-content .cgs-rph .cgs-rph-h1{margin:14px 0 0 !important;padding:0 !important;font-size:32px !important;line-height:1.12 !important;font-weight:800 !important;letter-spacing:-.01em;color:#27318B !important;text-wrap:balance}
#main-content .cgs-rph .cgs-rph-rule{display:block;inline-size:64px;block-size:4px;border-radius:2px;background:#F1C500;margin-block:22px 24px}
#main-content .cgs-rph .cgs-rph-stand{margin:0 !important;padding:0 !important;max-inline-size:640px;font-size:19px;line-height:1.6;color:rgba(52,58,64,.9)}
@media (min-width:981px){
#main-content .cgs-rph{padding-block-start:32px}
#main-content .cgs-rph .cgs-rph-h1{font-size:44px !important}
}

#main-content .cgs-rp{margin-block:32px 24px;max-inline-size:1100px;margin-inline:auto;container-type:inline-size;container-name:cgs-rp}
#main-content .cgs-rp .cgs-rp-table{inline-size:100%;border-collapse:collapse;border:0;margin:0}

/* column headers: 14px, sentence case */
#main-content .cgs-rp .cgs-rp-table thead th{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.04em;color:#1D2B47;text-align:start;vertical-align:bottom;padding-block:12px;padding-inline:12px;border:0;border-block-end:2px solid #27318B;background:transparent;overflow-wrap:normal;word-break:normal}
#main-content .cgs-rp .cgs-rp-table thead th.cgs-rp-num{text-align:end}

/* a year is one tbody; the fiscal year heading starts its first row */
#main-content .cgs-rp .cgs-rp-year{border-block-start:2px solid #27318B}
#main-content .cgs-rp .cgs-rp-table tbody th{font-size:16px;font-weight:700;line-height:1.5;color:#1D2B47;text-align:start;vertical-align:top;padding-block:12px;padding-inline:12px;border:0;background:transparent;overflow-wrap:normal;word-break:normal}
#main-content .cgs-rp .cgs-rp-table td{font-size:16px;line-height:1.5;vertical-align:top;padding-block:12px;padding-inline:12px;border:0;background:transparent;overflow-wrap:anywhere}
#main-content .cgs-rp .cgs-rp-line + .cgs-rp-line td{border-block-start:1px solid #e3e3e3}
#main-content .cgs-rp .cgs-rp-sub td:first-of-type{padding-inline-start:28px}

/* figures: end-aligned numerals that never break mid number */
#main-content .cgs-rp .cgs-rp-num{text-align:end;font-variant-numeric:tabular-nums}
#main-content .cgs-rp .cgs-rp-table td.cgs-rp-num{overflow-wrap:normal;word-break:normal}

/* quiet text: states and entity labels */
#main-content .cgs-rp .cgs-rp-quiet{color:#4a4a4a}
#main-content .cgs-rp .cgs-rp-entity{display:block;color:#4a4a4a}

/* links: navy, underlined (not colour alone), a 44px hit area that reaches into
   the cell padding so the rows keep their height, a ring Divi keeps */
#main-content .cgs-rp a{color:#27318B !important;text-decoration:underline;display:inline-block;padding-block:10px;margin-block:-6px;overflow-wrap:anywhere}
#main-content .cgs-rp a:hover{color:#1D2B47 !important}
#main-content .cgs-rp a:focus-visible{outline:2px solid #27318B !important;outline-offset:2px !important}

/* the footnote and the empty state */
#main-content .cgs-rp .cgs-rp-note{font-size:16px;line-height:1.5;color:#4a4a4a;margin-block:16px 0}
#main-content .cgs-rp-empty{font-size:16px;line-height:1.5;color:#4a4a4a}

/* Cards, one rule set written twice (the test keeps the two identical).
   Each year is a card and each cell a labelled row below 981px, whatever the
   box width, and also when the table's own box is under 700px, whatever the
   screen (the theme body can sit the content beside a sidebar). */
@container cgs-rp (max-width: 699px){
#main-content .cgs-rp .cgs-rp-table,
#main-content .cgs-rp .cgs-rp-table tbody,
#main-content .cgs-rp .cgs-rp-table tr,
#main-content .cgs-rp .cgs-rp-table td,
#main-content .cgs-rp .cgs-rp-table th{display:block;inline-size:auto;box-sizing:border-box}
#main-content .cgs-rp .cgs-rp-table thead{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
#main-content .cgs-rp .cgs-rp-year{border:1px solid #e3e3e3;border-block-start:4px solid #27318B;border-radius:8px;margin-block-end:16px;margin-inline:0;overflow:hidden}
#main-content .cgs-rp .cgs-rp-table tbody th{font-size:18px;padding-block:12px 4px;padding-inline:12px}
#main-content .cgs-rp .cgs-rp-table td{padding-block:8px;padding-inline:12px}
#main-content .cgs-rp .cgs-rp-line + .cgs-rp-line{border-block-start:1px solid #e3e3e3}
#main-content .cgs-rp .cgs-rp-line + .cgs-rp-line td{border-block-start:0}
#main-content .cgs-rp .cgs-rp-sub td:first-of-type{padding-inline-start:12px}
#main-content .cgs-rp .cgs-rp-table td::before{content:attr(data-label);display:block;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.04em;color:#1D2B47}
#main-content .cgs-rp .cgs-rp-table td.cgs-rp-blank{display:none}
#main-content .cgs-rp .cgs-rp-table td.cgs-rp-num{text-align:start}
#main-content .cgs-rp a{min-height:44px;box-sizing:border-box;padding-block:10px;margin-block:0}
}
@media (max-width:980px){
#main-content .cgs-rp .cgs-rp-table,
#main-content .cgs-rp .cgs-rp-table tbody,
#main-content .cgs-rp .cgs-rp-table tr,
#main-content .cgs-rp .cgs-rp-table td,
#main-content .cgs-rp .cgs-rp-table th{display:block;inline-size:auto;box-sizing:border-box}
#main-content .cgs-rp .cgs-rp-table thead{position:absolute;inline-size:1px;block-size:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
#main-content .cgs-rp .cgs-rp-year{border:1px solid #e3e3e3;border-block-start:4px solid #27318B;border-radius:8px;margin-block-end:16px;margin-inline:0;overflow:hidden}
#main-content .cgs-rp .cgs-rp-table tbody th{font-size:18px;padding-block:12px 4px;padding-inline:12px}
#main-content .cgs-rp .cgs-rp-table td{padding-block:8px;padding-inline:12px}
#main-content .cgs-rp .cgs-rp-line + .cgs-rp-line{border-block-start:1px solid #e3e3e3}
#main-content .cgs-rp .cgs-rp-line + .cgs-rp-line td{border-block-start:0}
#main-content .cgs-rp .cgs-rp-sub td:first-of-type{padding-inline-start:12px}
#main-content .cgs-rp .cgs-rp-table td::before{content:attr(data-label);display:block;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.04em;color:#1D2B47}
#main-content .cgs-rp .cgs-rp-table td.cgs-rp-blank{display:none}
#main-content .cgs-rp .cgs-rp-table td.cgs-rp-num{text-align:start}
#main-content .cgs-rp a{min-height:44px;box-sizing:border-box;padding-block:10px;margin-block:0}
}