#ccua-widget { 
  font-family: Arial, Helvetica, sans-serif;
  color: #202124;
  background: #fff;
 }
#ccua-widget, #ccua-widget * {  box-sizing: border-box;  }
#ccua-widget {  margin: 0; min-height: 100vh;  }
#ccua-widget .page-shell { 
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
 }
#ccua-widget .search-panel {  width: min(720px, 100%); text-align: center;  }
#ccua-widget h1 {  margin: 0 0 .5rem; font-size: clamp(2rem, 5vw, 3rem);  }
#ccua-widget .intro {  margin: 0 0 1.5rem; color: #5f6368;  }
#ccua-widget .search-wrap {  position: relative; text-align: left;  }
#ccua-widget .search-input { 
  width: 100%;
  min-height: 58px;
  border: 2px solid #7f1734;
  border-radius: 8px;
  padding: 0 3.75rem 0 1rem;
  font-size: 1.1rem;
  outline: none;
 }
#ccua-widget .search-input:focus {  box-shadow: 0 0 0 4px rgba(127, 23, 52, .14);  }
#ccua-widget .search-input {  appearance: none; -webkit-appearance: none;  }
#ccua-widget .search-input::-webkit-search-cancel-button, #ccua-widget .search-input::-webkit-search-decoration {  -webkit-appearance: none; display: none;  }
#ccua-widget .search-input::-ms-clear {  display: none;  }
#ccua-widget .search-action { 
  position: absolute;
  top: 7px;
  right: 7px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #7f1734;
  cursor: pointer;
 }
#ccua-widget .search-action:hover {  background: #f7f2f4;  }
#ccua-widget .search-action:focus-visible {  outline: 2px solid #7f1734; outline-offset: 1px;  }
#ccua-widget .search-action svg {  width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round;  }
#ccua-widget .search-action .clear-icon {  display: none;  }
#ccua-widget .search-action.is-list-view .search-icon {  display: none;  }
#ccua-widget .search-action.is-list-view .clear-icon {  display: block;  }
#ccua-widget .suggestions { 
  position: absolute;
  z-index: 10;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d8dadd;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  overflow: hidden;
  max-height: 420px;
  overflow-y: auto;
 }
#ccua-widget .suggestion { 
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  width: 100%;
  padding: .85rem 1rem;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eceff1;
  cursor: pointer;
  text-align: left;
  font: inherit;
 }
#ccua-widget .suggestion:last-child {  border-bottom: 0;  }
#ccua-widget .suggestion:hover, #ccua-widget .suggestion[aria-selected="true"] {  background: #f7f2f4;  }
#ccua-widget .suggestion-main {  min-width: 0;  }
#ccua-widget .suggestion-title {  display: block; font-weight: 700;  }
#ccua-widget .suggestion-subtitle {  display: block; margin-top: .2rem; color: #666; font-size: .9rem;  }
#ccua-widget .kind-badge { 
  flex: 0 0 auto;
  border-radius: 999px;
  padding: .28rem .6rem;
  font-size: .75rem;
  font-weight: 700;
  background: #f1f3f4;
  color: #333;
  white-space: nowrap;
 }
#ccua-widget .status {  min-height: 1.5rem; padding-top: .5rem; color: #666; font-size: .9rem;  }
#ccua-widget .selected-result {  margin-top: 1.5rem; text-align: left;  }
#ccua-widget .selected-result h2 {  margin: 0 0 .75rem; font-size: 1.25rem;  }
#ccua-widget .level-filter {  border: 0; margin: 0 0 1rem; padding: 0;  }
#ccua-widget .level-filter legend {  margin-bottom: .5rem; font-size: .9rem; font-weight: 700;  }
#ccua-widget .level-toggle {  display: inline-flex; gap: .25rem; padding: .25rem; border: 1px solid #d8dadd; border-radius: 8px; background: #f7f2f4;  }
#ccua-widget .level-toggle label {  padding: .75rem 1rem; border-radius: 5px; cursor: pointer; font-weight: 700; color: #7f1734;  }
#ccua-widget .level-toggle input:checked + label {  background: #7f1734; color: #fff;  }
#ccua-widget .level-toggle input:focus-visible + label {  outline: 2px solid #7f1734; outline-offset: 2px;  }
#ccua-widget .level-filter:disabled {  opacity: .6;  }
#ccua-widget .level-filter:disabled label {  cursor: wait;  }
#ccua-widget .level-filter:not(:disabled) .level-toggle input:disabled + label {  opacity: .45; cursor: not-allowed;  }
#ccua-widget .representative-list {  list-style: none; margin: 0; padding: 0;  }
#ccua-widget .representative-list li {  padding: 1rem; margin-top: .75rem; border: 1px solid #d8dadd; border-radius: 8px;  }
#ccua-widget .representative-list dl {  margin: 0; display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: .5rem 1rem;  }
#ccua-widget .representative-list dt {  font-weight: 700;  }
#ccua-widget .representative-list dd {  margin: 0; overflow-wrap: anywhere;  }
#ccua-widget .representative-card {  display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; align-items: start;  }
#ccua-widget .portrait {  width: 96px; min-height: 120px; border-radius: 6px; overflow: hidden; background: #f1f3f4; color: #666; display: grid; place-items: center; text-align: center; font-size: .8rem;  }
#ccua-widget .portrait img {  display: block; width: 96px; height: 120px; object-fit: cover; object-position: top;  }
#ccua-widget .representative-card a {  color: #7f1734;  }
#ccua-widget .representative-list .representative-card {  position: relative; cursor: pointer; padding-right: 3.75rem;  }
#ccua-widget .representative-list .representative-card:hover {  border-color: #7f1734; background: #fdfafb;  }
#ccua-widget .open-profile {  position: absolute; top: .5rem; right: .5rem; width: 40px; height: 40px; border: 0; border-radius: 6px; background: #f7f2f4; color: #7f1734; font-size: 1.5rem; cursor: pointer;  }
#ccua-widget .open-profile:focus-visible {  outline: 2px solid #7f1734; outline-offset: 2px;  }
#ccua-widget .representative-profile {  width: min(960px, 100%); text-align: left; animation: slide-in .28s ease-out;  }
#ccua-widget .representative-profile h1 {  margin: 1.5rem 0; font-size: clamp(1.75rem, 5vw, 2.5rem); font-weight: 500;  }
#ccua-widget .profile-summary {  display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1.5rem; padding: 1.25rem; border: 1px solid #d8dadd; border-radius: 8px;  }
#ccua-widget .representative-profile dl {  display: grid; grid-template-columns: minmax(6rem, 1fr) minmax(0, 2fr); gap: .65rem 1rem; margin: 0;  }
#ccua-widget .representative-profile dt {  font-weight: 700;  }
#ccua-widget .representative-profile dd {  margin: 0; overflow-wrap: anywhere;  }
#ccua-widget .representative-profile a {  color: #7f1734;  }
#ccua-widget .profile-toolbar {  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .75rem;  }
#ccua-widget .profile-actions {  display: flex; align-items: center; gap: .5rem; margin-left: auto;  }
#ccua-widget .profile-actions .profile-help {  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; text-decoration: none; font-weight: 700;  }
#ccua-widget .profile-offices {  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;  }
#ccua-widget .profile-branches {  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 0; margin: 0;  }
#ccua-widget .profile-branches li {  min-width: 0; padding-top: 1rem; border-top: 1px solid #d8dadd;  }
#ccua-widget .profile-branches strong {  display: block; margin-bottom: .75rem; overflow-wrap: anywhere;  }
#ccua-widget .profile-section {  padding: 1.25rem; border: 1px solid #d8dadd; border-radius: 8px; margin-top: 1rem;  }
#ccua-widget .profile-section h2 {  margin: 0 0 1rem; font-size: 18px; color:black; font-weight: bold;  }
#ccua-widget .returning-to-results {  animation: slide-back .28s ease-out;  }
@keyframes slide-in {  from { opacity: 0; transform: translateX(48px); } to { opacity: 1; transform: translateX(0); }  }
@keyframes slide-back {  from { opacity: 0; transform: translateX(-48px); } to { opacity: 1; transform: translateX(0); }  }
@media (prefers-reduced-motion: reduce) { #ccua-widget .representative-profile, #ccua-widget .returning-to-results {  animation: none;  }
  }
@media (max-width: 680px) { #ccua-widget .profile-offices, #ccua-widget .profile-branches {  grid-template-columns: minmax(0, 1fr);  }
  }
#ccua-widget .detail-status {  grid-column: 1 / -1; margin: 0; color: #666; font-size: .85rem;  }
#ccua-widget .detail-status:empty {  display: none;  }
#ccua-widget .list-button {  border: 1px solid #7f1734; border-radius: 6px; padding: .75rem 1rem; color: #7f1734; background: #fff; cursor: pointer; font: inherit;  }
#ccua-widget .list-button:hover {  background: #f7f2f4;  }
#ccua-widget .list-button:focus-visible {  outline: 2px solid #7f1734; outline-offset: 3px;  }
#ccua-widget .results-footer {  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .75rem; margin-top: 1.5rem; padding: 3px;  }
#ccua-widget .results-footer #load-more {  grid-column: 2; margin: 0;  }
#ccua-widget .back-to-top {  position: static; grid-column: 3; justify-self: end;  }
#ccua-widget .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;
 }
@media (max-width: 520px) { #ccua-widget .representative-card {  grid-template-columns: minmax(0, 1fr);  }
#ccua-widget .profile-summary {  grid-template-columns: minmax(0, 1fr);  }
#ccua-widget .suggestion {  align-items: flex-start;  }

 }
#ccua-widget .representative-profile {  width: min(820px, 100%); color: #17243b; font-size: .9rem; line-height: 1.5;  }
#ccua-widget .profile-toolbar {  align-items: flex-start; margin-bottom: 1rem;  }
#ccua-widget #profile-back {  padding: .2rem 0; border: 0; background: transparent; color: #007fae; font-size: 20px;  }
#ccua-widget .profile-actions {  gap: .75rem;  }
#ccua-widget .profile-actions .profile-action {  display: flex; flex-direction: column; align-items: center; gap: .2rem; min-width: 44px; border: 0; padding: 0; background: transparent; color: #40536a; font: inherit; font-size: .65rem; text-decoration: none; cursor: pointer;  }
#ccua-widget .profile-action-icon {  display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #00aeca; color: white; font-size: 1.3rem; font-weight: 700;  }
#ccua-widget .profile-action-icon svg {  width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;  }
#ccua-widget .profile-action:hover .profile-action-icon {  background: #007f9b;  }
#ccua-widget .profile-action:focus-visible {  outline: 2px solid #007fae; outline-offset: 4px; border-radius: 3px;  }
#ccua-widget .profile-summary {  grid-template-columns: 130px minmax(0, 1fr); gap: 3rem; padding: 0 4px; border: 0; border-radius: 0; margin-bottom: 2.25rem;  }
#ccua-widget .profile-summary .portrait {  width: 130px; height: 200px;  }
#ccua-widget .profile-summary .portrait img {  width: 100%; height: 100%; object-fit: cover;  }
#ccua-widget .profile-heading {  min-width: 0; padding-top: 0;  }
#ccua-widget .representative-profile h1 {  color: #0086bd; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.6rem, 4vw, 2.2rem); line-height: 1.15; margin: 0 0 1rem;  }
#ccua-widget .profile-riding {  font-weight: 700; margin: 0 0 .7rem; font-size: 17px;  }
#ccua-widget .profile-level {  margin: 0 0 .2rem; color: #4f6070;  }
#ccua-widget .representative-profile .profile-contact-details {  grid-template-columns: auto minmax(0, 1fr); gap: .15rem .4rem; color: #4f6070; font-size: .85rem;  }
#ccua-widget .representative-profile dt::after {  content: ':';  }
#ccua-widget .representative-profile a {  color: inherit; text-decoration: none;  }
#ccua-widget .representative-profile a:hover {  text-decoration: none;  }
#ccua-widget .profile-section {  padding: 1.4rem; border: 0; border-radius: 0; margin-top: 1rem; color: #111;  }
#ccua-widget .profile-section h2 {  font-size: 18px; line-height: 1.4; margin-bottom: 1rem;  }
#ccua-widget .profile-offices {  gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr));  }
#ccua-widget .profile-offices .profile-search-panelsection {  margin-top: 0; min-width: 0; min-height: 235px;  }
#ccua-widget .office-legislature {  background: #facfd5;  }
#ccua-widget .office-constituency {  background: #b5e2eb;  }
#ccua-widget .representative-profile .profile-section dl {  grid-template-columns: auto minmax(0, 1fr); gap: .45rem .5rem; font-size: 14px;  }
#ccua-widget .profile-section dt {  font-weight: 400;  }
#ccua-widget .profile-section dd a:hover {  text-decoration: underline; text-underline-offset: 3px; border:0 !important;  }
#ccua-widget .profile-bio {  background: #ffe28b;  }
#ccua-widget .bio-languages {  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 1rem;  }
#ccua-widget .bio-languages .profile-section {  padding: 0; margin: 0; min-width: 0;  }
#ccua-widget .bio-languages h2 {  font-size: .75rem; font-style: italic; color: black; font-weight:bold; margin-bottom: .5rem;  }
#ccua-widget .profile-branch-section {  background: #dad0ed; margin-top: 0;  }
#ccua-widget .profile-branches {  gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.5rem;  }
#ccua-widget .profile-branches li {  border-top: 0; border-bottom: 1px solid #b8a6d5; padding: 1rem 0 1.5rem;  }
#ccua-widget .profile-branches strong {  text-transform: uppercase; font-size: 14px;  }
#ccua-widget #profile-status:empty {  display: none;  }
@media (max-width: 520px) { #ccua-widget .representative-profile {  font-size: .8rem;  }
#ccua-widget .profile-summary {  grid-template-columns: 90px minmax(0, 1fr); gap: 1rem;  }
#ccua-widget .profile-summary .portrait {  width: 90px; height: 145px;  }
#ccua-widget .representative-profile .profile-contact-details {  font-size: .75rem;  }
#ccua-widget .profile-section {  padding: 1rem;  }
#ccua-widget .profile-offices {  gap: .65rem;  }
#ccua-widget .representative-profile .profile-section dl {  font-size: .75rem; grid-template-columns: minmax(0, 1fr); gap: .1rem;  }
#ccua-widget .profile-section dd {  margin-bottom: .45rem;  }

 }
@media (max-width: 380px) { #ccua-widget .profile-offices, #ccua-widget .bio-languages, #ccua-widget .profile-branches {  grid-template-columns: minmax(0, 1fr);  }

 }
#ccua-widget .search-panel {  width: min(820px, 100%); align-self: start; margin-top: 1rem; color: #17243b; padding-top:0;  }
#ccua-widget .search-label {  display: block; margin-bottom: .6rem; color: #111; font-size: .9rem; font-weight: 600;  }
#ccua-widget .search-input {  min-height: 52px; border: 2px solid #009ce0; border-radius: 30px; background: #e6edf1; padding-left: 1.4rem; font-size: .95rem;  }
#ccua-widget .search-input:focus {  box-shadow: 0 0 0 3px #009ce020;  }
#ccua-widget .search-wrap {  padding-top: 0;  }
#ccua-widget .search-action {  top: auto; bottom: 9px; right: 10px; width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: #0086b4; color: #fff;  }
#ccua-widget .search-action:hover {  background: #006b91;  }
#ccua-widget .search-action svg {  width: 20px; height: 20px;  }
#ccua-widget .search-wrap #status {  margin-top: .4rem;  }
#ccua-widget .search-wrap {  display: grid; grid-template-columns: minmax(0, 1fr);  }
#ccua-widget .search-label {  grid-row: 1; grid-column: 1;  }
#ccua-widget .search-input {  grid-row: 2; grid-column: 1;  }
#ccua-widget .search-wrap .search-action {  position: relative; top: auto; right: auto; bottom: auto; grid-row: 2; grid-column: 1; align-self: center; justify-self: end; margin-right: 10px;  }
#ccua-widget .search-wrap #status {  grid-row: 3; grid-column: 1;  }
#ccua-widget .search-wrap #status:empty {  display: none;  }
#ccua-widget .suggestions {  top: 84px; border-color: #b8d6e5;  }
#ccua-widget .selected-result {  position: relative; margin-top: 1.8rem; padding-top:0;  }
#ccua-widget .results-toolbar {  display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem;  }
#ccua-widget .results-toolbar .level-filter {  margin: 0;  }
#ccua-widget .level-toggle {  gap: 0; padding: 0; border: 0; border-radius: 999px; background: #a6d8e4; overflow: visible;  }
#ccua-widget .level-toggle label {  min-width: 112px; text-align: center; padding: .75rem 1rem; border-radius: 999px; color: #24404f; font-size: .85rem;  }
#ccua-widget .level-toggle input:checked + label {  background: #ffcf3e; color: #111; box-shadow: inset 0 0 5px #ddab3155;  }
#ccua-widget .level-toggle input:focus-visible + label {  outline-color: #0086b4;  }
#ccua-widget .result-count {  position: absolute; right: 0; top: -1.65rem; margin: 0; color: #4f6070; font-size: .75rem;  }
#ccua-widget .representative-list .representative-card {  grid-template-columns: 80px minmax(0, 1fr); align-items: center; gap: 1.5rem; margin: 0; padding: 1rem 3rem 1rem 0; border: 0; border-bottom: 1px solid #cfdae6; border-radius: 0;  }
#ccua-widget .representative-list .representative-card:hover {  background: #f8fbfd; border-color: #b7d1df;  }
#ccua-widget .representative-list .portrait {  width: 80px; height: 120px; min-height: 0; background: #f1f4f7; border-radius: 3px; font-size: .7rem; color: #66788a;  }
#ccua-widget .representative-list .portrait img {  width: 100%; height: 100%;  }
#ccua-widget .representative-list .result-details {  grid-template-columns: auto minmax(0, 1fr); gap: .12rem .35rem; font-size: .78rem; color: #4b6072;  }
#ccua-widget .result-details dt {  font-weight: 600;  }
#ccua-widget .result-details dt::after {  content: ':';  }
#ccua-widget .representative-list a {  color: inherit;  }
#ccua-widget .representative-list .open-profile {  top: 50%; transform: translateY(-50%); right: 0; background: transparent; color: #008cbe; font-size: 2.5rem; line-height: 1; font-weight: 300;  }
#ccua-widget .representative-list .detail-status {  font-size: .75rem;  }
#ccua-widget #load-more {  display: block; margin: 1.5rem auto 0; border: 0; border-radius: 999px; padding: .55rem 1.7rem; background: #006e98; color: #fff; font-weight: 700;  }
#ccua-widget #load-more[hidden] {  display: none;  }
#ccua-widget #load-more:hover {  background: #005776;  }
#ccua-widget #back-to-top {  width: 34px; height: 34px; padding: 0; border: 3px solid #fff; outline: 2px solid #0092bc; border-radius: 50%; background: #0092bc; color: #fff; font-weight: 700; box-shadow: none;  }
#ccua-widget #profile-back:hover, #ccua-widget #profile-back:focus-visible {  text-decoration: underline; text-underline-offset: .2em;  }
#ccua-widget #back-to-top:hover, #ccua-widget #back-to-top:focus-visible {  background: #005b7d; outline-color: #005b7d;  }
#ccua-widget #list-progress {  font-size: .75rem; text-align: right; margin: .4rem 0;  }
@media (max-width: 520px) { #ccua-widget .search-label {  font-size: .75rem; min-height: 2.5em;  }
#ccua-widget .suggestions {  top: 93px;  }
#ccua-widget .level-toggle label {  min-width: 80px; padding: .65rem .75rem; font-size: .75rem;  }
#ccua-widget .representative-list .representative-card {  grid-template-columns: 62px minmax(0, 1fr); gap: 1rem; padding-right: 2rem;  }
#ccua-widget .representative-list .portrait {  width: 62px; height: 100px;  }
#ccua-widget .representative-list .result-details {  font-size: .7rem;  }
#ccua-widget .profile-actions {  gap: .4rem;  }

 }
#ccua-widget .search-wrap .suggestions { 
  grid-column: 1;
  grid-row: 2;
  top: 100%;
  margin-top: 0;
  padding: 1rem 0 1.25rem;
  border: 0;
  border-radius: 0;
  background: #dbedf4;
  box-shadow: 0 3px 5px #28475418;
 }
#ccua-widget .suggestions-loading {
  padding: .5rem 1.25rem;
  color: #4b6270;
  font-size: .85rem;
  line-height: 1.4;
}
#ccua-widget .suggestions .suggestion { 
  position: relative;
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: .65rem;
  align-items: baseline;
  padding: .5rem 1.25rem;
  border: 0;
  background: transparent;
  color: #4b6270;
  font-size: .85rem;
  line-height: 1.4;
 }
#ccua-widget .suggestions .suggestion::after { 
  content: '';
  position: absolute;
  bottom: 0;
  left: .75rem;
  right: 1.25rem;
  border-bottom: 1px solid #9ed9e9;
 }
#ccua-widget .suggestions .kind-badge {  padding: 0; border-radius: 0; background: transparent; color: inherit; font-size: .9rem; font-weight: 700; white-space: normal;  }
#ccua-widget .suggestions .suggestion-title {  display: inline; font-weight: 400;  }
#ccua-widget .suggestions .suggestion-subtitle {  display: inline; margin: 0; color: inherit; font-size: inherit;  }
#ccua-widget .suggestions .suggestion-subtitle::before {  content: ' – ';  }
#ccua-widget .suggestions .suggestion:hover, #ccua-widget .suggestions .suggestion[aria-selected="true"], #ccua-widget .suggestions .suggestion:focus-visible {  background: #0087b5; color: #fff; outline: none;  }
#ccua-widget .suggestions .suggestion:hover::after, #ccua-widget .suggestions .suggestion[aria-selected="true"]::after, #ccua-widget .suggestions .suggestion:focus-visible::after {  border-color: transparent;  }
@media (max-width: 520px) { #ccua-widget .suggestions .suggestion {  grid-template-columns: 6rem minmax(0, 1fr); gap: .5rem; padding: .4rem .85rem; font-size: .75rem;  }
#ccua-widget .suggestions .kind-badge {  font-size: .8rem;  }

 }
@media print { @page {  margin: 15mm;  }
#ccua-widget .profile-toolbar, #ccua-widget #profile-retry, #ccua-widget .print-content .open-profile, #ccua-widget .print-content .detail-status {  display: none !important;  }
#ccua-widget .page-shell {  display: block; min-height: 0; padding: 0;  }
#ccua-widget {  min-height: 0;  }
#ccua-widget .representative-profile {  width: 100%; animation: none; print-color-adjust: exact; -webkit-print-color-adjust: exact;  }
#ccua-widget .representative-profile h1 {  margin-top: 0;  }
#ccua-widget .profile-summary {  grid-template-columns: 130px minmax(0, 1fr); break-inside: avoid;  }
#ccua-widget .profile-offices, #ccua-widget .profile-branches {  grid-template-columns: repeat(2, minmax(0, 1fr));  }
#ccua-widget .profile-section h2 {  break-after: avoid;  }
#ccua-widget .profile-offices .profile-section, #ccua-widget .profile-branches li, #ccua-widget .representative-profile dl {  break-inside: avoid;  }
#ccua-widget .representative-profile a {  color: #000; text-decoration: none;  }
#ccua-widget #profile-status:empty {  display: none;  }

 }
#ccua-widget #list-progress:empty {  display: none;  }
#ccua-widget .portrait-with-party {  position: relative; width: fit-content; height: fit-content; overflow: visible;  }
#ccua-widget .portrait-with-party > .party-logo {  position: absolute; right: 0; bottom: 0; transform: translate(50%, 50%); width: 34px; height: 34px; object-fit: contain; z-index: 1;  }
#ccua-widget .representative-list .representative-card {  grid-template-columns: 78px minmax(0, 1fr); gap: 2rem; padding: 1rem 3rem 1.35rem 0; align-items: center;  }
#ccua-widget .representative-list .portrait {  width: 78px; height: 130px; border-radius: 5px; background: #f2f4f6;  }
#ccua-widget .portrait-placeholder {  position: relative;  }
#ccua-widget .portrait-placeholder::before {  content: ''; position: absolute; inset: 0; background: url('assets/portrait-placeholder.svg') center / cover no-repeat;  }
#ccua-widget .representative-list .result-details {  display: flex; flex-wrap: wrap; align-content: center; column-gap: 1rem; row-gap: .25rem; font-size: .78rem; line-height: 1.5;  }
#ccua-widget .result-details .result-field {  display: flex; gap: .25rem; min-width: 0; max-width: 100%;  }
#ccua-widget .result-details .result-field dt {  flex-shrink: 0; font-weight: 700;  }
#ccua-widget .result-details .result-field dd {  margin: 0; overflow-wrap: anywhere; min-width: 0;  }
#ccua-widget .result-details .result-name, #ccua-widget .result-details .result-riding {  flex-basis: 100%;  }
#ccua-widget .result-details .result-name {  margin-bottom: .1rem;  }
#ccua-widget .result-details .result-name dt {  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);  }
#ccua-widget .result-details .result-name dd {  color: #202e50; font-size: 1.05rem; font-weight: 700;  }
#ccua-widget .result-details a {  text-decoration: none;  }
#ccua-widget .result-details a:hover {  text-decoration: underline; border:0 !important;  }
#ccua-widget .representative-list .open-profile {  font-size: 0; width: 40px; height: 44px; display: grid; place-items: center;  }
#ccua-widget .representative-list .open-profile::before {  content: ''; width: 13px; height: 13px; border-top: 3px solid currentColor; border-right: 3px solid currentColor; transform: rotate(45deg);  }
#ccua-widget .representative-list .open-profile[hidden] {  display: none;  }
@media (max-width: 520px) { #ccua-widget .representative-list .representative-card {  grid-template-columns: 62px minmax(0, 1fr); gap: 1.5rem; padding-right: 2rem;  }
#ccua-widget .representative-list .portrait {  width: 62px; height: 108px;  }
#ccua-widget .representative-list .result-details {  font-size: .72rem;  }
#ccua-widget .result-details .result-name dd {  font-size: .95rem;  }
#ccua-widget .result-details .result-field {  flex-wrap: wrap;  }

 }
#ccua-widget .contact-link {  display: inline-flex; align-items: flex-start; gap: .35rem; max-width: 100%; vertical-align: top;  }
#ccua-widget .contact-link-icon {  display: block; flex: 0 0 16px; width: 16px; height: 16px; object-fit: contain; margin-top: .1em;  }
#ccua-widget .contact-link-text {  min-width: 0; overflow-wrap: anywhere;  }
#ccua-widget .profile-summary .portrait-with-party > .party-logo {  width: 75px; height: 75px;  }
#ccua-widget .profile-detail-actions {  justify-content: flex-end; margin: 0 0 0 auto;  }
@media print { #ccua-widget .profile-detail-actions {  display: none;  }
  }
#ccua-widget .search-panel, #ccua-widget .representative-profile {  width: min(813px, 100%);  }
#ccua-widget .profile-loading {  width: min(813px, 100%); text-align: left;  }
#ccua-widget .profile-loading, #ccua-widget .representative-profile {  scroll-margin-top: 115px;  }
#ccua-widget .representative-profile .profile-party-level {  display: grid; grid-template-columns: auto minmax(0, max-content) auto minmax(0, 1fr); gap: .15rem .4rem; color: #4f6070; font-size: .85rem; margin-top: .15rem;  }
#ccua-widget .profile-party-level dt:nth-of-type(2) {  margin-left: .6rem;  }
@media (max-width: 520px) { #ccua-widget .representative-profile .profile-party-level {  font-size: .75rem;  }
  }
#ccua-widget .representative-profile .unlabelled-bio-link {  grid-column: 1 / -1;  }
#ccua-widget .result-details .result-email {  flex-basis: 100%;  }
#ccua-widget .captcha-panel {  width: min(813px, 100%); padding: 1.25rem; margin-bottom: 1rem; border: 1px solid #009ce0; background: #eef8fc; border-radius: 8px;  }
#ccua-widget .captcha-panel .list-button {  margin-top: 1rem;  }
#ccua-widget .search-action.is-loading svg {  display: none;  }
#ccua-widget .search-action.is-loading::after {  content: ''; width: 18px; height: 18px; border: 2px solid #ffffff66; border-top-color: #fff; border-radius: 50%; animation: ccua-spin .7s linear infinite;  }
@keyframes ccua-spin {  to { transform: rotate(360deg); }  }
@media (prefers-reduced-motion: reduce) { #ccua-widget .search-action.is-loading::after {  animation-duration: 1.5s;  }
  }


#ccua-widget { width: 100%; min-height: 0; font-family: Arial, Helvetica, sans-serif; }
#ccua-widget .page-shell { min-height: 0; padding: 2.5rem 0; }
#ccua-widget [hidden] { display: none !important; }

#representative-profile {
  padding-top:0;
}

#ccua-widget {
  min-height:1600px;
}

#ccua-widget ul li:before {
  display:none;
}

#ccua-widget section a {
  border-bottom:0;
}

#ccua-widget section a:hover {
  border-bottom:0;
}

#ccua-widget section a:after {
  display:none;
}

/* Riding boundary map popup. */
#ccua-widget .riding-map-dialog {
  box-sizing: border-box;
  width: min(960px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 24px;
  border: 0;
  border-radius: 8px;
  background: #D9EBF4;
  color: #007BB6;
  overflow: auto;
  min-height:660px;
}
#ccua-widget .riding-map-dialog::backdrop { background: rgb(0 0 0 / 65%); }
#ccua-widget .riding-map-dialog h2 { margin-top: 0; padding-right: 44px; color: #007BB6; margin-bottom:1rem; }
#ccua-widget .riding-map-status { display: none; }
#ccua-widget .riding-map-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
#ccua-widget .riding-map-close img { display: block; width: 24px; height: 24px; }
#ccua-widget .riding-map-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#ccua-widget .riding-map-canvas { width: 100%; height: min(60vh, 560px); min-height: 240px; overflow: hidden; color: #222; }
#ccua-widget .riding-map-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  width: 55px;
  min-width: 55px;
  margin: 2rem 0 0.25rem auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #40536a;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
#ccua-widget .riding-map-button img { display: block; width: 55px; height: auto; }
#ccua-widget .riding-map-button:hover img { filter: brightness(.85); }
#ccua-widget .riding-map-branch-info { box-sizing: border-box; width: 100%; max-width: 236px; min-width: 0; color: #222; white-space: normal; overflow-wrap: anywhere; }
#ccua-widget .riding-map-branch-info h3 { margin: 0 0 12px; color: #222; font-size: 16px; line-height: 1.3; }
#ccua-widget .riding-map-branch-info dl { display: block; width: auto; min-width: 0; margin: 0; }
#ccua-widget .riding-map-branch-info dt { display: block; width: auto; font-weight: 700; }
#ccua-widget .riding-map-branch-info dd { display: block; width: auto; min-width: 0; margin: 0 0 8px; }
#ccua-widget .riding-map-canvas .gm-style-iw { box-sizing: border-box; max-width: min(260px, calc(100vw - 128px)) !important; }
@media (max-width: 480px) {
  #ccua-widget .riding-map-dialog { padding: 16px; }
}
@media print {
  #ccua-widget .riding-map-dialog, #ccua-widget .riding-map-button { display: none !important; }
}

/* A dedicated map is rendered inside the print frame, after the branch list. */
#ccua-widget .riding-map-print { margin-top: 32px; break-inside: avoid; page-break-inside: avoid; }
#ccua-widget .riding-map-print h2 { margin: 0 0 16px; color: #222; }
#ccua-widget .riding-map-print-canvas { width: 100%; height: 440px; overflow: hidden; }
#ccua-widget .riding-map-print p { font-size: 12px; color: #333; }
@media print {
  #ccua-widget .riding-map-print { break-before: page; page-break-before: always; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}