@layer fonts {
  @font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Roboto), local(Roboto-Regular), url("roboto-latin-400-2026-11-09_153409.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(Roboto Bold), local(Roboto-Bold), url("roboto-latin-700-2026-11-09_153409.woff2") format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  .svg-icon {
    fill: currentColor;
    width: 1rem;
    height: 1rem;
  }

  @font-face {
    font-family: concord;
    src: url("go1-2026-11-09_153409.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  i[class*="icm"] {
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    font-family: concord !important;
  }

  .icm-updatedocs:before, .icm-doc:before, .icm-posts:before, .icm-post:before, .icm-computeddemo:before, .icm-reactivedemo:before, .icm-editdemo:before, .icm-cssexpsdo:before, .icm-slots:before, .icm-computed:before, .icm-parent_child:before, .icm-child_form:before, .icm-dynform:before {
    content: "";
  }

  .icm-1-2x {
    font-size: 1.5rem;
  }

  .icm-2x {
    font-size: 2rem;
  }

  .icm-3x {
    font-size: 3rem;
  }

  .icm-4x {
    font-size: 4rem;
  }

  .icm-5x {
    font-size: 5rem;
  }

  .icm-add:before, .icm-new:before {
    content: "";
  }

  .icm-address-book:before {
    content: "";
  }

  .icm-admin:before, .icm-76:before {
    content: "";
  }

  .icm-aim:before, .icm-scan:before, .icm-tools:before, .icm-tempdesk:before {
    content: "";
  }

  .icm-alert-ringing:before, .icm-push:before, .icm-has-notifications:before, .icm-reminder:before {
    content: "";
  }

  .icm-alert:before, .icm-alertman:before {
    content: "";
  }

  .icm-alphabetic:before {
    content: "";
  }

  .icm-alphabetic1:before {
    content: "";
  }

  .icm-apps:before {
    content: "";
  }

  .icm-archive:before, .icm-89:before {
    content: "";
  }

  .icm-armchair:before {
    content: "";
  }

  .icm-arrange:before {
    content: "";
  }

  .icm-arrange1:before {
    content: "";
  }

  .icm-arrowleft:before {
    content: "";
  }

  .icm-arrowright:before {
    content: "";
  }

  .icm-at:before, i.icm-21:before, i.icm-13:before, .icm-email:before, .icm-bulkemail:before {
    content: "";
  }

  .icm-attachment:before {
    content: "";
  }

  .icm-backward:before {
    content: "";
  }

  .icm-bin:before {
    content: "";
  }

  .icm-blocked:before {
    content: "";
  }

  .icm-bold:before {
    content: "";
  }

  .icm-book:before, i.icm-8:before, i.icm-54:before, .icm-tempbooking:before, .icm-booking:before {
    content: "";
  }

  .icm-bookmark:before {
    content: "";
  }

  .icm-bubble:before, i.icm-55:before, .icm-message:before, .icm-messageman:before {
    content: "";
  }

  .icm-bulkemail:before, i.icm-13:before {
    color: #dc143c;
  }

  .icm-c360:before {
    content: "";
  }

  .icm-cal-day:before {
    content: "";
  }

  .icm-cal-empty:before, .icm-cal-mini:before, .icm-cal-empty:before, .icm-cal-mini:before, .icm-availability:before {
    content: "";
  }

  .icm-cal-free:before {
    content: "";
  }

  .icm-cal-today:before, .icm-meeting:before {
    content: "";
  }

  .icm-cal-week:before {
    content: "";
  }

  .icm-cal:before, i.icm-52:before, .icm-diary:before, .icm-date:before, .icm-event:before, .icm-cal-month:before {
    content: "";
  }

  .icm-callback:before, i.icm-16:before, .icm-todo-other:before {
    content: "";
  }

  .icm-cancel:before, .icm-cross:before, .icm-not-suitable:before, .icm-unregistered:before {
    content: "";
  }

  .icm-cart:before, .icm-checkout:before {
    content: "";
  }

  .icm-cender:before {
    content: "";
  }

  .icm-certificate:before, i.icm-18:before, .icm-cv:before, .icm-honour:before {
    content: "";
  }

  .icm-chair:before, i.icm-7:before, .icm-vacancy:before, .icm-vacancy-centre:before, i.icm-88:before, .icm-applicant:before {
    content: "";
  }

  .icm-chart-area:before {
    content: "";
  }

  .icm-chart-bar-mixed:before {
    content: "";
  }

  .icm-chart-bar:before {
    content: "";
  }

  .icm-chart-donut:before {
    content: "";
  }

  .icm-chart-guage:before {
    content: "";
  }

  .icm-chart-horz:before {
    content: "";
  }

  .icm-chart-line:before, .icm-c360:before {
    content: "";
  }

  .icm-chart-pie:before {
    content: "";
  }

  .icm-chart-polar:before {
    content: "";
  }

  .icm-chart-radar:before {
    content: "";
  }

  .icm-chart-scatter:before {
    content: "";
  }

  .icm-chat-connect:before {
    content: "";
  }

  .icm-chat-disconnected:before {
    content: "";
  }

  .icm-chat-msg:before, .icm-freddy:before, .icm-comment:before {
    content: "";
  }

  .icm-chat-typing:before, .icm-chatty:before, .icm-chats-list:before, .icm-chat:before, i.icm-56:before, .icm-messagingapp:before {
    content: "";
  }

  .icm-checked:before, .icm-chk-checked:before {
    content: "";
  }

  .icm-chk-unchecked:before {
    content: "";
  }

  .icm-circle:before {
    content: "";
  }

  .icm-clear-formatting:before {
    content: "";
  }

  .icm-clipboard-empty:before {
    content: "";
  }

  .icm-clipboard:before {
    content: "";
  }

  .icm-clock:before, .icm-time:before, .icm-history:before {
    content: "";
  }

  .icm-close:before {
    content: "";
  }

  .icm-cloud-check:before {
    content: "";
  }

  .icm-cloud-download:before {
    content: "";
  }

  .icm-cloud-upload:before {
    content: "";
  }

  .icm-cloud:before {
    content: "";
  }

  .icm-club:before, .icm-club-centre:before {
    content: "";
  }

  .icm-cog:before, .icm-settings:before, .icm-user-settings:before, .icm-system-settings:before {
    content: "";
  }

  .icm-coin-pound:before, .icm-finance:before {
    content: "";
  }

  .icm-company:before, .icm-office:before, i.icm-3:before, .icm-company-centre:before {
    content: "";
  }

  .icm-companycontact:before, i.icm-6:before, .icm-client:before, .icm-manager:before {
    content: "";
  }

  .icm-competition:before, i.icm-77:before {
    content: "";
  }

  .icm-contact-disabled:before {
    content: "";
  }

  .icm-contact:before, i.icm-2:before {
    content: "";
  }

  .icm-copy:before {
    content: "";
  }

  .icm-cut:before {
    content: "";
  }

  .icm-dashboard:before {
    content: "";
  }

  .icm-day-night:before, .icm-theme-mode:before {
    content: "";
  }

  .icm-delete:before, .icm-removed:before {
    content: "";
  }

  .icm-diamond:before, .icm-system:before, .icm-sysman:before {
    content: "";
  }

  .icm-direction-ltr:before {
    content: "";
  }

  .icm-direction-rtl:before {
    content: "";
  }

  .icm-disk:before, .icm-record:before {
    content: "";
  }

  .icm-doc-excel:before {
    content: "";
  }

  .icm-doc-html:before, .icm-html-tags:before, .icm-siccode:before, i.icm-85:before {
    content: "";
  }

  .icm-doc-image:before, .icm-doc-image:before, .icm-image:before {
    content: "";
  }

  .icm-doc-openoffice:before {
    content: "";
  }

  .icm-doc-pdf:before {
    content: "";
  }

  .icm-doc-plain:before, .icm-documents:before, .icm-keynotes:before, .icm-view-notesonly:before, .icm-doc-plain:before, .icm-keynotes:before, .icm-view-notesonly:before {
    content: "";
  }

  .icm-doc-word:before {
    content: "";
  }

  .icm-doc-zip:before {
    content: "";
  }

  .icm-dots-left:before, .icm-stages:before {
    content: "";
  }

  .icm-dots-right:before {
    content: "";
  }

  .icm-down-big {
    transform: rotate(90deg);
  }

  .icm-down-big:before, .icm-dropout:before, .icm-down-bottom-right:before, .icm-down-top-left:before {
    content: "";
  }

  .icm-down-bottom-right {
    transform: rotate(315deg);
  }

  .icm-down-bottom-right, .icm-minimise {
    transform: rotate(0);
  }

  .icm-down-bottom-right:hover, .icm-down-top-left:hover {
    color: #ff4500;
  }

  .icm-down-small:before {
    content: "";
  }

  .icm-down-top-left {
    transform: rotate(135deg);
  }

  .icm-down-top-left, .icm-maximise {
    transform: rotate(180deg);
  }

  .icm-down:before {
    content: "";
  }

  .icm-download-circle:before, .icm-savesession:before {
    content: "";
  }

  .icm-dropdownmenu:before, .icm-filtermenu:before, .icm-dropdownmenu:before, .icm-filtermenu:before, .icm-themes:before {
    content: "";
  }

  .icm-edit:before, .icm-emailcompose:before, .icm-compose:before {
    content: "";
  }

  .icm-enlarge:before {
    content: "";
  }

  .icm-enlarge2:before, .icm-enlarge2:before, .icm-maximise:before {
    content: "";
  }

  .icm-enter:before {
    content: "";
  }

  .icm-exit:before {
    content: "";
  }

  .icm-expand:before {
    content: "";
  }

  .icm-expand.expanded:before {
    transform: rotate(90deg);
  }

  .icm-expander-right {
    text-align: center;
    transform-origin: 50%;
    width: 1em;
    margin-left: -11px;
    display: inline-block;
    transform: rotate(180deg);
  }

  .icm-expander-right:before {
    content: "";
  }

  .icm-facebook:before {
    content: "";
  }

  .icm-filter:before {
    content: "";
  }

  .icm-find:before, .icm-finder:before {
    content: "";
  }

  .icm-find:before, .icm-finder:before, .icm-freedom:before, .icm-welfare:before, .icm-successful:before, .icm-campaign:before, i.icm-15:before {
    content: "";
  }

  .icm-finish:before {
    content: "";
  }

  .icm-fire:before, .icm-caution:before, .icm-pin:before, .icm-activeitems:before {
    content: "";
  }

  .icm-first:before, .icm-last:before {
    content: "";
  }

  .icm-first, .icm-last {
    font-size: 1.3rem;
    display: inline-flex;
  }

  .icm-last {
    transform: rotate(180deg);
  }

  .icm-left:before, .icm-prev:before, .icm-right:before, .icm-next:before {
    content: "";
  }

  .icm-right, .icm-next {
    display: inline-flex;
    transform: rotate(180deg);
  }

  .icm-first1:before {
    content: "";
  }

  .icm-flag:before {
    content: "";
  }

  .icm-folder-blank-empty:before {
    content: "";
  }

  .icm-folder-blank-minus:before, .icm-folder-delete:before {
    content: "";
  }

  .icm-folder-blank-open:before, .icm-folder-open:before {
    content: "";
  }

  .icm-folder-blank-plus:before, .icm-folder-add:before {
    content: "";
  }

  .icm-folder-blank:before, .icm-folder:before, .icm-tab:before {
    content: "";
  }

  .icm-folder-hascontent:before {
    content: "";
  }

  .icm-font-size:before, .icm-fts:before {
    content: "";
  }

  .icm-font:before {
    content: "";
  }

  .icm-formula:before {
    content: "";
  }

  .icm-forward:before, .icm-forward:before, .icm-up-big:before, .icm-down-big:before {
    content: "";
  }

  .icm-freedom:before, .icm-successful:before, .icm-campaign:before, i.icm-15:before {
    content: "";
  }

  .icm-fw {
    text-align: center;
    width: 1.28571rem;
  }

  .icm-glasses-sun:before, .icm-view-hide:before {
    content: "";
  }

  .icm-glasses:before, .icm-view:before, .icm-view-show:before, i.icm-86:before {
    content: "";
  }

  .icm-googlechrome:before, .icm-google:before {
    content: "";
    color: #4285f4;
  }

  .icm-googledrive:before {
    content: "";
    color: #4285f4;
  }

  .icm-graduation:before, .icm-student:before, i.icm-73:before {
    content: "";
  }

  .icm-grid:before {
    content: "";
  }

  .icm-grid1:before {
    content: "";
  }

  .icm-hamburger:before {
    content: "";
  }

  .icm-harmony:before, .icm-siccode:before, .icm-ai:before, .icm-heart:before, .icm-favourite:before {
    content: "";
  }

  .icm-help:before {
    content: "";
  }

  .icm-hierachy:before {
    content: "";
  }

  .icm-home:before, .icm-home:before, .icm-club:before {
    content: "";
  }

  .icm-inbox:before {
    content: "";
  }

  .icm-indent-decrease:before {
    content: "";
  }

  .icm-indent-increase:before {
    content: "";
  }

  .icm-info:before, .icm-information:before, .icm-detail:before, .icm-details:before, .icm-profile:before {
    content: "";
  }

  .icm-inherit:before, .icm-relation:before {
    content: "";
  }

  .icm-instagram:before {
    content: "";
  }

  .icm-institution:before, .icm-backoffice:before {
    content: "";
  }

  .icm-interview {
    padding: 5px 7px;
  }

  .icm-italic:before {
    content: "";
  }

  .icm-job-search:before, .icm-jobsearch:before {
    content: "";
  }

  .icm-key-horz:before, .icm-attributes:before, .icm-keywords:before {
    content: "";
  }

  .icm-key:before {
    content: "";
  }

  .icm-ladder:before, i.icm-10:before, .icm-candidate:before, .icm-candidate-centre:before {
    content: "";
  }

  .icm-last1:before {
    content: "";
  }

  .icm-left-big:before, .icm-back:before {
    content: "";
  }

  .icm-left-small:before {
    content: "";
  }

  .icm-lg {
    vertical-align: -15%;
    font-size: 1.33333rem;
    line-height: .75rem;
  }

  .icm-lightening:before, .icm-actionman:before, .icm-action:before, .icm-actioncentre:before, .icm-todo:before, .icm-execute:before, .icm-todoman:before {
    content: "";
  }

  .icm-link:before {
    content: "";
  }

  .icm-linkedin:before {
    content: "";
  }

  .icm-list-bullet:before {
    content: "";
  }

  .icm-list-manager:before {
    content: "";
  }

  .icm-list-numbered:before, .icm-options:before {
    content: "";
  }

  .icm-list:before, i.icm-48:before, .icm-lists:before {
    content: "";
  }

  .icm-loading-indicator:before {
    content: "";
  }

  .icm-location:before, .icm-map:before {
    content: "";
  }

  .icm-lock:before, .icm-supervisor:before {
    content: "";
  }

  .icm-login:before {
    content: "";
  }

  .icm-logout:before {
    content: "";
  }

  .icm-loop2:before, .icm-radial:before, .icm-renewal:before, i.icm-82:before {
    content: "";
  }

  .icm-magazine:before, .icm-magazine:before, i.icm-43:before, .icm-template:before, .icm-cv-formatted:before {
    content: "";
  }

  .icm-mailchimp:before {
    content: "";
  }

  .icm-man-woman:before {
    content: "";
  }

  .icm-member:before, i.icm-70:before {
    content: "";
  }

  .icm-menu {
    transform: rotate(90deg);
  }

  .icm-menu-modern:before {
    content: "";
  }

  .icm-message:before, .icm-messages:before, .icm-messageman:before, .icm-bubble:before, i.icm-55:before {
    content: "";
  }

  .icm-mic-off:before {
    content: "";
  }

  .icm-mic-talk:before {
    content: "";
  }

  .icm-mic:before {
    content: "";
  }

  .icm-mobile:before, i.icm-39:before, .icm-sms:before, i.icm-81:before, .icm-bulksms:before {
    content: "";
  }

  .icm-more-square:before {
    content: "";
  }

  .icm-more:before, .icm-menu:before {
    content: "";
  }

  .icm-news:before {
    content: "";
  }

  .icm-note:before, .icm-notes:before, .icm-quicknote:before, i.icm-29:before, .icm-clear:before, .icm-note-view:before, .icm-not-yet-contacted:before, .icm-suitable-not-interested:before, .icm-suitable-unsure:before, .icm-resourcer-unsure:before {
    content: "";
  }

  .icm-notebook:before {
    content: "";
  }

  .icm-notebook:before, .icm-booking-centre:before {
    content: "";
  }

  .icm-official:before, i.icm-71:before {
    content: "";
  }

  .icm-one-finger-click, i.icm-87 {
    font-size: 1rem;
    font-weight: bold !important;
  }

  .icm-one-finger-click:before, .icm-87:before {
    content: "";
  }

  .icm-org:before {
    content: "";
  }

  .icm-organisation:before, i.icm-84:before, .icm-companies-house:before {
    content: "";
  }

  .icm-outbound {
    transform: rotate(180deg);
  }

  .icm-outbound:before {
    content: "";
  }

  .icm-outbox:before {
    content: "";
  }

  .icm-outlook:before {
    content: "";
    color: #0072c6;
  }

  .icm-pagebreak-horz:before, .icm-splitscreen-vert:before {
    content: "";
  }

  .icm-pagebreak-vert:before, .icm-form:before, .icm-splitscreen-horz:before {
    content: "";
  }

  .icm-paperplane:before, .icm-send:before {
    content: "";
  }

  .icm-paragraph-center:before {
    content: "";
  }

  .icm-paragraph-justify:before, .icm-shortlist:before {
    content: "";
  }

  .icm-paragraph-justify1:before {
    content: "";
  }

  .icm-paragraph-left:before {
    content: "";
  }

  .icm-paragraph-right:before {
    content: "";
  }

  .icm-paragraph:before {
    content: "";
  }

  .icm-paste:before {
    content: "";
  }

  .icm-payment:before, i.icm-79:before {
    content: "";
  }

  .icm-pencil:before, .icm-pencil:before, .icm-register:before {
    content: "";
  }

  .icm-personseated:before, .icm-interview:before, .icm-exec:before {
    content: "";
  }

  .icm-pin-small:before {
    content: "";
  }

  .icm-pin:before, .icm-pushpin:before {
    content: "";
  }

  .icm-po10:before {
    content: "";
  }

  .icm-podium:before, .icm-leader:before {
    content: "";
  }

  .icm-power:before {
    content: "";
  }

  .icm-print:before {
    content: "";
  }

  .icm-profile:before, .icm-profile:before, i.icm-20:before, .icm-document:before {
    content: "";
  }

  .icm-pulse:before, .icm-activity:before, .icm-realtime:before {
    content: "";
  }

  .icm-pushpin:before {
    content: "";
  }

  .icm-question:before {
    content: "";
  }

  .icm-quicknote {
    color: red !important;
  }

  .icm-quotes-left:before {
    content: "";
  }

  .icm-race:before {
    content: "";
  }

  .icm-radio-checked:before {
    content: "";
  }

  .icm-radio-unchecked:before {
    content: "";
  }

  .icm-rating:before, .icm-approve:before {
    content: "";
  }

  .icm-redo:before {
    content: "";
  }

  .icm-refevent:before {
    content: "";
  }

  .icm-refresh:before, .icm-renew:before, .icm-reset:before, .icm-reload:before, .icm-validation-reset:before {
    content: "";
  }

  .icm-relation:before {
    display: inline-block;
    transform: rotate(270deg);
  }

  .icm-review:before {
    content: "";
  }

  .icm-right-big:before, .icm-right-big:before, .icm-forward:before {
    content: "";
  }

  .icm-right-small:before {
    content: "";
  }

  .icm-road:before, .icm-track:before {
    content: "";
  }

  .icm-rocket:before {
    content: "";
  }

  .icm-rotate_180:before, .icm-toggle-layout:before, .icm-toggle-theme:before {
    content: "";
  }

  .icm-run:before, .icm-athlete:before, .icm-quickadd:before, .icm-run:before, .icm-training:before, .icm-athlete:before, .icm-quickadd:before {
    content: "";
  }

  .icm-sad:before {
    content: "";
  }

  .icm-save:before, .icm-tick:before, .icm-registered:before {
    content: "";
  }

  .icm-schedule:before, .icm-calendar:before, .icm-cal-schedule:before, .icm-task-meeting:before {
    content: "";
  }

  .icm-shadow {
    text-shadow: 1px 1px 1px #555;
  }

  .icm-share:before {
    content: "";
  }

  .icm-shield:before, .icm-gdprmanager:before {
    content: "";
  }

  .icm-shop:before, .icm-store:before {
    content: "";
  }

  .icm-sign:before {
    content: "";
  }

  .icm-smile:before {
    content: "";
  }

  .icm-sort-alpha-asc:before {
    content: "";
  }

  .icm-sort-alpha-desc:before {
    content: "";
  }

  .icm-speech:before {
    content: "";
  }

  .icm-sphere:before, .icm-frontdesk:before {
    content: "";
  }

  .icm-spin {
    animation: 2s linear infinite spin;
  }

  .icm-split:before {
    content: "";
  }

  .icm-sprinter:before, .icm-membercentre:before, .icm-member-centre:before, .icm-member:before, i.icm-70:before {
    content: "";
  }

  .icm-stack-empty:before, .icm-documenter:before, .icm-docman:before, .icm-contentmanager:before {
    content: "";
  }

  .icm-stack-text:before, i.icm-36:before, .icm-report:before, .icm-reports:before, .icm-reporter:before {
    content: "";
  }

  .icm-stack:before, .icm-documents:before {
    content: "";
  }

  .icm-stack2:before, .icm-resource:before {
    content: "";
  }

  .icm-stack3:before, .icm-compressed:before {
    content: "";
  }

  .icm-star-empty:before {
    content: "";
  }

  .icm-star:before {
    content: "";
  }

  .icm-stars:before, .icm-highlights:before {
    content: "";
  }

  .icm-start:before {
    content: "";
  }

  .icm-stats-growth:before, .icm-stats:before, .icm-stat:before {
    content: "";
  }

  .icm-stopwatch:before, .icm-ea:before {
    content: "";
  }

  .icm-strikethrough:before {
    content: "";
  }

  .icm-stripe:before, .icm-90:before {
    content: "";
    color: #635bff;
  }

  .icm-stripe.bgcol, .icm-90.bgcol {
    background-color: #635bff;
  }

  .icm-stripe.bgcol:before, .icm-90.bgcol:before {
    color: #fff;
  }

  .icm-subscript:before {
    content: "";
  }

  .icm-subscription:before, i.icm-78:before {
    content: "";
  }

  .icm-superscript:before {
    content: "";
  }

  .icm-switch:before, .icm-change:before {
    content: "";
  }

  .icm-switch1:before {
    content: "";
  }

  .icm-table:before {
    content: "";
  }

  .icm-table1:before {
    content: "";
  }

  .icm-tag:before {
    content: "";
  }

  .icm-tags:before {
    content: "";
  }

  .icm-target:before, .icm-targets:before {
    content: "";
  }

  .icm-task:before, i.icm-40:before, .icm-todo-view:before, .icm-task:before, i.icm-40:before, .icm-todo-view:before, .icm-regtasks:before {
    content: "";
  }

  .icm-team:before, .icm-group:before, .icm-online:before, .icm-family:before, .icm-team:before, .icm-online:before, .icm-family:before {
    content: "";
  }

  .icm-telcall-left:before, i.icm-42:before {
    content: "";
  }

  .icm-telcall-right:before, .icm-telcall:before {
    content: "";
  }

  .icm-tempworker:before, .icm-tempworker:before, .icm-meet-the-team:before {
    content: "";
  }

  .icm-text-color:before, .icm-color-selector:before {
    content: "";
  }

  .icm-thumbs-down:before, .icm-available-no:before {
    content: "";
  }

  .icm-thumbs-up:before, .icm-available-yes:before, .icm-resourcer-select:before {
    content: "";
  }

  .icm-timeline-arrow:before, .icm-inbound:before {
    content: "";
  }

  .icm-todo-other:before {
    content: "";
  }

  .icm-toggle {
    transform: rotate(450deg);
  }

  .icm-toggle:before {
    content: "";
  }

  .icm-training:before {
    content: "";
    font-weight: bold;
  }

  .icm-tree5:before {
    content: "";
  }

  .icm-tshirt:before {
    content: "";
  }

  .icm-twins:before, .icm-duplicate:before, .icm-direct-message:before, .icm-directmessage:before, i.icm-57:before {
    content: "";
  }

  .icm-twitter:before {
    content: "";
  }

  .icm-unchecked:before {
    content: "";
  }

  .icm-underline:before {
    content: "";
  }

  .icm-undo:before, .icm-reply:before {
    content: "";
  }

  .icm-unlink:before {
    content: "";
  }

  .icm-unlock:before {
    content: "";
  }

  .icm-up:before {
    content: "";
  }

  .icm-up {
    transform: rotate(180deg);
  }

  .icm-up-big {
    transform: rotate(270deg);
  }

  .icm-up-big:before {
    content: "";
  }

  .icm-up-small:before {
    content: "";
  }

  .icm-upload-circle:before, .icm-loadsession:before {
    content: "";
  }

  .icm-upload:before, .icm-load:before {
    content: "";
  }

  .icm-user_wave:before {
    content: "";
  }

  .icm-user-block:before {
    content: "";
  }

  .icm-user-list:before, .icm-people:before, .icm-recipient:before {
    content: "";
  }

  .icm-user-lock:before {
    content: "";
  }

  .icm-user:before {
    content: "";
  }

  .icm-user:before, i.icm-1:before {
    content: "";
  }

  .icm-vcard:before, .icm-ui:before {
    content: "";
  }

  .icm-video:before {
    content: "";
  }

  .icm-volunteer:before, i.icm-74:before {
    content: "";
  }

  .icm-whatsapp:before, i.icm-53:before {
    content: "";
  }

  .icm-whistle:before, .icm-coach:before, i.icm-72:before {
    content: "";
  }

  .icm-wizard:before, .icm-advanced:before, .icm-improved:before {
    content: "";
  }

  .icm-workareas:before, .icm-workarea:before {
    content: "";
  }

  .icm-world:before, .icm-website:before {
    content: "";
  }

  i.icm-coach {
    font-size: 2.5rem;
    font-weight: bold;
  }
}

@layer reset {
  :where(*) {
    box-sizing: border-box;
  }

  html, body {
    height: 100%;
  }

  body {
    scroll-behavior: smooth;
    min-height: 100vh;
    margin: 0;
  }

  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    max-inline-size: 100%;
    display: block;
  }

  :where(ul[role="list"], ol[role="list"]) {
    padding: 0;
    list-style: none;
  }

  :where(button, input, select, textarea) {
    font: inherit;
    color: inherit;
  }

  a {
    color: inherit;
  }

  :where(:focus-visible) {
    outline: 2px solid var(--focus-ring, #2684ff);
    outline-offset: 2px;
  }

  @supports (min-height: 100svh) {
    body {
      min-height: 100svh;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    :where(*) {
      transition-duration: .01ms;
      animation-duration: .01ms;
      animation-iteration-count: 1;
    }

    html:focus-within {
      scroll-behavior: auto;
    }
  }
}

@layer vars {
  :root {
    color-scheme: light;
    accent-color: var(--fg-accent);
    --bg: #fff;
    --bg-chrome: var(--bg);
    --bg-main: #f3f4f6;
    --bg-primary: #fff;
    --bg-nested: #f7f7f8;
    --bg-raised: #fff;
    --bg-cta: var(--fg-accent);
    --bg-accent: color-mix(in srgb, var(--fg-accent) 9%, white);
    --bg-accent2: color-mix(in oklab, var(--fg-accent2) 40%,  #fefefe);
    --fg: #111;
    --fg-muted: color-mix(in oklab, var(--fg) 70%, var(--bg));
    --fg-cta: #fff;
    --fg-accent: #ff6719;
    --fg-accent2: dodgerblue;
    --border: #ccc;
    --border-subtle: #eee;
    --border-strong: #aaa;
    --fg-disabled: var(--fg-muted);
    --bg-disabled: var(--bg-nested);
    --border-disabled: var(--border-subtle);
    --fg-readonly: var(--fg);
    --bg-readonly: var(--bg-main);
    --border-readonly: var(--border);
    --bg-hover: var(--hover-bg);
    --border-hover: var(--border);
    --bg-active: var(--bg-nested);
    --focus-ring: 0 0 0 2px var(--fg-focus);
    --bg-selected: var(--bg-accent);
    --fg-selected: var(--fg);
    --fg-error: #c00;
    --bg-error: color-mix(in srgb, var(--fg-error) 8%, var(--bg));
    --border-error: #c00;
    --links: var(--fg-accent);
    --hover-bg: color-mix(in srgb, var(--fg-accent) 20%, transparent);
    --active-bg: color-mix(in srgb, var(--fg-accent) 18%, transparent);
    --selected-bg: var(--fg-accent);
    --selected-fg: #fff;
    --fg-focus: var(--fg-accent);
    --sz-xsm: .25rem;
    --sz-sm: .5rem;
    --sz-md: 1rem;
    --sz-lg: 1.5rem;
    --sz-xlg: 2rem;
    --gap: var(--sz-sm);
    --pad: var(--sz-sm);
    --radius-sm: .3rem;
    --radius-md: .6rem;
    --radius-lg: 1rem;
    --shadow-sm: 0 1px 2px 0 #0000000d;
    --shadow-md: 0 4px 6px -1px #0000001a, 
         0 2px 4px -1px #0000000f;
    --shadow-lg: 0 10px 15px -3px #0000001a, 
         0 4px 6px -2px #0000000d;
    --font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-weight: 400;
    --font-size-xs: .75rem;
    --font-size-sm: .9rem;
    --font-size-btn: .95rem;
    --font-size-md: 1.05rem;
    --font-size-mdx: 1.25rem;
    --font-size-lg: 1.6rem;
    --font-size-xl: 2.1rem;
    --z-zone-footer: 25;
    --z-sticky: 50;
    --z-dropdown: 100;
    --z-overlay: 400;
    --z-backdrop: 450;
    --z-drawer: 850;
    --z-modal: 900;
    --z-toast: 1000;
    --view-header-icon-size: 2.5rem;
    --g-main-padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    --g-shell-top-height: 3rem;
    --g-shell-top-bg: color-mix(in srgb, var(--fg) 82%, var(--bg-chrome));
    --g-shell-top-border: #ffffff14;
    --g-shell-top-shadow: #00000014;
    --btn-bg: #ddd;
    --btn-fg: #111;
    --btn-border: var(--border-subtle);
    --btn-hover-bg: var(--row-hover-bg);
    --btn-hover-fg: var(--btn-fg);
    --btn-hover-bdr: color-mix(in srgb, var(--fg-accent) 55%, var(--border));
    --btn-active-bg: #ccc;
    --btn-active-fg: var(--btn-fg);
    --btn-disabled-bg: var(--bg-disabled);
    --btn-disabled-fg: var(--fg-disabled);
    --btn-bg-cta: var(--bg-cta);
    --btn-fg-cta: var(--fg-cta);
    --btn-pad-sm: .3rem .55rem;
    --btn-pad-md: .5rem .85rem;
    --btn-pad-lg: .65rem 1.1rem;
    --btn-icon-gap: var(--sz-xsm);
    --btn-radius: var(--radius-sm);
    --btn-font-weight: 500;
    --btn-font-size: var(--font-size-btn);
    --btn-transition: .12s ease;
    --btn-disabled-opacity: .6;
    --btn-loading-opacity: .7;
    --btn-focus-ring: 0 0 0 2px var(--fg-focus);
    --tab-border-color: #5d6c6c;
    --tab-border-radius: .3rem .3rem 0 0;
    --form-bg: #fff;
    --form-border: #00000026;
    --form-border-focus: var(--fg-accent);
    --form-fg-ok: #2e7d32;
    --form-fg-warn: #d97706;
    --form-fg-info: #0b5fff;
    --form-bg-warn: color-mix(in srgb, var(--form-fg-warn) 8%, var(--bg));
    --form-bg-ok: color-mix(in srgb, var(--form-fg-ok) 8%, var(--bg));
    --form-focus-ring: 0 0 0 2px color-mix(in srgb, var(--fg-accent) 40%, transparent);
    --bg-ui-toast: #333;
    --fg-ui-toast: #67a4ef;
    --fg-ui-toast-error: orangered;
    --bg-ui-alert: linear-gradient(red, coral);
    --fg-ui-alert: #fff;
    --ring-ui-loader: #f3f3f3;
    --accent-ui-loader: #4d90fe;
    --row-hover-bg: var(--hover-bg);
    --row-active-bg: var(--active-bg);
    --row-selected-bg: var(--selected-bg);
    --row-selected-fg: var(--selected-fg);
    --row-highlight-border: var(--fg-accent2);
    --row-padding-y: var(--sz-xsm);
    --row-padding-x: var(--sz-sm);
    --row-radius: .4rem;
    --table-bg: var(--bg-primary);
    --table-th-bg: var(--table-bg);
    --padding-compact-y: .25rem;
    --padding-compact-x: .5rem;
    --padding-comfortable-y: .4rem;
    --padding-comfortable-x: .75rem;
    --padding-relaxed-y: .6rem;
    --padding-relaxed-x: 1rem;
    --ease-fast: .12s ease;
    --scrollbar-track: #dfdfdf;
    --scrollbar-thumb-start: #f9f9f9;
    --scrollbar-thumb-end: #c2c2c2;
    --scrollbar-thumb-shadow: #00000080;
    --scrollbar-track-shadow: #0000004d;
  }

  :root[data-mode="dark"] {
    color-scheme: dark;
    --bg: #111;
    --bg-chrome: #111;
    --bg-main: #161616;
    --bg-primary: #1a1a1a;
    --bg-nested: #222;
    --bg-raised: #262626;
    --bg-accent: color-mix(in srgb, var(--fg-accent) 24%, #161616);
    --fg: #e6e6e6;
    --fg-muted: #aaa;
    --fg-cta: #fff;
    --border: #ffffff14;
    --border-subtle: #ffffff0d;
    --border-strong: #ffffff4d;
    --bg-hover: var(--hover-bg);
    --bg-selected: color-mix(in srgb, var(--bg-accent) 70%, var(--bg-primary));
    --shadow-sm: 0 1px 2px #0006;
    --shadow-md: 0 4px 12px #00000080;
    --shadow-lg: 0 8px 24px #0009;
  }
}

@layer base {
  a.link {
    color: var(--bg-cta);

    &:hover {
      border-bottom: 2px solid;
      text-decoration: none;
    }
  }

  body {
    background-color: var(--bg);
    color: var(--fg);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-size: var(--font-size-md);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    line-height: 1.5;
  }

  [hidden] {
    display: none !important;
  }

  .g-overlay:before, .g-overlay:after, .g-modal:before, .g-modal:after {
    pointer-events: none;
  }

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    font-weight: 600;
    line-height: 1.25;
  }

  h1, .h1 {
    font-size: clamp(1.75rem, 5vw, 1.9rem);
  }

  h2, .h2 {
    font-size: clamp(1.4rem, 4vw, 1.65rem);
  }

  h3, .h3 {
    font-size: clamp(1.2rem, 3.5vw, 1.4rem);
  }

  h4, .h4 {
    font-size: clamp(1.1rem, 3vw, 1.25rem);
  }

  h5, .h5 {
    font-size: clamp(1rem, 2.5vw, 1.1rem);
  }

  h6, .h6 {
    font-size: .95rem;
  }

  ul, ol {
    margin: 0;
    padding: 0;
  }

  ul {
    list-style: none;
  }

  a {
    color: var(--links);
    cursor: pointer;

    &.mdx {
      font-size: var(--font-size-mdx);
    }
  }

  a:hover {
    text-underline-offset: .15em;
  }

  button {
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
  }

  button:disabled, input:disabled, select:disabled, textarea:disabled {
    opacity: var(--opacity-disabled);
    color: var(--fg-disabled);
    background-color: var(--bg-disabled);
    border-color: var(--border-disabled);
    cursor: not-allowed;
  }

  [aria-disabled="true"] {
    opacity: var(--opacity-disabled);
    color: var(--fg-disabled);
    background-color: var(--bg-disabled);
    border-color: var(--border-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  ::-webkit-scrollbar {
    width: 1rem;
  }

  ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px var(--scrollbar-thumb-shadow);
    background-image: linear-gradient(var(--scrollbar-thumb-start),
            var(--scrollbar-thumb-end));
    background-color: var(--scrollbar-thumb-end);
    border: none;
    border-radius: .6rem;
  }

  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--scrollbar-track-shadow);
    background-color: var(--scrollbar-track);
    border-radius: .6rem;
  }

  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px var(--bg-raised) inset !important;
    -webkit-text-fill-color: var(--fg) !important;
  }
}

@layer states {
  .is-hoverable:hover:not(.is-disabled):not([aria-disabled="true"]) {
    background-color: var(--bg-hover);
    border-color: var(--border-hover);
    transition: background-color var(--ease-fast);
  }

  .is-active, .is-pressable:active:not(.is-disabled):not([aria-disabled="true"]) {
    background-color: var(--bg-active);
  }

  :focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  :focus-visible:hover {
    background-color: inherit;
  }

  :disabled, [aria-disabled="true"], .is-disabled {
    color: var(--fg-disabled);
    background-color: var(--bg-disabled);
    border-color: var(--border-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  .is-disabled:hover, .is-disabled:active {
    background-color: var(--bg-disabled);
  }

  [readonly], .is-readonly {
    color: var(--fg-readonly, var(--fg));
    background-color: var(--bg-readonly, var(--bg-nested));
    border-color: var(--border-readonly, var(--border));
  }

  go1-form[readonly] {
    color: unset;
    background-color: unset;
    border-color: unset;
  }

  .is-readonly:hover {
    background-color: var(--bg-readonly, var(--bg-nested));
  }

  .is-selected {
    background-color: var(--bg-selected);
    color: var(--fg-selected);
  }

  .is-selected:hover {
    background-color: var(--bg-selected);
  }

  .is-error, [aria-invalid="true"] {
    border-color: var(--border-error);
    background-color: var(--bg-error);
  }

  .is-error:focus-visible, [aria-invalid="true"]:focus-visible {
    box-shadow: 0 0 0 2px var(--border-error);
  }

  .g-field.is-invalid {
    border-color: var(--color-error);
    background-color: var(--bg-error-soft);
  }
}

@layer layout {
  *, :before, :after {
    box-sizing: border-box;
  }

  body {
    --app-header-height: 50px;
    flex-direction: column;
    height: 100dvh;
    min-height: 100dvh;
    max-height: 100dvh;
    display: flex;
    overflow: hidden;
  }

  body[data-appmode="auth"] {
    & .g-auth {
      display: flex !important;
    }

    & .g-app {
      display: none !important;
    }
  }

  body[data-appmode="app"] {
    & .g-app {
      display: flex !important;
    }

    & .g-auth {
      display: none !important;
    }
  }

  .g-app {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .g-header, .g-footer {
    height: 50px;
    min-height: 0;
    padding: var(--pad);
    background-color: var(--bg-chrome);
    flex: 0 0 50px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .g-header {
    font-size: var(--font-size-xl);

    & i {
      font-size: var(--font-size-lg);
      padding: 0 0 0 .3rem;
    }
  }

  .g-footer {
    flex: 0 0 50px;
    height: 50px;
    display: none;
  }

  .g-body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  #overlays {
    pointer-events: none;
    z-index: var(--z-toast);
    position: fixed;
    inset: 0;
  }

  #overlays > * {
    pointer-events: auto;
  }

  .g-edge-left, .g-edge-top, .g-edge-right, .g-edge-bottom {
    background-color: var(--bg-chrome);
    flex: none;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .g-edge-left, .g-edge-right {
    flex-direction: column;
    justify-content: center;
  }

  .g-edge-left > .g-nav.pinned.left, .g-edge-right > .g-nav.pinned.right {
    height: 100%;
  }

  .g-edge-top > .g-nav.pinned.top, .g-edge-bottom > .g-nav.pinned.bottom {
    width: 100%;
  }

  .g-left, .g-top, .g-right, .g-bottom {
    flex: none;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .g-bottom {
    z-index: var(--z-zone-footer);
    border-top: .6rem solid #aaa;
    display: none;
    position: relative;
  }

  .g-left, .g-right {
    flex-direction: column;
  }

  workareas-view {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: none;
    overflow: hidden;
  }

  workareas-view.show {
    display: flex;
  }

  .g-right.show {
    flex: 1 0 300px;
    width: 300px;
    max-width: 420px;
  }

  .g-footer {
    display: none;
  }

  .g-main {
    background-color: var(--bg-main);
    min-width: 0;
    min-height: 0;
    padding: var(--g-main-padding);
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .g-shell-top {
    flex: 0 0 var(--g-shell-top-height);
    line-height: var(--g-shell-top-height);
    height: var(--g-shell-top-height);
    background: var(--g-shell-top-bg, #333);
    border-radius: 3rem;
    margin-top: 1rem;
    display: block;
    overflow: hidden;
  }

  .g-main.split-column {
    flex-direction: column;
  }

  .g-main.split-row {
    flex-direction: row;
  }

  .go1-subview-manager.split-order-1 .g-shell-top, .go1-subview-manager.split-order-2 .g-shell-top {
    margin-top: 0;
  }

  .go1-subview-manager > section {
    overflow-y: auto;
  }

  @media (width <= 60rem) {
    .g-main.split-row {
      flex-direction: column;
    }
  }

  @media (width <= 45rem) {
    body {
      --app-header-height: 58px;
    }

    .g-shell-top:has( > go1-subview-nav) {
      height: auto;
      min-height: var(--g-shell-top-height, 3rem);
      overflow: visible;
    }

    .g-header, .g-footer {
      flex-basis: 58px;
      height: 58px;
    }

    .g-main:not(.split-row):not(.split-column) > .g-view {
      max-width: none;
      margin-left: 0;
      margin-right: 0;
    }
  }

  @media (orientation: landscape) and (width <= 60rem) and (height <= 32rem) {
    body {
      --app-header-height: 46px;
    }

    .g-header, .g-footer {
      height: 46px;
      padding: var(--sz-sm) var(--sz-md);
      flex-basis: 46px;
    }

    .g-right.show {
      flex: 0 0 min(18rem, 42vw);
      width: min(18rem, 42vw);
    }

    .g-view, .g-view-body {
      gap: var(--sz-sm);
    }

    .g-group {
      margin-bottom: var(--sz-sm);
    }

    .g-group-header, .g-group-body {
      padding: var(--sz-sm);
    }

    .g-group-body {
      border: 1px solid var(--border);
    }

    .g-group-footer {
      padding: var(--sz-sm);
    }
  }

  .g-main:not(.split-row):not(.split-column) > .g-view {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }

  .g-main.split-row, .g-main.split-column {
    padding: 0 !important;
  }

  .g-main.split-row > .g-view, .g-main.split-column > .g-view {
    min-width: 0;
    max-width: none;
    min-height: 0;
    padding: var(--g-main-padding);
    flex: 1;
    margin: 0;
  }

  .g-main.split-row > .g-view.split-order-1 {
    border-right: 1px solid var(--border);
    flex: 0 0 50%;
    order: 1;
    max-width: 50%;
    padding-right: 1rem;
  }

  .g-main.split-row > .g-view.split-order-2 {
    flex: 1;
    order: 2;
    min-width: 0;
  }

  .g-main.split-column > .g-view.split-order-1 {
    flex: 0 0 50%;
    order: 1;
    max-height: 50%;
  }

  .g-main.split-column > .g-view.split-order-2 {
    border-top: 1px solid var(--border);
    flex: 1;
    order: 2;
    min-height: 0;
  }

  .g-view {
    gap: var(--sz-md);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: none;
    overflow: hidden;

    &.row {
      flex-direction: row;
    }
  }

  .g-view-header, .g-view-footer {
    align-items: center;
    gap: var(--sz-md);
    flex: none;
    display: flex;
  }

  .g-view-body {
    gap: var(--sz-sm);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;

    &.row {
      flex-direction: row;
    }
  }

  .g-group {
    border-radius: .6rem;
    flex-direction: column;
    flex: none;
    width: 100%;
    min-height: 0;
    margin-bottom: 1rem;
    display: flex;
    overflow: hidden;

    &.is-collapsed .g-group-body {
      display: none;
    }
  }

  .g-group-header {
    cursor: pointer;
    padding: var(--sz-md);
    padding-bottom: var(--sz-sm);
    flex: none;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    display: flex;
    position: relative;
  }

  .g-group-body {
    min-height: 0;
    padding: var(--sz-md);
    background-color: var(--bg-primary);
    border-radius: .6rem;
    flex: 1;
    display: flex;
    overflow: auto;

    &.nobg {
      background-color: #0000;
    }
  }

  .g-group-body.col .g-group-body {
    display: flex;
    flex-direction: column !important;
  }

  .g-group-footer {
    padding: var(--sz-sm) var(--sz-md);
    justify-content: flex-end;
    gap: var(--sz-sm);
    flex: none;
    display: flex;
  }

  .g-view-body.raised > .g-group, .g-view-body.raised-group-body .g-group-body {
    box-shadow: var(--shadow-md);
    background-color: var(--bg-raised);
  }

  .g-group-header.canexpand:not(.has-expander-icon) {
    padding-left: 2.25rem;
  }

  .g-group-header.canexpand.has-expander-icon {
    padding-left: var(--sz-md);
    justify-content: flex-start;
    gap: .65rem;
  }

  .g-group-header.canexpand.has-expander-icon:after {
    content: none;
  }

  .g-group-header.canexpand.has-expander-icon > h3, .g-group-header.canexpand.has-expander-icon > h4, .g-group-header.canexpand.has-expander-icon > h5, .g-group-header.canexpand.has-expander-icon > h6 {
    margin: 0;
  }

  .g-group-expander {
    color: #555;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    font-family: concord;
    font-size: 1rem;
    line-height: 1;
    transition: transform .2s;
    display: inline-flex;
    transform: rotate(270deg);
  }

  .g-group-header.canexpand:after {
    content: "";
    color: #555;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    font-family: concord;
    line-height: 1;
    transition: all .2s;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%) rotate(270deg);
  }

  .g-group-header.canexpand.collapsed:after {
    transition: all .2s;
    transform: translateY(-50%) rotate(180deg);
  }

  .g-group-header.canexpand.collapsed .g-group-expander {
    transform: rotate(180deg);
  }

  .g-group-header.collapsed + .g-group-body {
    display: none !important;
  }

  .g-pane, .g-region {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .g-region {
    flex-direction: column;
  }

  .g-pane.fixed, .g-region.fixed {
    flex: none;
  }

  .g-region.is-collapsed {
    min-width: 0;
    overflow: hidden;
    flex: 0 0 0 !important;
    width: 0 !important;
  }

  .g-grid {
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .g-grid.nowrap {
    flex-flow: column;
  }

  .g-grid.cols-1 > .g-cell {
    flex: 0 100%;
  }

  .g-grid.cols-2 > .g-cell {
    flex: 0 1 calc(50% - var(--gap));
  }

  .g-grid.cols-3 > .g-cell {
    flex: 0 1 calc(33.333% - var(--gap));
  }

  .g-grid.cols-4 > .g-cell {
    flex: 0 1 calc(25% - var(--gap));
  }

  .g-grid.cols-2 > .g-cell.span-2 {
    flex: 0 100%;
  }

  .g-grid.cols-3 > .g-cell.span-2 {
    flex: 0 1 calc(66.666% - var(--gap));
  }

  .g-grid.cols-4 > .g-cell.span-2 {
    flex: 0 1 calc(50% - var(--gap));
  }

  @media (width <= 45rem) {
    .g-grid.cols-2 > .g-cell, .g-grid.cols-3 > .g-cell, .g-grid.cols-4 > .g-cell {
      flex: 100%;
    }

    .g-pane.row, .g-region.row, .g-view.row, .g-view-body.row {
      flex-direction: column;
    }
  }

  .g-cell {
    gap: var(--sz-xsm);
    min-width: 0;
    padding: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .g-cell > label {
    font-weight: 500;
    transition: font-weight .15s, color .15s;
  }

  .g-cell:focus-within > label {
    font-weight: 600;
  }

  .g-cell.row {
    flex-direction: row;
    align-items: center;
  }

  .g-cell > .field, .g-cell > input, .g-cell > select, .g-cell > textarea {
    flex: 1;
    min-width: 0;
  }

  @media (width <= 45rem) {
    .grow-12r, .grow-14r, .grow-22r, .grow-24r, .grow-26r, .grow-30r {
      min-width: 0;
    }

    .g-view, .g-view-header, .g-view-footer {
      gap: var(--sz-sm);
    }

    .g-group {
      margin-bottom: var(--sz-sm);
    }

    .g-group, .g-group-body {
      border-radius: 0;
    }

    .g-group-body {
      overflow-x: hidden;
    }

    .g-group-header, .g-group-body, .g-group-footer {
      padding-left: var(--sz-sm);
      padding-right: var(--sz-sm);
    }
  }

  body[data-shell="site"][data-site-ready="0"] .g-app {
    visibility: hidden;
  }

  body[data-cms-preview="1"] {
    & .g-app > :not(.g-body), & .g-body > :not(.g-main) {
      display: none !important;
    }

    & .g-cms-block {
      outline-offset: 2px;
      outline: 2px dotted #0000;

      &.cms-preview-selected {
        outline-color: var(--fg-muted);
      }
    }
  }

  body[data-shell="site"] {
    & .g-site-header, & .g-site-footer {
      height: auto;
      padding: var(--sz-lg) max(var(--sz-lg), calc((100% - 80rem) / 2));
      flex: none;
    }

    & .g-site-header {
      z-index: 1;
      flex-wrap: wrap;
      position: relative;
    }

    & .g-site-footer {
      display: flex;
    }

    & .g-site-nav {
      gap: var(--sz-sm) var(--sz-lg);
      display: flex;
    }

    & .g-site-admin-link {
      margin-left: var(--sz-lg);
      padding-left: var(--sz-lg);
      border-left: 1px solid;
    }

    & .g-site-nav-backdrop {
      display: none;
    }

    & .g-site-nav a {
      color: inherit;
      text-decoration: none;
    }

    & .g-site-nav a[aria-current="page"] {
      color: inherit;
      text-underline-offset: .4rem;
      font-weight: 600;
      text-decoration-line: underline;
      text-decoration-thickness: .15rem;
    }
  }

  @media (width <= 72rem) {
    body[data-shell="site"] {
      --site-mobile-header-height: 4.5rem;

      & .g-site-header {
        height: var(--site-mobile-header-height);
        padding: var(--sz-sm) var(--sz-md);
        z-index: calc(var(--z-drawer) + 1);
        flex-wrap: nowrap;
        align-items: center;
        position: relative;
      }

      & .site-tagline, & .g-site-footer {
        display: none;
      }

      & .g-site-nav {
        z-index: var(--z-drawer);
        top: var(--site-mobile-header-height);
        gap: var(--sz-xsm);
        width: min(20rem, 85vw);
        padding: var(--sz-lg);
        background: inherit;
        box-shadow: var(--shadow-lg);
        pointer-events: none;
        flex-direction: column;
        transition: transform .2s;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        transform: translateX(-100%);
      }

      & .g-site-nav.open {
        pointer-events: auto;
        transform: translateX(0);
      }

      & .g-site-nav a {
        padding: var(--sz-sm);
      }

      & .g-site-admin-link {
        padding: var(--sz-lg) var(--sz-sm) var(--sz-sm);
        border-top: 1px solid;
        border-left: 0;
        margin: auto 0 0;
      }

      & .g-site-nav-backdrop {
        z-index: calc(var(--z-drawer) - 1);
        inset: var(--site-mobile-header-height) 0 0;
        opacity: 0;
        pointer-events: none;
        background: #00000059;
        transition: opacity .2s;
        display: block;
        position: fixed;
      }

      & .g-site-nav-backdrop.open {
        opacity: 1;
        pointer-events: auto;
      }
    }
  }
}

@layer form {
  :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    padding: var(--sz-xsm) var(--sz-sm);
    font: inherit;
    color: var(--fg);
    border-radius: var(--radius-sm);
    background: var(--bg);
    border: 1px solid var(--form-border);
    min-width: 0;
    transition: border-color .15s, box-shadow .15s;
  }

  input[type="color"] {
    -webkit-appearance: none;
    appearance: none;
    background: var(--go1-color, #000);
    cursor: pointer;
    flex: 0 0 2.25rem;
    width: 3.5rem;
    height: 2.25rem;
    padding: .15rem;
  }

  input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
  }

  input[type="color"]::-webkit-color-swatch {
    border-radius: calc(var(--radius-sm) / 2);
    background: none;
    border: 0;
  }

  input[type="color"]::-moz-color-swatch {
    border-radius: calc(var(--radius-sm) / 2);
    background: none;
    border: 0;
  }

  textarea {
    resize: vertical;
    max-width: 100%;
    min-height: 3rem;
  }

  input[type="checkbox"], input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #555;
    min-width: 1.4rem;
    max-width: 1.4rem;
    min-height: 1.4rem;
    max-height: 1.4rem;
  }

  input[type="radio"] {
    border-radius: 50%;
    padding: 3px;
  }

  input[type="radio"]:checked {
    background-color: var(--fg-accent);
    border-color: var(--fg-accent);
    background-clip: content-box;
  }

  input[type="checkbox"] {
    clip-path: border-box;
    border-radius: 2px;
    place-content: center;
    display: inline-grid;
    position: relative;
  }

  input[type="checkbox"]:checked {
    background-color: #0000;
    border-color: #0000;
  }

  input[type="checkbox"]:checked:after {
    content: "";
    border-bottom: .3rem solid var(--fg-accent);
    border-right: .3rem solid var(--fg-accent);
    width: .75rem;
    height: 1.5rem;
    margin-bottom: 7px;
    margin-left: 20%;
    margin-right: 1px;
    transform: rotate(41deg);
  }

  .checkmark {
    border-bottom: .5rem solid #78b13f;
    border-right: .5rem solid #78b13f;
    width: .75rem;
    height: 1.5rem;
    margin-left: 60%;
    display: inline-block;
    transform: rotate(45deg);
  }

  :where(input, textarea, select):focus-visible {
    border-color: var(--form-border-focus);
    box-shadow: var(--form-focus-ring);
    outline: none;
  }

  :where(input[readonly], textarea[readonly]) {
    color: var(--fg-muted);
    background-color: var(--bg-readonly);
  }

  .g-display {
    min-height: 2.75rem;
    padding: var(--sz-xsm) var(--sz-sm);
    background: var(--bg-readonly);
    color: var(--fg-muted);
    border: 1px solid var(--form-border);
    border-radius: var(--radius-sm);
    align-items: center;
    display: flex;
  }

  :where(input:disabled, textarea:disabled, select:disabled) {
    opacity: .6;
    cursor: not-allowed;
  }

  go1-form {
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .g-form {
    width: 100%;
    padding-right: var(--sz-md);
    flex: 1;
    display: block;
    overflow-y: auto;
  }

  @media (width <= 45rem) {
    .g-form {
      flex-direction: column;
      width: 100%;
      padding-right: 0;
      display: flex;
    }
  }

  .g-label-left .g-cell {
    flex-direction: row;
    align-items: center;
  }

  .g-label-right .g-cell {
    flex-direction: row-reverse;
    align-items: center;
  }

  .g-label-bottom .g-cell {
    flex-direction: column-reverse;
  }

  .g-label-left .g-cell, .g-label-right .g-cell {
    flex-wrap: wrap;
  }

  .g-label-left .g-cell > label {
    flex: 0 0 var(--form-label-w, 9rem);
    text-align: right;
    margin-right: var(--sz-xsm);
  }

  .g-label-right .g-cell > label {
    flex: 0 0 var(--form-label-w, 9rem);
    text-align: left;
    margin-left: var(--sz-xsm);
  }

  @media (width <= 45rem) {
    .g-label-left .g-cell, .g-label-right .g-cell {
      flex-direction: column;
      align-items: stretch;
    }

    .g-label-left .g-cell > label, .g-label-right .g-cell > label {
      text-align: left;
      flex: none;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }

    .g-cell--checkbox {
      align-items: flex-start;
    }
  }

  .g-cell--inline {
    align-items: center;
    gap: var(--sz-xsm);
    flex-direction: row;
  }

  .g-grid.cols-2 > .g-cell--note, .g-grid.cols-3 > .g-cell--note, .g-grid.cols-4 > .g-cell--note {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .g-grid.cols-2 > .g-cell--note {
    flex: 0 0 50%;
  }

  .g-grid.cols-3 > .g-cell--note {
    flex: 0 0 66.666%;
  }

  .g-grid.cols-4 > .g-cell--note {
    flex: 0 0 75%;
  }

  .g-cell--note > label {
    display: none;
  }

  .g-radio-option {
    display: block;
  }

  .g-cell--checkbox {
    align-items: center;
    gap: var(--sz-sm);
    display: flex;
  }

  .g-cell--checkbox label {
    order: 2;
  }

  .g-cell.is-error :where(input, textarea, select) {
    border-color: var(--fg-error);
    background: var(--bg-error);
  }

  .g-error {
    color: var(--fg-error);
    margin-top: var(--sz-xsm);
    text-transform: uppercase;
    max-height: 1rem;
    font-size: 1rem;
    font-weight: bold;
  }

  .g-cell > .g-error {
    text-align: right;
    flex: 0 0 100%;
    width: 100%;
  }

  .g-dense .g-cell {
    gap: var(--sz-xsm);
  }

  .g-dense :where(input, textarea, select) {
    padding: .35rem .45rem;
    font-size: .9rem;
  }

  .g-cell.postalcode input {
    max-width: 7rem;
  }

  .compose_subject input, .compose_body textarea {
    font-size: 1.1rem;
  }
}

@layer button;

@layer cmps {
  body[data-shell="site"] {
    & .g-site-header {
      color: var(--site-header-foreground, var(--fg-cta));
      background: var(--site-header-background, var(--fg-accent));
      border-bottom: var(--site-header-border, 0);
      box-shadow: var(--site-header-shadow, none);
    }

    & .g-site-brand-image {
      display: none;
    }

    & .g-site-brand {
      gap: var(--sz-md);
      min-width: 0;
    }

    & .g-site-brand-copy {
      min-width: 0;
    }

    & .brand-text {
      color: var(--site-title-color, inherit);
      text-overflow: ellipsis;
      overflow: hidden;
    }

    & .site-tagline {
      color: var(--site-tagline-color, inherit);
      font-style: italic;
    }

    & .g-site-header[data-site-header-mode="logo"] .g-site-brand {
      flex-direction: row;
      align-items: center;
    }

    & .g-site-header[data-site-header-mode="logo"] .g-site-brand-image {
      object-fit: contain;
      width: auto;
      max-width: 10rem;
      max-height: 4.5rem;
      display: block;
    }
  }

  body[data-shell="site"] .g-site-nav-toggle {
    display: none;
  }

  @media (width <= 72rem) {
    body[data-shell="site"] {
      & .g-site-header[data-site-header-mode="logo"] .g-site-brand-image {
        max-width: 7rem;
        max-height: 3rem;
      }

      & .g-site-nav-toggle {
        width: 2.75rem;
        height: 2.75rem;
        color: inherit;
        background: #00000029;
        border-color: #ffffff8c;
        flex: 0 0 2.75rem;
        margin-left: auto;
        padding: 0;
        display: flex;
        box-shadow: 0 0 0 1px #0000001f;
      }

      & .g-site-nav-toggle i {
        font-size: 1.75rem;
      }

      & .g-site-nav-toggle:hover:not(:disabled) {
        color: inherit;
        background: #0000003d;
        border-color: #ffffffbf;
      }

      & .g-site-brand {
        white-space: nowrap;
        flex: auto;
        overflow: hidden;
      }
    }
  }

  body.overlay-open {
    overflow: hidden;
  }

  .g-modal-backdrop {
    width: min(500px, 100vw - 1rem);
    min-width: 0;
    max-width: calc(100vw - 1rem);
    max-height: min(560px, 100dvh - 1rem);
    z-index: var(--z-modal);
    border-radius: 1rem;
    flex-direction: column;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .g-modal {
    opacity: 0;
    box-sizing: border-box;
    color: #111;
    filter: drop-shadow(2px 2px 5px #00000080);
    background: #a4ceff;
    border-radius: 1rem;
    flex-direction: column;
    flex: 0;
    min-width: 0;
    margin: 1rem;
    display: flex;
    overflow: hidden;
  }

  .g-modal.right {
    transform: translate3d(700px, 0, 0);
  }

  .g-modal.left {
    transform: translate3d(-700px, 0, 0);
  }

  .g-modal.top {
    transform: translate3d(0, -700px, 0);
  }

  .g-modal.bot {
    transform: translate3d(0, 700px, 0);
  }

  .g-modal.topleft {
    transform: translate3d(-700px, -700px, 0);
  }

  .g-modal.topright {
    transform: translate3d(700px, -700px, 0);
  }

  .g-modal.botleft {
    transform: translate3d(-700px, 700px, 0);
  }

  .g-modal.botright {
    transform: translate3d(700px, 700px, 0);
  }

  .g-modal.scale {
    transform: scale(0);
  }

  .g-modal.isopen {
    opacity: 1;
    flex: 1;
    transition: all .2s;
    transform: translate3d(0, 0, 0);
  }

  .g-modal.isopen.scale {
    transform: scale(1);
  }

  .g-drawer {
    background: var(--bg-primary);
    color: var(--fg);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transition: transform .32s cubic-bezier(.22, 1, .36, 1);
    display: flex;
    position: absolute;
  }

  .g-drawer.right {
    width: 24rem;
    max-width: 90vw;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
  }

  .g-drawer.isopen.right {
    transform: translateX(0);
  }

  .g-drawer.left {
    width: 24rem;
    max-width: 90vw;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .g-drawer.is-open.left {
    transform: translateX(0);
  }

  .g-drawer.top {
    height: 18rem;
    max-height: 90vh;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .g-drawer.is-open.top {
    transform: translateY(0);
  }

  .g-drawer.bottom {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    height: 18rem;
    max-height: 90vh;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
  }

  .g-drawer.is-open.bottom {
    transform: translateY(0);
  }

  .g-drawer-header {
    padding: var(--sz-sm) var(--sz-md);
    border-bottom: 1px solid var(--border);
    font-weight: 600;
  }

  .g-modal-header {
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    flex: none;
    padding: .3rem .6rem;
    font-size: 1.25rem;
    font-weight: bold;
  }

  .g-modal-body, .g-drawer-body {
    padding: var(--sz-md);
    overflow-wrap: anywhere;
    overflow: auto;
  }

  .g-modal-footer, .g-drawer-footer {
    padding: var(--sz-sm) var(--sz-md);
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1rem;
    display: flex;
  }

  @media (width <= 45rem) {
    .g-drawer.bottom {
      height: 60vh;
    }

    .g-modal {
      margin: .5rem;
    }

    .g-modal-footer, .g-drawer-footer {
      padding: var(--sz-sm);
      gap: .5rem;
    }
  }

  button, .g-btn, a[role="button"], a.btn, a[kind="cta"] {
    justify-content: center;
    align-items: center;
    gap: var(--btn-icon-gap);
    padding: var(--btn-pad-sm);
    font: inherit;
    font-weight: var(--btn-font-weight);
    font-size: var(--btn-font-size);
    cursor: pointer;
    user-select: none;
    background-color: var(--btn-bg);
    color: var(--btn-fg);
    border: 1px solid var(--btn-border);
    border-radius: var(--btn-radius);
    display: inline-flex;
    text-decoration: none !important;
  }

  button:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.active) {
    background: var(--btn-hover-bg);
    color: var(--btn-hover-fg);
    border-color: var(--btn-hover-bdr);
  }

  button:active:not(:disabled) {
    background-color: var(--btn-active-bg);
    transform: translateY(1px);
  }

  button:focus-visible {
    box-shadow: var(--focus-ring);
    outline: none;
  }

  button[density="sm"] {
    padding: var(--btn-pad-sm);
    font-size: var(--font-size-sm);
  }

  button[density="lg"] {
    padding: var(--btn-pad-lg);
    font-size: var(--font-size-md);
  }

  button.icon-only {
    padding: var(--sz-xsm);
  }

  button:disabled, button[aria-disabled="true"] {
    opacity: var(--btn-disabled-opacity);
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--btn-disabled-bg);
    color: var(--btn-disabled-fg);
    border-color: var(--border-disabled);
  }

  button[aria-busy="true"] {
    opacity: var(--btn-loading-opacity);
    cursor: wait;
    pointer-events: none;
  }

  button[aria-busy="true"]:after {
    content: "";
    border: .125em solid;
    border-right-color: #0000;
    border-radius: 50%;
    block-size: 1em;
    inline-size: 1em;
    animation: .8s linear infinite go1-btn-spin;
  }

  .g-btn[kind="cta"], button[kind="cta"], a[kind="cta"], .g-btn[kind="cta"]:hover:not(:disabled), button[kind="cta"]:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.active), .g-btn[kind="cta"]:active:not(:disabled), button[kind="cta"]:active:not(:disabled), a[kind="cta"]:hover, a[kind="cta"]:active {
    background: var(--btn-bg-cta);
    color: var(--btn-fg-cta);
    border-color: var(--btn-bg-cta);
  }

  .g-btn[kind="action"], button[kind="action"], .g-btn[kind="toggle"], button[kind="toggle"] {
    border-color: var(--border-subtle);
  }

  .g-btn[kind="muted"], button[kind="muted"] {
    color: var(--fg);
    border-color: var(--border-subtle);
    background: none;
  }

  .down, .g-btn[kind="toggle"].active, .g-btn[kind="toggle"][aria-pressed="true"], i[kind="toggle"].active, i[kind="toggle"][aria-pressed="true"], button[kind="toggle"].active, button[kind="toggle"][aria-pressed="true"] {
    text-shadow: none;
    outline-offset: 2px;
    background-color: #777;
    background-image: linear-gradient(#111, #777);
    outline: 1px solid #333;
    color: #fff !important;
  }

  @keyframes go1-btn-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .g-option-group {
    align-items: stretch;
    width: 100%;
    display: inline-flex;
    overflow: hidden;
  }

  .g-option-group > button, .g-option-group > button {
    border: 0;
    border-right: 1px solid var(--border);
    background: none;
    border-radius: 0;
    flex: 1;
  }

  .g-option-group > button:last-child, .g-option-group > button:last-child {
    border-right: 0;
  }

  .g-option-group > button.active, .g-option-group > button[aria-pressed="true"], .g-option-group > button.active, .g-option-group > button[aria-pressed="true"] {
    background: var(--fg-accent);
    color: #fff;
    font-weight: 600;
  }

  .g-option-group > button:hover:not(.active):not([aria-pressed="true"]), .g-option-group > button:hover:not(.active):not([aria-pressed="true"]) {
    background: var(--row-hover-bg);
  }

  .g-option-group--vertical {
    flex-direction: column;
  }

  .g-option-group--vertical > button, .g-option-group--vertical > button {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .g-option-group--vertical > button:last-child, .g-option-group--vertical > button:last-child {
    border-bottom: 0;
  }

  .g-option-group--equal > button, .g-option-group--equal > button {
    flex: 1;
  }

  .g-option-group--toolbar {
    background: none;
    border: 0;
  }

  .g-option-group--toolbar > button, .g-option-group--toolbar > button {
    border-right: 1px solid var(--border);
  }

  .g-option-group--toolbar > button:last-child, .g-option-group--toolbar > button:last-child {
    border-right: 0;
  }

  go1-option-group[kind="button"] {
    border: 1px solid #ccc;
    border-radius: .6rem;
    margin-bottom: 1rem;
    display: flex;

    & button {
      border-right: 1px solid #ccc;
      border-radius: 0;
      background-color: #0000 !important;
    }

    & button.active {
      font-weight: 700;
      background-color: var(--fg-accent) !important;
      color: var(--bg-primary) !important;
    }

    & button:first-child {
      border-top-left-radius: .6rem;
      border-bottom-left-radius: .6rem;
    }

    & button:last-child {
      border-right: none;
      border-top-right-radius: .6rem;
      border-bottom-right-radius: .6rem;
    }
  }

  go1-option-group[kind="li"] {
    border-bottom: 2px solid var(--border-subtle);
    margin-bottom: 1rem;

    & ul {
      padding: 0;
      list-style-type: none;
      display: flex;
    }

    & li {
      border-bottom: 3px solid #0000;
      margin: .25rem .5rem -.05rem 0;
      padding: .3rem 1rem .5rem;
    }

    & li.active {
      border-bottom-color: var(--fg-accent);
      margin-bottom: -1px;
      font-weight: 700;
    }
  }

  .list {
    background: var(--bg);
    min-height: 0;
    color: var(--fg);
    border-radius: var(--radius-sm);
    flex-direction: column;
    display: flex;
    overflow: hidden;

    &.row {
      flex-direction: row;
    }

    &.border {
      border: 1px solid var(--border);
    }

    &.rounded {
      border-radius: var(--radius-md);
      overflow: hidden;
    }

    &.nogap {
      gap: 0;
    }
  }

  .list.rounded .list-items {
    border-radius: var(--radius-md);
  }

  .list.rounded .list-items .item:first-child {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .list.rounded .list-items .item:last-child {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .list-viewport {
    outline: none;
    flex: 1;
    min-height: 0;
    position: relative;
    overflow: hidden auto;
  }

  .list-viewport.locked {
    cursor: not-allowed;
    pointer-events: none;
  }

  .list-items {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;

    &.row {
      flex-direction: row;
    }

    &.border {
      border: 1px solid var(--border);
    }

    &.nogap {
      & .item {
        gap: 0;
      }
    }

    &.itemgrow .item {
      flex: 1;
    }
  }

  .list.border .item + .item, .list-items.border .item + .item {
    border-top: 1px solid var(--border-subtle);
  }

  .list.items-centered .item {
    align-items: center;
  }

  .list-scrollarea {
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .list-items.virtual {
    will-change: transform;
    position: absolute;
    inset: 0;
  }

  .item {
    width: auto;
    min-width: 0;
    min-height: var(--list-item-height, 2rem);
    padding: var(--row-padding-y) var(--row-padding-x);
    align-items: stretch;
    gap: var(--sz-sm);
    cursor: default;
    user-select: none;
    border: 1px solid #0000;
    transition: background .12s;
    display: flex;
    overflow: hidden;
  }

  .item.card-item {
    flex-direction: column;
  }

  .item-select, .item-icon {
    flex: 0 0 1.6rem;
    justify-content: center;
    align-items: center;
    min-width: 1.6rem;
    display: flex;

    & i {
      font-size: 1.3rem;
    }
  }

  .item-avatar-col {
    flex: 0 0 2.2rem;
    justify-content: center;
    align-items: center;
    min-width: 2.2rem;
    display: flex;
  }

  .item-icon.has-avatar {
    flex-basis: 2.2rem;
    min-width: 2.2rem;
  }

  .item-icon.large {
    outline: 2px solid var(--fg-accent);
    outline-offset: 3px;
    border-radius: 50%;
    min-width: 70px;
    max-width: 80px;
    min-height: 70px;
    max-height: 80px;

    & img {
      border-radius: 50%;
      min-width: 70px;
      max-width: 80px;
      min-height: 70px;
      max-height: 80px;
    }
  }

  .item-menu {
    cursor: pointer;
    border-left: 1px solid var(--border-subtle);
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
  }

  .item-menu i {
    pointer-events: none;
    font-size: 1.2rem;
  }

  .item-menu i.icm-more {
    transform: rotate(90deg);
  }

  .item-menu:hover {
    background-color: var(--row-hover-bg);
    color: var(--fg);
  }

  .item-main {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .item-detail {
    flex: 1;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .item-meta {
    gap: var(--sz-sm);
    min-width: 0;
    margin-top: .25rem;
    font-size: .9rem;
    display: flex;
  }

  .status-span {
    color: #000;
    background-color: #fff;
    border: 2px solid #aaa;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    max-width: 100px;
    margin: 3px;
    padding: 3px 8px;
    display: inline-flex;
  }

  .status-span.pending {
    background-color: bisque;
    padding: 3px 10px;
  }

  .list-col {
    white-space: nowrap;
    flex-shrink: 1;
    align-items: center;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .list-col.right {
    text-align: right;
    justify-content: flex-end;
  }

  .list-col.center {
    text-align: center;
    justify-content: center;
  }

  .cw10 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .cw12 {
    flex: 0 0 12%;
    max-width: 12%;
  }

  .cw15 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .cw20 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .cw25 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .cw30 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .cw33 {
    flex: 0 0 33.3%;
    max-width: 33.3%;
  }

  .cw40 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .cw50 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .cw60 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .cw66 {
    flex: 0 0 66.6%;
    max-width: 66.6%;
  }

  .cw70 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .cw75 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .cw80 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .cw90 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .cw100 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cgrow {
    flex: 1;
  }

  .cwrap {
    white-space: normal;
  }

  .cellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .list-header {
    z-index: var(--z-sticky);
    padding: var(--row-padding-y) var(--row-padding-x);
    font-weight: 600;
    font-size: var(--font-size-sm);
    background: var(--table-th-bg);
    border-bottom: 1px solid var(--border);
    align-items: center;
    display: flex;
    position: sticky;
    top: 0;

    & .item {
      min-height: unset;
      padding: .4rem var(--row-padding-x);
      padding-right: calc(var(--row-padding-x) + var(--list-scrollbar-gutter, 0px));
      font-size: var(--font-size-md);
    }

    & .list-col {
      cursor: pointer;
    }
  }

  .list.vlist .list-col, .list.vlist .item-meta {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .list.vlist .list-col.cwrap {
    white-space: normal;
    text-overflow: clip;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: visible;
  }

  .list-col.cstack {
    white-space: normal;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
  }

  .list-col.cstack .postcode {
    color: var(--fg-muted);
    font-size: .85rem;
  }

  .list.card {
    background-color: #0000;
    border: none;
    border-radius: 0;
    overflow-y: auto;

    & .item {
      width: auto;
      min-width: 0;
      padding: var(--sz-md);
      gap: var(--sz-md);
      border-radius: var(--radius-md);
      align-items: flex-start;
      margin: .5rem;
      display: flex;
      box-shadow: 1px 1px 2px #aaa;
    }

    & .item:not(.active):not(.selected) {
      background-color: var(--bg-raised);
      border: 1px solid #0000;
    }

    & .item-main {
      gap: .25rem;
    }

    & .item-detail {
      flex-direction: column;
      align-items: flex-start;
    }

    & .list-col {
      flex: unset;
      white-space: normal;
      width: 100%;
      max-width: 100%;
    }

    & .list-col.cpri-4, & .list-col.cpri-3 {
      display: none;
    }

    & .list-col .name {
      font-size: 1rem;
      font-weight: 600;
    }

    @media (width <= 40rem) {
      & .item-detail {
        gap: var(--sz-xsm);
      }
    }
  }

  .item.active {
    background: var(--row-active-bg);
  }

  .item.selected {
    background: var(--row-selected-bg);
    color: var(--row-selected-fg);
  }

  .list.card .item.highlighted:not(.active):not(.selected) {
    border-color: var(--row-highlight-border);
  }

  .item:hover:not(.selected):not(.active) {
    box-shadow: none;
    background: var(--row-hover-bg) !important;
  }

  .list.card .item:hover:not(.selected):not(.active), .list.inset-hover .item:hover:not(.selected):not(.active) {
    box-shadow: inset 1px 1px 1px 1px #00000026;
  }

  .item:focus-visible {
    outline: 2px solid var(--fg-accent);
    outline-offset: -2px;
  }

  .item[hidden] {
    display: none;
  }

  .card-image {
    border-radius: var(--radius-md);
    background: var(--bg-nested);
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
  }

  .card-image__md {
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
  }

  .card-image__lg {
    flex: 0 0 6rem;
    width: 6rem;
    height: 6rem;
  }

  .card-image-placeholder {
    background: linear-gradient(135deg, var(--bg-soft), var(--bg-raised));
    border: 1px solid var(--border-subtle);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .card-initials {
    letter-spacing: .05em;
    color: var(--fg-muted);
    font-size: 1.35rem;
    font-weight: 700;
  }

  @media (width <= 40rem) {
    .list-col.cstack {
      flex: 100%;
      max-width: 100%;
    }

    .list-col.cstack .name {
      font-weight: 600;
    }
  }

  @media (width <= 45rem) {
    .list-header {
      display: none;
    }

    .item-detail {
      flex-direction: column;
    }

    .list-col {
      flex: 0 0 100%;
      width: 100%;
      max-width: 100%;
    }
  }

  @media (width <= 60rem) {
    .list-col.cpri-4 {
      display: none;
    }
  }

  @media (width <= 50rem) {
    .list-col.cpri-3 {
      display: none;
    }
  }

  @media (width <= 40rem) {
    .list-col.cpri-2 {
      display: none;
    }
  }

  :root {
    --alert-radius: var(--radius-md);
    --alert-gap: var(--sz-sm);
    --alert-pad-y: var(--sz-xsm);
    --alert-pad-x: var(--sz-sm);
    --alert-bg-info: color-mix(in srgb, var(--fg-accent) 12%, var(--bg));
    --alert-bg-warn: color-mix(in srgb, var(--bg-cta) 15%, var(--bg));
    --alert-bg-error: color-mix(in srgb, red 12%, var(--bg));
    --alert-bg-ok: color-mix(in srgb, green 12%, var(--bg));
    --alert-border-info: var(--fg-accent);
    --alert-border-warn: var(--bg-cta);
    --alert-border-error: red;
    --alert-border-ok: green;
  }

  .g-alerts {
    gap: var(--alert-gap);
    flex-direction: column;
    display: flex;
  }

  .g-alerts--inline {
    flex-flow: wrap;
    align-items: stretch;
  }

  .g-alerts--bar {
    flex-direction: row;
    overflow-x: auto;
  }

  .g-alert {
    align-items: flex-start;
    gap: var(--alert-gap);
    padding: var(--alert-pad-y) var(--alert-pad-x);
    border-radius: var(--alert-radius);
    background: var(--alert-bg-info);
    border: 1px solid #0000;
    border-color: var(--alert-border-info);
    transition: background .15s, transform .15s;
    display: flex;
  }

  .g-alert.is-info {
    background: var(--alert-bg-info);
    border-color: var(--alert-border-info);
  }

  .g-alert.is-warn {
    background: var(--alert-bg-warn);
    border-color: var(--alert-border-warn);
  }

  .g-alert.is-error {
    background: var(--alert-bg-error);
    border-color: var(--alert-border-error);
  }

  .g-alert.is-ok {
    background: var(--alert-bg-ok);
    border-color: var(--alert-border-ok);
  }

  .g-alert.is-highlight {
    box-shadow: 0 0 0 2px var(--alert-border-error);
  }

  .g-alert__icon {
    flex: none;
    margin-top: .1rem;
    font-size: 1.4rem;
  }

  .g-alert__content {
    flex: 1;
    min-width: 0;
  }

  .g-alert__actions {
    align-items: center;
    gap: var(--sz-xsm);
    margin-left: auto;
    display: inline-flex;
  }

  .g-alert__dismiss {
    cursor: pointer;
    opacity: .7;
  }

  .g-alert__dismiss:hover {
    opacity: 1;
  }

  .g-alert:hover {
    transform: translateY(-1px);
  }

  .g-alerts--bar .g-alert {
    border-radius: 0;
    flex: 0 0 18rem;
  }

  @media (width <= 45rem) {
    .g-alerts--inline, .g-alerts--bar {
      flex-direction: column;
    }
  }

  .admin-layout {
    gap: var(--sz-lg);
    padding: var(--sz-md);
    align-items: flex-start;
    display: flex;
  }

  .admin-sidebar {
    gap: var(--sz-lg);
    flex-direction: column;
    flex: 0 0 20rem;
    min-width: 0;
    display: flex;
  }

  .admin-editor {
    flex-direction: column;
    flex: 32rem;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .admin-panel {
    gap: var(--sz-md);
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
    box-shadow: var(--shadow-sm);
    border: 0;
    flex-direction: column;
    flex: 1;
    padding: clamp(1rem, 1vw + .7rem, 1.4rem);
    display: flex;

    & h3 {
      margin: 0;
    }

    & button > i {
      pointer-events: none;
    }
  }

  .admin-scrollpanel, .admin-section, .admin-mode-body, .admin-details, .admin-block-picker, .admin-contentbox {
    gap: var(--sz-sm);
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .admin-scrollpanel {
    min-height: 0;
    overflow: auto;
  }

  .admin-contentbox {
    width: 100%;
    padding: var(--sz-sm);
    border-radius: var(--radius-sm);
    background: var(--bg-nested);
    border: 0;
  }

  .admin-contentbox__head {
    text-transform: lowercase;
    font-weight: 600;
  }

  .admin-panel__eyebrow, .admin-copy {
    color: var(--fg-muted);
    font-size: var(--font-size-md);
  }

  .admin-panel__eyebrow {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
  }

  .admin-copy {
    margin: 0;
  }

  .admin-stat {
    border: 1px solid var(--border);
    background: var(--bg-raised);
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    text-transform: lowercase;
    border-radius: 999px;
    align-items: center;
    padding: .2rem .55rem;
    display: inline-flex;
  }

  .admin-edit-cmp {
    width: 100%;
    display: block;
  }

  .admin-tabs {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .admin-tabs--primary go1-selector[kind="tabs"] .g-selector-desktop, go1-selector.admin-tabs--primary[kind="tabs"] .g-selector-desktop {
    gap: .4rem;
    padding: 0;
  }

  .admin-tabs--primary go1-selector[kind="tabs"] .g-selector-tab, go1-selector.admin-tabs--primary[kind="tabs"] .g-selector-tab {
    padding-inline: 1rem;
  }

  .admin-tabs--compact go1-selector[kind="tabs"] .g-selector-desktop, go1-selector.admin-tabs--compact[kind="tabs"] .g-selector-desktop {
    gap: .15rem;
  }

  .admin-tabs--compact go1-selector[kind="tabs"] .g-selector-tab, go1-selector.admin-tabs--compact[kind="tabs"] .g-selector-tab {
    min-height: 2.2rem;
    padding: .45rem .75rem;
    font-size: 1rem;
    font-weight: 500;
  }

  .admin-edit-actions {
    justify-content: flex-end;
  }

  .admin-edit-actions__primary, .admin-edit-actions__secondary, .admin-edit-actions > button {
    min-width: 3rem;
    min-height: 2.5rem;
    font-size: var(--btn-font-size);
    border-radius: .75rem;
  }

  .admin-btn-cancel {
    border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
    color: color-mix(in srgb, var(--danger) 82%, var(--fg));
  }

  .admin-view-list.list.card, .admin-block-list.list.card {
    background: none;
    padding: 0;
    overflow-x: hidden;
  }

  .admin-sidebar > .admin-panel, .admin-block-picker > .list {
    min-height: 0;
  }

  .admin-viewkeys, .admin-blocks {
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .admin-view-card {
    width: auto;
    padding: .5rem;
  }

  .admin-view-list .item:not(.active) .admin-view-actions, .admin-block-list .item:not(.active) .admin-view-actions {
    display: none;
  }

  .admin-chip, .admin-nav-item {
    align-items: flex-start;
    gap: var(--sz-xsm);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    text-align: left;
    flex-direction: column;
    padding: .55rem .7rem;
    display: flex;
  }

  .admin-chip.active, .admin-nav-item.active {
    border-color: var(--fg);
    background: color-mix(in srgb, var(--bg-primary) 82%, var(--bg-accent));
  }

  .admin-navlist {
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .admin-nav-item__head, .admin-nav-item__meta {
    gap: var(--sz-xsm);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .admin-nav-item__title {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sz-sm);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .admin-nav-item__title strong {
    overflow-wrap: anywhere;
  }

  .admin-nav-item__actions {
    align-items: center;
    gap: var(--sz-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .admin-centre-body, .system-settings-body {
    padding: var(--sz-md);
  }

  .admin-centre-panel, .system-settings-panel {
    max-width: 72rem;
    margin: 0 auto;
  }

  .admin-centre-title {
    margin: 0;
  }

  .admin-centre-list {
    gap: var(--sz-lg);
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
  }

  .admin-centre-list button:hover {
    background-color: var(--row-hover-bg) !important;
    border-color: var(--fg-accent) !important;
    color: var(--fg-accent) !important;

    & i {
      color: var(--fg-accent) !important;
    }
  }

  .admin-centre-tile {
    align-items: center;
    gap: var(--sz-sm);
    color: inherit;
    cursor: pointer;
    text-align: center;
    background: none;
    background: var(--bg-primary);
    border: 0;
    flex-direction: column;
    padding: 0;
    display: flex;
  }

  .admin-centre-tile__icon {
    border: 7px solid var(--border);
    background: var(--bg-raised);
    width: 5rem;
    height: 5rem;
    box-shadow: var(--shadow-sm);
    filter: drop-shadow(1px 2px 3px #aaa);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    transition: transform .12s, border-color .12s, background .12s;
    display: flex;
    color: var(--fg-accent) !important;
  }

  .admin-centre-tile__label {
    width: 7rem;
    height: 2.5rem;
    font-size: .9rem;
  }

  .admin-centre-tile:hover .admin-centre-tile__icon, .admin-centre-tile:focus-visible .admin-centre-tile__icon {
    background: none;
  }

  .admin-dashboard-body {
    padding: var(--sz-sm);
    padding-top: 0;
  }

  .admin-dashboard-layout, .admin-dashboard-panel, .admin-dashboard-panel__body, .admin-dashboard-stats, .admin-dashboard-statcard, .admin-dashboard-statcard__body, .admin-dashboard-list, .admin-dashboard-posts, .admin-dashboard-reply, .admin-dashboard-section, .admin-dashboard-kpis {
    gap: var(--sz-md);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .admin-dashboard-layout {
    background: #f1f1f1;
    border-radius: 1rem;
    flex-flow: wrap;
    align-items: start;
    gap: 1rem;
    max-width: 88rem;
    margin: 0 auto;
    padding: 1rem;
  }

  .admin-dashboard-panel {
    filter: drop-shadow(0 3px 3px #0000002e);
    background: #fff;
    border-radius: .8rem;
    min-height: 18rem;
    position: relative;
    overflow: hidden;
  }

  .admin-dashboard-panel--overview, .admin-dashboard-panel--messages, .admin-dashboard-panel--members {
    flex: 24rem;
  }

  .admin-dashboard-panel--todos, .admin-dashboard-panel--forums {
    flex: 34rem;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-panel.is-hidden {
    display: none;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-panel.is-focused {
    flex-basis: 100%;
    min-height: 70vh;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-panel.is-focused .admin-dashboard-panel__body {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .admin-dashboard-panel__head {
    border-bottom: 1px solid var(--border);
    padding-bottom: .35rem;
  }

  .admin-dashboard-panel__title {
    color: #333;
    font-size: 1.15rem;
  }

  .admin-dashboard-panel__title i {
    color: var(--fg-accent);
    font-size: 2rem;
  }

  .admin-dashboard-panel__body {
    flex: 1;
    overflow: auto;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-section {
    flex: 20rem;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-section--detail {
    flex: 2 34rem;
  }

  .admin-dashboard-layout.is-focused .admin-dashboard-section--messages, .admin-dashboard-layout.is-focused .admin-dashboard-section--emails {
    min-width: 18rem;
    max-width: 24rem;
  }

  .admin-dashboard-statcard {
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg-nested);
    flex-direction: row;
    flex: 1;
    align-items: flex-start;
  }

  .admin-dashboard-statcard__icon {
    background: color-mix(in srgb, var(--bg-accent) 18%, var(--bg-raised));
    width: 3rem;
    height: 3rem;
    color: var(--fg-accent);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    display: flex;
  }

  .admin-dashboard-statcard__value {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
  }

  .admin-dashboard-statcard__meta {
    gap: var(--sz-sm);
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .admin-dashboard-kpis {
    gap: var(--sz-sm);
    flex-flow: wrap;
  }

  .admin-dashboard-rowbtn, .admin-dashboard-post {
    gap: var(--sz-xsm);
    width: 100%;
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-nested);
    text-align: left;
    flex-direction: column;
    display: flex;
  }

  .admin-dashboard-rowbtn--static {
    cursor: default;
  }

  .admin-dashboard-rowbtn:hover, .admin-dashboard-rowbtn:focus-visible {
    border-color: var(--fg-accent);

    & .admin-dashboard-rowmeta {
      color: var(--fg-accent);
    }
  }

  .admin-dashboard-rowmeta {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
  }

  .admin-dashboard-rowbody, .admin-dashboard-empty {
    white-space: pre-wrap;
  }

  .admin-dashboard-count {
    color: var(--fg-accent);
    font-size: 1.3rem;
    font-weight: 700;
  }

  .admin-dashboard-pill {
    background: var(--bg-raised);
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    text-transform: lowercase;
    border-radius: 999px;
    align-items: center;
    padding: .18rem .5rem;
    display: inline-flex;
  }

  .admin-dashboard-pill--answered {
    color: #146c43;
  }

  .admin-dashboard-pill--unanswered {
    color: #b35c00;
  }

  .admin-dashboard-pill--archived, .admin-dashboard-pill--email {
    color: var(--fg-muted);
  }

  .admin-dashboard-pill--forum {
    color: #225a92;
  }

  .admin-dashboard-detailcard {
    margin-top: .5rem;
  }

  .admin-dashboard-recip {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .system-settings-panel .admin-stat {
    width: fit-content;
  }

  @media (width <= 900px) {
    .admin-dashboard-panel--overview, .admin-dashboard-panel--messages, .admin-dashboard-panel--members, .admin-dashboard-panel--todos, .admin-dashboard-panel--forums {
      flex-basis: 100%;
    }

    .admin-dashboard-layout.is-focused .admin-dashboard-panel.is-focused .admin-dashboard-panel__body {
      flex-direction: column;
    }

    .admin-dashboard-layout.is-focused .admin-dashboard-section--messages, .admin-dashboard-layout.is-focused .admin-dashboard-section--emails {
      min-width: 0;
      max-width: none;
    }
  }

  @media (width <= 700px) {
    .admin-dashboard-layout {
      padding: .75rem;
    }

    .admin-centre-list {
      gap: var(--sz-sm);
    }

    .admin-centre-tile__icon {
      width: 5.75rem;
      height: 5.75rem;
      font-size: 1.65rem;
    }
  }

  .admin-nav-item__actions > button {
    flex: none;
  }

  .admin-kind {
    text-transform: lowercase;
    border: 1px solid #0000;
    border-radius: .5rem;
    align-items: center;
    padding: .1rem .5rem;
    font-size: .9rem;
    font-weight: 600;
    display: inline-flex;
  }

  .admin-kind--coded, .admin-kind--enabled {
    color: #0a4a6a;
    background: #dff3ff;
    border-color: #9fd7f4;
  }

  .admin-kind--hybrid {
    color: #6a4a00;
    background: #fff0c7;
    border-color: #f0cd76;
  }

  .admin-kind--cms {
    color: #14532d;
    background: #ddfbe6;
    border-color: #93d9a7;
    text-decoration: none;

    &.ispinned {
      padding: var(--btn-pad-md);
    }
  }

  .admin-kind--disabled {
    color: #6b7280;
    background: #eef1f5;
    border-color: #d5dce5;
  }

  .admin-kind--danger {
    color: #fff;
    background: #c62828;
    border-color: #c62828;
  }

  .admin-details-grid {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .admin-detail, .admin-field {
    align-items: center;
    gap: var(--sz-sm);
    display: flex;
  }

  .admin-detail {
    min-width: 11rem;
  }

  .admin-detail__label {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    text-transform: lowercase;
    flex: 0 0 5.5rem;
  }

  .admin-detail > input, .admin-detail > select, .admin-detail > textarea {
    flex: 1;
    min-width: 0;
  }

  .admin-detail__content, .admin-preview__body {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .admin-detail__content {
    color: var(--fg);
    white-space: pre-wrap;
    line-height: 1.5;
  }

  .admin-field {
    flex: 1 1 calc(50% - (var(--sz-sm) / 2));
    min-width: 18rem;
  }

  .admin-field label {
    flex: 0 0 8rem;
    font-weight: 600;
  }

  .admin-field input, .admin-field select, .admin-field textarea {
    width: 100%;
  }

  .admin-field textarea {
    resize: vertical;
    min-height: 2rem;
  }

  .uim-admin-layout {
    align-items: stretch;
  }

  .uim-admin-sidebar-panel, .uim-admin-pane {
    min-height: 0;
  }

  .uim-admin-sidebar-panel {
    gap: var(--sz-md);
  }

  .uim-admin-sidebar__top, .uim-admin-preview-state__head, .uim-admin-shell-card__head, .uim-admin-pane__head {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sz-md);
    flex-wrap: wrap;
    display: flex;
  }

  .uim-admin-listpanel, .uim-admin-scrollbody {
    flex: 1;
  }

  .uim-admin-listpanel {
    min-height: 18rem;
  }

  .uim-admin-editor {
    gap: var(--sz-md);
  }

  .uim-admin-views-mode {
    gap: var(--sz-md);
    flex-direction: column;
    display: flex;
  }

  .uim-admin-view-groups {
    gap: var(--sz-md);
    min-width: 0;
    display: flex;
  }

  .uim-admin-view-group {
    flex: 1;
    min-width: 0;
    min-height: 22rem;
  }

  .uim-admin-group-list {
    flex: 1;
  }

  .uim-admin-workbench {
    gap: var(--sz-md);
    flex: none;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .uim-admin-pane {
    gap: var(--sz-md);
    flex-direction: column;
    display: flex;
  }

  .uim-admin-pane--editor {
    flex: 40rem;
  }

  .uim-admin-chip-list {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .uim-admin-filter-toggle {
    white-space: nowrap;
    flex: none;
  }

  .uim-admin-attach-chip {
    align-items: stretch;
    gap: var(--sz-sm);
    width: 100%;
  }

  .uim-admin-attach-chip > span:last-child {
    color: var(--fg-accent);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
  }

  .uim-admin-sql {
    flex: 1;
    min-height: 28rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  @media (width >= 64rem) {
    .uim-admin-layout {
      gap: var(--sz-md);
    }

    .uim-admin-sidebar {
      flex: 0 0 24rem;
    }

    .uim-admin-sidebar-panel {
      min-height: calc(100dvh - 8rem);
    }

    .uim-admin-workbench {
      align-items: stretch;
    }

    .uim-admin-view-group {
      max-height: 28rem;
    }

    .uim-admin-pane--editor, .uim-admin-pane--selected-views, .uim-admin-pane--available-views {
      max-height: calc(100dvh - 18rem);
    }

    .uim-admin-shell-card {
      padding: var(--sz-md);
    }
  }

  @media (width <= 960px) {
    .uim-admin-workbench, .uim-admin-view-groups {
      flex-direction: column;
    }

    .uim-admin-pane--selected-views, .uim-admin-pane--available-views {
      flex-basis: auto;
    }
  }

  .admin-btn-toggle {
    text-transform: lowercase;
    min-width: 4.5rem;
  }

  .admin-btn-toggle.active {
    background: var(--bg-cta);
    color: var(--fg-cta);
    border-color: var(--bg-accent);
  }

  .admin-btn-cancel, .admin-btn-delete {
    color: #fff;
  }

  .admin-btn-cancel {
    background: #b3261e;
    border-color: #8f1d17;
  }

  .admin-btn-cancel:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    color: #fff;
    background: #8f1d17;
    border-color: #741610;
  }

  .admin-btn-delete {
    background: #8f1d17;
    border-color: #741610;
  }

  .admin-btn-delete:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    color: #fff;
    background: #741610;
    border-color: #5c120d;
  }

  .admin-emptybox, .admin-region-empty {
    gap: var(--sz-xsm);
    padding: var(--sz-md);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-nested);
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    flex-direction: column;
    display: flex;
  }

  @media (width >= 64rem) {
    .admin-layout {
      padding: var(--sz-md);
    }

    .admin-sidebar {
      align-self: flex-start;
      max-height: calc(100dvh - 8rem);
      position: sticky;
      top: 0;
    }

    .admin-panel {
      border-color: color-mix(in srgb, var(--border) 88%, var(--fg-accent));
      box-shadow: var(--shadow-md);
    }
  }

  @media (width <= 960px) {
    .admin-layout {
      flex-direction: column;
    }

    .admin-sidebar {
      flex-basis: auto;
      width: 100%;
    }

    .admin-detail, .admin-field {
      flex-direction: column;
      align-items: stretch;
      min-width: 100%;
    }

    .admin-field label {
      flex: none;
    }
  }

  @media (width <= 560px) {
    .admin-nav-item__title {
      flex-direction: column;
      align-items: flex-start;
    }

    .admin-nav-item__actions {
      gap: var(--sz-xsm);
    }
  }

  .entity-block {
    align-items: flex-start;
    gap: var(--sz-md);
    padding: var(--sz-md);
    border-radius: var(--radius-md);
    background: var(--bg);
    border: 1px solid var(--border);
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .entity-block.clickable {
    cursor: pointer;
    transition: background .12s;
  }

  .entity-block.clickable:hover {
    background: var(--row-hover-bg);
  }

  .entity-block.compact {
    padding: var(--sz-xsm);
    gap: var(--sz-sm);
  }

  .entity-block.large {
    padding: var(--sz-lg);
  }

  .entity-block__media {
    color: var(--fg-accent);
    flex: none;
    align-items: flex-start;
    font-size: 2rem;
    display: flex;
  }

  .entity-block__media i {
    border-radius: var(--radius-sm);
    padding: var(--sz-xsm);
  }

  .entity-block__content {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .entity-block__heading {
    font-size: var(--font-size-lg);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--fg);
    font-weight: 600;
    overflow: hidden;
  }

  .entity-block__subheading {
    font-size: var(--font-size-sm);
    color: var(--bg-cta);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: var(--sz-xsm);
    overflow: hidden;
  }

  .entity-block__meta {
    font-size: var(--font-size-sm);
    color: var(--fg-muted);
    margin-top: var(--sz-sm);
    gap: var(--sz-xsm);
    flex-wrap: wrap;
    display: flex;
  }

  .entity-block__tags {
    margin-top: var(--sz-xsm);
    gap: var(--sz-xsm);
    flex-wrap: wrap;
    display: flex;
  }

  .entity-block__actions {
    align-items: center;
    gap: var(--sz-xsm);
    flex: none;
    display: flex;
  }

  .entity-inline {
    align-items: center;
    gap: var(--sz-xsm);
    font-size: var(--font-size-sm);
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: var(--fg);
    line-height: 1.2;
    display: inline-flex;
    overflow: hidden;
  }

  .entity-inline__icon {
    color: var(--bg-cta);
    flex: none;
    font-size: 1rem;
  }

  .entity-inline__label {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .entity-inline:hover {
    text-decoration: underline;
  }

  .entity-card {
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: var(--bg);
    flex-direction: column;
    transition: transform .12s, box-shadow .12s;
    display: flex;
    overflow: hidden;
  }

  .entity-card__body {
    padding: var(--sz-md);
  }

  .entity-card.elevated {
    box-shadow: var(--shadow-sm);
  }

  .entity-card.clickable {
    cursor: pointer;
  }

  .entity-card.clickable:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-.1rem);
  }

  .entity-stack {
    gap: var(--sz-md);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .entity-stack.compact {
    gap: var(--sz-xsm);
  }

  .entity-stack.scrollable {
    min-height: 0;
    overflow-y: auto;
  }

  .g-expandable {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .g-expandable__heading {
    cursor: pointer;
    padding: var(--sz-xsm) 0 var(--sz-xsm) var(--sz-md);
    align-items: center;
    min-height: 2rem;
    display: flex;
    position: relative;
  }

  .g-expandable__heading.has-arrows {
    padding-left: 2rem;
  }

  .g-expandable__heading.has-arrows:before {
    content: "▶";
    font-size: var(--font-size-xs);
    color: var(--fg-muted);
    transition: transform .25s;
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%) rotate(0);
  }

  .g-expandable.is-open .g-expandable__heading.has-arrows:before {
    transform: translateY(-50%) rotate(90deg);
  }

  .g-expandable__body {
    min-width: 0;
    display: none;
  }

  .g-expandable.is-open > .g-expandable__body {
    display: block;
  }

  .g-expandable.is-animated > .g-expandable__body {
    max-height: 0;
    transition: max-height .3s;
    display: block;
    overflow: hidden;
  }

  .g-expandable.is-animated.is-open > .g-expandable__body {
    max-height: 100rem;
  }

  .go1-avatar {
    --go1-avatar-size: 2rem;
    width: var(--go1-avatar-size);
    height: var(--go1-avatar-size);
    background: color-mix(in srgb, var(--fg-accent) 12%, white);
    color: var(--fg-accent);
    text-transform: uppercase;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    position: relative;
    overflow: hidden;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      inset: 0;
    }
  }

  .go1-avatar--sm {
    --go1-avatar-size: 2rem;
    font-size: .72rem;
  }

  .go1-avatar--md {
    --go1-avatar-size: 3rem;
    font-size: .95rem;
  }

  .go1-avatar--lg {
    --go1-avatar-size: 4rem;
    font-size: 1.15rem;
  }

  .go1-avatar__initials {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: inline-flex;
  }

  .go1-avatar-edit__preview {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .go1-fileupload {
    --gfu-gap: var(--sz-md);
    --gfu-pad: var(--sz-md);
    --gfu-radius: var(--radius-sm);
    --gfu-border: var(--border);
    --gfu-border-soft: color-mix(in srgb, var(--border) 70%, transparent);
    --gfu-drop-border: var(--border);
    --gfu-drop-bg: color-mix(in srgb, var(--fg) 3%, var(--bg));
    --gfu-drop-bg-active: color-mix(in srgb, var(--fg-accent) 8%, var(--bg));
    --gfu-tag-bg: var(--bg);
    --gfu-tag-fg: var(--fg);
    --gfu-shadow: var(--shadow-sm);
    --gfu-thumb-size: 3rem;
    --gfu-category-min: 6rem;
    min-width: 0;
    display: block;
  }

  .gfu-offscreen {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .gfu-shell {
    gap: var(--gfu-gap);
    padding: var(--gfu-pad);
    min-width: 0;
    max-height: 28rem;
    display: flex;
  }

  .gfu-buttons {
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .gfu-buttons .gfu-btn {
    padding: var(--btn-pad-sm);
  }

  .gfu-right {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
  }

  .gfu-drop {
    justify-content: center;
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-md);
    border: .125rem dashed var(--gfu-drop-border);
    background: var(--gfu-drop-bg);
    border-radius: var(--gfu-radius);
    margin-bottom: var(--sz-xsm);
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    min-height: 6.5rem;
    display: flex;
  }

  .gfu-drop.hilite {
    background: var(--gfu-drop-bg-active);
    border-color: var(--fg-accent);
  }

  .gfu-drop-title {
    font-weight: 600;
  }

  .gfu-drop-copy {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
  }

  .gfu-tags {
    gap: var(--gfu-gap);
    min-width: 0;
    padding: var(--gfu-pad);
    flex-direction: column;
    display: flex;
  }

  .gfu-empty {
    padding: var(--sz-sm);
    border: 1px dashed var(--gfu-border-soft);
    border-radius: var(--gfu-radius);
    color: var(--fg-muted);
    text-align: center;
    background: var(--bg);
  }

  .gfu-tag {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm) var(--sz-sm);
    border: 1px solid var(--gfu-border);
    border-radius: var(--gfu-radius);
    background: var(--bg-nested);
    color: var(--gfu-tag-fg);
    min-width: 0;
    display: flex;
  }

  .gfu-category {
    min-width: var(--gfu-category-min);
    background: var(--gfu-tag-bg);
    color: var(--gfu-tag-fg);
    border: .125rem solid var(--gfu-border-soft);
    border-radius: var(--gfu-radius);
    box-shadow: var(--gfu-shadow);
    flex: none;
    align-items: center;
    padding: .2rem .5rem;
    display: flex;
  }

  .gfu-thumb {
    width: var(--gfu-thumb-size);
    height: var(--gfu-thumb-size);
    object-fit: cover;
    border-radius: var(--radius-sm);
    flex: none;
  }

  .gfu-tag-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
  }

  .gfu-tag-meta {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
  }

  .gfu-tag-x {
    padding: var(--sz-xsm);
    cursor: pointer;
    margin-left: auto;
    font-size: 1.25rem;
  }

  .gfu-tag-x:hover {
    color: var(--fg-accent);
  }

  go1-menu, .g-menu {
    z-index: var(--z-dropdown);
    opacity: 0;
    pointer-events: none;
    min-width: 15rem;
    max-width: min(22rem, 95vw);
    padding: var(--sz-xsm) 0;
    background: var(--menu-bg, var(--bg-primary));
    color: var(--menu-fg, var(--fg));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transition: opacity .15s, transform .15s;
    display: flex;
    position: fixed;
    transform: translateY(.5rem);
  }

  go1-menu.show, .g-menu.show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .g-menu__item:hover {
    background: var(--row-hover-bg);
  }

  .g-menu__item.active {
    background: var(--fg-accent);
    color: #fff;
  }

  .g-menu__divider {
    margin: var(--sz-xsm) 0;
    border-bottom: 1px solid var(--border);
  }

  .g-menu__item {
    color: #202124;
    border: 1px solid #0000;
    border-radius: 3px;
    align-items: center;
    padding: .3rem .5rem;
    font-size: .9rem;
    list-style: none;
    display: flex;
    text-align: left !important;
  }

  .g-menu__icon {
    color: #333;
    background: none;
    border-radius: 50%;
    margin-right: .7rem;
    padding: 6px;
    font-size: 1.2rem;
  }

  .has-item-transition .g-menu__item {
    transition-property: color, background-color;
    transition-duration: .5s;
    transition-timing-function: ease-out;
  }

  .g-nav {
    z-index: var(--z-drawer);
    color: var(--fg);
    transition: width .2s, transform .25s;
    display: flex;
    position: relative;
  }

  .g-nav.pinned.left, .g-nav.pinned.right {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin-top: 2rem;
    overflow: hidden;
  }

  .g-nav.pinned.top, .g-nav.pinned.bottom {
    flex-direction: row;
    width: 100%;
    max-height: 5rem;
    padding: .5rem;

    & .g-nav-items {
      flex: 100%;
      justify-content: center;
      padding: .25rem;
    }

    & .nav-cfg {
      flex-wrap: nowrap;
      flex: none;
    }
  }

  .g-nav.pinned.top {
    padding-top: 0;
  }

  .g-nav.pinned.bottom {
    padding-bottom: 0;
  }

  .g-nav.overlay {
    top: var(--app-header-height, 50px);
    background-color: var(--bg-chrome);
    flex-direction: column;
    width: 16rem;
    position: fixed;
    bottom: 0;
    transform: translateX(-100%);
  }

  .g-nav.overlay.left {
    left: 0;
  }

  .g-nav-backdrop {
    inset: var(--app-header-height, 50px) 0 0 0;
    z-index: var(--z-overlay);
    background: #0000004d;
    position: fixed;
  }

  .g-nav.isadmin {
    color: #eee;
    padding: 2rem 1rem;
    background-color: var(--g-shell-top-bg, #333) !important;

    & .g-nav-item:hover:not(.active) {
      background: var(--row-hover-bg);
      border-radius: .6rem;
    }

    & .expander {
      display: none;
    }
  }

  .g-nav-items {
    flex-direction: inherit;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .g-nav-heading {
    align-items: center;
    gap: var(--sz-sm);
    padding: 0 var(--sz-md) var(--sz-lg) var(--sz-md);
    font-size: var(--font-size-md);
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700;
    display: flex;

    & i {
      color: var(--fg-accent);
      font-size: 1.4rem;
    }
  }

  .g-nav.pinned.left .g-nav-items, .g-nav.pinned.right .g-nav-items, .g-nav.overlay.left .g-nav-items, .g-nav.overlay.right .g-nav-items {
    padding-bottom: 2.5rem;
    overflow: hidden auto;
  }

  .g-nav.pinned.left .g-nav-heading, .g-nav.pinned.right .g-nav-heading, .g-nav.overlay.left .g-nav-heading, .g-nav.overlay.right .g-nav-heading {
    flex: none;
  }

  .g-nav-item {
    align-items: center;
    gap: var(--sz-md);
    padding: var(--sz-sm) var(--sz-md);
    cursor: pointer;
    color: inherit;
    border: 1px solid #0000;
    flex: none;
    margin: 0 .5rem;
    text-decoration: none;
    display: flex;

    & i {
      font-size: 1.6rem;
    }
  }

  .g-nav-item:hover:not(.active) {
    background: var(--row-hover-bg);
  }

  .g-nav-item.active {
    border: 1px solid var(--fg-accent);
    border-radius: .5rem;
    font-weight: 600;

    & span {
      white-space: nowrap;
      font-weight: bold;
    }

    & i {
      color: var(--fg-accent);
      border-radius: 50%;
    }
  }

  .g-nav-item-sep {
    border-top: 1px solid #aaa;
    min-height: .1rem;
    margin: .25rem 0;
  }

  .g-nav-item span {
    white-space: nowrap;
    color: #333;
  }

  .g-nav.nolabels.left, .g-nav.nolabels.right {
    width: unset;
    flex: none !important;
  }

  .g-nav.nolabels .g-nav-item span {
    display: none;
  }

  .g-nav.nolabels .g-nav-item i {
    margin-right: 0;
    font-size: 1.6rem;
  }

  .g-nav-overflow {
    flex: none;
    position: relative;
  }

  .g-nav-more {
    padding: var(--sz-sm) var(--sz-md);
    cursor: pointer;
    align-items: center;
    display: flex;
  }

  .g-nav-item:focus-visible {
    outline: 2px solid var(--fg-accent);
    outline-offset: -2px;
  }

  .g-nav {
    transition: width .25s, transform .25s, opacity .2s;
  }

  .g-nav.overlay {
    top: var(--app-header-height, 50px);
    opacity: 1;
    background-color: var(--bg-chrome);
    width: 16rem;
    position: fixed;
    bottom: 0;
    transform: translateX(-100%);
  }

  .g-nav.overlay.right {
    left: auto;
    right: 0;
    transform: translateX(100%);
  }

  .g-nav.overlay.open.left, .g-nav.overlay.open.right {
    transform: translateX(0);
  }

  .g-nav.overlay:not(.open) {
    pointer-events: none;
  }

  .g-nav.pinned.left.collapsed, .g-nav.pinned.right.collapsed {
    width: 4.5rem;
  }

  .nav-cfg {
    flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
  }

  .expander {
    color: #5e5e5e;
    justify-content: space-around;
    align-items: center;
    display: flex;
    position: absolute;
  }

  go1-nav.g-nav.left .expander, go1-nav.g-nav.right .expander {
    background-color: var(--bg-chrome);
    flex-direction: column;
    width: 1.5rem;
    bottom: 0;

    & > i {
      text-align: center;
      justify-content: center;
      align-items: center;
      display: flex;
    }
  }

  go1-nav.g-nav.top .expander, go1-nav.g-nav.bottom .expander {
    flex-direction: row;
    height: 1.5rem;
    right: 0;

    & > i {
      text-align: center;
      width: 2rem;
    }
  }

  go1-nav.g-nav.left .expander {
    border: 1px solid var(--border);
    background: color-mix(in srgb, var(--bg-primary) 92%, #fff);
    width: 2rem;
    min-height: 3.6rem;
    box-shadow: var(--shadow-md);
    color: var(--fg-muted);
    z-index: 2;
    border-radius: 999px;
    padding: .2rem 0;
    top: 50%;
    bottom: auto;
    right: -.95rem;
    transform: translateY(-50%);

    & > i {
      border-radius: 999px;
      min-width: 100%;
      min-height: 3.2rem;
      font-size: 1.5rem;
      font-weight: 700;
    }
  }

  go1-nav.g-nav.left .expander:hover {
    background: var(--row-hover-bg);
    box-shadow: var(--shadow-lg);
  }

  go1-nav.g-nav.left .expander:hover > i {
    color: var(--fg);
    background: var(--row-hover-bg);
  }

  @media (width <= 45rem) {
    .g-nav.overlay.left, .g-nav.overlay.right {
      top: var(--app-header-height, 58px);
      width: min(18rem, 100vw);
      height: auto;
      box-shadow: var(--shadow-md);
      bottom: 0;
    }

    .g-nav.overlay .g-nav-items {
      background-color: inherit;
      padding: .5rem 0 .75rem;
      overflow-y: auto;
    }

    .g-nav-backdrop {
      top: var(--app-header-height, 58px);
    }

    go1-nav.g-nav.left .expander {
      display: none;
    }
  }

  @media (orientation: landscape) and (width <= 60rem) and (height <= 32rem) {
    .g-nav.pinned.left, .g-nav.pinned.right {
      padding: .75rem;
    }

    .g-nav.pinned.left .g-nav-item, .g-nav.pinned.right .g-nav-item, .g-nav.overlay.left .g-nav-item, .g-nav.overlay.right .g-nav-item {
      gap: var(--sz-sm);
      padding: .55rem var(--sz-sm);
    }
  }

  @media (width <= 45rem) {
    a.g-nav-item {
      font-size: 1.1rem;
    }
  }

  .g-view-header {
    width: 100%;
    margin-top: var(--sz-md);

    & .g-view__icon {
      color: var(--fg-accent);
      cursor: pointer;
      border-radius: 50%;
      flex: none;
      margin-right: .2rem;
      display: inline-block;

      & i {
        font-size: var(--view-header-icon-size);
      }

      &:hover i {
        transition: all .25s;
        transform: scale(1.1);
      }

      &.has-avatar {
        margin-top: .35rem;
        margin-left: .35rem;
        margin-right: .6rem;
      }

      & .g-view__avatar {
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--fg-accent) 18%, transparent);
      }
    }

    & .g-view__captions {
      flex-direction: column;
      flex: 1;
      min-width: 0;
      display: flex;

      & .g-view__title {
        white-space: nowrap;
        text-overflow: ellipsis;
        min-width: 0;
        max-width: 100%;
        display: block;
        overflow: hidden;
        margin: 0 !important;
      }

      & .g-view__subtitle {
        color: var(--fg-muted);
        margin: 0;
        font-weight: 100;
      }
    }

    &.has-subtitle {
      & .g-view__subtitle {
        display: block;
      }
    }

    & .g-view__actions {
      flex-wrap: nowrap;
      flex: none;
      align-items: center;
      gap: .5rem;
      margin-left: auto;
      display: inline-flex;

      & button {
        font-size: var(--btn-font-size);
        padding: var(--btn-pad-md);

        &.has-icon {
          justify-content: center;
          align-items: center;
          gap: .45rem;
          display: inline-flex;
        }

        &:hover i {
          color: var(--btn-hover-bg);
        }
      }

      & .g-action__icon {
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        display: inline-flex;
      }

      & .g-action__label {
        display: inline-block;
      }

      & i {
        background-color: var(--bg);
        border-radius: 50%;
        align-items: center;
        padding: .5rem;
        font-size: 1.2rem;
        transition: background-color .2s, box-shadow .2s, color .2s;
        display: inline-flex;

        &:hover {
          background-color: var(--bg-primary);
        }

        &:hover, &:focus-visible {
          background-color: var(--btn-hover-bg);
          color: var(--hover-fg);
          background-color: var(--hover-bg);
        }
      }

      & .g-view__menu {
        align-items: center;
        display: inline-flex;
        position: relative;
      }

      & .g-view__menu-list {
        white-space: nowrap;
        margin: 0;
        position: absolute;
        top: calc(100% + .35rem);
        left: auto;
        right: 0;
      }
    }

    @media (width <= 45rem) {
      padding: 0 .5rem;

      & .g-view__captions {
        flex: 1;
        min-width: 0;
      }

      & .g-view__actions {
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: .5rem;
        width: auto;
        margin-left: auto;
      }

      & .g-view__title, & .g-view__subtitle {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }

      & .g-view__subtitle {
        display: none;
      }

      &.keep-subtitle-mobile .g-view__subtitle {
        padding-top: .2rem;
        display: block;
      }

      & .g-view__actions button {
        padding: var(--btn-pad-sm);
      }

      & .g-view__actions button.has-icon .g-action__icon + .g-action__label {
        display: none;
      }

      & .g-view__actions i {
        padding: .45rem;
      }
    }
  }

  workareas-view {
    --workareas-head-bg: linear-gradient(90deg,
      var(--scrollbar-thumb-start),
      var(--scrollbar-thumb-end));
    --workareas-head-shadow: inset 0 1px 0 #ffffffbf,
      inset 0 -1px 0 #0000001a;
    background: linear-gradient(#fffffffa, #f7f8fafa);
    border: .6rem solid #ccc;
    border-radius: .6rem;
    min-width: 250px;
    margin: 2rem 1rem 1rem .5rem;
  }

  .workareas-view {
    user-select: none;
  }

  .workareas-view > .section {
    border-bottom: 1px solid var(--border-subtle);
    background: #ffffffd9;
  }

  .workareas-view > .section.workareas {
    flex: none;
    max-height: 48%;
  }

  .workareas-view > .section.activeitems {
    flex: 1;
  }

  .workareas-view__section-head {
    background-image: var(--workareas-head-bg);
    min-height: 2.15rem;
    box-shadow: var(--workareas-head-shadow);
    border-top: 1px solid #ffffffa6;
    border-bottom: 1px solid #0000001a;
    padding: .25rem .7rem;
  }

  .workareas-view__section-head h2 {
    color: color-mix(in srgb, var(--fg) 84%, #111);
    letter-spacing: -.01em;
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .workareas-view__count {
    color: color-mix(in srgb, var(--fg) 65%, #444);
    flex: none;
    font-size: .92rem;
    font-weight: 700;
  }

  .workareas-view .list {
    border-radius: 0;
    min-height: 0;
  }

  .workareas-view .list.card {
    background: none;
    padding: 0;
    overflow-y: auto;
  }

  .workareas-view .list.card .item {
    min-height: 2.65rem;
    box-shadow: none;
    border-bottom: 1px solid color-mix(in srgb, var(--border-subtle) 88%, white);
    background: none;
    border-radius: 0;
    gap: .65rem;
    margin-bottom: 0;
    padding: .5rem .7rem;
  }

  .workareas-view .list.card .item:last-child {
    border-bottom: 0;
  }

  .workareas-view .list.card .item:hover:not(.selected) {
    background: var(--row-hover-bg);
  }

  .workareas-view .list.card .item.active {
    background: linear-gradient(90deg,
         color-mix(in srgb, var(--fg-accent) 10%, white),
         color-mix(in srgb, var(--fg-accent) 3%, white));
    box-shadow: inset .22rem 0 0 color-mix(in srgb, var(--fg-accent) 70%, white),
      inset 0 1px 0 #ffffffb3;
  }

  .workareas-view .item-icon {
    background: linear-gradient(#fffffff2, #f0f2f5f2);
    border-radius: 999px;
    flex: 0 0 1.8rem;
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    box-shadow: inset 0 1px #fffffff2, 0 1px 2px #00000014;
  }

  .workareas-view .item-icon i {
    font-size: 1.1rem;
  }

  .workareas-view .item-detail {
    min-height: 1.8rem;
  }

  .workareas-view .list-col {
    color: color-mix(in srgb, var(--fg) 88%, #111);
    font-size: .94rem;
    font-weight: 500;
  }

  .workareas-view .item-menu {
    width: 1.5rem;
    color: color-mix(in srgb, var(--fg-muted, #666) 90%, #444);
    opacity: 0;
    border-left: 0;
    transition: opacity .12s, color .12s, background-color .12s;
  }

  .workareas-view .item:hover .item-menu, .workareas-view .item.active .item-menu {
    opacity: 1;
  }

  .workareas-view .item-menu:hover {
    background-color: var(--row-hover-bg);
    color: var(--fg-accent);
  }

  @media (width <= 64rem) {
    .workareas-view > .section.workareas {
      max-height: 42%;
    }

    .workareas-view .list.card .item {
      padding-inline: .6rem;
    }
  }

  .g-switch {
    --switch-w: 3.75rem;
    --switch-h: 2.125rem;
    --switch-pad: .25rem;
    --switch-thumb: 1.625rem;
    --switch-bg-off: #ccc;
    --switch-bg-on: var(--fg-accent);
    --switch-thumb-bg: #fff;
    --switch-focus-ring: 0 0 0 .2rem color-mix(in srgb, var(--fg-accent) 40%, transparent);
    --switch-transition: .25s;
    width: var(--switch-w);
    height: var(--switch-h);
    display: inline-block;
    position: relative;
  }

  .g-switch > input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }

  .g-switch {
    & .g-switch__track {
      cursor: pointer;
      background-color: var(--switch-bg-off);
      transition: background-color var(--switch-transition);
      position: absolute;
      inset: 0;
    }

    & .g-switch__track:before {
      content: "";
      width: var(--switch-thumb);
      height: var(--switch-thumb);
      left: var(--switch-pad);
      bottom: var(--switch-pad);
      background-color: var(--switch-thumb-bg);
      transition: transform var(--switch-transition);
      position: absolute;
    }

    & > input:checked + .g-switch__track {
      background-color: var(--switch-bg-on);
    }

    & > input:checked + .g-switch__track:before {
      transform: translateX(calc(var(--switch-w) - var(--switch-thumb) - (var(--switch-pad) * 2)));
    }

    & > input:focus-visible + .g-switch__track {
      box-shadow: var(--switch-focus-ring);
    }

    & .g-switch__track.is-round {
      border-radius: var(--switch-h);
    }

    & .g-switch__track.is-round:before {
      border-radius: 50%;
    }
  }

  .tabset {
    align-items: stretch;
    gap: var(--sz-xsm);
    user-select: none;
    font-size: .95rem;
    display: flex;
  }

  .tabset.is-bordered {
    border-bottom: 1px solid var(--border);
  }

  .tabset.is-transparent {
    background: none;
  }

  .tabset__item {
    cursor: pointer;
    border-radius: .6rem .6rem 0 0;
    align-items: center;
    padding: .5rem .9rem;
    transition: background .12s, color .12s;
    display: inline-flex;
    position: relative;
  }

  .tabset__item:hover {
    background: var(--row-hover-bg);
  }

  .tabset__item.is-active {
    background: var(--bg);
    font-weight: 600;
  }

  .tabset__item.is-active:after {
    content: "";
    background: var(--fg-accent);
    height: .15rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .tabset.is-top .tabset__item.is-active:after {
    top: 0;
    bottom: auto;
  }

  .g-view .tabset {
    margin: 0 var(--sz-sm);
    flex: none;
  }

  .tabset + .g-toolbar {
    min-height: unset;
  }

  :root {
    --tag-radius: 999rem;
    --tag-font-size: .8rem;
    --tag-padding-y: .15rem;
    --tag-padding-x: .5rem;
    --tag-gap: .4rem;
    --tag-shadow: 0 .125rem .25rem #0003;
    --tag-bg: var(--bg-primary);
    --tag-fg: var(--fg-accent);
    --tag-level-0-bg: var(--surface-muted);
    --tag-level-0-fg: var(--fg);
    --tag-level-1-bg: var(--accent-color);
    --tag-level-1-fg: var(--fg-accent);
    --tag-level-2-bg: var(--bg-primary);
    --tag-level-2-fg: var(--fg-accent);
    --tag-level-3-bg: color-mix(in srgb, var(--fg-accent) 20%, var(--bg-primary));
    --tag-level-3-fg: var(--fg);
    --tag-level-4-bg: color-mix(in srgb, var(--accent-color) 70%, var(--bg-primary));
    --tag-level-4-fg: var(--fg);
    --tag-level-5-bg: var(--surface-muted);
    --tag-level-5-fg: var(--fg);
  }

  .g-tags {
    flex-wrap: wrap;
    gap: .25rem;
    min-width: 0;
    padding: .5rem;
    display: flex;
    overflow-y: auto;
  }

  .g-tag {
    white-space: nowrap;
    font-size: var(--tag-font-size);
    padding: var(--tag-padding-y) var(--tag-padding-x);
    border-radius: var(--tag-radius);
    background: var(--tag-bg);
    color: var(--tag-fg);
    box-shadow: var(--tag-shadow);
    text-overflow: ellipsis;
    border: .125rem solid #0000;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    overflow: hidden;

    &:focus {
      box-shadow: 0 0 0 .125rem var(--fg-accent);
      outline: none;
    }

    & .g-tag__remove {
      width: 1rem;
      height: 1rem;
      margin-left: var(--tag-gap);
      background: var(--bg-primary);
      color: var(--fg);
      cursor: pointer;
      border-radius: 50%;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      line-height: 1;
      display: flex;

      &:hover {
        color: var(--error);
      }
    }

    &.level-0 {
      background: var(--tag-level-0-bg);
      color: var(--tag-level-0-fg);
    }

    &.level-1 {
      background: var(--tag-level-1-bg);
      color: var(--tag-level-1-fg);
    }

    &.level-2 {
      background: var(--tag-level-2-bg);
      color: var(--tag-level-2-fg);
    }

    &.level-3 {
      background: var(--tag-level-3-bg);
      color: var(--tag-level-3-fg);
    }

    &.level-4 {
      background: var(--tag-level-4-bg);
      color: var(--tag-level-4-fg);
    }

    &.level-5 {
      background: var(--tag-level-5-bg);
      color: var(--tag-level-5-fg);
    }
  }

  .toolbar {
    align-items: center;
    gap: var(--sz-xsm);
    flex: none;
    min-height: 2.5rem;
    display: flex;
  }

  .toolbar--left {
    margin-right: auto;
  }

  .toolbar--right {
    margin-left: auto;
  }

  .toolbar--fill {
    flex: 1;
  }

  .toolbar__item {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm) var(--sz-sm);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
    color: var(--fg);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    transition: background .12s, color .12s;
    display: flex;
  }

  .toolbar__item:hover {
    background: var(--row-hover-bg);
  }

  .toolbar__item.is-active {
    background: var(--btn-bg-cta);
    color: var(--btn-fg-cta);
  }

  .toolbar__item.is-disabled {
    opacity: .5;
    pointer-events: none;
  }

  .toolbar__separator {
    background: var(--border);
    width: 1px;
    margin: 0 var(--sz-xsm);
    align-self: stretch;
  }

  .toolbar__icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
    transition: background .12s;
    display: inline-flex;
  }

  .toolbar__item:hover > .toolbar__icon {
    background: var(--row-hover-bg);
  }

  .toolbar__item.is-active > .toolbar__icon {
    background: var(--btn-bg-cta);
    color: var(--btn-fg-cta);
  }

  .toolbar--caption .toolbar__item {
    padding: var(--sz-sm) var(--sz-md);
    border-radius: 0;
  }

  .toolbar--caption .toolbar__item.is-active {
    color: var(--fg-accent);
    background: none;
    position: relative;
  }

  .toolbar--caption .toolbar__item.is-active:after {
    content: "";
    background: var(--fg-accent);
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .toolbar--icon .toolbar__item {
    padding: var(--sz-xsm);
  }

  .toolbar--cta {
    padding: var(--sz-xsm);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    background: var(--bg);
    box-shadow: var(--shadow-sm);
  }

  .toolbar__heading {
    font-weight: 600;
    font-size: var(--font-size-md);
    padding: 0 var(--sz-sm);
    cursor: default;
  }

  .toolbar__item.has-badge {
    position: relative;
  }

  .toolbar__badge {
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 var(--sz-xsm);
    font-size: var(--font-size-xs);
    background: var(--fg-accent);
    color: #fff;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: -.4rem;
    right: -.4rem;
  }

  .toolbar__badge--left {
    left: -.4rem;
    right: auto;
  }

  .toolbar--subactions {
    gap: var(--sz-xsm);
    margin-left: auto;
  }

  .toolbar--editing .toolbar__item {
    opacity: .9;
  }

  .toolbar__item.is-dropdown:after {
    content: "▾";
    margin-left: var(--sz-xsm);
    color: var(--fg-muted);
    font-size: .7rem;
  }

  .go1-activity-timeline {
    background: var(--bg);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .go1-activity-timeline .list-header {
    display: none;
  }

  .go1-activity-timeline .list-viewport {
    background: var(--bg);
  }

  .go1-activity-timeline .list-items {
    width: 100%;
  }

  .go1-activity-timeline .timeline__item {
    gap: var(--sz-sm);
    min-height: var(--list-item-height);
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    align-items: flex-start;
    padding: .5rem;
    display: flex;
    position: relative;
  }

  .go1-activity-timeline .timeline__item:hover {
    background: var(--row-hover-bg);
  }

  .go1-activity-timeline .timeline__item.active {
    background: var(--row-active-bg);
  }

  .go1-activity-timeline .timeline__item:last-child {
    border-bottom: 0;
  }

  .go1-activity-timeline .item-icon {
    flex: 0 0 2.4rem;
    justify-content: center;
    margin: 0 1em;
    padding-top: .12rem;
    display: flex;
    position: relative;
  }

  .go1-activity-timeline .item-icon:before, .go1-activity-timeline .item-icon:after {
    display: none;
  }

  .go1-activity-timeline .timeline__item:first-child .item-icon:before {
    top: 1rem;
  }

  .go1-activity-timeline .timeline__item:last-child .item-icon:before {
    bottom: 1rem;
  }

  .go1-activity-timeline .item-icon i {
    z-index: 1;
    color: #288cf0;
    background: none;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.45rem;
    display: flex;
    position: relative;
  }

  .go1-activity-timeline .timeline__item.is-outbound .item-icon i {
    color: #288cf0;
  }

  .go1-activity-timeline .timeline__item.is-note .item-icon i {
    background: color-mix(in srgb, #d8ecff 75%, var(--bg));
  }

  .go1-activity-timeline .item-main, .go1-activity-timeline .item-detail, .go1-activity-timeline .activity-summary {
    white-space: normal;
    flex: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .go1-activity-timeline .timeline__entry {
    flex-direction: column;
    gap: .14rem;
    min-width: 0;
    display: flex;
  }

  .go1-activity-timeline .timeline__header {
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    margin-bottom: .02rem;
    display: flex;
  }

  .go1-activity-timeline .timeline__activity {
    color: #444;
    font-size: var(--font-size-sm);
    background: #fffacd;
    border: 1px solid #aaa;
    border-radius: 3px;
    align-items: center;
    gap: .3rem;
    padding: .08rem .38rem;
    font-weight: 500;
    display: inline-flex;
  }

  .go1-activity-timeline .timeline__activity[data-action] {
    cursor: pointer;
  }

  .go1-activity-timeline .timeline__datetime, .go1-activity-timeline .timeline__user {
    font-size: var(--font-size-sm);
    color: var(--fg-muted);
    white-space: nowrap;
  }

  .go1-activity-timeline .timeline__subject {
    font-size: var(--font-size-md);
    color: var(--fg);
    white-space: normal;
    font-weight: 700;
    line-height: 1.3;
  }

  .go1-activity-timeline .timeline__content {
    font-size: var(--font-size-md);
    color: #333;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-top: .06rem;
    line-height: 1.32;
    display: -webkit-box;
    overflow: hidden;
  }

  .go1-activity-timeline .timeline__content.is-open {
    display: block;
    overflow: visible;
  }

  .go1-activity-timeline .timeline__related {
    color: var(--fg-muted);
    font-size: var(--font-size-xs);
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: .3rem;
    padding: 0;
    display: inline-flex;
  }

  .go1-activity-timeline .timeline__related:hover {
    color: var(--fg);
    text-decoration: underline;
  }

  .go1-activity-timeline .timeline__item.is-expandable {
    cursor: pointer;
  }

  .go1-activity-timeline .timeline__item.is-inbound .item-icon:after, .go1-activity-timeline .timeline__item.is-outbound .item-icon:before {
    content: "";
    color: #bbb;
    pointer-events: none;
    font-family: concord;
    font-size: 1.45rem;
    display: block;
    position: absolute;
    top: 1rem;
    transform: translateY(-50%);
  }

  .go1-activity-timeline .timeline__item.is-inbound .item-icon:after {
    right: -1rem;
  }

  .go1-activity-timeline .timeline__item.is-outbound .item-icon:before {
    left: -1rem;
    transform: translateY(-50%) rotate(180deg);
  }

  .go1-activity-timeline .timeline__item.has-notes.is-inbound .item-icon:after, .go1-activity-timeline .timeline__item.has-notes.is-outbound .item-icon:before {
    color: #444;
  }

  .go1-activity-timeline .timeline__item.is-notes-only .item-icon {
    display: none;
  }

  .go1-activity-timeline.card .timeline__item {
    padding: var(--sz-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    margin: 0 0 var(--sz-sm);
  }

  .go1-activity-timeline.card .timeline__item:last-child {
    margin-bottom: 0;
  }

  .go1-activity-timeline.card .timeline__content {
    -webkit-line-clamp: 4;
  }

  .timeline {
    background: var(--bg);
    border-radius: var(--radius-md);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: auto;
  }

  .timeline__date {
    padding: var(--sz-xsm) var(--sz-md);
    font-size: var(--font-size-xs);
    color: var(--fg-muted);
    text-transform: uppercase;
    font-weight: 600;
  }

  .timeline__item {
    gap: var(--sz-sm);
    padding: var(--sz-sm) var(--sz-md);
    border-bottom: 1px solid var(--border);
    display: flex;
    position: relative;
  }

  .timeline__item:last-child {
    border-bottom: 0;
  }

  .timeline__item:hover {
    background: var(--row-hover-bg);
  }

  .timeline__iconwrap {
    flex: 0 0 2.5rem;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .timeline__iconwrap:before {
    content: "";
    background: var(--border);
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .timeline__item:first-child .timeline__iconwrap:before {
    top: 50%;
  }

  .timeline__item:last-child .timeline__iconwrap:before {
    bottom: 50%;
  }

  .timeline__icon {
    z-index: 1;
    background: var(--bg-primary);
    width: 2rem;
    height: 2rem;
    color: var(--fg-accent);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .timeline__body {
    gap: var(--sz-xsm);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .timeline__header {
    align-items: center;
    gap: var(--sz-xsm);
    flex-wrap: wrap;
    display: flex;
  }

  .timeline__activity {
    font-size: var(--font-size-sm);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    color: var(--fg-accent);
    padding: .1rem .4rem;
    font-weight: 600;
  }

  .timeline__datetime {
    font-size: var(--font-size-xs);
    color: var(--fg-muted);
    white-space: nowrap;
  }

  .timeline__related {
    font-size: var(--font-size-xs);
    color: var(--fg-muted);
    font-style: italic;
  }

  .timeline__related a {
    cursor: pointer;
    text-decoration: underline;
  }

  .timeline__content {
    font-size: var(--font-size-md);
    color: var(--fg);
    white-space: normal;
  }

  .timeline__item.is-expandable {
    cursor: pointer;
  }

  .timeline__item.is-expandable .timeline__header:after {
    content: "▸";
    font-size: var(--font-size-sm);
    color: var(--fg-muted);
    margin-left: auto;
    transition: transform .12s;
  }

  .timeline__item.is-expanded .timeline__header:after {
    transform: rotate(90deg);
  }

  .timeline__item.is-notesonly .timeline__iconwrap {
    display: none;
  }

  .timeline__item.is-notesonly .timeline__body {
    margin-left: 0;
  }

  .timeline__quick {
    padding: var(--sz-md);
    border-top: 1px solid var(--border);
    background: var(--bg-primary);
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .timeline__quick-header {
    align-items: center;
    gap: var(--sz-xsm);
    font-weight: 600;
    display: flex;
  }

  .timeline__quick textarea {
    resize: vertical;
    min-height: 6rem;
  }

  .timeline__quick-actions {
    justify-content: flex-end;
    gap: var(--sz-xsm);
    display: flex;
  }

  @media (width <= 40rem) {
    .go1-activity-timeline .timeline__item {
      padding: var(--sz-sm);
    }

    .go1-activity-timeline .item-icon {
      flex-basis: 2rem;
    }

    .go1-activity-timeline .item-icon i {
      width: 1.75rem;
      height: 1.75rem;
    }
  }

  .tree-wrapper {
    min-width: 18rem;
    overflow: auto;
  }

  .tree {
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: var(--bg);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .tree--db {
    max-height: unset;
  }

  .tree__nav {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm);
    border-bottom: 1px solid var(--border);
    flex: none;
    min-height: 2.5rem;
    display: flex;
  }

  .tree__item {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm) var(--sz-xsm);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: flex;
  }

  .tree__item:hover {
    background: var(--row-hover-bg);
  }

  .tree__item.is-active {
    background: var(--row-selected-bg);
    color: var(--row-selected-fg);
  }

  .tree__item:focus {
    outline: 1px dotted var(--fg-focus);
    outline-offset: 2px;
  }

  .tree__toggle {
    width: 1rem;
    color: var(--fg-muted);
    justify-content: center;
    align-items: center;
    transition: transform .18s;
    display: inline-flex;
  }

  .tree__toggle.is-open {
    transform: rotate(90deg);
  }

  .tree__icon {
    color: var(--fg-muted);
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    display: inline-flex;
  }

  .tree__icon--file {
    color: var(--fg-accent);
  }

  .tree__children {
    flex-direction: column;
    max-height: 0;
    transition: max-height .22s;
    display: flex;
    overflow: hidden;
  }

  .tree__children.is-open {
    max-height: 100rem;
  }

  .tree__children:not(.tree__children--root) {
    margin-left: var(--sz-md);
    padding-left: var(--sz-xsm);
    border-left: 1px solid var(--border);
  }

  .tree__children--root {
    padding: var(--sz-xsm);
    flex: 1;
    overflow: auto;
  }

  .modal-select-tree .tree__nav .icon {
    color: var(--fg-accent);
  }

  .go1-modal-select-tree.g-modal {
    width: min(36rem, 92vw);
  }

  .go1-modal-select-tree .g-modal-body {
    min-height: 22rem;
    max-height: 70vh;
    padding: var(--sz-md);
  }

  .go1-modal-select-tree go1-doc-folder-tree, .go1-modal-select-tree .tree-wrapper {
    flex: 1;
    min-height: 0;
  }

  .go1-modal-select-tree__footer {
    justify-content: space-between;
    gap: var(--sz-sm);
  }

  :root {
    --g-itemeditor-min-h: 2rem;
    --g-itemeditor-max-h: 4.5rem;
    --g-itemeditor-gap: .3rem;
    --g-itemeditor-pill-radius: 999rem;
    --g-itemeditor-pill-shadow: 0 .0625rem .125rem #00000040;
    --g-itemeditor-focus-ring: 0 0 0 .125rem var(--fg-accent);
  }

  .g-item-editor {
    min-height: var(--g-itemeditor-min-h);
    max-height: var(--g-itemeditor-max-h);
    flex: 1;
    display: flex;
    position: relative;
  }

  .g-item-editor.is-auto {
    flex: none;
  }

  .g-item-editor.is-editing {
    min-height: 4.5rem;
    max-height: 6rem;
    padding-bottom: 2rem;
  }

  .g-item-editor__items {
    align-content: flex-start;
    gap: var(--g-itemeditor-gap);
    flex-wrap: wrap;
    flex: 1;
    font-size: .8rem;
    display: flex;
    overflow-y: auto;
  }

  .g-item-editor__autocomplete {
    border-top: .125rem solid var(--form-border);
    background: var(--bg);
    padding: .4rem;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .g-item-editor__autocomplete input {
    flex: 1;
  }

  .g-item-editor.has-more .g-item-editor__items {
    padding-right: 3rem;
  }

  .g-item-editor__more {
    flex: none;
    align-items: center;
    margin-left: auto;
    display: flex;
  }

  .g-item {
    white-space: nowrap;
    border-radius: var(--g-itemeditor-pill-radius);
    height: 1.6rem;
    box-shadow: var(--g-itemeditor-pill-shadow);
    background: var(--pill-bg, var(--surface-muted));
    color: var(--pill-fg, var(--fg));
    text-overflow: ellipsis;
    align-items: center;
    padding: .25rem .6rem;
    display: inline-flex;
    overflow: hidden;
  }

  .g-item:focus-visible {
    box-shadow: var(--g-itemeditor-focus-ring);
    outline: none;
  }

  .g-item__icon {
    margin-right: .4rem;
  }

  .g-item__remove {
    cursor: pointer;
    opacity: .6;
    margin-left: .5rem;
    font-size: .9rem;
  }

  .g-item__remove:hover {
    opacity: 1;
  }

  .g-item.is-blocked {
    opacity: .6;
    text-decoration: line-through;
  }

  .g-item--neutral {
    --pill-bg: var(--surface-muted);
    --pill-fg: var(--fg);
  }

  .g-item--success {
    --pill-bg: color-mix(in srgb, var(--success) 20%, var(--bg-primary));
    --pill-fg: var(--success);
  }

  .g-item--warn {
    --pill-bg: color-mix(in srgb, var(--warn) 20%, var(--bg-primary));
    --pill-fg: var(--warn);
  }

  .g-item--info {
    --pill-bg: color-mix(in srgb, var(--info) 20%, var(--bg-primary));
    --pill-fg: var(--info);
  }

  .g-item--primary {
    --pill-bg: var(--fg-accent);
    --pill-fg: var(--bg-primary);
  }

  .g-view-body {
    min-height: 25%;
  }

  .go1-subview-manager go1-viewheader {
    padding: 0 1.5rem;
  }

  @media (width <= 45rem) {
    .go1-subview-manager go1-viewheader {
      padding: 0 .5rem 0 1rem !important;
    }

    go1-viewheader {
      padding: 1rem .5rem 0 1rem !important;
    }
  }

  :root {
    --cal-border: 1px solid var(--border);
    --cal-radius: var(--radius-md);
    --cal-bg: var(--bg);
    --cal-cell-hover: var(--row-hover-bg);
    --cal-cell-active: var(--row-active-bg);
    --cal-weekend: var(--fg-muted);
    --cal-shadow: var(--shadow-md);
  }

  .calendar {
    background: var(--cal-bg);
    border-radius: var(--cal-radius);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .calendar__body {
    flex-wrap: wrap;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  .calendar__cell {
    border: var(--cal-border);
    flex-direction: column;
    flex: 14.285%;
    min-height: 6rem;
    display: flex;
    overflow: hidden;
  }

  .calendar__cell:hover:not(.is-active) {
    background: var(--cal-cell-hover);
  }

  .calendar__cell.is-active {
    background: var(--cal-cell-active);
  }

  .calendar__cell.is-weekend {
    color: var(--cal-weekend);
  }

  .calendar__heading {
    font-size: var(--font-size-sm);
    padding: var(--sz-xsm) var(--sz-xsm);
    text-align: right;
    font-weight: 500;
  }

  .calendar__day {
    font-size: var(--font-size-xs);
    padding: var(--sz-xsm);
    flex: 1;
    overflow-y: auto;
  }

  .calendar--mini {
    max-height: 24rem;
    box-shadow: var(--cal-shadow);
  }

  .calendar--mini .calendar__cell.is-selected .calendar__day {
    background: var(--fg-accent);
    color: #fff;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
  }

  .calendar__entry {
    font-size: var(--font-size-xs);
    border-radius: var(--radius-sm);
    margin-bottom: var(--sz-xsm);
    background: var(--row-hover-bg);
    cursor: pointer;
    padding: .1rem .3rem;
  }

  .calendar__entry--allday {
    background: var(--fg-accent);
    color: #fff;
  }

  .calendar__entry--more {
    background: none;
    font-weight: 600;
  }

  .event-card {
    background: var(--bg-raised);
    border-radius: .75rem;
    gap: 1rem;
    padding: 1rem;
    display: flex;
  }

  go1-calendar-list.list.card .item:not(.active):not(.selected) {
    border: 2px solid #0000;
  }

  .event-left {
    flex-direction: column;
    flex: 0 0 6rem;
    align-items: center;
    display: flex;
  }

  .event-main {
    flex-direction: column;
    flex: 1;
    gap: .2rem;
    min-width: 0;
    display: flex;
  }

  .event-right {
    align-items: center;
    display: flex;
  }

  .event-title {
    font-weight: 600;
  }

  .event-sub {
    font-size: .9rem;
  }

  .event-meta {
    color: var(--fg-muted);
    font-size: .9rem;
  }

  .event-action {
    flex: none;
    margin-left: auto;
  }

  .event-type-box {
    flex: 0 0 3rem;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    font-size: .9rem;
    display: flex;
  }

  .event-type {
    color: #fff;
    text-align: center;
    background-color: #999;
    border-radius: .3rem;
    align-self: flex-start;
    width: 80px;
    padding: .2rem .5rem;
    font-weight: normal;
  }

  .event-date-box {
    border-radius: var(--radius-sm);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
  }

  .event-month {
    color: var(--fg-muted);
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 600;
  }

  .event-day {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
  }

  .event-available button {
    font-size: var(--btn-font-size);
    padding: .3rem;
  }

  .calendar__footer {
    justify-content: flex-end;
    gap: .5rem;
    padding: .75rem;
    display: flex;
  }

  @media (width <= 55rem) {
    .calendar__cell {
      flex: 100%;
    }
  }

  :root {
    --chat-bg: var(--bg-primary);
    --chat-bubble-bg: var(--bg);
    --chat-bubble-self-bg: color-mix(in srgb, var(--fg-accent) 12%, var(--bg));
    --chat-bubble-radius: var(--radius-md);
    --chat-bubble-shadow: var(--shadow-sm);
    --chat-text: var(--fg);
    --chat-muted: var(--fg-muted);
    --chat-gap: var(--sz-sm);
  }

  .chat {
    background: var(--chat-bg);
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .chat-msglist {
    gap: var(--chat-gap);
    padding: var(--sz-sm);
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    overflow-y: auto;
  }

  .chat-msg {
    gap: var(--sz-xsm);
    align-items: flex-end;
    max-width: 85%;
    display: flex;
  }

  .chat-msg-bubble {
    padding: var(--sz-xsm) var(--sz-sm);
    border-radius: var(--chat-bubble-radius);
    background: var(--chat-bubble-bg);
    box-shadow: var(--chat-bubble-shadow);
    color: var(--chat-text);
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .chat-msg--self {
    flex-direction: row-reverse;
    align-self: flex-end;
  }

  .chat-msg--self .chat-msg-bubble {
    background: var(--chat-bubble-self-bg);
  }

  .chat-msg--other {
    align-self: flex-start;
  }

  .chat-msg-text {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: var(--font-size-md);
  }

  .chat-msg-meta {
    font-size: var(--font-size-xs);
    color: var(--chat-muted);
    align-self: flex-end;
  }

  .chat-avatar {
    background: var(--border);
    block-size: 2rem;
    inline-size: 2rem;
    font-size: var(--font-size-sm);
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .chat-composer {
    gap: var(--sz-xsm);
    padding: var(--sz-sm);
    border-top: 1px solid var(--border);
    background: var(--bg);
    flex: none;
    display: flex;
  }

  .chat-composer textarea {
    resize: none;
    flex: 1;
    min-height: 2.5rem;
    max-height: 8rem;
  }

  .chat-notifications {
    flex-direction: column;
    gap: .5rem;
    max-height: 7.5rem;
    padding: .5rem;
    display: flex;
    overflow-y: auto;
  }

  .chat-unread-separator {
    align-items: center;
    gap: var(--sz-sm);
    margin: var(--sz-xsm) 0;
    font-size: var(--font-size-xs);
    color: var(--chat-muted);
    display: flex;
  }

  .chat-unread-separator:before, .chat-unread-separator:after {
    content: "";
    background: var(--border);
    flex: 1;
    height: 1px;
  }

  .chat-unread-separator span {
    white-space: nowrap;
  }

  .chat-msg-status {
    align-items: center;
    gap: var(--sz-xsm);
    font-size: var(--font-size-xs);
    color: var(--chat-muted);
    display: flex;
  }

  .chat-ticks {
    gap: .1rem;
    display: inline-flex;
  }

  .chat-tick {
    font-size: var(--font-size-xs);
    opacity: .5;
  }

  .chat-msg--read .chat-tick {
    color: var(--fg-accent);
    opacity: 1;
  }

  .chat-typing {
    align-items: center;
    gap: var(--sz-xsm);
    font-size: var(--font-size-sm);
    color: var(--chat-muted);
    padding: var(--sz-xsm) var(--sz-sm);
    display: flex;
  }

  .chat-typing-dots {
    gap: var(--sz-xsm);
    display: flex;
  }

  .chat-typing-dots span {
    background: var(--chat-muted);
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    animation: 1.2s ease-in-out infinite chatTyping;
  }

  .chat-typing-dots span:nth-child(2) {
    animation-delay: .2s;
  }

  .chat-typing-dots span:nth-child(3) {
    animation-delay: .4s;
  }

  @keyframes chatTyping {
    0%, 80%, 100% {
      opacity: .2;
      transform: scale(.8);
    }

    40% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .chat-msg--sending .chat-msg-bubble {
    opacity: .6;
  }

  .chat-msg--failed .chat-msg-bubble {
    background: var(--bg-ui-alert);
    color: var(--fg-ui-alert);
  }

  .chat-msg--failed .chat-msg-status {
    color: var(--fg-ui-alert);
  }

  .chat-msg--delivered .chat-tick:first-child, .chat-msg--read .chat-tick {
    opacity: 1;
  }

  :root {
    --chart-bg: var(--bg);
    --chart-border: var(--border);
    --chart-radius: var(--radius-md);
    --chart-shadow: var(--shadow-md);
    --chart-title-color: var(--fg);
    --chart-muted: var(--fg-muted);
    --chart-grid: var(--border);
    --chart-hover-scale: 1.2;
  }

  .chart-container {
    min-height: 0;
    padding: var(--sz-xsm);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .chart-wrapper {
    border-radius: var(--chart-radius);
    background: var(--chart-bg);
    min-height: 0;
    box-shadow: var(--chart-shadow);
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .chart-header {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm) var(--sz-sm);
    font-size: var(--font-size-lg);
    color: var(--chart-title-color);
    flex: none;
    font-weight: 600;
    display: flex;
  }

  .chart-header-icon:hover {
    transform: scale(var(--chart-hover-scale));
  }

  .chart-stats-total {
    color: var(--chart-title-color);
    margin-left: auto;
    font-weight: 600;
  }

  .chart {
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .chart svg {
    width: 100%;
    height: 100%;
  }

  .chart .line-horizontal, .chart .line-vertical {
    stroke: var(--chart-grid);
  }

  .chart .axis text {
    fill: var(--chart-muted);
    font-size: var(--font-size-xs);
    user-select: none;
  }

  .chart-table {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--font-size-sm);
  }

  .chart-table th, .chart-table td {
    padding: var(--sz-xsm) var(--sz-xsm);
    text-align: left;
    border-bottom: 1px solid var(--chart-border);
  }

  .chart-table th {
    background: var(--row-hover-bg);
    font-weight: 600;
  }

  .chart-container.is-fullscreen {
    z-index: var(--z-modal);
    background: var(--bg);
    padding: var(--sz-md);
    position: fixed;
    inset: 0;
  }

  .g-command {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    width: min(40rem, 95vw);
    max-height: 70vh;
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .g-command__input {
    padding: var(--sz-sm) var(--sz-md);
    border: none;
    border-bottom: 1px solid var(--border);
    font-size: var(--font-size-md);
    outline: none;
  }

  .g-command__list {
    flex: 1;
    overflow: auto;
  }

  .g-command__item {
    padding: var(--sz-sm) var(--sz-md);
    cursor: pointer;
  }

  .g-command__item:hover {
    background: var(--row-hover-bg);
  }

  .g-command__item.active {
    background: var(--row-active-bg);
    color: var(--fg);
  }

  .dashzone {
    padding: var(--sz-md);
    background: var(--bg);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .dash-container {
    gap: var(--sz-md);
    padding: var(--sz-md);
    background: var(--bg-primary);
    flex-wrap: wrap;
    flex: 1;
    align-content: flex-start;
    display: flex;
    overflow: auto;
  }

  .dash-card {
    background: var(--bg);
    border-radius: var(--radius-lg);
    min-width: 18rem;
    min-height: 14rem;
    box-shadow: var(--shadow-sm);
    flex-direction: column;
    flex: 30%;
    transition: box-shadow .2s;
    display: flex;
    overflow: hidden;
  }

  .dash-card:hover {
    box-shadow: var(--shadow-md);
  }

  .dash-container.dash-w2x2 .dash-card {
    flex: 1 1 calc(50% - var(--sz-md));
  }

  .dash-container.dash-w3x3 .dash-card {
    flex: 1 1 calc(33.333% - var(--sz-md));
  }

  .dash-card.u-flex2 {
    flex: 1 1 calc(66.666% - var(--sz-md));
  }

  .dash-card.u-flex3 {
    flex: 100%;
  }

  .dash-header {
    padding: var(--sz-sm) var(--sz-md);
    font-size: var(--font-size-md);
    color: var(--fg);
    border-bottom: 1px solid var(--border);
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    display: flex;
  }

  .dash-header .dash-icon {
    color: var(--fg-muted);
    font-size: 1.2rem;
    transition: transform .2s;
  }

  .dash-header .dash-icon:hover {
    transform: scale(1.2);
  }

  .dash-body {
    padding: var(--sz-md);
    flex: 1;
    overflow: auto;
  }

  .dash-entity-row {
    padding: var(--sz-xsm) 0;
    font-size: var(--font-size-sm);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .dash-entity-label {
    color: var(--fg-muted);
  }

  .dash-entity-stat {
    color: var(--fg);
    font-weight: 600;
  }

  .dash-table {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--font-size-sm);
  }

  .dash-table th, .dash-table td {
    padding: var(--sz-xsm) var(--sz-xsm);
    border-bottom: 1px solid var(--border);
  }

  .dash-table th {
    text-align: left;
    color: var(--fg-muted);
    font-weight: 600;
  }

  .dash-container.ismaximised .dash-card {
    display: none;
  }

  .dash-container.ismaximised .dash-card.ismaximised {
    flex: 100%;
    min-width: 100%;
    min-height: 100%;
    display: flex;
  }

  @media (width <= 60rem) {
    .dash-container {
      flex-direction: column;
    }

    .dash-card, .dash-container.dash-w2x2 .dash-card, .dash-container.dash-w3x3 .dash-card {
      flex: 100%;
      min-width: 100%;
    }
  }

  .group-tabs {
    width: 100%;
  }

  .group-subtabs {
    margin-top: var(--sz-xsm);
  }

  .group-admin-panel {
    padding-top: var(--sz-md);
  }

  .group-directory {
    flex: 1;
    margin-bottom: 0;
  }

  .group-directory__toolbar {
    gap: var(--sz-sm);
    padding: var(--sz-sm) var(--sz-md);
    border-bottom: 0;
  }

  .group-directory__toolbar label {
    font-weight: 600;
  }

  .group-directory__toolbar select {
    min-width: 10rem;
  }

  group-list {
    flex: 1;
    min-height: 0;
  }

  group-list i.icm-group.vlarge {
    color: var(--fg-accent2);
    border-radius: 50%;
    padding: 0 .35rem .35rem;
  }

  group-list .item {
    min-height: 4.5rem;
    padding: var(--sz-sm) var(--sz-md);
  }

  group-list .group-list-summary strong {
    font-size: 1.05rem;
  }

  group-list .group-list-members {
    white-space: nowrap;
  }

  group-list .item-meta span + span:before {
    content: "·";
    margin-right: var(--sz-sm);
  }

  group-list .group-list-notes {
    color: var(--fg-muted);
    margin-top: .25rem;
    font-size: .95rem;
    line-height: 1.45;
    display: block;
  }

  group-list .group-list-mobile-category {
    display: none;
  }

  group-list .group-list-notes > p:first-child {
    margin-top: 0;
  }

  group-list .group-list-notes > p:last-child, group-list .group-list-notes > ul:last-child, group-list .group-list-notes > ol:last-child, group-list .group-list-notes > blockquote:last-child, group-list .group-list-notes > pre:last-child {
    margin-bottom: 0;
  }

  group-list .group-list-notes p, group-list .group-list-notes ul, group-list .group-list-notes ol, group-list .group-list-notes blockquote, group-list .group-list-notes pre {
    margin: 0 0 .6rem;
  }

  .group-admin-notes {
    min-height: 0;
    padding: var(--sz-md);
    border-left: .25rem solid var(--fg-accent);
    border-radius: var(--radius-sm);
    background-color: var(--bg-primary);
    flex: auto;
    overflow-y: auto;
  }

  .group-overview__facts {
    gap: var(--sz-xsm);
    flex-wrap: wrap;
    display: flex;
  }

  .group-overview__description {
    max-width: 70rem;
    line-height: 1.6;
  }

  .group-member-actions .g-group-body {
    padding: var(--sz-lg);
    text-align: center;
    border: 1px solid var(--border);
    align-items: center;
  }

  .group-member-actions h3 {
    margin-bottom: var(--sz-xsm);
  }

  .group-member-actions__buttons .g-btn {
    gap: var(--sz-xsm);
    min-height: 2.6rem;
  }

  .group-detail-actions {
    min-height: 2.5rem;
  }

  .group-admin-notes .post__body {
    font-size: 1rem;
    line-height: 1.55;
  }

  .group-admin-notes .post__body > p:first-child {
    color: var(--fg);
    font-size: 1rem;
    line-height: 1.55;
  }

  .group-admin-notes .post__body > :first-child {
    margin-top: 0;
  }

  .group-admin-notes .post__body > :last-child {
    margin-bottom: 0;
  }

  .group-admin-notes .post__body p, .group-admin-notes .post__body ul, .group-admin-notes .post__body ol, .group-admin-notes .post__body blockquote, .group-admin-notes .post__body pre {
    margin-bottom: .75rem;
  }

  group-admin-members-view .member-detail-body {
    overflow: hidden;
  }

  group-admin-members-view .group-member-tags {
    background: none;
  }

  group-admin-members-view .ea-status-logo {
    object-fit: contain;
    vertical-align: middle;
    width: 2rem;
    height: 1.6rem;
    margin-right: .45rem;
  }

  group-admin-view .group-admin-notes {
    border: 1px solid var(--border);
    border-left: .25rem solid var(--fg-accent);
  }

  group-admin-group-view .group-admin-notes go1-cms-post-body-edit {
    flex: auto;
    min-height: 0;
  }

  @media (width <= 45rem) {
    .group-directory__toolbar {
      flex-direction: column;
      align-items: stretch;
    }

    .group-directory__toolbar > .send-right {
      margin-left: 0;
    }

    .group-directory__toolbar .g-btn[kind="cta"] {
      flex: 1;
    }

    group-list .item {
      align-items: flex-start;
      padding: .75rem;
    }

    group-list .item-detail {
      flex-flow: wrap;
      align-items: flex-start;
      gap: .5rem;
    }

    group-list .group-list-category, group-list .group-list-icon {
      display: none !important;
    }

    group-list .group-list-summary {
      flex: 100%;
      width: 100%;
      max-width: none;
    }

    group-list .group-list-mobile-category {
      margin-bottom: .35rem;
      display: block;
    }

    group-list .group-list-summary .row:first-child {
      gap: .35rem;
    }

    group-list .group-list-summary strong {
      font-size: 1.1rem;
      line-height: 1.25;
    }

    group-list .group-list-members {
      width: 100%;
    }

    .group-member-actions__buttons {
      flex-direction: column;
      align-items: stretch;
      width: 100%;
    }

    group-admin-view .g-group-header {
      align-items: stretch;
      gap: var(--sz-sm);
      flex-direction: column;
    }

    group-admin-view .g-group-header > .send-right, group-admin-view .g-group-header > div > .send-right, group-list .group-list-summary .send-right {
      margin-left: 0;
    }

    group-list .go1-pill--cms {
      white-space: normal;
      text-align: left;
      max-width: 100%;
      line-height: 1.15;
      display: inline-flex;
    }
  }

  .listmanager-detail {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .listmanager-results {
    background: var(--bg);
    border-right: 1px solid var(--border);
    flex-direction: column;
    flex: 0 0 22rem;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .listmanager-results.is-collapsed {
    border-right: 0;
    flex: 0 0 0;
    width: 0;
    overflow: hidden;
  }

  .listmanager-detailpane {
    background: var(--bg-primary);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .list-membercount {
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    border: 1px solid var(--border);
    min-width: 3.5rem;
    color: var(--fg);
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    padding: .2rem .5rem;
    font-size: .8rem;
    display: inline-flex;
  }

  member-strava-view {
    & .member-strava-shell {
      padding: .25rem;
    }

    & .member-strava-card {
      min-height: 0;
    }

    & .member-strava-list-card {
      max-height: min(38rem, 100vh - 22rem);
      overflow: hidden;
    }

    & .member-strava-avatar {
      object-fit: cover;
      background: color-mix(in srgb, var(--fg-accent, #fc4c02) 12%, white);
      border-radius: 999px;
      block-size: 3.75rem;
      inline-size: 3.75rem;
    }

    & .member-strava-avatar-fallback {
      background: color-mix(in srgb, var(--fg-accent, #fc4c02) 12%, white);
      color: #fc4c02;
      border-radius: 999px;
      flex: 0 0 3.75rem;
      justify-content: center;
      align-items: center;
      block-size: 3.75rem;
      inline-size: 3.75rem;
      font-weight: 700;
      display: flex;
    }

    & .member-strava-title {
      font-size: 1rem;
      font-weight: 700;
    }

    & .member-strava-subtitle {
      color: var(--fg-muted, #666);
      font-size: .95rem;
    }

    & .member-strava-actions .g-btn, & .member-strava-search .g-btn {
      border-radius: 999px;
    }

    & .member-strava-connect {
      color: #fff;
      background: #fc4c02;
      border-color: #fc4c02;
    }

    & .member-strava-connect:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
      color: #fff;
      background: #de4302;
      border-color: #de4302;
    }

    & .member-strava-disconnect {
      background: color-mix(in srgb, var(--fg-muted, #666) 16%, white);
      color: inherit;
    }

    & .member-strava-search input {
      min-width: 0;
      border: 1px solid color-mix(in srgb, var(--fg-muted, #666) 22%, transparent);
      background: var(--bg-primary, #fff);
      min-block-size: 2.75rem;
      color: inherit;
      font: inherit;
      border-radius: 999px;
      flex: 1;
      padding: 0 1rem;
    }

    & .member-strava-item {
      background: color-mix(in srgb, var(--bg-nested, #f1f1f1) 80%, white);
      border-radius: .9rem;
      flex-direction: column;
      gap: .3rem;
      padding: .85rem .95rem;
      display: flex;
    }

    & .member-strava-item-head {
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;
      gap: .75rem;
      display: flex;
    }

    & .member-strava-item-title {
      font-weight: 700;
    }

    & .member-strava-item-link {
      color: inherit;
      align-items: center;
      gap: .45rem;
      text-decoration: none;
      display: inline-flex;
    }

    & .member-strava-item-link-icon {
      color: #fc4c02;
      background: #ffeae1;
      border-radius: 999px;
      flex: 0 0 1.2rem;
      justify-content: center;
      align-items: center;
      block-size: 1.2rem;
      inline-size: 1.2rem;
      font-size: .72rem;
      font-weight: 700;
      display: inline-flex;
    }

    & .member-strava-item-link:hover {
      text-decoration: underline;
    }

    & .member-strava-item-meta, & .member-strava-empty, & .member-strava-error {
      color: var(--fg-muted, #666);
    }

    & .member-strava-feedback {
      border-radius: .85rem;
      padding: .85rem .95rem;
      font-weight: 600;
    }

    & .member-strava-feedback.ok {
      color: #136334;
      background: #e4f2e9;
    }

    & .member-strava-feedback.err {
      color: #8f281f;
      background: #f8e7e6;
    }

    & .member-strava-feedback.info {
      color: #184d86;
      background: #e8eff6;
    }

    & .member-strava-badges {
      flex-wrap: wrap;
      gap: .5rem;
      display: flex;
    }

    & .list.member-strava-activity-list {
      scrollbar-width: auto;
      flex: 1;
      min-height: 0;
      max-height: 100%;
      padding: 0 .25rem 0 0;
      overflow-y: auto;
    }

    & member-strava-activity-list .list-items {
      flex-direction: column;
      display: flex;
    }

    & .member-strava-badge {
      color: #b53a00;
      background: #ffeae1;
      border-radius: 999px;
      align-items: center;
      min-block-size: 1.9rem;
      padding: .2rem .7rem;
      font-size: .88rem;
      display: inline-flex;
    }

    @media (width <= 45rem) {
      & .member-strava-search {
        flex-direction: column;
        align-items: stretch;
      }
    }

    @media (orientation: landscape) and (width <= 60rem) and (height <= 32rem) {
      & .member-strava-shell {
        gap: var(--sz-sm);
      }

      & .member-strava-avatar, & .member-strava-avatar-fallback {
        flex-basis: 3rem;
        block-size: 3rem;
        inline-size: 3rem;
      }

      & .member-strava-actions {
        gap: var(--sz-xsm);
      }

      & .member-strava-list-card {
        max-height: min(24rem, 100dvh - 11rem);
      }

      & .member-strava-search {
        flex-wrap: wrap;
      }

      & .member-strava-search input {
        min-block-size: 2.4rem;
      }
    }
  }

  po10-review-view {
    & .po10-review-shell {
      gap: var(--sz-md);
      flex: 1;
      min-height: 0;
      display: flex;
    }

    & .po10-review-panel {
      flex: 1;
      min-width: 0;
      min-height: 0;
      margin-bottom: 0;
    }

    & .po10-review-list, & .po10-review-detail {
      min-height: 0;
      overflow-y: auto;
    }

    & .po10-review-summary {
      color: var(--fg-muted);
      font-size: .95rem;
    }

    & .po10-review-table-wrap {
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-md);
      background: var(--bg-raised);
      overflow-x: auto;
    }

    & .po10-review-table {
      border-collapse: collapse;
      width: 100%;
    }

    & .po10-review-table th, & .po10-review-table td {
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid var(--border-subtle);
      padding: .65rem .75rem;
    }

    & .po10-review-table thead th {
      color: var(--fg-muted);
      background: var(--bg-soft);
      white-space: nowrap;
      font-size: .85rem;
    }

    & .po10-review-table tbody tr:last-child td {
      border-bottom: none;
    }

    & .po10-review-table td.ta-r, & .po10-review-table th.ta-r {
      text-align: right;
    }

    & .po10-review-card {
      gap: var(--sz-sm);
      padding: var(--sz-sm);
      border: 1px solid var(--border-subtle);
      border-radius: var(--radius-md);
      background: var(--bg-raised);
      flex-direction: column;
      display: flex;
    }

    & .po10-review-meta {
      flex-wrap: wrap;
      gap: .75rem;
      display: flex;
    }

    & .po10-review-selected {
      padding-bottom: var(--sz-sm);
      border-bottom: 1px solid var(--border-subtle);
      flex-direction: column;
      gap: .25rem;
      display: flex;
    }

    & .po10-review-empty {
      color: var(--fg-muted);
    }

    & .po10-import-panel {
      padding-top: var(--sz-sm);
      border-top: 1px solid var(--border-subtle);
    }

    & .po10-import-json {
      min-height: 12rem;
      font-family: var(--ff-mono, monospace);
      resize: vertical;
      font-size: .9rem;
    }

    & .w-4rem {
      width: 4rem;
    }

    & .w-6rem {
      width: 6rem;
    }

    @media (width <= 60rem) {
      & .po10-review-shell {
        flex-direction: column;
      }

      & .po10-review-table th, & .po10-review-table td {
        padding: .55rem .6rem;
      }
    }
  }

  .reminder-overlay {
    z-index: var(--z-modal);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .reminder {
    background: var(--bg);
    border: 1px solid var(--border);
    width: 26rem;
    max-width: 95vw;
    max-height: 26rem;
    box-shadow: var(--shadow-lg);
    border-radius: 1.2rem;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .reminder.is-docked {
    bottom: var(--sz-md);
    right: var(--sz-md);
    border-radius: 1rem;
    width: 22rem;
    max-height: 14rem;
    position: fixed;
  }

  .reminder__header {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-sm) var(--sz-md);
    border-bottom: 1px solid var(--border);
    background: color-mix(in srgb, var(--fg-accent) 10%, transparent);
    flex: none;
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
  }

  .reminder__count {
    color: var(--fg-muted);
    margin-left: auto;
    font-size: .95rem;
  }

  .reminder__close {
    cursor: pointer;
    opacity: .7;
    font-size: 1.2rem;
    transition: opacity .12s, color .12s;
  }

  .reminder__close:hover {
    opacity: 1;
    color: var(--fg-error);
  }

  .reminder__list {
    padding: var(--sz-sm);
    flex: 1;
    overflow: auto;
  }

  .reminder__list i {
    font-size: 1.2rem;
  }

  .reminder__item {
    align-items: center;
    gap: var(--sz-xsm);
    padding: var(--sz-xsm) var(--sz-sm);
    border-radius: .6rem;
    transition: background .12s;
    display: flex;
  }

  .reminder__item:hover {
    background: var(--row-hover-bg);
  }

  .reminder__duetime {
    opacity: .8;
    margin-right: var(--sz-xsm);
    font-size: .95rem;
  }

  .reminder__duetime:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  .reminder__item.is-todo i {
    color: var(--fg-error);
  }

  .reminder__footer {
    padding: var(--sz-sm) var(--sz-md);
    border-top: 1px solid var(--border);
    justify-content: flex-end;
    gap: var(--sz-xsm);
    flex: none;
    display: flex;
  }

  @media (width <= 30rem) {
    .reminder {
      width: 95vw;
      max-height: 80vh;
    }

    .reminder.is-docked {
      right: var(--sz-xsm);
      bottom: var(--sz-xsm);
      width: 95vw;
    }
  }

  .documenter-detail {
    background: var(--bg);
    flex: 1;
    overflow: hidden;
  }

  .documenter-detail.entityview {
    background: var(--bg-primary);
  }

  .foldersmount, .detailmount {
    background: var(--bg-primary);
    border-right: 1px solid var(--border);
    flex: 0 0 0;
    transition: flex-basis .25s;
    overflow: hidden;
  }

  .foldersmount.show, .detailmount.show {
    flex-basis: var(--doc-sidebar-width, 23rem);
  }

  .detailmount {
    border-right: 0;
    border-left: 1px solid var(--border);
  }

  .filedetail {
    background: var(--bg-primary);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .filedetail * {
    font-size: var(--font-size-xs);
  }

  .app-documenter .csl-tree, .app-documenter .filedetail {
    box-shadow: var(--shadow-sm);
    border-radius: 0;
    margin: 0;
  }

  .app-documenter .icm-folder {
    cursor: pointer;
    text-shadow: 1px 1px 1px #333;
    padding-right: .5rem;
    font-size: 1.1rem;
    color: var(--fg-muted, #999) !important;
  }

  .app-documenter .icm-folder-open, .app-documenter .icm-folder-hascontent {
    color: var(--fg-accent);
    transition: transform .2s;
  }

  .app-documenter .icm-folder-hascontent:hover {
    transform: scale(1.2);
  }

  .breadcrumbs {
    color: var(--fg-muted);
    gap: .25rem;
    font-weight: 600;
  }

  .separator {
    color: var(--border);
  }

  .detail-list {
    flex: 1;
    min-height: 0;
  }

  .detail-list a.link {
    border-bottom: none;
  }

  .documenter-doc-list {
    --table-th-bg: #7d7d7d;
    --row-active-bg: #dfe8fb;
    background: #fff;
    border-radius: 0;
  }

  .documenter-doc-list .list-header {
    color: #fff;
    border-bottom: 0;
    font-size: .95rem;
    font-weight: 500;

    &.item:hover:not(.selected):not(.active) {
      background: var(--table-th-bg) !important;
    }
  }

  .documenter-doc-list .item {
    border-bottom: 1px solid #d9d9d9;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: .95rem;
  }

  .documenter-doc-list .item.active {
    outline-offset: -1px;
    outline: 1px solid #7ea8ff;
  }

  .documenter-doc-list .col {
    color: #222;
  }

  .documenter-doc-list .list-header .col {
    color: #fff;
  }

  .documenter-doc-list .col.documenter-doc-list__name {
    min-width: 0;
    overflow: hidden;
  }

  .documenter-doc-list .col a.link {
    color: #3d6cff;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: none;
    max-width: 100%;
    text-decoration: underline;
    display: inline-block;
    overflow: hidden;
  }

  .documenter-doc-list .list-col.documenter-doc-list__name .documenter-doc-link {
    min-width: 0;
    max-width: 100%;
    display: inline-block;
  }

  .documenter-doc-list .list-col i.icm-folder {
    color: #888;
    font-size: 1.1rem;
  }

  .documenter-preview-img {
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    object-fit: contain;
    flex: 1;
    min-height: 14rem;
    max-height: min(60vh, 34rem);
  }

  .documenter-toolbar {
    border-bottom: 1px solid var(--border);
    background: var(--bg-primary);
  }

  .documenter-toolbar button {
    min-width: 5.5rem;
  }

  .documenter-toolbar .documenter-toolbar-btn {
    min-width: 2.5rem;
    padding-inline: 0;
  }

  .documenter-toolbar .documenter-toolbar-btn i {
    font-size: 1.1rem;
    line-height: 1;
  }

  .documenter-toolbar .documenter-toolbar-btn.is-selected {
    background: var(--bg-cta);
    color: var(--fg-cta);
  }

  .documenter-toolbar .documenter-toolbar-btn.is-selected i {
    color: inherit;
  }

  .documenter-details {
    min-width: 0;
    max-width: none;
    padding: var(--sz-sm);
    background: var(--bg-panel);
    border-left: 0;
    flex: 1;
    overflow-y: auto;
  }

  .documenter-preview, .documenter-safeguarding {
    min-width: 0;
    padding: var(--sz-sm);
    background: var(--bg-panel);
    flex: 1;
    overflow-y: auto;
  }

  .documenter-preview .admin-panel, .documenter-safeguarding .admin-panel {
    min-height: 100%;
  }

  .doc-safeguard-edit go1-finder-select-list {
    flex: 1;
    min-width: 0;
    min-height: 18rem;
    display: flex;
  }

  .doc-safeguard-edit .go1-finder-main.dual {
    flex-direction: column;
  }

  .doc-safeguard-edit .go1-finder-item-meta {
    color: var(--fg-muted);
    font-size: var(--font-size-xs);
  }

  .doc-detail-edit {
    gap: var(--sz-sm);
    min-height: 100%;
  }

  .doc-detail-edit .admin-panel__eyebrow {
    letter-spacing: .08em;
  }

  .doc-detail-edit .g-form {
    gap: var(--sz-xs);
  }

  .doc-detail-edit .g-form > div {
    align-items: center;
    gap: var(--sz-sm);
    min-width: 0;
    display: flex;
  }

  .doc-detail-edit .g-form > div > label {
    text-transform: lowercase;
    flex: 0 0 5rem;
    margin: 0;
    font-weight: 600;
  }

  .doc-detail-edit .g-form > div > input, .doc-detail-edit .g-form > div > select {
    flex: 1;
    min-width: 0;
  }

  .doc-detail-edit .row[data-show="show_form"] {
    margin-top: var(--sz-xs);
    justify-content: flex-start;
    align-items: center;
  }

  .documenter-upload {
    min-width: 0;
    padding: var(--sz-sm);
    background: var(--bg-panel);
    flex: 1;
    overflow-y: auto;
  }

  .documenter-upload .admin-panel {
    min-height: 100%;
  }

  .documenter-upload-progress {
    padding: var(--sz-xs) 0;
  }

  .documenter-upload-progress__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .documenter-upload-progressbar {
    border-radius: var(--radius-sm);
    background: var(--bg-soft);
    border: 1px solid var(--border);
    width: 100%;
    height: .6rem;
    overflow: hidden;
  }

  .documenter-upload-progressbar--minor {
    height: .4rem;
  }

  .documenter-upload-progressbar__fill {
    background: var(--fg-accent);
    width: 0;
    height: 100%;
    transition: width .12s linear;
  }

  body[data-appmode="auth"] .g-app {
    pointer-events: none;
    filter: blur(.2rem);

    & .g-auth {
      display: flex;
    }
  }

  .g-auth {
    z-index: var(--z-drawer);
    background: #08141c;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: none;
    position: fixed;
    inset: 0;
    overflow: hidden;

    & login-view {
      z-index: 1;
      border-radius: 3rem;
      flex-direction: column;
      flex: none;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }
  }

  @media (width <= 45rem) {
    .g-auth login-view {
      border-radius: 0;
      width: 100%;
      max-width: 350px;
    }
  }

  @media (orientation: landscape) and (width <= 60rem) and (height <= 32rem) {
    .g-auth {
      padding: var(--sz-sm);
      justify-content: flex-start;
      overflow-y: auto;
    }

    .g-auth login-view {
      width: 100%;
      max-width: 34rem;
      padding-block: var(--sz-sm);
    }

    .g-auth-card {
      gap: var(--sz-sm);
      width: min(34rem, 100%);
      max-height: calc(100dvh - 1rem);
      padding: var(--sz-md);
    }

    .g-auth-footer {
      gap: var(--sz-sm);
    }
  }

  .g-auth-card {
    gap: var(--sz-xsm);
    width: min(28rem, 100%);
    padding: var(--sz-lg);
    background: var(--bg-primary);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    opacity: 0;
    flex-direction: column;
    animation: .35s forwards g-auth-fade-in;
    display: flex;
    transform: translateY(1rem);
  }

  @keyframes g-auth-fade-in {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .g-auth-footer {
    justify-content: center;
    gap: 1rem;
    display: flex;
  }

  .g-auth-error.error {
    background: var(--bg-error);
    border: 1px solid var(--fg-error);
    color: var(--fg-error);
  }

  .g-auth-error.success {
    background: var(--form-bg-ok);
    border: 1px solid var(--form-fg-ok);
    color: var(--form-fg-ok);
  }

  .g-password-field {
    align-items: center;
    display: flex;
    position: relative;
  }

  .g-password-field input {
    flex: 1;
    min-width: 0;
    padding-right: 2.8rem;
  }

  .g-password-toggle {
    color: var(--fg-muted);
    cursor: pointer;
    opacity: .8;
    background: none;
    font-size: 1.5rem;
    line-height: 1;
    transition: color .2s, opacity .2s;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: .65rem;
    transform: translateY(-50%);
  }

  .g-password-toggle:hover, .g-password-toggle:focus-visible, .g-password-toggle.is-active {
    color: var(--fg-accent);
    opacity: 1;
  }

  .g-otp-input {
    border: 1px solid var(--form-border);
    border-radius: var(--radius-md);
  }

  .g-otp-input:focus-visible {
    border-color: var(--fg-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--fg-accent) 40%, transparent);
  }

  .g-otp-input.error {
    border-color: var(--fg-error);
    background: var(--bg-error);
  }

  home-view {
    border-radius: .6rem;
    justify-content: center;
    align-items: center;

    & .g-view {
      background-color: var(--bg-primary);
      flex: none;
      place-self: center;
      min-width: 0;
      min-height: 0;
      margin: auto;

      & .g-view-body {
        min-width: 420px;
      }
    }
  }

  home-view .home-img-wrapper, logout-view .home-img-wrapper, login-view .home-img-wrapper {
    width: 15rem;
    height: 15rem;
    margin: var(--sz-md) auto;
    border-radius: var(--radius-md);
    background-image: url("/img/home.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  login-view {
    isolation: isolate;
    box-shadow: none;
    background: none;
    border-radius: 0;
    position: relative;
    overflow: visible;
    padding: 0 !important;

    & .g-auth-panel {
      z-index: 1;
      background-color: var(--bg-raised);
      box-shadow: var(--shadow-lg);
      border-radius: 3rem;
      padding: 2rem;
      position: relative;
    }

    & .g-auth-bg {
      z-index: -2;
      pointer-events: none;
      position: fixed;
      inset: 0;
      overflow: hidden;
    }

    & .g-auth-bg-media {
      object-fit: cover;
      object-position: center;
      filter: brightness(1.6);
      width: 100%;
      height: 100%;
      transform: scale(1.12);
    }

    & .g-auth-bg-scrim {
      background: linear-gradient(#040c124d, #040c12ad), radial-gradient(circle at 100% 0, #67b8d024, #0000 32rem), radial-gradient(circle at 0, #ffffff14, #0000 28rem);
      position: absolute;
      inset: 0;
    }

    & .home-img-wrapper {
      width: 12rem;
      height: 12rem;
      margin: 0 auto;
    }
  }

  .g-map {
    min-width: 0;
    display: block;
  }

  .g-map__frame {
    min-height: var(--go1-map-height, 14rem);
    height: var(--go1-map-height, 14rem);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-raised);
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .g-map__canvas, .g-map__empty {
    position: absolute;
    inset: 0;
  }

  .g-map__canvas {
    z-index: 1;
  }

  .g-map__empty {
    z-index: 2;
    color: var(--fg-muted);
    text-align: center;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-raised) 88%, white) 0%, var(--bg-raised) 100%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 1rem;
    display: flex;
  }

  .g-map__empty i {
    color: var(--fg-accent);
    font-size: 1.25rem;
  }

  :root {
    --msg-panel-bg: #ffffffc7;
    --msg-panel-border: #856d521f;
    --msg-thread-hover: #f7efe4;
    --msg-thread-badge: #2d7f67;
    --msg-thread-badge-fg: #fff;
    --msg-post-meta: #7b6754;
    --msg-post-body: #231b14;
    --msg-compose-bg: #fffcf7e0;
    --msg-note-bg: #ffffff9e;
    --msg-border-radius: 1.35rem;
    --msg-panel-height: 5rem;
  }

  go1-msg-view, msg-view {
    & .msg-panel {
      border: 1px solid var(--msg-panel-border);
      border-radius: var(--msg-border-radius);
      background: var(--msg-panel-bg);
      backdrop-filter: blur(8px);
      flex-direction: column;
      min-width: 0;
      min-height: 0;
      display: flex;
      overflow: hidden;
    }

    & .msg-panel--inbox {
      flex: 0 0 33%;
    }

    & .msg-panel--thread {
      flex: 1;
    }

    & .msg-panel__head {
      min-height: var(--msg-panel-height);
      max-height: var(--msg-panel-height);
      border-bottom: 1px solid var(--border-strong);
      padding: 1rem;
    }

    & .msg-compose-panel, & .msg-error-panel {
      border: 1px solid var(--msg-panel-border);
      border-radius: var(--msg-border-radius);
      backdrop-filter: blur(8px);
    }

    & .msg-compose-panel {
      background: linear-gradient(135deg, #fffffff0, #faf4eceb),
        var(--msg-compose-bg);
      flex-direction: column;
      flex: 1;
      padding: 1.25rem;
      display: flex;
    }

    & .msg-error-panel {
      background: #fff5f5eb;
      padding: .9rem 1rem;
    }

    & .msg-compose-panel__head {
      margin-bottom: 1rem;
      padding-bottom: .9rem;
    }

    & .msg-compose-panel__subtitle {
      color: var(--msg-post-meta);
      font-size: .92rem;
    }

    & .msg-compose-panel__dropdown {
      flex-direction: column;
      gap: .65rem;
      display: flex;
    }

    & .msg-compose-panel__dropdownbtn {
      width: 100%;
      min-height: 3rem;
      color: var(--msg-post-body);
      text-align: left;
      background: #ffffffe6;
      border: 1px solid #856d5229;
      border-radius: 1rem;
      justify-content: space-between;
      align-items: center;
      gap: .75rem;
      padding: .8rem 1rem;
      display: flex;
    }

    & .msg-compose-panel__dropdownicon {
      color: var(--msg-post-meta);
      font-size: .92rem;
    }

    & .msg-compose-panel__picker {
      background: #ffffffc2;
      border: 1px solid #856d521a;
      border-radius: 1.1rem;
      flex-direction: column;
      flex: 1;
      gap: .65rem;
      width: 100%;
      min-height: 0;
      max-height: 300px;
      padding: .75rem;
      display: flex;
      overflow: hidden;
    }

    & .msg-compose-panel__fields {
      background: #ffffff94;
      border: 1px solid #856d521a;
      border-radius: 1.1rem;
      flex-direction: column;
      flex: 1;
      gap: .65rem;
      min-width: 0;
      padding: 1rem;
      display: flex;
    }

    & .msg-compose-panel__label {
      letter-spacing: .04em;
      text-transform: uppercase;
      color: var(--msg-post-meta);
      font-size: .82rem;
      font-weight: 700;
    }

    & .msg-compose-panel__fields input, & .msg-compose-panel__fields textarea, & .msg-reply-panel textarea {
      background: #ffffffe6;
      border: 1px solid #856d5229;
    }

    & .msg-panel.msg-panel--thread {
      border: none;
    }

    & .msg-reply-panel {
      background: var(--bg-main) !important;

      & textarea {
        filter: drop-shadow(1px 2px 3px #aaa);
        background-color: #fff;
        border-radius: .6rem;
      }
    }

    & .msg-compose-panel__fields textarea {
      min-height: 11rem;
    }

    & .msg-selected-recipient {
      color: #4e3f31;
      background: #efe3d1;
      border: 1px solid #856d521a;
      border-radius: 999px;
      align-items: center;
      gap: .45rem;
      min-height: 2rem;
      padding: .4rem .8rem;
      font-size: .92rem;
      display: inline-flex;
    }

    & .msg-selected-recipient__meta {
      color: var(--msg-post-meta);
      font-size: .9em;
      font-weight: 400;
    }

    & .msg-empty-note, & .msg-thread-note, & .msg-thread-empty {
      color: var(--msg-post-meta);
    }

    & .msg-thread-empty {
      text-align: center;
      border-radius: calc(var(--msg-border-radius) - .25rem);
      background: var(--msg-note-bg);
      min-height: 16rem;
      margin: 1rem;
    }

    & .msg-thread-list {
      flex: 1;
    }

    & .msg-thread-item {
      padding: 1rem;
    }

    & .msg-post-list .list-items {
      flex-direction: column;
      display: flex;
    }

    & .msg-recipient-list {
      background: #ffffffe0;
      border: 1px solid #856d521f;
      border-radius: 1rem;
      flex-direction: column;
      flex: 1;
      height: 100%;
      min-height: 0;
      max-height: 5rem;
      padding: .2rem;
      display: flex;
      overflow: hidden;
      box-shadow: inset 0 1px #fff9;
    }

    & .msg-recipient-list .list-items {
      flex-direction: column;
      flex: 1;
      min-height: 0;
      display: flex;
      overflow: hidden auto;
    }

    & .msg-recipient-metainline {
      color: var(--msg-post-meta);
      white-space: nowrap;
      font-size: .92em;
      font-weight: 400;
    }

    & .msg-thread-badge {
      background: var(--msg-thread-badge);
      min-width: 1.55rem;
      height: 1.55rem;
      color: var(--msg-thread-badge-fg);
      border-radius: 999px;
      justify-content: center;
      align-items: center;
      padding: 0 .45rem;
      font-size: .82rem;
      font-weight: 700;
      display: inline-flex;
    }

    & .msg-thread-status, & .msg-recipient-state {
      color: #8a715a;
      align-items: center;
      font-size: .82rem;
      display: inline-flex;
    }

    & .msg-thread-preview, & .msg-recipient-meta {
      color: #735f4e;
      font-size: .92rem;
      line-height: 1.35;
    }

    & .msg-recipient-item:hover {
      background: var(--row-hover-bg);
    }

    & .msg-recipient-item.selected {
      background: linear-gradient(135deg, #e4efe9, #eef6f1);
      box-shadow: inset 0 0 0 1px #2d7f6724;
    }

    & .msg-recipient-state {
      white-space: nowrap;
      font-size: .78rem;
    }

    & .msg-recipient-meta {
      font-size: .82rem;
    }

    & .msg-thread-head {
      min-height: var(--msg-panel-height);
      max-height: var(--msg-panel-height);
      border-bottom: 1px solid var(--border-strong);
      padding: 1rem;
    }

    & .msg-thread-head__participants {
      color: #6f5b4b;
      font-size: .96rem;
      line-height: 1.4;
    }

    & .msg-thread-head__status {
      color: #765f4c;
      background: #f2e8da;
      border: 1px solid #856d521f;
      border-radius: .6rem;
      align-items: center;
      min-height: 2rem;
      padding: .35rem .8rem;
      font-size: .85rem;
      display: inline-flex;
    }

    & .msg-post-stream {
      background: linear-gradient(#fff3, #fff3), radial-gradient(circle at top, #dff4e8a6, #0000 30%), radial-gradient(circle at 0 100%, #f7efe4e6, #0000 34%);
      padding: 1rem 2rem 1.1rem;
    }

    & .msg-post-stream .msg-post {
      background: #f0f8ff;
      border-radius: 1rem;
      align-items: center;
      gap: 1rem;
      width: calc(100% - 2rem);
      padding: 1.5rem;
      box-shadow: .25rem .25rem .75rem #0000001a;
    }

    & .msg-post-stream .msg-post:nth-child(2n) {
      background: #f0fff0;
      flex-direction: row-reverse;
      margin-left: 2rem;
      margin-right: -2rem;
    }

    & .msg-post-stream .msg-post.mine {
      background: #f0fdf4;
    }

    & .msg-post-meta {
      color: var(--msg-post-meta);
      font-size: .82rem;
      line-height: 1.3;
    }

    & .msg-post-body {
      word-break: break-word;
      font-size: 1rem;
    }

    & .msg-reply-panel {
      background: linear-gradient(#ffffff8a, #ffffffc7);
      border-top: 1px solid #856d521a;
      flex-direction: column;
      gap: .55rem;
      padding: 1rem 1rem 1.1rem;
      display: flex;
    }

    & .msg-reply-panel__actions {
      min-width: 0;
    }

    & .msg-reply-panel go1-body-edit, & .msg-compose-panel go1-body-edit, & .msg-reply-panel .go1-body-edit__host, & .msg-compose-panel .go1-body-edit__host {
      flex: 1;
      min-width: 0;
      display: flex;
    }

    & .msg-reply-panel go1-body-edit textarea, & .msg-compose-panel go1-body-edit textarea, & .msg-reply-panel .go1-body-edit-rich__body, & .msg-compose-panel .go1-body-edit-rich__body {
      background: #ffffffe6;
      border: 1px solid #856d5229;
      border-radius: .6rem;
      min-height: 9rem;
      padding: .85rem 1rem;
    }

    & .msg-reply-panel .go1-body-edit-rich, & .msg-compose-panel .go1-body-edit-rich {
      flex-direction: column;
      gap: .65rem;
      display: flex;
    }

    & .msg-reply-panel .go1-body-edit-rich__body, & .msg-compose-panel .go1-body-edit-rich__body {
      overflow-wrap: anywhere;
    }

    & .msg-reply-panel .go1-body-edit-rich__body:empty:before, & .msg-compose-panel .go1-body-edit-rich__body:empty:before {
      content: attr(data-placeholder);
      color: #7b6754b3;
    }

    & .msg-reply-panel .g-rte-tools, & .msg-compose-panel .g-rte-tools {
      min-width: 0;
    }

    & .msg-thread-note {
      background: #ffffff85;
      border-top: 1px solid #856d521a;
    }

    & go1-msg-reply {
      display: flex;
    }
  }

  .msg-post.item {
    padding: .5rem;
  }

  .msg-post.item:nth-child(odd) {
    background-color: var(--bg-main);
  }

  @media (width <= 62rem) {
    go1-msg-view, msg-view {
      & .msg-layout, & .msg-compose-panel__body {
        flex-direction: column;
      }

      & .msg-panel--inbox, & .msg-compose-panel__picker {
        flex-basis: auto;
      }

      & .msg-compose-panel__fields {
        padding: .85rem;
      }

      & .msg-recipient-list {
        max-height: 14rem;
      }
    }
  }

  go1-reporter, reporter-admin-view {
    & .reporter-view {
      border-radius: .6rem;
      flex-direction: column;
      gap: 1rem;
      min-height: 100%;
      padding: 1rem;
      display: flex;
    }

    & .reporter-page {
      flex-direction: column;
      gap: 1rem;
      min-height: 0;
      display: flex;
      overflow: auto;
    }

    & .reporter-toolbar {
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 70%, #fff);
      background: #ffffffeb;
      border-radius: 18px;
      padding: .25rem;
      box-shadow: inset 0 1px #ffffffb3;
    }

    & .reporter-toolbar .btn {
      border-radius: 12px;
    }

    & .reporter-toolbar .btn.active {
      border-color: var(--brand, #ef6112);
      background: color-mix(in srgb, var(--brand, #ef6112) 14%, #fff);
      color: var(--brand, #ef6112);
      box-shadow: 0 10px 20px #ef61121f;
    }

    & .reporter-page > .small[data-el="count_text"] {
      padding-inline: .2rem;
    }

    & .reporter-list, & .reporter-params, & .reporter-results {
      flex: 1;
      min-height: 0;
      padding: .25rem;
    }

    & .reporter-list {
      overflow: auto;
    }

    & .reporter-report, & .reporter-param-row {
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 75%, #fff);
      background: #fff;
      border-radius: 18px;
      flex-direction: column;
      gap: .5rem;
      padding: 1rem 1.1rem;
      display: flex;
      box-shadow: 0 10px 24px #0f172a0a;
    }

    & .reporter-report {
      cursor: pointer;
      transition: transform .14s, box-shadow .14s, border-color .14s;
    }

    & .reporter-report:hover {
      transform: translateY(-1px);
      box-shadow: 0 16px 28px #0f172a14;
    }

    & .reporter-report.active {
      border-color: var(--brand, #ef6112);
      background: color-mix(in srgb, var(--brand, #ef6112) 6%, #fff);
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #ef6112) 16%, transparent),
         0 18px 34px #ef61121a;
    }

    & .reporter-pill {
      background: color-mix(in srgb, var(--brand, #ef6112) 9%, #fff);
      color: color-mix(in srgb, var(--brand, #ef6112) 72%, #222);
      text-transform: lowercase;
      border-radius: 999px;
      align-items: center;
      padding: .2rem .55rem;
      font-size: .75rem;
      font-weight: 600;
      line-height: 1;
      display: inline-flex;
    }

    & .reporter-report .btn {
      border-radius: 12px;
      min-width: 4.25rem;
    }

    & .reporter-param-row {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }

    & .reporter-param-meta {
      min-width: 12rem;
    }

    & .reporter-param-inputs {
      flex: 1;
    }

    & .reporter-param-inputs input {
      flex: 1;
      min-width: 12rem;
    }

    & .reporter-table-wrap {
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 75%, #fff);
      background: #fff;
      border-radius: 18px;
      overflow: auto;
      box-shadow: 0 14px 30px #0f172a0f;
    }

    & .reporter-table {
      border-collapse: collapse;
      width: 100%;
    }

    & .reporter-table th, & .reporter-table td {
      border-bottom: 1px solid color-mix(in srgb, var(--line, #ddd) 75%, #fff);
      text-align: left;
      vertical-align: top;
      padding: .8rem .9rem;
    }

    & .reporter-table th {
      background: color-mix(in srgb, var(--brand, #ef6112) 7%, #fff);
      font-weight: 700;
    }

    & .reporter-table tbody tr:nth-child(2n) td {
      background: #0f172a05;
    }

    & .reporter-frame {
      border: 1px solid color-mix(in srgb, var(--line, #ddd) 75%, #fff);
      background: #fff;
      border-radius: 18px;
      width: 100%;
      min-height: 70vh;
      box-shadow: 0 14px 30px #0f172a0f;
    }

    & .reporter-empty {
      border: 1px dashed color-mix(in srgb, var(--line, #ddd) 85%, #fff);
      background: linear-gradient(#fff, #faf7f4);
      border-radius: 18px;
      padding: 1rem 1.1rem;
    }

    @media (width <= 720px) {
      & .reporter-view {
        border-radius: 18px;
        padding: .75rem;
      }

      & .reporter-param-row {
        flex-direction: column;
        align-items: stretch;
      }

      & .reporter-param-meta, & .reporter-param-inputs input {
        min-width: 0;
      }
    }
  }

  :root {
    --wf-gap: .75rem;
    --wf-pad: .75rem;
    --wf-radius: .5rem;
    --wf-opacity-muted: .4;
    --wf-opacity-soft: .6;
  }

  .g-workflow {
    gap: var(--wf-gap);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .g-workflow.is-completed {
    opacity: .85;
  }

  .g-workflow__step {
    align-items: center;
    gap: var(--wf-gap);
    padding: var(--wf-pad);
    border-radius: var(--wf-radius);
    transition: background .2s, opacity .2s, color .2s;
    display: flex;

    &.is-pending {
      opacity: var(--wf-opacity-muted);
    }

    &.is-available {
      cursor: pointer;
      background: var(--cta-bg);
      color: var(--cta-fg);
    }

    &.is-completed {
      opacity: var(--wf-opacity-soft);
      text-decoration: line-through;
    }

    &.is-skipped {
      opacity: .5;
      font-style: italic;
    }

    &.is-blocked {
      background: var(--warn-bg);
      color: var(--warn-fg);
    }

    &.is-failed {
      color: var(--error);
    }

    &.is-expired {
      color: var(--muted);
    }

    &.is-active {
      font-weight: 600;
    }
  }

  .acl-row {
    min-width: 0;
  }

  .acl-key {
    text-align: left;
    flex: 0 0 12rem;
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
  }

  .acl-meta {
    flex: 1;
    min-width: 0;
  }

  .acl-action {
    flex: none;
  }

  .acl-row {
    &.is-active {
      & .acl-action-reactivate {
        display: none;
      }
    }

    &.is-inactive {
      & .acl-action-deactivate {
        display: none;
      }
    }
  }

  :root {
    --ac-min-width: 5rem;
    --ac-max-height: 12rem;
    --ac-radius: var(--radius-md);
    --ac-shadow: var(--shadow-md);
    --ac-border: 1px solid var(--form-border);
    --ac-bg: var(--bg);
    --ac-hover-bg: var(--row-hover-bg);
    --ac-active-bg: var(--row-active-bg);
    --ac-active-border: var(--fg-accent);
    --ac-item-min-height: 2rem;
  }

  .autocomplete, .cs-autocomplete {
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .autocomplete__input, .cs-autocomplete__input {
    flex: 1;
    width: 100%;
    min-width: 0;
  }

  .autocomplete__listwrapper, .cs-autocomplete__listwrapper {
    top: calc(100% + var(--sz-xsm));
    min-width: min(100%, var(--ac-min-width));
    max-width: min(32rem, 100vw - 2rem);
    max-height: var(--ac-max-height);
    border: var(--ac-border);
    border-radius: var(--ac-radius);
    background: var(--ac-bg);
    box-shadow: var(--ac-shadow);
    z-index: var(--z-dropdown);
    flex-direction: column;
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    left: 0;
    overflow: hidden;
  }

  .autocomplete.is-top .autocomplete__listwrapper, .cs-autocomplete.is-top .cs-autocomplete__listwrapper {
    top: auto;
    bottom: calc(100% + var(--sz-xsm));
  }

  .autocomplete__list, .cs-autocomplete__list {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
  }

  .autocomplete__item, .cs-autocomplete__item {
    align-items: center;
    gap: var(--sz-xsm);
    min-height: var(--ac-item-min-height);
    padding: var(--sz-xsm) var(--sz-sm);
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #0000;
    display: flex;
  }

  .autocomplete__item:hover, .cs-autocomplete__item:hover {
    background: var(--ac-hover-bg);
  }

  .autocomplete__item.is-active, .autocomplete__item.active, .cs-autocomplete__item.is-active, .cs-autocomplete__item.active {
    background: var(--ac-active-bg);
    border-color: var(--ac-active-border);
  }

  .autocomplete__icon {
    flex: none;
  }

  .autocomplete__text {
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .autocomplete__text--finder {
    flex-direction: column;
    gap: .15rem;
    display: flex;
  }

  .autocomplete__main {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .autocomplete__eid, .autocomplete__eid-inline {
    color: var(--fg-soft);
    font-variant-numeric: tabular-nums;
  }

  .autocomplete__eid {
    text-align: right;
    flex: 0 0 4.5rem;
  }

  .autocomplete__extras {
    gap: var(--sz-sm);
    min-width: 0;
    color: var(--fg-soft);
    flex-wrap: wrap;
    font-size: .75rem;
    display: flex;
  }

  .autocomplete__extra {
    min-width: 0;
  }

  .go1-finder-autocomplete .autocomplete__item--finder-column {
    white-space: normal;
    align-items: flex-start;
  }

  .go1-finder-autocomplete .autocomplete__item--finder-column .autocomplete__eid {
    text-align: right;
    flex: 0 0 2rem;
    padding-top: .1rem;
  }

  .go1-finder-autocomplete .autocomplete__item--finder-column .autocomplete__text--finder {
    overflow: hidden;
  }

  .go1-finder-autocomplete .autocomplete__item--finder-column .autocomplete__main {
    line-height: 1.2;
    display: block;
  }

  .autocomplete__hilite, .cs-autocomplete .hilite {
    color: var(--fg-accent);
    font-weight: 600;
  }

  .autocomplete__footer, .cs-autocomplete__footer {
    min-height: 2.5rem;
    padding: var(--sz-xsm);
    border-top: var(--ac-border);
    background: var(--ac-bg);
    flex: none;
  }

  .autocomplete__footer .icon-only, .cs-autocomplete__footer .icon-only {
    min-width: 2rem;
    min-height: 2rem;
  }

  :root {
    --av-gap: .4rem;
    --av-pad: 1rem;
    --av-pill-width: 4rem;
    --av-pill-height: 1.6rem;
    --av-pill-radius: 999rem;
    --av-pill-bg: #fff;
    --av-pill-border: #ccc;
    --av-pill-shadow: 0 .0625rem .125rem #00000026;
    --av-pill-on-bg: var(--fg-accent);
    --av-pill-on-border: #4aaf4a;
    --av-pill-inherited-bg: #2e7dff;
  }

  .av-wrap {
    flex-direction: column;
    min-width: 0;
    display: flex;
    overflow-y: auto;
  }

  .av-col {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 0 1rem 1rem;
    display: flex;

    & h3 {
      user-select: none;
      flex: 1;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0;
      font-weight: 600;
      display: flex;

      & label {
        align-items: center;
        font-size: .8rem;
        font-weight: 400;
        display: flex;
      }
    }
  }

  .avgrid.pills {
    align-items: center;
    gap: var(--av-gap);
    padding: var(--av-pad);
    flex-direction: column;
    display: flex;
  }

  .av-head, .av-row {
    align-items: center;
    gap: var(--av-gap);
    display: flex;
  }

  .av-head .h, .av-row .d {
    width: var(--av-pill-width);
    text-align: center;
    opacity: .7;
    font-size: .85rem;
  }

  .av-head .h {
    text-transform: uppercase;
    font-weight: 600;
  }

  .pill {
    width: var(--av-pill-width);
    height: var(--av-pill-height);
    border-radius: var(--av-pill-radius);
    border: 1px solid var(--av-pill-border);
    background: var(--av-pill-bg);
    cursor: pointer;
    filter: drop-shadow(var(--av-pill-shadow));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pill.on {
    background: var(--av-pill-on-bg);
    border-color: var(--av-pill-on-border);
  }

  .pill.inherited {
    background: var(--av-pill-inherited-bg);
    opacity: .25;
  }

  .week {
    & .weekinput {
      margin: 0 .5rem;
      font-size: 1rem;
    }

    & button {
      font-size: 1.2rem;
    }
  }

  go1-body-edit, .go1-body-edit__host, go1-body-edit-rich {
    flex-direction: column;
    flex: auto;
    width: 100%;
    min-height: 0;
    display: flex;
  }

  .go1-body-edit-rich__body {
    min-height: 12rem;
    box-shadow: none;
    outline: 0;
    flex: auto;
    padding: .9rem 1rem;
  }

  club-exec-bio-list {
    & .card-subheading {
      color: var(--fg-accent);
    }
  }

  go1-card, .go1-card {
    background-color: var(--bg-raised);
    box-shadow: var(--shadow-md);
    border-radius: .6rem;
    margin-bottom: 1rem;
    padding: 1rem 1rem 0;

    & .card-img {
      border-radius: .6rem;
      max-width: 120px;
      max-height: 120px;
    }

    & .card-container {
      padding-top: .5rem;
    }
  }

  go1-chart {
    width: 100%;
    min-width: 0;
    display: block;
  }

  go1-chart .g-chart__toolbar {
    justify-content: flex-end;
    margin-bottom: .5rem;
    display: flex;
  }

  go1-chart .g-chart__typepicker {
    position: relative;
  }

  go1-chart .g-chart__menu {
    min-width: 12rem;
    margin: 0;
    padding: .25rem 0;
    list-style: none;
    position: absolute;
    top: calc(100% + .25rem);
    right: 0;
  }

  go1-chart .g-chart__menu .g-menu__item.active {
    background: var(--row-active-bg);
    color: var(--fg-accent);
  }

  go1-chart .g-chart__frame {
    width: 100%;
    height: var(--go1-chart-height, 18rem);
    min-height: 14rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  go1-chart .g-chart__canvas {
    flex: auto;
    display: block;
    width: 100% !important;
    height: 100% !important;
  }

  go1-chart .g-chart__empty {
    width: 100%;
    height: var(--go1-chart-height, 18rem);
    justify-content: center;
    align-items: center;
    min-height: 14rem;
    display: flex;
  }

  go1-cms-post-view .g-view-body a {
    color: var(--fg-accent);
    text-decoration: underline;
  }

  go1-cms-links-section {
    width: 100%;
    display: block;
  }

  .g-cms-block, .g-cms-block__body {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .g-cms-block {
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    box-shadow: var(--shadow-sm);
  }

  .g-cms-block.is-fallback, .g-cms-view.is-fallback .g-cms-block {
    background: color-mix(in srgb, var(--bg-primary) 84%, var(--bg-accent));
  }

  .g-cms-block__header, .g-cms-block__title {
    margin: 0;
  }

  .g-cms-block__title, .g-cms-block__header h3 {
    font-size: 1rem;
    font-weight: 600;
  }

  .g-cms-block__content {
    gap: var(--sz-sm);
    color: var(--fg);
    flex-direction: column;
    display: flex;
  }

  .g-cms-block__content p:first-child {
    margin-top: 0;
  }

  .g-cms-block__content p:last-child {
    margin-bottom: 0;
  }

  .g-cms-block__caption {
    color: var(--fg-mid);
    font-size: .875rem;
  }

  .g-cms-image {
    gap: var(--sz-xs);
    flex-direction: column;
    margin: 0;
    display: flex;
  }

  .g-cms-image img {
    border-radius: var(--radius-sm);
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
  }

  .g-cms-image--sm {
    width: min(100%, 14rem);
  }

  .g-cms-image--md {
    width: min(100%, 22rem);
  }

  .g-cms-image--lg {
    width: min(100%, 32rem);
  }

  .g-cms-image--full {
    width: 100%;
  }

  .g-cms-image--sm, .g-cms-image--md, .g-cms-image--lg {
    margin-inline: auto;
  }

  .g-cms-image-row {
    gap: var(--sz-sm);
    flex-wrap: nowrap;
    display: flex;
  }

  .g-cms-image-row .g-cms-image {
    flex: 0 0 calc((100% - (var(--sz-sm) * 2)) / 3);
    min-width: 0;
  }

  .g-cms-image-row .g-cms-image img {
    aspect-ratio: 3;
  }

  .g-cms-block.is-empty {
    display: none;
  }

  .go1-cms-link-edit {
    width: 100%;
    max-width: 42rem;
    margin: 0 auto;
    padding-right: 0;
  }

  .cms-link-edit__grid {
    width: 100%;
  }

  .cms-link-edit__grid > .g-cell {
    min-width: 0;
  }

  .cms-link-edit__cell-wide {
    flex: 0 0 100%;
    width: 100%;
  }

  .cms-link-edit__cell-wide > go1-autocomplete {
    width: 100%;
  }

  .post-admin-layout {
    align-items: stretch;
    gap: var(--sz-lg);
  }

  .post-admin-pane {
    min-width: 0;
  }

  .post-admin-pane--results {
    flex: 0 0 24rem;
    min-height: 0;
    display: flex;
  }

  .post-admin-panel--results, .post-admin-panel--detail {
    height: 840px;
    min-height: 0;
  }

  .post-admin-page .g-view-body {
    background: radial-gradient(circle at top left, color-mix(in srgb, var(--bg-accent) 9%, transparent), transparent 28rem),
         linear-gradient(180deg, color-mix(in srgb, var(--bg-accent) 3%, var(--bg)) 0%, var(--bg) 100%);
  }

  .g-main:not(.split-row):not(.split-column) > .cms-admin-page {
    max-width: none;
    margin: 0;
  }

  .cms-admin-page .g-view-body {
    background: var(--bg-primary);
  }

  .cms-content-admin {
    flex-direction: row;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .cms-content-admin__nav {
    padding: var(--sz-sm) 0;
    border-right: 1px solid var(--border);
    background: var(--bg-nested);
    flex-direction: column;
    flex: 0 0 11rem;
    display: flex;
  }

  .cms-content-admin__nav button {
    width: 100%;
    padding: var(--sz-sm) var(--sz-md);
    background: none;
    border: 0;
    border-left: 3px solid #0000;
    border-radius: 0;
    justify-content: flex-start;
    font-size: 1rem;
  }

  .cms-content-admin__nav button.active {
    border-left-color: var(--fg-accent);
    background: var(--row-active-bg);
    color: var(--fg-accent);
  }

  .cms-content-admin__workspace, .cms-content-admin__workspace > .g-view {
    flex: 1;
    min-width: 0;
    max-width: none;
    min-height: 0;
    display: flex;
  }

  .cms-content-admin__workspace > .g-view > go1-viewheader {
    display: none;
  }

  .cms-content-admin__workspace > .g-view > .g-view-body {
    flex: 1;
  }

  .cms-admin-page:has(.cms-pages-editor-mode.show) > go1-viewheader, .cms-content-admin:has(.cms-pages-editor-mode.show) > .cms-content-admin__nav {
    display: none;
  }

  .cms-pages-body, .cms-pages-editor-mode, .cms-page-editor {
    flex: 1;
    min-width: 0;
    min-height: 0;
  }

  .cms-pages-editor-mode, .cms-page-editor {
    display: flex;
  }

  .cms-page-editor {
    background: var(--bg-primary);
    flex-direction: column;
  }

  .cms-page-editor__toolbar, .cms-page-editor__pane-head {
    align-items: center;
    gap: var(--sz-sm);
    padding: var(--sz-sm);
    border-bottom: 1px solid var(--border);
    display: flex;
  }

  .cms-page-editor__toolbar {
    flex: none;
  }

  .cms-page-editor__title {
    text-align: center;
    flex: 1;
    min-width: 0;
  }

  .cms-page-editor__actions {
    align-items: center;
    gap: var(--sz-sm);
    flex: none;
    display: flex;
  }

  .cms-page-editor__body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .cms-page-editor__outline, .cms-page-inspector {
    background: var(--bg-primary);
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .cms-page-editor__outline {
    border-right: 1px solid var(--border);
    flex: 0 0 18rem;
  }

  .cms-page-editor__pane-head {
    justify-content: space-between;
  }

  .cms-page-editor__outline > go1-cms-block-list {
    flex: 1;
    min-height: 0;
  }

  .cms-page-editor__canvas {
    gap: var(--sz-lg);
    min-width: 0;
    min-height: 0;
    padding: var(--sz-lg);
    background: var(--bg);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .cms-page-editor__canvas > :is(.cms-page-editor__content, go1-cms-view-preview) {
    width: min(100%, 72rem);
    margin: 0 auto;
  }

  .cms-page-editor__canvas > go1-cms-view-preview {
    background: var(--bg-primary);
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  .cms-page-editor__canvas .admin-preview__body {
    flex: 1;
    overflow: auto;
  }

  .cms-page-preview-frame {
    background: var(--bg-primary);
    border: 0;
    flex: 1;
    width: 100%;
    min-height: 100%;
    display: block;
  }

  .cms-page-editor__content {
    flex: none;
    height: auto;
  }

  .cms-page-editor__canvas.editor-only > .cms-page-editor__content, .cms-page-editor__canvas.preview-only > go1-cms-view-preview {
    flex: 0 0 100%;
    min-height: 0;
  }

  .cms-page-editor__canvas.editor-only .g-rte-ex-shell {
    flex: 1;
    min-height: 0;
  }

  .cms-page-editor__canvas.editor-only .tox-tinymce {
    height: 100% !important;
  }

  .cms-page-inspector {
    border-left: 1px solid var(--border);
    flex: 0 0 32rem;
  }

  .cms-page-inspector .admin-form--view .g-grid {
    flex-flow: column;
  }

  .cms-page-inspector__tabs {
    padding: var(--sz-sm) var(--sz-sm) 0;
    flex: none;
    align-self: flex-start;
  }

  .cms-page-inspector__panel {
    min-height: 0;
    padding: var(--sz-md);
    flex-direction: column;
    flex: 1;
  }

  .cms-page-editor-block {
    padding: var(--sz-sm);
    border: 2px dotted #0000;
    position: relative;
  }

  .cms-page-editor-block:hover {
    border-color: var(--border-strong);
  }

  .cms-page-editor-block.active {
    border-color: var(--fg-muted);
  }

  .cms-admin-layout {
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
  }

  .cms-admin-panel {
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .cms-admin-sidebar {
    border-right: 1px solid var(--border);
    background: var(--bg-nested);
    flex: 0 0 22rem;
    align-self: stretch;
    position: static;
  }

  .cms-admin-editor {
    background: var(--bg-primary);
  }

  .cms-create-head {
    gap: var(--sz-xs);
    flex-direction: column;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .cms-create-head__row {
    justify-content: space-between;
    align-items: center;
    gap: var(--sz-sm);
    width: 100%;
    display: flex;
  }

  .cms-create-head__title {
    color: var(--fg-muted);
    font-size: var(--font-size-md);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
  }

  .cms-admin-list.list.card {
    background: none;
    padding: 0;
    overflow-x: hidden;
  }

  .cms-admin-list .cms-admin-list__item {
    width: auto;
    padding: .5rem;
  }

  .cms-admin-list .item-main {
    gap: .35rem;
  }

  .cms-admin-list .item-detail {
    justify-content: space-between;
    align-items: center;
    gap: var(--sz-sm);
    flex-direction: row;
  }

  .cms-admin-list .item-meta {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .cms-admin-list__subtitle {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
  }

  .cms-admin-list .cms-admin-list__actions {
    justify-content: flex-end;
    gap: var(--sz-xsm);
  }

  .cms-admin-list .item:not(.active) .cms-admin-list__actions {
    display: none;
  }

  .post-admin-layout {
    width: min(100%, 110rem);
    margin: 0 auto;
  }

  .post-admin-pane--filters {
    top: var(--sz-sm);
    align-self: flex-start;
    position: sticky;
  }

  .cms-admin-panel--sidebar, .post-admin-panel--sidebar, .post-admin-panel--list, .post-admin-panel--detail, .cms-admin-panel--editor, .admin-mode-body, .post-admin-form {
    gap: var(--sz-md);
  }

  .post-admin-panel--results go1-cms-post-list {
    flex: 1;
    min-height: 0;
  }

  .cms-link-edit__cell-wide > .g-error {
    text-align: left;
  }

  .cms-link-edit__preview {
    padding: var(--sz-sm);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
  }

  .cms-link-edit__preview-link {
    overflow-wrap: anywhere;
  }

  .post-admin-page .post-admin-heroimage-preview {
    border-radius: var(--radius-md);
    width: 100%;
    height: auto;
    box-shadow: var(--shadow-sm);
    display: block;
  }

  .post-edit__head {
    padding-bottom: var(--sz-xs);
    align-items: flex-start;
    position: relative;
  }

  .post-edit__headcopy {
    flex: auto;
  }

  .post-edit__actions {
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    position: absolute;
    top: -12px;
    right: -11px;
  }

  .post-edit__actions > button {
    border-radius: .7rem;
    padding-inline: .9rem;
  }

  .post-admin-form {
    flex-direction: column;
    display: flex;
  }

  .post-admin-form > section, .post-history-preview, .post-history-list {
    padding: var(--sz-sm);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-nested);
  }

  .post-admin-form__summary textarea {
    min-height: 8rem;
  }

  .cms-admin-panel h3, .post-admin-panel h3 {
    line-height: 1.15;
  }

  go1-cms-view-edit .admin-form, .g-cms-edit-box, .g-cms-edit-shell, .g-rte, .g-rte > div {
    border-radius: var(--radius-md);
  }

  .g-cms-edit > .g-cms-edit-section, .g-cms-edit-section {
    gap: var(--sz-md);
    flex-direction: column;
    display: flex;
  }

  .g-cms-edit > .g-cms-edit-section > .row, .g-cms-edit-section > .row {
    justify-content: space-between;
    align-items: center;
  }

  .g-cms-edit > .g-cms-edit-section > .row > .row:first-child, .g-cms-edit-section > .row > .row:first-child {
    order: 2;
    margin-left: auto;
  }

  .g-cms-edit > .g-cms-edit-section > .row > .row:last-child, .g-cms-edit-section > .row > .row:last-child {
    order: 1;
  }

  .g-cms-edit > .g-cms-edit-section > .row button, .g-cms-edit-section > .row button {
    border-radius: .75rem;
  }

  .g-cms-edit > .g-cms-edit-section > .row [kind="cta"], .g-cms-edit-section > .row [kind="cta"] {
    min-width: 3rem;
  }

  .g-cms-edit-btn-cancel {
    border-color: color-mix(in srgb, var(--danger) 35%, var(--border));
    color: color-mix(in srgb, var(--danger) 82%, var(--fg));
  }

  @media (width <= 70rem) {
    .cms-content-admin {
      flex-direction: column;
    }

    .cms-content-admin__nav {
      border-right: 0;
      border-bottom: 1px solid var(--border);
      flex-direction: row;
      flex: none;
      padding: 0;
      overflow-x: auto;
    }

    .cms-content-admin__nav button {
      border-bottom: 3px solid #0000;
      border-left: 0;
      width: auto;
    }

    .cms-content-admin__nav button.active {
      border-bottom-color: var(--fg-accent);
    }

    .cms-page-editor__outline {
      flex-basis: 15rem;
    }

    .cms-page-inspector {
      flex-basis: 28rem;
    }

    .cms-page-editor__canvas {
      padding: var(--sz-md);
    }

    .cms-admin-layout, .post-admin-layout {
      flex-direction: column;
    }

    .cms-admin-sidebar, .post-admin-pane--filters {
      width: 100%;
      position: static;
    }

    .cms-admin-sidebar {
      border-right: 0;
      border-bottom: 1px solid var(--border);
    }

    .post-admin-pane--results, .post-admin-pane--detail, .admin-editor, .admin-sidebar {
      flex-basis: auto;
      width: 100%;
    }
  }

  @media (width <= 55rem) {
    .cms-page-editor__body {
      flex-wrap: wrap;
      overflow: auto;
    }

    .cms-page-editor__outline {
      flex: 0 0 14rem;
    }

    .cms-page-editor__canvas {
      flex: 24rem;
      min-height: 30rem;
    }

    .cms-page-inspector {
      border-top: 1px solid var(--border);
      border-left: 0;
      flex: 1 0 100%;
      min-height: 24rem;
    }
  }

  .post-shell {
    width: min(100%, 72rem);
    padding: var(--sz-lg);
    margin: 0 auto;
  }

  .post {
    gap: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
    box-shadow: var(--shadow-sm);
    flex-direction: column;
    padding: clamp(1rem, 1vw + .85rem, 1.5rem);
    display: flex;
  }

  .post__meta {
    align-items: center;
    gap: var(--sz-sm);
    color: var(--fg-mid);
    flex-wrap: wrap;
    font-size: .95rem;
    display: flex;
  }

  .post__header {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .post__header h2 {
    color: var(--fg-accent);
    text-wrap: balance;
    margin: 0;
    font-size: clamp(1.7rem, 1.8vw + 1.2rem, 2.45rem);
    line-height: 1.15;
  }

  .post__header p {
    max-width: 56rem;
    color: var(--fg-mid);
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.65;
  }

  .post__hero {
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--bg-accent) 18%, var(--bg-primary));
    display: block;
    overflow: hidden;
  }

  .post__hero img {
    width: 100%;
    height: auto;
    display: block;
  }

  .post__hero--sm img {
    width: min(100%, 14rem);
    margin: 0 auto;
  }

  .post__hero--md img {
    width: min(100%, 22rem);
    margin: 0 auto;
  }

  .post__hero--lg img {
    width: min(100%, 32rem);
    margin: 0 auto;
  }

  .post__hero--full img {
    width: 100%;
    margin: 0;
  }

  .post__body {
    color: var(--fg);
    overflow-wrap: anywhere;
    font-size: 1.02rem;
    line-height: 1.55;
  }

  .post__body > :first-child {
    margin-top: 0;
  }

  .post__body > :last-child {
    margin-bottom: 0;
  }

  .post__body > p:first-child {
    color: var(--fg-title, var(--fg));
    font-size: 1.14rem;
    line-height: 1.6;
  }

  .post__body p {
    margin: 0;
  }

  .post__body ul, .post__body ol, .post__body blockquote, .post__body pre {
    margin: 0 0 1rem;
  }

  .post__body h1, .post__body h2, .post__body h3, .post__body h4, .post__body h5, .post__body h6 {
    color: var(--fg-title, var(--fg));
    text-wrap: balance;
    margin: 1.8rem 0 .75rem;
    line-height: 1.2;
  }

  .post__body h1 {
    font-size: 2rem;
  }

  .post__body h2 {
    font-size: 1.6rem;
  }

  .post__body h3 {
    font-size: 1.3rem;
  }

  .post__body ul, .post__body ol {
    padding-left: 1.35rem;
  }

  .post__body blockquote {
    border-left: 4px solid var(--fg-accent);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: color-mix(in srgb, var(--bg-accent) 10%, var(--bg-primary));
    color: var(--fg-mid);
    padding: .85rem 1rem;
  }

  .post__body .cms-callout {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--bg-accent) 8%, var(--bg-primary));
    box-shadow: var(--shadow-sm);
    border-left-width: 5px;
    flex-direction: column;
    gap: .55rem;
    margin: 1.35rem 0;
    padding: 1rem 1.1rem;
    display: flex;
  }

  .post__body .cms-callout > :last-child {
    margin-bottom: 0;
  }

  .post__body .cms-callout__title {
    color: var(--fg-title, var(--fg));
    align-items: center;
    gap: .55rem;
    font-weight: 700;
    line-height: 1.25;
    display: flex;
  }

  .post__body .cms-callout__title i {
    color: inherit;
  }

  .post__body .cms-callout--info {
    border-left-color: var(--fg-accent);
    background: color-mix(in srgb, var(--bg-accent) 11%, var(--bg-primary));
  }

  .post__body .cms-callout--highlight {
    border-left-color: color-mix(in srgb, #f0a100 72%, var(--fg-accent));
    background: color-mix(in srgb, #f6c85f 16%, var(--bg-primary));
  }

  .post__body .cms-callout--important {
    background: color-mix(in srgb, #f1b3a3 18%, var(--bg-primary));
    border-left-color: #d85b39;
  }

  .post__body pre, .post__body code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  .post__body pre {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--bg-secondary, var(--bg-primary)) 82%, black 3%);
    padding: .85rem 1rem;
    line-height: 1.55;
    overflow: auto;
  }

  .post__body a {
    text-underline-offset: .14em;
    text-decoration-thickness: .08em;
  }

  .post__body ul.flex:has( > li.section-link) {
    padding-left: 0;
  }

  .post__body li.section-link {
    margin-bottom: .5rem;
    margin-right: 1rem;
    list-style: none;
  }

  .post__body li.section-link > a {
    color: var(--fg-accent);
    border-bottom: 1px solid #999;
    padding: 0;
    font-size: .9rem;
    text-decoration: none;
  }

  .post__body li.section-link > a:hover {
    border-bottom-color: color-mix(in srgb, var(--fg-accent) 78%, red);
    color: color-mix(in srgb, var(--fg-accent) 78%, red);
  }

  .post__body a.cms-link-btn {
    background: var(--fg-accent);
    color: #fff;
    min-height: 2.6rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid #0000;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin: .25rem .4rem .25rem 0;
    padding: .6rem 1rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none;
    display: inline-flex;
  }

  .post__body a.cms-link-btn:hover {
    filter: brightness(.97);
    text-decoration: none;
  }

  .post__body a.cms-link-btn--outline {
    border-color: var(--fg-accent);
    color: var(--fg-accent);
    background: none;
  }

  .post__body figure, .post__body img {
    margin: 1.25rem auto;
    display: block;
  }

  .post__body figure.cms-figure {
    width: fit-content;
    max-width: 100%;
  }

  .post__body figure.cms-figure--wrap-left, .post__body figure.cms-figure--wrap-right {
    max-width: min(48%, 20rem);
    margin-top: .2rem;
  }

  .post__body figure.cms-figure > img {
    margin: 0;
  }

  .post__body img {
    border-radius: var(--radius-md);
    width: min(100%, 32rem);
    max-width: 100%;
    height: auto;
    box-shadow: var(--shadow-sm);
  }

  .post__body .cms-img.cms-img--sm {
    width: min(100%, 20rem);
  }

  .post__body .cms-img.cms-img--md {
    width: min(100%, 32rem);
  }

  .post__body .cms-img.cms-img--lg {
    width: min(100%, 44rem);
  }

  .post__body figure.cms-figure--left, .post__body img.cms-img--left {
    margin-left: 0;
    margin-right: auto;
  }

  .post__body figure.cms-figure--center, .post__body img.cms-img--center {
    margin-left: auto;
    margin-right: auto;
  }

  .post__body figure.cms-figure--right, .post__body img.cms-img--right {
    margin-left: auto;
    margin-right: 0;
  }

  .post__body figure.cms-figure--wrap-left {
    float: left;
    margin-left: 0;
    margin-right: 1rem;
  }

  .post__body figure.cms-figure--wrap-right {
    float: right;
    margin-left: 1rem;
    margin-right: 0;
  }

  .post__body figure.cms-figure--full, .post__body img.cms-img--full {
    width: 100%;
    max-width: 100%;
  }

  .post__body figure.cms-figure--full > img, .post__body img.cms-img--full {
    width: 100%;
  }

  .post__body figcaption, .post__body .cms-figure__caption {
    color: var(--fg-mid);
    text-align: center;
    margin-top: .5rem;
    font-size: .9rem;
  }

  .post__state {
    gap: var(--sz-sm);
    padding: var(--sz-lg);
    border: 1px dashed var(--border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--bg-accent) 8%, var(--bg-primary));
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  go1-selector.admin-tabs {
    width: auto;
  }

  @media (width <= 720px) {
    .post-shell {
      padding: var(--sz-sm);
    }

    .post {
      padding: var(--sz-md);
    }

    .post__meta {
      align-items: flex-start;
    }

    .post__back.send-right {
      margin-left: 0;
    }

    .post__body img, .post__body figure.cms-figure, .post__body figure.cms-figure--wrap-left, .post__body figure.cms-figure--wrap-right, .post__body img.cms-img--left, .post__body img.cms-img--right, .post__body img.cms-img--center {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
    }

    .post__body .cms-img.cms-img--sm, .post__body .cms-img.cms-img--md, .post__body .cms-img.cms-img--lg {
      width: 100%;
    }

    .post__body figure.cms-figure--wrap-left, .post__body figure.cms-figure--wrap-right {
      float: none;
    }

    .post__hero--sm img, .post__hero--md img, .post__hero--lg img, .post__hero--full img {
      width: 100%;
    }
  }

  .g-cms-edit {
    width: 100%;
    display: block;
  }

  .g-cms-edit-section, .g-cms-edit-shell {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .g-cms-edit-shell__head {
    gap: var(--sz-xs);
    flex-direction: column;
    display: flex;
  }

  .g-cms-edit-eyebrow {
    color: var(--fg-mid);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 700;
  }

  .g-cms-edit-copy {
    color: var(--fg-mid);
    font-size: var(--font-size-sm);
    margin: 0;
  }

  .g-cms-edit-box {
    gap: var(--sz-sm);
    width: 100%;
    padding: var(--sz-sm);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    flex-direction: column;
    display: flex;
  }

  .g-cms-edit-box--nested {
    background: var(--bg-primary);
  }

  .g-cms-edit-box__head {
    text-transform: lowercase;
    font-weight: 600;
  }

  .g-cms-edit-form {
    gap: var(--sz-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .g-cms-edit-field {
    align-items: center;
    gap: var(--sz-sm);
    flex: 1 1 calc(50% - (var(--sz-sm) / 2));
    min-width: 18rem;
    display: flex;
  }

  .g-cms-edit-field label {
    flex: 0 0 8rem;
    font-weight: 600;
  }

  .g-cms-edit-field input, .g-cms-edit-field select, .g-cms-edit-field textarea {
    width: 100%;
  }

  .g-cms-edit-field textarea {
    resize: vertical;
    min-height: 3rem;
  }

  .g-cms-edit-field--wide {
    flex: 100%;
  }

  .g-rte {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    background: none;
    flex-direction: column;
    gap: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .g-rte-tools {
    z-index: 2;
    flex-direction: column;
    flex: none;
    width: 100%;
    display: flex;
    position: relative;
  }

  .post-admin-rte .go1-body-edit-rich__body p {
    margin: 0;
  }

  .g-rte-toolbar {
    box-sizing: border-box;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    background: linear-gradient(#f3f3f3 0%, #d8d8d8 100%);
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: .2rem .35rem;
    display: flex;
    overflow: visible;
  }

  .g-rte-dropdown {
    cursor: pointer;
    display: flex;
    position: relative;
  }

  .g-rte-dropdown:after {
    content: "";
    width: 100%;
    height: .4rem;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .g-rte-dropdown-content {
    opacity: 0;
    pointer-events: none;
    z-index: 20;
    transition: opacity .2s linear, transform .2s linear, visibility .2s linear;
    position: absolute;
    top: calc(100% + .05rem);
    left: 0;
    transform: translate(5%, 5%);
    visibility: hidden !important;
  }

  .g-rte-dropdown:active .g-rte-dropdown-content, .g-rte-dropdown:hover .g-rte-dropdown-content, .g-rte-dropdown:focus-within .g-rte-dropdown-content {
    opacity: 1;
    pointer-events: auto;
    visibility: visible !important;
    transform: translate(0) !important;
  }

  .g-rte-btn {
    color: #202124;
    min-width: 2.25rem;
    min-height: 2.25rem;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
    background: none;
    border: 0;
    border-right: 1px solid #0f172a1f;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .g-rte-btn:last-child {
    border-right: 0;
  }

  .g-rte-btn:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    background: var(--row-hover-bg);
    color: #1d4ed8;
  }

  .g-rte-btn__char {
    background: #fff;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    font-weight: 700;
    display: inline-flex;
  }

  .g-rte-panel {
    background: none;
    justify-content: flex-start;
    padding: .35rem 0 0;
    display: flex;
    position: absolute;
    top: calc(100% - .15rem);
    left: 0;
  }

  .g-rte-menu {
    background: #fff;
    border: 1px solid #0f172a1f;
    border-radius: .55rem;
    gap: .35rem;
    margin: 0;
    padding: .5rem;
    list-style: none;
    display: flex;
    box-shadow: 0 8px 20px #0f172a1f;
  }

  .g-rte-menu--fonts {
    flex-wrap: wrap;
    align-content: flex-start;
    width: 220px;
    height: 250px;
    overflow: auto;
  }

  .g-rte-menu--fonts > li {
    flex: 0 0 calc(50% - .2rem);
  }

  .g-rte-menu--stack {
    flex-direction: column;
    min-width: 12rem;
  }

  .g-rte-menu--icons {
    flex-direction: column;
    min-width: 4rem;
  }

  .g-rte-menu > li {
    width: 100%;
    min-height: 2.2rem;
    box-shadow: none;
    color: #202124;
    cursor: pointer;
    white-space: nowrap;
    text-transform: lowercase;
    background: none;
    border: 0;
    border-radius: .4rem;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    padding: .35rem .55rem;
    font-size: .95rem;
    line-height: 1.2;
    display: inline-flex;
  }

  .g-rte-menu > li:hover {
    background: var(--row-hover-bg);
    color: #1d4ed8;
  }

  .g-rte-menu > li > span {
    display: inline-block;
  }

  .g-rte-menu--icons > li {
    justify-content: center;
    min-width: 2.4rem;
    padding: .45rem .55rem;
  }

  .g-rte-colors {
    background: #fff;
    border: 1px solid #0f172a1f;
    border-radius: .55rem;
    flex-wrap: wrap;
    width: 220px;
    min-width: 220px;
    padding: .45rem;
    display: flex;
    box-shadow: 0 8px 20px #0f172a1f;
  }

  .g-rte-colors > li {
    width: 24px;
    min-width: 24px;
    height: 24px;
    box-shadow: none;
    cursor: pointer;
    border: 1px solid #0f172a1f;
    border-radius: 0;
    flex: 0 0 24px;
    margin: 3px;
    padding: 0;
    list-style: none;
  }

  .g-rte-colors > li[style*="transparent"] {
    background-color: #fff;
    background-image: linear-gradient(45deg, #d1d5db 25%, #0000 25% 75%, #d1d5db 75%, #d1d5db), linear-gradient(45deg, #d1d5db 25%, #0000 25% 75%, #d1d5db 75%, #d1d5db);
    background-position: 0 0, 6px 6px;
    background-size: 12px 12px;
  }

  .g-rte-prompt {
    align-items: center;
    gap: var(--sz-sm);
    box-sizing: border-box;
    background: #eef3ff;
    border-top: 1px solid #0f172a1a;
    width: 100%;
    padding: .5rem;
    display: flex;
  }

  .g-rte-prompt input {
    flex: 1;
  }

  .g-rte textarea {
    border: 1px solid var(--border);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    min-height: 26rem;
    box-shadow: none;
    background: #fff;
    border-top: 0;
    padding: .9rem 1rem;
    font-family: Google Sans Code, monospace;
    font-size: .98rem;
    line-height: 1.55;
  }

  .g-rte-visual {
    border: 1px solid var(--border);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    background: #fff;
    border-top: 0;
    flex: 1;
    display: flex;
    overflow: hidden;
  }

  .g-rte-canvas {
    outline: 0;
    flex: 1;
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.55;
    overflow: auto;
  }

  .g-rte-canvas p:first-child, .g-rte-canvas h1:first-child, .g-rte-canvas h2:first-child, .g-rte-canvas h3:first-child, .g-rte-canvas blockquote:first-child, .g-rte-canvas pre:first-child {
    margin-top: 0;
  }

  .g-rte-canvas p:last-child, .g-rte-canvas h1:last-child, .g-rte-canvas h2:last-child, .g-rte-canvas h3:last-child, .g-rte-canvas blockquote:last-child, .g-rte-canvas pre:last-child {
    margin-bottom: 0;
  }

  .g-rte-btn__char--bg {
    box-shadow: inset 0 -.45rem #fde68a;
  }

  .g-cms-doc-helper {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .g-html-edit-ex-backdrop {
    min-width: 70%;
    max-width: 90%;
    min-height: 70%;
    max-height: 90%;
  }

  .g-html-edit-ex-modal {
    border: .6rem solid #ccc;
    margin: .5rem;
    filter: none !important;
    background: #fff !important;
    box-shadow: 0 18px 48px #0000003d !important;
  }

  .g-html-edit-ex-modal .g-modal-body {
    min-height: 0;
    padding: var(--sz-sm) var(--sz-sm) 0;
    background: #fff;
    flex: 1;
    overflow: hidden;
  }

  .g-html-edit-ex-modal .g-modal-footer {
    padding-top: var(--sz-sm);
    border-top: 1px solid var(--border);
    background: #fff;
    flex: none;
  }

  .g-cms-edit-results {
    gap: var(--sz-xs);
    flex-direction: column;
    display: flex;
  }

  .g-cms-edit-result-item {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    gap: .125rem;
    padding: .55rem .7rem;
    display: flex;
  }

  .g-cms-edit-result-item span {
    color: var(--fg-mid);
    font-size: var(--font-size-sm);
  }

  .g-cms-edit button > i {
    pointer-events: none;
  }

  .g-cms-edit-btn-cancel {
    color: #fff;
    background: #b3261e;
    border-color: #8f1d17;
  }

  .g-cms-edit-btn-cancel:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]), .g-cms-edit-btn-delete {
    color: #fff;
    background: #8f1d17;
    border-color: #741610;
  }

  .g-cms-edit-btn-delete:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    color: #fff;
    background: #741610;
    border-color: #5c120d;
  }

  .testarea-pill {
    border: 1px solid var(--border);
    background: var(--bg-primary);
    font-size: var(--font-size-sm);
    text-transform: lowercase;
    border-radius: 999px;
    padding: .2rem .7rem;
  }

  .brand-text {
    font-weight: 600;
  }

  .cms-page {
    min-height: 0;
  }

  .cms-hero {
    gap: var(--sz-lg);
    padding: var(--sz-lg);
    flex-wrap: wrap;
    align-items: stretch;
    display: flex;
  }

  .cms-copy {
    gap: var(--sz-sm);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .cms-inline-block {
    flex: 1;
  }

  .cms-grid {
    gap: var(--sz-lg);
    padding: 0 var(--sz-lg) var(--sz-lg);
    flex-wrap: wrap;
    display: flex;
  }

  .cms-hero-region {
    padding: 0 var(--sz-lg) var(--sz-lg);
  }

  .cms-hero-region > .g-cms-block {
    width: 100%;
  }

  .post-page {
    min-height: 0;
  }

  .post-page .g-view-body {
    background: radial-gradient(circle at 85% 0, color-mix(in srgb, var(--bg-accent) 14%, transparent), transparent 26rem),
      var(--bg-main);
  }

  .post-hero {
    gap: var(--sz-sm);
    padding: var(--sz-md) var(--sz-md) var(--sz-sm);
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .post-hero__copy {
    gap: var(--sz-xs);
    flex-direction: column;
    display: flex;
  }

  .post-hero__copy h2, .post-toolbar__copy h3 {
    margin: 0;
  }

  .post-shell {
    gap: var(--sz-md);
    padding: var(--sz-sm) var(--sz-md) var(--sz-lg);
    flex-direction: column;
    display: flex;
  }

  .post-main {
    gap: var(--sz-lg);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .post-toolbar, .post-stat {
    gap: var(--sz-sm);
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--bg-primary) 92%, white);
    box-shadow: var(--shadow-sm);
    flex-direction: column;
    display: flex;
  }

  .post-toolbar__copy, .post-listing__head {
    gap: var(--sz-xs);
    flex-direction: column;
    display: flex;
  }

  .post-overview {
    align-items: flex-start;
    gap: var(--sz-sm);
    flex-flow: wrap;
    display: flex;
  }

  .post-listing__head {
    align-items: center;
    gap: var(--sz-sm);
    flex-direction: row;
  }

  .post-listing__head:after {
    content: "";
    background: var(--border);
    flex: 1;
    height: 1px;
  }

  .post-listing__head h5 {
    color: var(--fg-muted);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
  }

  .post-stats {
    gap: var(--sz-sm);
    flex-wrap: nowrap;
    display: flex;
  }

  .post-stat {
    background: color-mix(in srgb, white 82%, var(--bg-accent));
    flex: 0 0 9rem;
    justify-content: space-between;
    min-width: 0;
  }

  .post-stat strong {
    font-size: clamp(1.1rem, 1rem + .5vw, 1.55rem);
  }

  .post-stat__label {
    font-size: var(--font-size-sm);
    color: var(--fg-mid);
    text-transform: lowercase;
  }

  .post-category-pills, .post-filters {
    gap: var(--sz-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .post-filter {
    text-transform: lowercase;
    border-radius: .5rem;
    min-width: 0;
    font-size: .9rem;
  }

  .post-filter.active {
    border-color: var(--fg-accent);
    background: color-mix(in srgb, var(--bg-accent) 72%, white);
    color: var(--fg-accent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg-accent) 18%, transparent);
  }

  .post-list {
    gap: var(--sz-md);
    flex-direction: column;
    display: flex;
  }

  .post-list--pinned {
    gap: var(--sz-sm);
  }

  .post-list--stack {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    gap: 0;
    overflow: hidden;
  }

  .post-lead {
    flex-direction: column;
    display: flex;
  }

  .post-card, .post-empty {
    gap: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-raised);
    flex-direction: column;
    padding: clamp(1rem, 1vw + .65rem, 1.35rem);
    display: flex;
    position: relative;
  }

  .post-listing {
    gap: var(--sz-sm);
    box-shadow: none;
    background: none;
    border: 0;
    flex-direction: column;
    padding: 0;
    display: flex;
  }

  .post-card {
    transition: background-color .15s, border-color .15s, box-shadow .15s;
  }

  .post-card .ispinned {
    top: var(--sz-sm);
    right: var(--sz-sm);
    background: color-mix(in srgb, var(--bg-accent) 28%, var(--bg-raised));
    width: 2rem;
    height: 2rem;
    color: var(--fg-accent);
    border: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    display: inline-flex;
    position: absolute;
  }

  .post-card:hover, .post-card:focus-within {
    border-color: color-mix(in srgb, var(--fg-accent) 28%, var(--border));
    box-shadow: var(--shadow-md);
    background: var(--bg-raised);
  }

  .post-card--lead {
    gap: var(--sz-sm);
    border-color: color-mix(in srgb, var(--fg-accent) 22%, var(--border));
    background: linear-gradient(135deg, color-mix(in srgb, var(--bg-accent) 10%, var(--bg-raised)), var(--bg-raised) 55%);
    box-shadow: var(--shadow-sm);
    padding: clamp(1.15rem, 1.5vw + .75rem, 1.75rem);
  }

  .post-card--compact {
    flex-direction: column;
    align-items: stretch;
    gap: .45rem;
    display: flex;
  }

  .post-card__main {
    flex-direction: column;
    flex: 1;
    gap: .35rem;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .post-card h3, .post-empty h3 {
    text-wrap: balance;
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.25;
  }

  .post-card--lead h3 {
    font-size: clamp(1.2rem, 1vw + 1rem, 1.55rem);
  }

  .post-card__link {
    text-align: left;
    cursor: pointer;
    font-weight: 650;
    font: inherit;
    color: var(--fg-accent);
    background: none;
    border: 0;
    padding: 0;
    text-decoration: none;
    display: inline-flex;
  }

  .post-card__link:hover, .post-card__link:focus-visible {
    color: var(--fg-accent);
    text-decoration: underline !important;
  }

  .post-card__category {
    cursor: pointer;
  }

  .post-card__meta {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5rem;
    min-height: 1.75rem;
    display: flex;
    position: relative;
  }

  .post-listing__head--archive {
    gap: var(--sz-sm);
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--bg-panel) 88%, var(--bg-accent));
    box-shadow: var(--shadow-sm);
    flex-direction: column;
    display: flex;
  }

  .post-archive__meta {
    gap: var(--sz-sm);
    flex-flow: row;
    align-items: center;
    display: flex;
  }

  .post-archive__meta .admin-kind--cms {
    flex: none;
    align-self: center;
    width: auto;
  }

  .post-archive__summary {
    max-width: 48rem;
  }

  .post-card__meta time {
    color: var(--fg-mid);
    font-size: var(--font-size-sm);
  }

  .post-card p, .post-empty p {
    color: var(--fg-mid);
    margin: 0;
    line-height: 1.5;
  }

  .post-list--pinned .post-card {
    border-left: 3px solid var(--fg-accent);
  }

  .post-listing--archive .post-card {
    gap: var(--sz-sm);
    padding: var(--sz-md);
    background: none;
    border: 0;
    border-radius: 0;
  }

  .post-listing--archive .post-card + .post-card {
    border-top: 1px solid var(--border-subtle);
  }

  .post-listing--archive .post-card:hover, .post-listing--archive .post-card:focus-within {
    border-color: var(--border-subtle);
    background: var(--bg-hover);
    box-shadow: none;
  }

  .post__hero {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .post__hero img {
    border-radius: var(--radius-sm);
    object-fit: contain;
    width: 100%;
    max-width: 28rem;
    max-height: 28rem;
    display: block;
  }

  .post__hero--sm img {
    aspect-ratio: 1;
    max-width: 16rem;
    max-height: 16rem;
  }

  .post__hero--md img {
    max-width: 28rem;
    max-height: 28rem;
  }

  .post__hero--lg img {
    max-width: 42rem;
    max-height: 36rem;
  }

  .post__hero--full img {
    max-width: 100%;
    max-height: none;
  }

  .post-pager {
    gap: var(--sz-sm);
    padding-top: var(--sz-xs);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .post-empty--lead {
    justify-content: center;
  }

  @media (width <= 860px) {
    .post-overview, .post-stats {
      flex-direction: column;
    }

    .post-shell {
      padding: var(--sz-sm);
    }

    .post-card--lead, .post-listing--archive .post-card {
      padding: var(--sz-md);
    }
  }

  @media (width >= 860px) {
    .post-stats {
      flex: none;
    }

    .post-category-pills {
      flex: 1;
      align-content: flex-start;
      padding-top: .15rem;
    }

    .post-shell {
      padding: 0 var(--sz-lg) var(--sz-lg);
    }
  }

  .post {
    gap: var(--sz-md);
    padding: var(--sz-lg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    flex-direction: column;
    display: flex;
  }

  .post__meta, .post__header, .post__body, .post__state {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .post__meta {
    flex-wrap: wrap;
  }

  .post__meta--detail {
    flex-flow: wrap;
    align-items: center;
  }

  .post__meta--detail .admin-kind--cms, .post__meta--detail time, .post__meta--detail .post__back {
    flex: none;
  }

  .post__meta time, .post__header p, .post__body p, .post__state p {
    color: var(--fg-mid);
    margin: 0;
  }

  .post__header h2, .post__state h3 {
    margin: 0;
  }

  .post__back {
    align-self: flex-start;
  }

  .post-admin-form input, .post-admin-form select, .post-admin-form textarea {
    width: 100%;
  }

  .post-admin-form__wide {
    flex-basis: 100%;
  }

  .post-admin-page .post-admin-heroimage-preview {
    object-fit: contain;
    border-radius: 8px;
    width: min(100%, 28rem);
    max-height: 20rem;
  }

  .post-admin-page .post-admin-heroimage-preview--sm {
    width: min(100%, 12rem);
  }

  .post-admin-page .post-admin-heroimage-preview--md {
    width: min(100%, 20rem);
  }

  .post-admin-page .post-admin-heroimage-preview--lg {
    width: min(100%, 28rem);
  }

  .post-admin-page .post-admin-heroimage-preview--full {
    width: 100%;
  }

  .gallery-shell {
    gap: var(--sz-md);
    padding: var(--sz-lg);
    flex-direction: column;
    display: flex;
  }

  .gallery-browser__sidebar {
    flex: none;
    min-width: 0;
  }

  .gallery-browser__detail {
    flex: none;
    min-width: 0;
    margin-top: 1rem;
  }

  .gallery-browser__list {
    flex: none;
  }

  .gallery-browser__list.list.card {
    align-content: flex-start;
    gap: var(--sz-md);
    flex-flow: wrap;
    padding: 0;
    overflow: visible;
  }

  .gallery-browser__list.list.card .item {
    flex: 0 0 16rem;
    width: 16rem;
    margin: 0;
  }

  .gallery-browser__list .item {
    cursor: pointer;
  }

  .gallery-browser__cover {
    border-radius: var(--radius-sm);
    background: var(--bg-nested);
    flex: 0 0 4.5rem;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    overflow: hidden;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      display: block;
    }

    & i {
      color: var(--fg-mid);
      font-size: 1.6rem;
    }
  }

  .gallery-card, .gallery-admin-preview {
    gap: var(--sz-sm);
    padding: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-primary);
    flex-direction: column;
    display: flex;
  }

  .gallery-items, .gallery-empty {
    gap: var(--sz-sm);
    flex-direction: column;
    display: flex;
  }

  .gallery-empty {
    padding: var(--sz-md);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-nested);
  }

  .gallery-card h3, .gallery-empty h3, .gallery-items h3, .gallery-admin-preview h4 {
    margin: 0;
  }

  .gallery-card p, .gallery-empty p, .gallery-items p, .gallery-admin-preview p {
    color: var(--fg-mid);
    margin: 0;
  }

  .gallery-grid {
    gap: var(--sz-md);
    flex-wrap: wrap;
    display: flex;
  }

  .go1-cms-gallery-carousel, .gallery-carousel {
    gap: var(--sz-md);
    padding: var(--sz-lg);
    --gallery-carousel-stage-w: min(100%, 52rem);
    --gallery-carousel-stage-h: clamp(18rem, 52vw, 34rem);
    flex-direction: column;
    display: flex;
  }

  .gallery-carousel__panel {
    flex-direction: column;
    display: flex;
  }

  .gallery-carousel__stage {
    gap: var(--sz-sm);
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .gallery-carousel__mediawrap {
    position: relative;
  }

  .gallery-carousel__figure {
    gap: var(--sz-sm);
    width: 100%;
    min-height: calc(var(--gallery-carousel-stage-h) + 4.5rem + var(--sz-sm));
    flex-direction: column;
    align-items: center;
    margin: 0;
    display: flex;
  }

  .gallery-carousel__media {
    width: var(--gallery-carousel-stage-w);
    max-width: 100%;
    height: var(--gallery-carousel-stage-h);
    padding: var(--sz-sm);
    background: var(--bg-nested);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .gallery-carousel__media:before {
    content: "";
    background: var(--gallery-image, none) center / cover no-repeat;
    filter: blur(1rem);
    opacity: .22;
    position: absolute;
    inset: 0;
    transform: scale(1.06);
  }

  .gallery-carousel__figure img {
    border-radius: var(--radius-sm);
    object-fit: contain;
    object-position: center top;
    background: none;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .gallery-carousel__caption {
    gap: var(--sz-xs);
    width: var(--gallery-carousel-stage-w);
    flex-direction: column;
    max-width: 100%;
    display: flex;
  }

  .gallery-carousel__caption h4, .gallery-carousel__caption p {
    margin: 0;
  }

  .gallery-carousel__caption p {
    color: var(--fg-mid);
  }

  .gallery-carousel__missing {
    width: 100%;
  }

  .gallery-carousel__status {
    justify-content: center;
    margin-bottom: 2rem;
    display: flex;
  }

  .gallery-carousel__thumbs {
    gap: var(--sz-sm);
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .gallery-carousel__thumbbar {
    align-items: stretch;
    gap: var(--sz-sm);
    display: flex;
  }

  .gallery-carousel__stage-nav {
    z-index: 2;
    border: 1px solid color-mix(in srgb, var(--fg) 22%, transparent);
    background: color-mix(in srgb, var(--bg-primary) 82%, white);
    width: 2.75rem;
    height: 2.75rem;
    color: var(--fg);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-flex;
    position: absolute;
    top: 50%;
    box-shadow: 0 .4rem 1.2rem #0000001f;
  }

  .gallery-carousel__stage-nav--prev {
    left: var(--sz-sm);
  }

  .gallery-carousel__stage-nav--next {
    right: var(--sz-sm);
  }

  .gallery-carousel__thumbs {
    flex-wrap: nowrap;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    overflow: hidden;
  }

  .gallery-carousel__thumbnav {
    flex: none;
    min-width: 2.75rem;
  }

  .gallery-carousel__thumbnav i {
    pointer-events: none;
  }

  .gallery-carousel__thumb {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    flex: 5rem;
    justify-content: stretch;
    align-items: stretch;
    max-width: 6.5rem;
    height: 4rem;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .gallery-carousel__thumb.active {
    border-color: var(--fg);
    box-shadow: inset 0 0 0 1px var(--fg);
  }

  .gallery-carousel__thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .gallery-carousel__thumb-empty {
    padding: var(--sz-sm);
    color: var(--fg-mid);
    font-size: var(--font-size-sm);
    text-align: center;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .gallery-carousel__toggle {
    align-items: center;
    gap: var(--sz-sm);
    color: var(--fg-mid);
    font-size: var(--font-size-sm);
    text-transform: lowercase;
    align-self: center;
    display: inline-flex;
  }

  .gallery-carousel__toggle input {
    margin: 0;
  }

  @media (width <= 640px) {
    .go1-cms-gallery-carousel, .gallery-carousel {
      --gallery-carousel-stage-h: clamp(19rem, 68vw, 20rem);
      gap: 0 !important;
      padding: 0 !important;
    }

    .gallery-carousel__media {
      padding: var(--sz-xs);
    }

    .gallery-carousel__thumbnav {
      min-width: 2.35rem;
    }

    .gallery-carousel__thumb {
      max-width: none;
      height: 3.5rem;
    }

    .gallery-carousel__stage-nav {
      width: 2.4rem;
      height: 2.4rem;
      font-size: 1.25rem;
    }
  }

  .gallery-tile {
    gap: var(--sz-sm);
    min-width: 0;
    padding: var(--sz-sm);
    flex-direction: column;
    flex: 16rem;
    display: flex;
  }

  .gallery-tile img, .gallery-admin-preview__image {
    border-radius: var(--radius-sm);
    background: var(--bg-panel);
    object-fit: contain;
    width: 100%;
    height: clamp(14rem, 32vw, 24rem);
    display: block;
  }

  .gallery-admin-form {
    align-items: start;
  }

  .gallery-admin-form input, .gallery-admin-form select, .gallery-admin-form textarea {
    width: 100%;
  }

  .gallery-admin-form__wide {
    flex-basis: 100%;
  }

  .cms-card {
    flex: 18rem;
    min-width: 0;
  }

  .cms-region {
    align-self: flex-start;
  }

  .testarea-module-shell, .testarea-module-shell__body, .testarea-subview__body {
    min-height: 0;
  }

  .post-admin-pane--filters, .post-admin-pane--results {
    flex: 1;
  }

  .post-admin-pane--detail {
    flex: 2;
  }

  @media (width <= 560px) {
    .go1-cms-gallery-carousel, .gallery-carousel {
      gap: 0 !important;
      padding: 0 !important;
    }

    .admin-nav-item__title {
      flex-direction: column;
      align-items: flex-start;
    }

    .admin-nav-item__actions {
      gap: var(--sz-xs);
    }
  }

  go1-doc-select {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-nested);
    gap: var(--sz-sm);
    flex: none;
    width: 100%;
    padding: .85rem;
    display: flex;
  }

  .go1-doc-select__section {
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .go1-doc-select .admin-detail__label {
    flex: none;
  }

  .go1-doc-select__selected {
    flex-direction: row;
    align-items: center;
  }

  .go1-doc-select__selected .row, .go1-doc-select__selected input {
    flex: 1;
  }

  .go1-doc-select__tools > .go1-doc-select__section {
    flex-basis: 20rem;
  }

  .go1-doc-select__results {
    align-items: stretch;
    gap: var(--sz-sm);
    flex-flow: wrap;
    max-height: 18rem;
    display: flex;
    overflow-y: auto;
  }

  .go1-doc-select__result-copy strong {
    display: block;
  }

  .go1-doc-select__result-card {
    align-items: stretch;
    gap: var(--sz-xsm);
    flex-direction: column;
    flex: 0 10.5rem;
    width: 10.5rem;
    display: flex;
  }

  .go1-doc-select__result-empty {
    width: 100%;
    padding: .85rem;
  }

  .go1-doc-select__preview img {
    object-fit: contain;
    border-radius: var(--radius-sm);
    max-height: 14rem;
  }

  .go1-doc-select .admin-block--button {
    padding: .65rem .75rem;
  }

  .go1-doc-select .admin-block--button.active, .go1-doc-select .admin-block--button:hover {
    border-color: var(--fg);
    background: var(--row-hover-bg);
  }

  .go1-doc-select__thumb {
    object-fit: cover;
    border-radius: var(--radius-sm);
    width: 100%;
    height: 7.5rem;
  }

  .go1-doc-select__thumb--empty {
    border: 1px dashed var(--border);
    background: var(--bg);
  }

  go1-image-select {
    gap: var(--sz-sm);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .go1-image-select__section {
    gap: var(--sz-xsm);
    flex-direction: column;
    display: flex;
  }

  .go1-image-select .admin-copy {
    margin: 0;
  }

  .go1-image-select__preview {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    padding: .75rem;
  }

  .go1-image-select__preview a {
    overflow-wrap: anywhere;
  }

  .go1-image-select select, .go1-image-select input {
    width: 100%;
  }

  .go1-finder-modal.g-modal {
    box-sizing: border-box;
    background: #a8cdf9;
    background: var(--bg-main);
    filter: drop-shadow(2px 2px 5px #00000080);
    border-radius: 1.25rem;
    min-width: 820px;
    min-height: 34.5rem;
    max-height: min(92vh, 38rem);
    overflow: hidden;
  }

  .go1-finder-modal .g-modal-header {
    background: #fff;
    border-bottom: 1px solid #b2b2b2;
    padding: .45rem .85rem;
  }

  .go1-finder-modal .g-modal-header h3 {
    color: #2b2b2b;
    margin: 0;
    font-size: .92rem;
    font-weight: 700;
  }

  .go1-finder-modal .g-modal-body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: .4rem .55rem 0;
    display: flex;
    overflow: hidden;
  }

  .go1-finder-footer.g-modal-footer {
    flex: none;
    justify-content: flex-end;
    gap: .45rem;
    padding: 1rem;
  }

  .go1-finder-selcount {
    color: #fff;
    white-space: nowrap;
    background: #757575;
    border-radius: .35rem;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    padding: .25rem .62rem;
    font-size: .82rem;
  }

  .go1-finder-panel {
    flex-direction: column;
    flex: 1;
    gap: .45rem;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .go1-finder-toolbar {
    align-items: center;
    gap: .7rem;
    padding: .5rem;
    display: flex;
  }

  .go1-finder-toolbar label {
    color: #1f2b39;
    font-size: .78rem;
  }

  .go1-finder-input {
    flex: 1;
    min-width: 0;
  }

  .go1-finder-help {
    text-align: center;
    color: #ff4c00;
    font-size: .8rem;
  }

  .go1-finder-categories {
    flex-wrap: wrap;
    gap: .35rem;
    padding: 0 .2rem .15rem;
    display: flex;
  }

  .go1-finder-category {
    color: #2b2b2b;
    background: #f5f5f5;
    border: 1px solid #bcc8d6;
    border-radius: .2rem;
    padding: .38rem .62rem;
    font-size: .78rem;
  }

  .go1-finder-category.active {
    background: #dfe9f8;
    border-color: #7f9dc9;
  }

  .go1-finder-main {
    flex: 1;
    gap: .5rem;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .go1-finder-main.dual {
    gap: .7rem;
  }

  .go1-finder-main.dual go1-finder-list {
    flex: 1;
    width: 0;
    min-width: 0;
    max-width: none;
  }

  .go1-finder-panel .go1-finder-tags {
    border-radius: .85rem;
  }

  .go1-finder-list {
    --list-item-height: 2.15rem;
    background: #fff;
    border: 1px solid #8f8f8f;
    border-radius: .6rem;
    flex: 1;
    align-self: stretch;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .go1-finder-list .list-items {
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: auto;
  }

  .go1-finder-item {
    border: 1px solid #0000;
    align-items: center;
    gap: .52rem;
    min-width: 0;
    padding: .38rem;
  }

  .go1-finder-item-main {
    flex: 1;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    display: flex;
  }

  .go1-finder-item-icon {
    color: #fff;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.8rem;
    font-size: .78rem;
    font-weight: 700;
    display: inline-flex;
  }

  .go1-finder-item-icon:before {
    color: inherit;
  }

  .go1-finder-item-icon.icm-contact, .go1-finder-item-icon.icm-member, .go1-finder-item-icon.icm-companycontact, .go1-finder-item-icon.icm-client {
    background: #6a94f0;
  }

  .go1-finder-item-icon.icm-company, .go1-finder-item-icon.icm-office {
    background: #d57820;
  }

  .go1-finder-item-icon.icm-pin, .go1-finder-item-icon.icm-location, .go1-finder-item-icon.icm-map {
    background: #4c8fd0;
  }

  .go1-finder-item-icon.icm-key {
    color: #202020;
    background: none;
    width: 1.3rem;
  }

  .go1-finder-item-copy, .go1-finder-item-title {
    align-items: center;
    gap: .35rem;
    min-width: 0;
    display: flex;
  }

  .go1-finder-item-copy {
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
  }

  .go1-finder-item-title {
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    flex: 1;
    font-size: 1rem;
    overflow: hidden;
  }

  .go1-finder-item-meta, .go1-finder-item-tag {
    color: #222;
    text-overflow: ellipsis;
    background: #fff6d9;
    border: 1px solid #f0a53d;
    border-radius: .22rem;
    align-items: center;
    max-width: 100%;
    min-height: 1.28rem;
    padding: .05rem .3rem;
    font-size: .73rem;
    display: inline-flex;
    overflow: hidden;
  }

  .go1-finder-remove {
    color: #fff;
    background: #6a94f0;
    border: none;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    font-size: .9rem;
    display: inline-flex;
  }

  .go1-finder-tags {
    background: #fff;
    border: 1px solid #d8d8d8;
    flex-wrap: wrap;
    flex: none;
    align-content: flex-start;
    align-items: flex-start;
    gap: .45rem;
    min-height: 6rem;
    max-height: 7rem;
    padding: .45rem .42rem;
    display: flex;
    overflow: auto;
  }

  .go1-finder-tag-chip {
    color: #fff;
    background: #6795f0;
    border: none;
    border-radius: 999px;
    align-items: center;
    gap: .45rem;
    padding: .28rem .62rem;
    font-size: .8rem;
    display: inline-flex;
    box-shadow: 0 2px 8px #486dc459;
  }

  .go1-finder-tag-chip-remove {
    color: #4c4c4c;
    background: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: .95rem;
    height: .95rem;
    font-size: .72rem;
    font-weight: 700;
    display: inline-flex;
  }

  .go1-finder-demo {
    flex-direction: column;
    gap: 1rem;
    display: flex;
  }

  .go1-finder-demo-actions {
    align-items: stretch;
  }

  .go1-finder-demo-actions > button {
    text-align: center;
    flex: 0 0 1px;
    justify-content: center;
  }

  .go1-finder-demo-grid {
    align-items: stretch;
    min-width: 0;
  }

  .go1-finder-demo-card {
    border-radius: var(--radius-md);
    width: auto;
    min-width: 0;
    max-width: none;
    height: 30rem;
    min-height: 0;
    max-height: 30rem;
    box-shadow: var(--shadow-sm);
    background: #eef5ff;
    flex-direction: column;
    flex: 20rem;
    padding: .8rem;
    display: flex;
    overflow: hidden;
  }

  .go1-finder-demo-card h3 {
    color: #29425d;
    margin: 0 0 .75rem;
  }

  .go1-finder-demo-result {
    border-radius: var(--radius-sm);
    color: #32455c;
    white-space: pre-wrap;
    background: #fff;
    padding: .75rem .9rem;
  }

  .go1-finder-demo-switch > button {
    flex: none;
  }

  .go1-finder-adv-actions {
    margin-bottom: 1rem;
  }

  .go1-finder-adv-shell {
    align-items: flex-start;
  }

  .go1-finder-adv-sidebar {
    flex: 0 0 24rem;
    width: 24rem;
    min-width: 18rem;
  }

  .go1-finder-adv-nav {
    padding: .65rem;
  }

  .go1-finder-adv-results-pane {
    flex: 1;
    min-width: 0;
  }

  .go1-finder-adv-card {
    border-radius: var(--radius-md);
    background: #f7faff;
    border: 1px solid #d8e1ee;
    flex-direction: column;
    flex: 20rem;
    gap: .7rem;
    min-width: 18rem;
    padding: .9rem;
    display: flex;
  }

  .go1-finder-adv-card-head {
    align-items: center;
    gap: .6rem;
    font-weight: 700;
    display: flex;
  }

  .go1-finder-adv-inline {
    align-items: center;
  }

  .go1-finder-adv-subhead {
    color: #29425d;
    font-weight: 700;
  }

  .go1-finder-adv-checks {
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .75rem;
    display: flex;
  }

  .go1-finder-chiplist {
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 1.5rem;
    display: flex;
  }

  .go1-finder-adv-results {
    flex-direction: column;
    gap: .8rem;
    margin-top: 1rem;
    display: flex;
  }

  .go1-finder-lookup-body, .go1-finder-lookup-body .go1-finder-adv-grid, .go1-finder-lookup-body .go1-finder-adv-card, .go1-finder-lookup-body go1-finder-autocomplete {
    overflow: visible;
  }

  .go1-finder-adv-results-head {
    gap: .35rem;
  }

  go1-doc-safeguard-edit {
    flex: 1;
  }

  @media (width <= 760px) {
    .go1-finder-modal.g-modal {
      width: calc(100vw - 1rem);
      min-width: 500px;
      min-height: 28rem;
      max-height: calc(100vh - 1rem);
    }

    .go1-finder-demo-grid {
      flex-flow: column;
    }

    .go1-finder-demo-card {
      flex: none;
      width: 100%;
      max-width: 100%;
      height: 22rem;
      max-height: 22rem;
    }

    .go1-finder-main.dual, .go1-finder-adv-shell {
      flex-direction: column;
    }

    .go1-finder-adv-sidebar {
      width: 100%;
      min-width: 0;
    }
  }

  .go1-finder-modal.go1-finder-tag-mode .g-modal-body {
    padding-bottom: .2rem;
  }

  .forum-page .g-view-body {
    background: radial-gradient(circle at 90% 0, color-mix(in srgb, var(--bg-accent) 12%, transparent), transparent 26rem),
         var(--bg-main);
  }

  .forum-shell {
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .forum-toolbar, .forum-compose, .forum-panel {
    background: var(--bg-primary);
  }

  .forum-toolbar {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
  }

  .forum-categories {
    min-width: 0;
    padding-bottom: var(--sz-xsm);
    flex-wrap: nowrap;
    align-content: flex-start;
    overflow-x: auto;
  }

  .forum-category-select {
    width: 100%;
    display: none;
  }

  .forum-panel {
    gap: var(--sz-md);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    min-width: 0;
    overflow: hidden;
  }

  .forum-panel-list {
    flex: 0 33%;
    height: auto;
    padding: 0;
  }

  .forum-panel-detail {
    min-height: 18rem;
    padding: var(--sz-md);
    flex: 1;
    box-shadow: none !important;
    background-color: #0000 !important;
    border: 0 !important;
  }

  .forum-panel-head {
    padding: var(--sz-md);
    border-bottom: 1px solid var(--border);
  }

  .forum-chip, .forum-pill {
    border-radius: 999px;
  }

  .forum-chip {
    background: var(--bg-raised);
    border: 1px solid var(--border);
    color: var(--fg);
    flex: none;
    padding: .35rem .8rem;
    line-height: 1.2;
  }

  .forum-chip.active {
    background: var(--bg-accent);
    border-color: var(--border-strong);
    color: var(--fg-accent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg-accent) 24%, transparent);
    font-weight: 600;
  }

  .forum-pill {
    background: var(--bg-nested);
    border: 1px solid var(--border-subtle);
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
    padding: .15rem .55rem;
    display: inline-flex;
  }

  .forum-topic-meta, .forum-feedback, .forum-empty, .forum-message {
    color: var(--fg-muted);
  }

  .forum-feedback, .forum-empty, .forum-detail-head {
    background: var(--bg-raised);
    border: 1px solid var(--border-subtle);
    padding: var(--sz-md);
  }

  .forum-topic-list-cards {
    gap: 0;
    overflow-y: auto;
  }

  .forum-topic-card {
    padding: var(--sz-md);
    background: var(--bg-primary);
    cursor: pointer;
    border: 0;
    border-left: 3px solid #0000;
    border-radius: 0;
  }

  .forum-topic-card + .forum-topic-card {
    border-top: 1px solid var(--border-subtle);
  }

  .forum-topic-card:hover {
    background: var(--bg-hover);
  }

  .forum-topic-card.active {
    border-left-color: var(--fg-accent);
    background: color-mix(in srgb, var(--bg-accent) 20%, var(--bg-primary));
  }

  .forum-topic-title strong {
    min-width: 0;
    font-size: 1.03rem;
    line-height: 1.25;
  }

  .forum-topic-excerpt {
    margin: var(--sz-sm) 0;
    color: var(--fg);
    line-height: 1.4;
  }

  .forum-topic-meta {
    font-size: var(--font-size-sm);
  }

  .forum-topic-meta strong {
    color: var(--fg);
    font-weight: 500;
  }

  .forum-detail-head {
    border-left: 5px solid var(--fg-accent);
  }

  .forum-detail-head h3 {
    text-wrap: balance;
    font-size: clamp(1.25rem, 1vw + 1rem, 1.6rem);
    line-height: 1.2;
  }

  .forum-post-list {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-raised);
    gap: 0;
    overflow: hidden;
  }

  .forum-post-list .forum-post {
    align-items: flex-start;
    gap: var(--sz-md);
    width: 100%;
    padding: var(--sz-md);
    background: var(--bg-raised);
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .forum-post-list .forum-post + .forum-post {
    border-top: 1px solid var(--border-subtle);
  }

  .forum-post-list .forum-post:first-child {
    background: color-mix(in srgb, var(--bg-accent) 8%, var(--bg-raised));
  }

  .forum-post-avatar {
    border: 1px solid color-mix(in srgb, var(--fg-accent) 30%, var(--border));
    background: color-mix(in srgb, var(--bg-accent) 28%, var(--bg-raised));
    width: 2.5rem;
    height: 2.5rem;
    color: var(--fg-accent);
    border-radius: 50%;
    flex: 0 0 2.5rem;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
  }

  .forum-post-meta {
    color: var(--fg-muted);
    font-size: var(--font-size-sm);
  }

  .forum-post-meta strong {
    color: var(--fg);
  }

  .forum-post-body {
    color: var(--fg);
    overflow-wrap: anywhere;
    line-height: 1.6;
  }

  .forum-reply {
    padding-top: var(--sz-md);
  }

  .forum-reply-login {
    padding: var(--sz-md);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    background: var(--bg-nested);
  }

  .forum-compose textarea, .forum-compose input, .forum-reply textarea {
    width: 100%;
  }

  .forum-reply-login {
    border: 1px solid var(--border);
    background-color: #fffacd;
  }

  @media (width <= 900px) {
    .forum-shell {
      flex-direction: column;
    }

    .forum-panel-list, .forum-panel-detail {
      flex: 0 0 100%;
    }

    .forum-post-list .forum-post {
      gap: var(--sz-sm);
      padding: var(--sz-sm);
    }
  }

  @media (width <= 45rem) {
    .forum-categories {
      display: none;
    }

    .forum-category-select {
      display: block;
    }
  }

  .g-rte-ex {
    flex-direction: column;
    width: 100%;
    min-height: 0;
    display: flex;
  }

  .g-rte-ex-shell {
    flex: auto;
    width: 100%;
    min-height: 0;
    display: flex;
  }

  .g-rte-ex textarea {
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: #111;
    background: #fff;
    width: 100%;
    min-height: 12rem;
    padding: 1rem;
    font-family: Google Sans Code, monospace;
  }

  .g-rte-ex .tox-tinymce {
    border-radius: var(--radius-md);
    filter: drop-shadow(1px 1px 2px #00000080);
    flex: auto;
    width: 100%;
  }

  go1-cms-post-body-edit .g-rte-ex .tox-tinymce {
    height: 100% !important;
  }

  .g-rte-ex .tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #fff;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #999 !important;
    padding: 5px 0 !important;
    transition: none !important;
  }

  .g-rte-ex .tox .tox-edit-area__iframe {
    background: #fff;
  }

  .tox-tinymce-aux {
    z-index: 2147483647 !important;
  }

  .go1-theme-swatch {
    background-color: var(--go1-swatch-color, transparent);
  }

  .g-rte-font-preview {
    font-family: var(--go1-font-preview, inherit);
  }

  .g-rte-size-preview {
    font-size: var(--go1-font-size-preview, inherit);
  }

  .g-rte-color-preview {
    background: var(--go1-color-preview, transparent);
  }

  go1-webuser-settings {
    padding: 1rem;
    flex: 1 !important;
  }

  .g-document {
    flex-direction: column;
    min-height: 0;
    padding: 0;
    display: flex;
    position: relative;
  }

  .g-document-stage {
    padding: var(--pad);
    flex: 1;
    overflow: auto;
  }

  .g-document-overlay {
    backdrop-filter: blur(.2rem);
    background: #000000b3;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  go1-signpdf, .g-signpad {
    gap: var(--sz-md);
    background: var(--bg-nested);
    width: min(100%, 26rem);
    max-width: 26rem;
    padding: var(--pad);
    border-radius: .6rem;
    flex-direction: column;
    display: flex;
  }

  go1-signpdf canvas, .g-signpad canvas {
    border: 1px solid var(--border-subtle);
    background: #fff;
    border-radius: .4rem;
    width: 100%;
    height: 6rem;
    display: block;
  }

  @media (width <= 45rem) {
    go1-signpdf, .g-signpad {
      width: min(100%, 22rem);
      max-width: 22rem;
      margin-inline: auto;
    }
  }

  go1-pdfviewer {
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: auto;

    & .controls {
      background-color: var(--bg);
      flex-wrap: wrap;
      flex: none;
      justify-content: center;
      gap: .5rem;
      width: 100%;
      margin-bottom: .5rem;
      padding: 1rem;
      display: flex;
    }

    & .controls input {
      width: 5rem;
    }

    & .stage {
      flex: 1;
      justify-content: center;
      display: flex;
      position: relative;
      overflow-y: auto;
    }

    @media (width <= 45rem) {
      & .controls {
        flex-wrap: wrap;
        justify-content: stretch;
        align-items: center;
        gap: .35rem;
        margin-bottom: .35rem;
        padding: .5rem;
        font-size: .9rem;
      }

      & .controls label {
        align-items: center;
        gap: .35rem;
        min-width: 0;
        display: flex;
      }

      & .controls input {
        width: 100%;
        min-width: 0;
        padding: .25rem .4rem;
        font-size: .95rem;
      }

      & .controls button {
        width: 100%;
        padding: .25rem .55rem;
        font-size: .9rem;
      }
    }
  }

  go1-signpdf {
    background-color: #fafafa;
    background-color: var(--bg);
    border-top: 1px solid #aaa;
    flex: none;
    justify-content: center;
    padding: 1rem;
    display: flex;

    & canvas {
      touch-action: none;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: .6rem;

      &:hover {
        border: 1px solid red;
      }
    }

    & .signing-buttons button {
      white-space: normal;
      min-width: 7rem;
    }
  }

  go1-reportviewer {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .go1-toast {
    z-index: var(--z-toast);
    text-align: center;
    color: #67a4ef;
    background-color: #333;
    border-radius: .2rem;
    max-width: 90vw;
    padding: 1rem 2rem;
    font-size: 18px;
    display: none;
    position: fixed;
    bottom: .5rem;
    right: .5rem;
  }

  .go1-toast.error {
    color: #ff4500;
  }

  .go1-toast.show {
    animation: .25s fadein, .25s 3s fadeout;
    display: block;
  }

  .go1-alert {
    width: 100vw;
    height: var(--header-height);
    z-index: var(--z-toast);
    text-align: center;
    color: #fff;
    background-color: #fff;
    background-image: linear-gradient(red, coral);
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-size: 1.2rem;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .go1-alert.show {
    animation: .5s csl-fadein, .5s 4.5s csl-fadeout;
    display: flex;
  }

  .list.alertman-list.grabattention .item-main, .item.alertman-item.grabattention .item-main {
    color: red !important;
  }

  .go1-loader {
    width: 60px;
    height: 60px;
    z-index: var(--z-toast);
    border: 16px solid #4d90fe;
    border-left-color: #0000;
    border-radius: 50%;
    margin: -30px 0 0 -30px;
    animation: 2s linear infinite csl-spin;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
  }

  .go1-loader.show {
    display: block;
  }

  go1-link-sections {
    & :root {
      --link-color: #06ed;
    }

    & .section-link {
      margin-bottom: .5rem;
      margin-right: 1rem;

      & a {
        color: var(--link-color);
        border-bottom: 1px solid #999;
        padding: 0;
        font-size: .9rem;
        text-decoration: none;

        &:focus, &:hover {
          color: red;
          border-bottom: 1px solid red;
        }
      }
    }
  }

  msg-thread-list {
    min-width: 30%;
  }

  go1-subview-manager-view {
    --go1-shell-mobile-bottomnav-offset: 8.5rem;

    & > section {
      overflow-y: auto;
    }

    &.go1-shell-mobile-bottomnav {
      gap: 0;
    }

    &.go1-shell-mobile-bottomnav > .g-shell-top, &.go1-shell-mobile-bottomnav > .g-shell-top:has( > go1-subview-nav) {
      background: none;
      border-radius: 0;
      flex-basis: 0;
      height: 0;
      min-height: 0;
      margin-top: 0;
      overflow: visible;
    }

    &.go1-shell-mobile-bottomnav > section[data-el="panel"], &.go1-shell-mobile-bottomnav .g-form {
      padding-bottom: calc(var(--go1-shell-mobile-bottomnav-offset) + env(safe-area-inset-bottom, 0px));
      scroll-padding-bottom: calc(var(--go1-shell-mobile-bottomnav-offset) + env(safe-area-inset-bottom, 0px));
    }
  }

  go1-subview-nav {
    min-height: var(--g-shell-top-height);
    box-shadow: none;
    background: none;
    justify-content: space-between;
    display: block;
    position: relative;

    & .go1-subview-nav__title {
      color: #f4f4f4;
      letter-spacing: .06em;
      text-transform: uppercase;
      flex: none;
      margin-left: .5rem;
      padding-inline: .75rem 1rem;
      font-size: 1.1rem;
      font-weight: 500;
    }

    & .go1-subview-nav__selector {
      filter: none;
      scrollbar-width: none;
      border-radius: 0;
      flex-wrap: nowrap;
      flex: 1;
      align-items: center;
      gap: .2rem;
      min-width: 0;
      padding-inline: .1rem;
      display: flex;
      overflow: auto hidden;

      & .g-selector-item {
        color: #ffffffd1;
        white-space: nowrap;
        border-bottom: 2px solid #ffffff2e;
        flex: none;
        margin: 0;
        padding: .45rem .85rem .5rem;
        font-size: .98rem;
        line-height: 1.1;
        transition: color .15s, border-color .15s, background-color .15s;
      }

      & .g-selector-item:hover {
        color: #fff;
        background: #ffffff0a;
        background: var(--row-hover-bg);
      }

      & .g-selector-item.active {
        color: #fff;
        background: none;
        border-color: #ff3b24;
        border-bottom-width: 3px;
      }
    }

    & .go1-subview-nav__selector::-webkit-scrollbar {
      display: none;
    }

    & .go1-subview-nav__mobile-toggle, & .go1-subview-nav__mobile-menu {
      display: none;
    }

    & .go1-subview-nav__mobile-toggle {
      color: #fff;
      text-align: left;
      background: #ffffff14;
      border: 0;
      border-radius: .9rem;
      flex: 1;
      justify-content: space-between;
      align-items: center;
      gap: .75rem;
      min-width: 0;
      padding: .7rem .95rem;
    }

    & .go1-subview-nav__mobile-toggle.active {
      background: #ffffff24;
    }

    & .go1-subview-nav__mobile-label {
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: .98rem;
      font-weight: 600;
      overflow: hidden;
    }

    & .go1-subview-nav__mobile-menu {
      z-index: var(--z-dropdown);
      background: #2f2f2f;
      border-radius: 1rem;
      padding: .35rem;
      position: absolute;
      inset: calc(100% + .35rem) 0 auto;
      box-shadow: 0 1rem 2rem #0000003d;
    }

    & .go1-subview-nav__bottomnav {
      display: none;
    }

    & .go1-subview-nav__mobile-item {
      color: #ffffffe0;
      text-align: left;
      background: none;
      border: 0;
      border-radius: .8rem;
      justify-content: space-between;
      align-items: center;
      gap: .75rem;
      width: 100%;
      padding: .8rem .9rem;
      display: flex;
    }

    & .go1-subview-nav__mobile-item.active {
      color: #fff;
      background: #ffffff14;
    }

    & .go1-subview-nav__close {
      color: #f5f5f5;
      cursor: pointer;
      background: none;
      border: 0;
      border-radius: 999px;
      flex: none;
      justify-content: center;
      align-items: center;
      block-size: 2.5rem;
      inline-size: 2.5rem;
      margin-right: .3rem;
      display: flex;
    }

    & .go1-subview-nav__close:hover {
      background-color: var(--row-hover-bg) !important;
    }

    & .go1-subview-nav__close i {
      font-size: 1.4rem;
    }

    & .go1-subview-nav__bottomnav {
      z-index: var(--z-zone-footer);
      backdrop-filter: blur(12px);
      background: #18181cf5;
      border-radius: 0;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      display: flex;
      position: fixed;
      inset: auto 0 0;
      box-shadow: 0 .8rem 1.6rem #0000003d;
    }

    & .go1-subview-nav__bottom-context, & .go1-subview-nav__bottom-items {
      min-width: 0;
      display: flex;
    }

    & .go1-subview-nav__bottom-context {
      color: #fff;
      border-bottom: 1px solid var(--bg-accent);
      align-items: center;
      gap: .5rem;
      padding: 0 0 0 1rem;
      line-height: 2rem;
    }

    & .go1-subview-nav__bottom-context-title, & .go1-subview-nav__bottom-context-tab {
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0;
      overflow: hidden;
    }

    & .go1-subview-nav__bottom-context-title {
      color: #ffffffa3;
      letter-spacing: .05em;
      text-transform: uppercase;
      flex: 0 auto;
      font-size: .72rem;
      font-weight: 600;
    }

    & .go1-subview-nav__bottom-context-sep {
      color: #ffffff70;
      flex: none;
    }

    & .go1-subview-nav__bottom-context-tab {
      color: #fff;
      flex: 1;
      font-size: .88rem;
      font-weight: 600;
    }

    & .go1-subview-nav__bottom-items {
      align-items: center;
    }

    & .go1-subview-nav__bottom-item {
      color: #ffffffc2;
      text-align: center;
      background: none;
      border: 0;
      border-radius: 0;
      flex-direction: column;
      flex: 1;
      justify-content: center;
      align-items: center;
      min-width: 0;
      padding: .9rem;
      display: flex;
    }

    & .go1-subview-nav__bottom-item.active {
      color: var(--fg);
      background-color: var(--bg-accent);
    }

    & .go1-subview-nav__bottom-item-icon {
      font-size: 1.2rem;
      line-height: 1;
    }

    & .go1-subview-nav__bottom-item-text {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      font-size: .9rem;
      display: none;
      overflow: hidden;
    }

    &.mobile-layout {
      align-items: center;
      gap: .35rem;
      padding: .35rem .5rem .25rem;

      & .go1-subview-nav__title, & > go1-selector.go1-subview-nav__selector {
        display: none;
      }

      & .go1-subview-nav__mobile-toggle {
        flex: 1;
        width: auto;
        display: flex;
      }

      & .go1-subview-nav__mobile-menu {
        display: block;
        top: calc(100% - .1rem);
      }

      & .go1-subview-nav__close {
        align-self: center;
        block-size: 2.2rem;
        inline-size: 2.2rem;
      }
    }

    &.mobile-layout--bottomnav {
      min-height: 0;
      padding: 0;

      & .go1-subview-nav__title, & > go1-selector.go1-subview-nav__selector, & .go1-subview-nav__mobile-toggle, & .go1-subview-nav__mobile-menu, & .go1-subview-nav__close {
        display: none;
      }

      & .go1-subview-nav__bottomnav {
        display: flex;
      }
    }
  }

  club-stats-view {
    & .stats-shell, & .stats-shell-body {
      flex-direction: column;
      min-height: 0;
      display: flex;
    }
  }

  @media (width <= 45rem) {
    .g-shell-top {
      flex: none;
    }

    go1-subview-nav {
      align-items: stretch;
      gap: .35rem;
      padding: 0;
      min-height: 0 !important;

      & .go1-subview-nav__title {
        flex: 1;
        order: 1;
        margin-left: 0;
        padding-inline: .25rem;
        font-size: 1rem;
        display: none;
      }

      & > go1-selector.go1-subview-nav__selector {
        display: none;
      }

      & .go1-subview-nav__mobile-toggle {
        order: 3;
        width: 100%;
        display: flex;
      }

      & .go1-subview-nav__mobile-menu {
        display: block;
        top: calc(100% - .1rem);
      }

      & .go1-subview-nav__close {
        order: 2;
        align-self: flex-start;
        block-size: 2.2rem;
        inline-size: 2.2rem;
      }
    }
  }

  go1-theme-picker {
    display: flex;

    & .go1-theme-picker__themes {
      gap: var(--sz-sm);
      padding: var(--sz-xsm);
    }

    & .go1-theme-swatch {
      background: var(--go1-swatch-color);
      border-color: #0000;
      flex: 4rem;
      max-width: 8rem;
      min-height: 3rem;
    }

    & .go1-theme-picker__cta {
      align-items: center;
    }

    & .go1-theme-swatch:hover {
      border-color: var(--go1-swatch-color);
      box-shadow: var(--focus-ring);
    }

    & .go1-theme-swatch.active {
      outline: 2px solid var(--go1-swatch-color);
      outline-offset: 2px;
    }
  }

  .g-toast {
    right: var(--sz-sm);
    bottom: var(--sz-sm);
    z-index: var(--z-toast);
    max-width: min(28rem, 90vw);
    padding: var(--sz-sm) var(--sz-md);
    background: var(--bg-ui-toast);
    color: var(--fg-ui-toast);
    filter: drop-shadow(0 .25rem .75rem #00000040);
    border-radius: .4rem;
    display: none;
    position: fixed;
  }

  .g-toast.error {
    color: var(--fg-ui-toast-error);
  }

  .g-toast.show {
    animation: .2s ui-fade-in, .2s 3s forwards ui-fade-out;
    display: block;
  }

  .g-alert {
    z-index: var(--z-alert);
    padding: var(--sz-sm);
    background: var(--bg-ui-alert);
    color: var(--fg-ui-alert);
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: none;
    position: fixed;
    inset: 0 0 auto;
  }

  .g-alert.show {
    animation: .25s ui-slide-down;
    display: flex;
  }

  .g-loader {
    z-index: var(--z-loader);
    border: .4rem solid var(--ring-ui-loader);
    border-top-color: var(--accent-ui-loader);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: .9s linear infinite ui-spin;
    display: none;
    position: fixed;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }

  .g-loader.show {
    display: block;
  }

  .g-tag {
    align-items: center;
    gap: var(--sz-xsm);
    background: var(--bg-primary);
    border: 1px solid var(--border);
    white-space: nowrap;
    border-radius: 999px;
    padding: .2rem .6rem;
    font-size: .85rem;
    display: inline-flex;
  }

  @keyframes ui-spin {
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }

  @keyframes ui-fade-in {
    from {
      opacity: 0;
      transform: translateY(.5rem);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes ui-fade-out {
    to {
      opacity: 0;
      transform: translateY(.5rem);
    }
  }

  @keyframes ui-slide-down {
    from {
      transform: translateY(-100%);
    }

    to {
      transform: translateY(0);
    }
  }
}

@layer app {
  .forum-chip.active, .post-filter.active {
    background: var(--bg-accent);
    border-color: var(--border-strong);
  }

  body.debug {
    border: .5rem solid gray;

    & .g-app {
      border: .5rem solid #00f;
    }

    & .g-body {
      border: .5rem solid green;
    }

    & .g-view {
      border: .5rem solid #ff0;
    }

    & .g-form {
      border: .5rem solid coral;
    }

    & .g-edge-top {
      background: red;
    }

    & .g-top {
      background: #00f;
    }

    & .g-bottom {
      background: green;
    }

    & .g-edge-bottom {
      background: #ff0;
    }
  }

  body {
    &.rightzone-showing .g-main {
      border-top-right-radius: 3rem;
    }

    & main.g-main.group-view-active {
      background-color: #f0f8ff;
    }

    & .g-header {
      justify-content: space-between;
      padding: .5rem 1.7rem .5rem .7rem;

      & .i.hamburger {
        margin-left: 1.4rem;
      }

      & .brand {
        color: var(--fg-accent);
        font-weight: 600;
      }

      & .main-header-icons {
        align-items: center;
        gap: .4rem;
        margin-left: auto;
        display: flex;
      }

      & i.icm-splitscreen-horz.go1-split-toggle {
        padding: 0;
        transform: rotate(90deg);
      }

      & .g-header__user {
        align-items: center;
        display: flex;
        position: relative;
      }

      & .g-header__userbtn {
        color: inherit;
        cursor: pointer;
        background: none;
        border: 0;
        align-items: center;
        gap: .35rem;
        padding: 0;
        display: flex;
      }

      & .g-header__userchevron {
        padding: 0;
        font-size: .75rem;
      }

      & .g-header__usermenu {
        background: var(--bg-chrome);
        min-width: 8.5rem;
        box-shadow: var(--shadow-md);
        z-index: var(--z-dropdown);
        border-bottom-right-radius: .8rem;
        border-bottom-left-radius: .8rem;
        padding: .3rem;
        display: none;
        position: absolute;
        top: calc(100% + .45rem);
        right: 0;
      }

      & .g-header__usermenu.show {
        display: block;
      }

      & .g-header__usermenu-item {
        width: 100%;
        color: inherit;
        text-align: left;
        cursor: pointer;
        background: none;
        border: 0;
        border-radius: .6rem;
        align-items: center;
        gap: .55rem;
        padding: .55rem .7rem;
        font-size: .92rem;
        display: flex;
      }

      & .g-header__usermenu-item:hover {
        background: var(--row-hover-bg);
      }

      & .g-header__usermenu-item i {
        padding: 0;
        font-size: .95rem;
      }
    }

    & .g-auth {
      background-color: var(--bg-main);
    }

    & .g-main {
      border-radius: 3rem 0 0;

      &.square {
        border-radius: 0 !important;
      }
    }

    & .g-main:has(.g-view > .g-shell-top:not([hidden])) {
      padding-top: 0;
    }

    & .g-app:has(.g-edge-top > .g-nav.pinned.top) .g-main, & .g-app.app-nav-hidden-side .g-main {
      border-top-left-radius: 0;
    }

    & .g-right {
      border-left: none !important;

      & .g-view.show {
        background-color: #0000 !important;
      }
    }
  }

  .go1-pill {
    text-transform: lowercase;
    border: 1px solid #0000;
    border-radius: .5rem;
    align-items: center;
    padding: .2rem .3rem;
    font-size: .9rem;
    display: inline-flex;
  }

  .go1-pill--hybrid {
    color: #6a4a00;
    background: #fff0c7;
    border-color: #f0cd76;
  }

  .go1-pill--cms {
    background: color-mix(in oklab, var(--fg-accent2) 40%,  #fefefe);
    border-color: none;
    color: color-mix(in oklab, var(--fg-accent2) 20%,  #111);
    text-decoration: none;

    &.ispinned {
      padding: var(--btn-pad-md);
    }
  }

  .go1-pill--category {
    filter: drop-shadow(2px 2px #aaa);
    border: 1px solid #0000;
    border-radius: .2rem;
    padding: .3rem;
  }

  .admin-centre-body {
    flex: unset;
  }

  @media (width <= 45rem) {
    .g-main {
      border-radius: 0;
      padding: 0;
    }
  }

  @media (orientation: portrait) and (width <= 45rem) {
    .g-main {
      border-radius: 0 !important;
    }
  }

  @media (width <= 45rem) {
    .g-header {
      padding: .9rem 1rem;

      & .g-header__userchevron {
        display: none;
      }
    }
  }
}

@layer utils {
  .show {
    display: flex !important;
  }

  .block {
    display: block !important;
  }

  .inflex {
    display: inline-flex !important;
  }

  .hide {
    display: none !important;
  }

  .flex, .row, .col {
    min-width: 0;
    display: flex;
  }

  .col {
    flex-direction: column;
  }

  .wrap {
    flex-wrap: wrap;
  }

  .nowrap {
    flex-wrap: nowrap;
  }

  .grow {
    flex: 1 !important;
  }

  .grow-12r {
    flex: 12rem;
    min-width: 12rem;
  }

  .grow-14r {
    flex: 14rem;
    min-width: 14rem;
  }

  .grow-22r {
    flex: 22rem;
    min-width: 22rem;
  }

  .grow-24r {
    flex: 24rem;
    min-width: 24rem;
  }

  .grow-26r {
    flex: 26rem;
    min-width: 26rem;
  }

  .grow-30r {
    flex: 30rem;
    min-width: 30rem;
  }

  .shrink {
    flex: 0 auto !important;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex0 {
    flex: none;
  }

  .flex0-18r {
    flex: 0 0 18rem;
    width: 18rem;
  }

  .flex0-30r {
    flex: 0 0 30rem;
    width: 30rem;
  }

  .center {
    justify-content: center;
    align-items: center !important;
  }

  .fill {
    width: 100%;
    height: 100% !important;
  }

  .h-start {
    justify-content: flex-start;
  }

  .h-end {
    justify-content: flex-end;
  }

  .h-center {
    justify-content: center;
  }

  .h-between {
    justify-content: space-between;
  }

  .h-around {
    justify-content: space-around;
  }

  .h-evenly {
    justify-content: space-evenly;
  }

  .v-start {
    align-items: flex-start;
  }

  .v-end {
    align-items: flex-end;
  }

  .v-center {
    align-items: center;
  }

  .v-between {
    align-items: space-between;
  }

  .hs-start {
    justify-self: flex-start;
  }

  .hs-end {
    justify-self: flex-end;
  }

  .hs-center {
    justify-self: center;
  }

  .vs-start {
    align-self: flex-start;
  }

  .vs-end {
    align-self: flex-end;
  }

  .vs-center {
    align-self: center;
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-120 {
    min-width: 120px;
  }

  .min-h-0 {
    min-height: 0;
  }

  .w10 {
    width: 10%;
  }

  .w20 {
    width: 20%;
  }

  .w25 {
    width: 25%;
  }

  .w30 {
    width: 30%;
  }

  .w33 {
    width: 33.3%;
  }

  .w40 {
    width: 40%;
  }

  .w50 {
    width: 50%;
  }

  .w60 {
    width: 60%;
  }

  .w66 {
    width: 66.6%;
  }

  .w70 {
    width: 70%;
  }

  .w75 {
    width: 75%;
  }

  .w80 {
    width: 80%;
  }

  .w90 {
    width: 90%;
  }

  .w100 {
    width: 100%;
  }

  .grow0 {
    flex: 0 0 10%;
  }

  .flex20 {
    flex: 0 0 20%;
  }

  .flex25 {
    flex: 0 0 25%;
  }

  .flex30 {
    flex: 0 0 30%;
  }

  .flex33 {
    flex: 0 0 33.3%;
  }

  .flex40 {
    flex: 0 0 40%;
  }

  .flex50 {
    flex: 0 0 50%;
  }

  .flex60 {
    flex: 0 0 60%;
  }

  .flex66 {
    flex: 0 0 66.6%;
  }

  .flex70 {
    flex: 0 0 70%;
  }

  .flex75 {
    flex: 0 0 75%;
  }

  .flex80 {
    flex: 0 0 80%;
  }

  .flex90 {
    flex: 0 0 90%;
  }

  .grow00 {
    flex: 0 0 100%;
  }

  .h10 {
    height: 10%;
  }

  .h50 {
    height: 50%;
  }

  .h75 {
    height: 75%;
  }

  .h100 {
    height: 100%;
  }

  .static {
    position: static;
  }

  .relative {
    position: relative;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .sticky {
    position: sticky;
  }

  .is-disabled {
    color: var(--fg-disabled);
    background-color: var(--bg-disabled);
    border-color: var(--border-disabled);
    cursor: not-allowed;
    pointer-events: none;
  }

  .raised {
    background-color: var(--bg-raised);
    box-shadow: var(--shadow-md);
    border-radius: .6rem;
  }

  .empty-state {
    min-height: 6rem;
    color: var(--fg-muted);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .visible {
    visibility: visible;
  }

  .invisible {
    visibility: hidden;
  }

  .scroll {
    min-width: 0;
    min-height: 0;
    overflow: auto;
  }

  .no-scroll {
    overflow: hidden;
  }

  .scroll-auto, .o-a {
    overflow: auto;
  }

  .scroll-hidden, .o-h {
    overflow: hidden;
  }

  .scroll-x, .o-x {
    overflow-x: auto;
  }

  .scroll-y, .o-y {
    overflow-y: auto;
  }

  .gap {
    gap: var(--gap);
  }

  .gap-xsm {
    gap: var(--sz-xsm);
  }

  .gap-sm {
    gap: var(--sz-sm);
  }

  .gap-md {
    gap: var(--sz-md);
  }

  .gap-lg {
    gap: var(--sz-lg);
  }

  .gap-xlg {
    gap: var(--sz-xlg);
  }

  .m-0 {
    margin: 0 !important;
  }

  .p-0 {
    padding: 0 !important;
  }

  .m-sm, .m {
    margin: var(--sz-sm);
  }

  .m-md {
    margin: var(--sz-md);
  }

  .m-lg {
    margin: var(--sz-xlg);
  }

  .p-sm, .p {
    padding: var(--sz-sm);
  }

  .p-md {
    padding: var(--sz-md);
  }

  .p-lg {
    padding: var(--sz-lg);
  }

  .p-xlg {
    padding: var(--sz-xlg);
  }

  .send-top {
    margin-bottom: auto !important;
  }

  .send-left {
    margin-right: auto !important;
  }

  .send-right {
    margin-left: auto !important;
  }

  .send-bottom {
    margin-top: auto !important;
  }

  .m-center {
    margin: auto !important;
  }

  .ml-0 {
    margin-left: 0;
  }

  .ml-sm, .ml {
    margin-left: var(--sz-sm);
  }

  .ml-md {
    margin-left: var(--sz-md);
  }

  .ml-lg {
    margin-left: var(--sz-xlg);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-sm, .mt {
    margin-top: var(--sz-sm);
  }

  .mt-md {
    margin-top: var(--sz-md);
  }

  .mt-lg {
    margin-top: var(--sz-xlg);
  }

  .mr-0 {
    margin-right: 0;
  }

  .mr-sm, .mr {
    margin-right: var(--sz-sm);
  }

  .mr-md {
    margin-right: var(--sz-md);
  }

  .mr-lg {
    margin-right: var(--sz-xlg);
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-sm, .mb {
    margin-bottom: var(--sz-sm);
  }

  .mb-md {
    margin-bottom: var(--sz-md);
  }

  .mb-lg {
    margin-bottom: var(--sz-xlg);
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-sm {
    padding-left: var(--sz-sm);
  }

  .pl-md {
    padding-left: var(--sz-md);
  }

  .pl-lg {
    padding-left: var(--sz-xlg);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-055 {
    padding-top: .55rem;
  }

  .pt-sm {
    padding-top: var(--sz-sm);
  }

  .pt-md {
    padding-top: var(--sz-md);
  }

  .pt-lg {
    padding-top: var(--sz-xlg);
  }

  .pr-0 {
    padding-right: 0;
  }

  .pr-sm {
    padding-right: var(--sz-sm);
  }

  .pr-md {
    padding-right: var(--sz-md);
  }

  .pr-lg {
    padding-right: var(--sz-xlg);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-055 {
    padding-bottom: .55rem;
  }

  .pb-sm {
    padding-bottom: var(--sz-sm);
  }

  .pb-md {
    padding-bottom: var(--sz-md);
  }

  .pb-lg {
    padding-bottom: var(--sz-xlg);
  }

  .b {
    border: 1px solid var(--border);
  }

  .b-0 {
    border: 0;
  }

  .b-sm {
    border-width: 1px;
  }

  .b-md {
    border-width: 2px;
  }

  .b-lg {
    border-width: 3px;
  }

  .bt {
    border-top: 1px solid var(--border);
  }

  .bb {
    border-bottom: 1px solid var(--border);
  }

  .bl {
    border-left: 1px solid var(--border);
  }

  .br {
    border-right: 1px solid var(--border);
  }

  .bt-0 {
    border-top: 0;
  }

  .bb-0 {
    border-bottom: 0;
  }

  .bl-0 {
    border-left: 0;
  }

  .br-0 {
    border-right: 0;
  }

  .br-accent {
    border: .3rem solid var(--fg-accent);
  }

  .br-accent2 {
    border: .3rem solid var(--fg-accent2);
  }

  .round-sm {
    border-radius: .4rem;
  }

  .round-md, .round {
    border-radius: .6rem;
  }

  .round-lg {
    border-radius: 1rem;
  }

  .round-xlg {
    border-radius: 3rem;
  }

  .round-full {
    border-radius: 9999px;
  }

  .shadow-sm {
    box-shadow: var(--shadow-sm);
  }

  .shadow, .shadow-md {
    box-shadow: var(--shadow-md);
  }

  .shadow-lg {
    box-shadow: var(--shadow-lg);
  }

  .shadow-filter-sm {
    filter: drop-shadow(1px 1px 2px #aaa);
  }

  .shadow-filter, .shadow-filter-md {
    filter: drop-shadow(2px 2px 3px #aaa);
  }

  .shadow-filter-lg {
    filter: drop-shadow(3px 3px 4px #aaa);
  }

  .text-left {
    text-align: left;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .small {
    font-size: .9rem;
  }

  .regular {
    font-size: 1rem;
  }

  .medium {
    font-size: 1.2rem;
  }

  .large {
    font-size: 1.5rem;
  }

  .vlarge {
    font-size: 2rem;
  }

  .normal {
    font-weight: normal;
  }

  .bold {
    font-weight: bold;
  }

  .muted {
    color: var(--fg-muted);
  }

  .underline {
    text-decoration: underline;
  }

  .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .density-compact {
    --row-padding-y: var(--padding-compact-y);
    --row-padding-x: var(--padding-compact-x);
  }

  .density-comfortable {
    --row-padding-y: var(--padding-comfortable-y);
    --row-padding-x: var(--padding-comfortable-x);
  }

  .density-relaxed {
    --row-padding-y: var(--padding-relaxed-y);
    --row-padding-x: var(--padding-relaxed-x);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .fg {
    color: var(--fg);
  }

  .fg-accent {
    color: var(--fg-accent);
  }

  .fg-accent2 {
    color: var(--fg-accent2);
  }

  .fg-cta {
    color: var(--fg-cta);
  }

  .fg-muted {
    color: var(--fg-muted);
  }

  .fg-focus {
    color: var(--fg-focus);
  }

  .fg-error {
    color: var(--fg-error);
  }

  .u-color-nicered {
    color: #ff4500 !important;
  }

  .color-cta {
    color: var(--bg-cta);
  }

  .bg {
    background-color: var(--bg);
  }

  .bg-accent {
    background-color: var(--bg-accent);
  }

  .bg-accent2 {
    background-color: var(--bg-accent2);
  }

  .bg-cta {
    background-color: var(--bg-cta);
  }

  .bg-error {
    background-color: var(--bg-error);
  }

  .bg-trans {
    background-color: #0000;
  }

  .bg-primary {
    background-color: var(--bg-primary);
  }

  .bg-nested {
    background-color: var(--bg-nested);
  }

  .bg-raised {
    background-color: var(--bg-raised);
  }

  .fg-ok {
    color: var(--form-fg-ok);
  }

  .bg-ok {
    background-color: var(--form-bg-ok);
  }

  .fg-warn {
    color: var(--form-fg-warn);
  }

  .bg-warn {
    background-color: var(--form-bg-warn);
  }

  .fg-info {
    color: var(--form-fg-info);
  }

  .bg-ui-toast {
    background-color: var(--bg-ui-toast);
  }

  .fg-ui-toast {
    color: var(--fg-ui-toast);
  }

  .fg-ui-toast-error {
    color: var(--fg-ui-toast-error);
  }

  .bg-ui-alert {
    background-color: var(--bg-ui-alert);
  }

  .fg-ui-alert {
    color: var(--fg-ui-alert);
  }

  .border-subtle {
    border: 1px solid var(--border-subtle);
  }

  .border-strong {
    border: 1px solid var(--border-strong);
  }

  .debug-outline > * {
    outline: 1px dashed #787878b3;
  }

  ::-webkit-scrollbar {
    width: 1rem;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-image: linear-gradient(#f9f9f9, #c2c2c2);
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 6px #00000080;
  }

  ::-webkit-scrollbar-track {
    color: #fff;
    background-color: #dfdfdf;
    border-radius: 9px;
    box-shadow: inset 0 0 6px #0000004d;
  }
}

@layer overrides, theme;

@layer table {
  .table-wrapper, .table-container {
    background-color: var(--table-bg);
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin: 0;
    display: flex;
    overflow: auto;

    &.rounded {
      border-radius: .6rem;
      overflow: hidden;
    }

    &.shadow {
      filter: drop-shadow(0 .25rem .5rem #00000014);
    }
  }

  table {
    border-collapse: collapse;
    width: 100%;
    font-size: 1rem;

    &.striped tbody tr:nth-child(odd) {
      background: color-mix(in srgb, var(--bg) 92%, var(--fg));
    }

    &.fixed {
      table-layout: fixed;
    }

    &.allborders td, &.allborders th {
      border: 1px solid var(--border-subtle);
    }

    &.noborders td, &.noborders th {
      border-bottom: none;
    }

    &.dense td, &.dense th {
      padding: var(--sz-xsm) var(--sz-xsm);
      font-size: .85rem;
    }
  }

  caption {
    padding: var(--row-padding-y) var(--row-padding-x);
    font-weight: 600;
  }

  thead th {
    z-index: var(--z-sticky);
    text-align: left;
    padding: var(--row-padding-y) var(--row-padding-x);
    background: var(--table-th-bg);
    color: var(--table-th-fg);
    border-bottom: 1px solid var(--border-subtle);
    font-weight: 600;
    position: sticky;
    top: 0;
  }

  tbody tr {
    transition: background .12s;
  }

  tbody td {
    padding: var(--row-padding-y) var(--row-padding-x);
    border-bottom: 1px solid var(--border-subtle);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  td.break-word {
    white-space: normal;
    overflow-wrap: break-word;
  }

  tbody tr:hover:not(.is-selected) {
    background: var(--row-hover-bg);
  }

  tbody tr.active {
    background: var(--row-active-bg);
  }

  tbody tr.is-selected, .list-item.is-selected {
    background: var(--row-selected-bg);
    color: var(--row-selected-fg);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg-accent) 60%, transparent);
  }

  tbody tr:focus-visible, .list-item:focus-visible {
    outline: 2px solid var(--fg-accent);
    outline-offset: -2px;
  }

  td.number {
    text-align: right;
  }

  .table-wrapper, .table-scroll-x {
    max-width: 100%;
    overflow-x: auto;
  }

  go1-table-view {
    gap: .5rem;
    display: flex;
  }

  go1-table-grid {
    min-width: 0;
    min-height: 0;
    display: block;
    overflow: auto;
  }

  go1-table {
    min-width: 0;
    display: block;
  }

  go1-table-record {
    flex-direction: column;
    flex: 1;
    max-width: 420px;
    display: flex;
  }

  go1-table-record.meeting-admin-record {
    max-width: none;
  }

  go1-table-record.meeting-admin-record > h2 {
    display: none;
  }

  .meeting-admin-picture__preview {
    max-width: 34rem;
  }

  .meeting-admin-picture__img {
    object-fit: cover;
    border-radius: .75rem;
    width: 100%;
    height: auto;
    max-height: 20rem;
    display: block;
  }

  go1-table-record > go1-form {
    --gap: 0;
  }

  go1-table-sidebar {
    filter: drop-shadow(1px 2px 2px #aaa);
    background-color: #fff;
    border-radius: .6rem;
    flex: 0 0 230px;
    width: 230px;
    margin: 0 .25rem .25rem 0;
  }
}

.meeting-calendar-menu {
  position: relative;

  & > summary {
    cursor: pointer;
    user-select: none;
    list-style: none;
  }

  & > summary::-webkit-details-marker {
    display: none;
  }

  &[open] > summary {
    background-color: var(--row-hover-bg);
  }
}

.meeting-calendar-menu__list {
  z-index: 20;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-primary);
  min-width: 12rem;
  box-shadow: var(--shadow-md);
  padding: .35rem;
  position: absolute;
  top: calc(100% + .35rem);
  left: 0;
}

.meeting-calendar-menu__item {
  border-radius: var(--radius-sm);
  white-space: nowrap;
  background: none;
  border: 0;
  width: 100%;
  padding: .55rem .75rem;

  &:hover {
    background: var(--row-hover-bg);
  }
}

.meeting-notes-body {
  max-height: 5.5rem;
  overflow: hidden;

  &.is-expanded {
    max-height: 22rem;
    padding-right: .25rem;
    overflow-y: auto;
  }

  & > :first-child {
    margin-top: 0;
  }

  & > :last-child {
    margin-bottom: 0;
    font-size: .8rem;
  }

  & p, & ul, & ol, & blockquote, & pre {
    margin-bottom: .75rem;
  }

  & h1, & h2, & h3, & h4, & h5, & h6 {
    margin: 0 0 .75rem;
    font-size: 1.05rem;
    line-height: 1.35;
  }
}

go1-selector {
  flex: none;
  justify-content: center;
}

go1-selector[kind="button"] {
  filter: drop-shadow(1px 1px #aaa);
  border-radius: .6rem;
  display: flex;

  & button {
    border-right: 1px solid #ccc;
    border: 1px solid var(--border-subtle);
    user-select: none;
    border-radius: 0;
    font-size: .9rem;

    &.active {
      background-color: var(--fg-accent);
      color: var(--bg-primary);
    }

    &:hover:not(.active) {
      background-color: var(--row-hover-bg);
      color: var(--fg);
    }
  }

  & button:first-child {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
  }

  & button:last-child {
    border-right: none;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
  }

  &.square {
    & button:first-child, & button:last-child {
      border-radius: 0;
    }
  }

  &.rounded {
    & button:last-child {
      border-right: none;
    }
  }
}

go1-selector[kind="li"] {
  min-width: 0;
  display: flex;

  & .g-selector-mobile {
    width: 100%;
    display: none;
  }

  & .g-selector-mobile__select {
    width: 100%;
  }

  & .g-selector-desktop {
    gap: .25rem;
    display: flex;
  }

  & .g-selector-item {
    user-select: none;
    border-bottom: 3px solid #0000;
    margin: 0 0 -1px;
    padding: .3rem .7rem;
    font-weight: 500;

    &.active {
      border-bottom: 3px solid var(--fg-accent);
    }

    &:hover:not(.active) {
      background-color: var(--row-hover-bg);
    }
  }
}

go1-selector[kind="tabs"] {
  min-width: 0;
  display: flex;

  & .g-selector-mobile {
    justify-content: center;
    width: 100%;
    display: none;
  }

  & .g-selector-mobile__select {
    width: 100%;
  }

  & .g-selector-desktop {
    justify-content: center;
    align-items: flex-end;
    gap: 0;
    width: 100%;
    min-width: 0;
    padding: 0 0 .05rem;
    display: flex;
  }

  & .g-selector-tab {
    border: 1px solid #0000;
    border-bottom: 1px solid var(--tab-border-color);
    border-radius: var(--tab-border-radius);
    color: var(--fg-muted);
    font: inherit;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding: .3rem 1.3rem;
    display: inline-flex;

    &.active {
      border: 1px solid var(--tab-border-color);
      border-bottom: 1px solid #0000;
      font-weight: bold;
    }

    &:hover:not(.active) {
      background: var(--row-hover-bg);
      color: var(--fg);
    }
  }
}

go1-selector + go1-selector {
  font-size: inherit;
}

go1-selector[kind="tabs"]:not(.mobile-dropdown):before, go1-selector[kind="tabs"]:not(.mobile-dropdown):after, go1-selector[kind="tabs"].mobile-dropdown .g-selector-desktop:before, go1-selector[kind="tabs"].mobile-dropdown .g-selector-desktop:after {
  content: "";
  border-bottom: 1px solid var(--tab-border-color);
  flex: 1 1 0;
  align-self: stretch;
  min-width: 0;
}

@media (width <= 45rem) {
  go1-selector {
    margin: 0;
    filter: none !important;

    & button {
      font-size: inherit;
    }
  }

  go1-selector[kind="li"] {
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: .25rem;
    overflow: auto hidden;
  }

  go1-selector[kind="li"]::-webkit-scrollbar {
    display: none;
  }

  go1-selector[kind="li"] .g-selector-item {
    white-space: nowrap;
    flex: none;
  }

  go1-selector[kind="li"].mobile-dropdown {
    padding-bottom: 0;
    display: block;
    overflow: visible;

    & .g-selector-mobile {
      display: block;
    }

    & .g-selector-desktop {
      display: none;
    }
  }

  go1-selector[kind="tabs"] {
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: .25rem;
    overflow: auto hidden;
  }

  go1-selector[kind="tabs"]::-webkit-scrollbar {
    display: none;
  }

  go1-selector[kind="tabs"] .g-selector-tab {
    flex: none;
  }

  go1-selector[kind="tabs"].mobile-dropdown {
    padding-bottom: 0;
    display: block;
    overflow: visible;

    & .g-selector-mobile {
      display: block;
    }

    & .g-selector-desktop {
      display: none;
    }
  }
}

@media (orientation: landscape) and (width <= 60rem) and (height <= 32rem) {
  go1-selector[kind="button"] {
    scrollbar-width: none;
    flex-wrap: nowrap;
    min-height: 2rem;
    overflow: auto hidden;
  }

  go1-selector[kind="button"]::-webkit-scrollbar {
    display: none;
  }

  go1-selector[kind="button"] button {
    white-space: nowrap;
    flex: none;
    padding-inline: .75rem;
  }

  go1-selector[kind="li"] .g-selector-item {
    white-space: nowrap;
    padding-inline: .75rem;
  }

  go1-selector[kind="tabs"] .g-selector-tab {
    padding-inline: .8rem;
  }
}

body[data-shell="site"] {
  & main {
    border-radius: 0;
  }

  & .g-main:not(.split-row):not(.split-column) > .g-view {
    margin-top: 1rem;
  }

  & .g-site-header {
    white-space: nowrap;
  }

  & .g-site-brand {
    color: inherit;
    text-decoration: none;
  }

  & .g-site-footer {
    display: none;
  }

  & .wimcats-site-logo {
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
  }

  & .g-site-header[data-site-header-mode="logo"] .wimcats-site-logo {
    display: none;
  }

  & .brand-text {
    font-size: var(--font-size-xl);
  }

  & .site-tagline {
    font-size: var(--font-size-lg);
  }

  & .g-site-footer a {
    color: inherit;
  }

  & .site-page, & .site-calendar {
    padding: clamp(2rem, 4vw, 2rem) max(var(--sz-lg), calc((100% - 80rem) / 2));
  }

  & .site-page {
    flex-shrink: 0;
    min-height: 34rem;
  }

  & .site-page__kicker {
    color: var(--fg-accent);
    letter-spacing: .12rem;
    text-transform: uppercase;
  }

  & .site-page h1 {
    max-width: 48rem;
    margin: var(--sz-sm) 0;
    color: var(--fg-accent);
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  & .site-page__content, &.site-page__content {
    max-width: 42rem;
    font-size: var(--font-size-md);
  }

  & .site-page .g-cms-block {
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
  }

  & .site-page__content .lead {
    margin-bottom: var(--sz-lg);
    color: var(--fg-accent);
    font-family: Georgia, serif;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-style: italic;
    line-height: 1.25;
  }

  & .site-page__content h2 {
    margin-top: var(--sz-xl);
    color: var(--fg-accent);
    font-size: var(--font-size-lg);
  }

  & .interest-page {
    padding: clamp(2rem, 4vw, 4rem) max(var(--sz-lg), calc((100% - 80rem) / 2));
    align-items: start;
    gap: clamp(2rem, 6vw, 6rem);
    display: flex;
  }

  & .interest-page__intro, & .interest-page__form, & .interest-page__thanks {
    flex: 24rem;
  }

  & .interest-page__form > go1-form, & .interest-page__form > go1-form > .g-form {
    flex: none;
  }

  & .interest-page__form > go1-form > .g-form {
    padding-right: 0;
    overflow: visible;
  }

  & .interest-page h1, & .interest-page h2 {
    color: var(--fg-accent);
  }

  & .interest-page h1 {
    margin: var(--sz-sm) 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  & .interest-page__lead {
    color: var(--fg-accent);
    font-family: Georgia, serif;
    font-size: var(--font-size-lg);
    font-style: italic;
  }

  & .interest-page img {
    width: 100%;
    margin-top: var(--sz-lg);
    border-radius: .5rem;
  }

  @media (width <= 60rem) {
    & .interest-page {
      display: block;
    }

    & .interest-page__form {
      margin-top: var(--sz-xl);
    }
  }

  @media (width <= 45rem) {
    & .brand-text {
      font-size: var(--font-size-mdx);
    }

    & .wimcats-site-logo {
      width: 3rem;
      height: 3rem;
    }

    & .site-page {
      min-height: 0;
    }

    & .site-calendar go1-calendar-list .item.event-card-mobile {
      align-items: flex-start;
      gap: var(--sz-sm);
      padding: var(--sz-sm);
    }

    & .site-calendar .event-main-col {
      flex-direction: column;
      flex: 1;
      gap: .35rem;
      min-width: 0;
      display: flex;
    }

    & .site-calendar .event-main-top, & .site-calendar .event-sub, & .site-calendar .event-meta {
      align-items: center;
      gap: .35rem;
      display: flex;
    }

    & .site-calendar .event-main-top {
      justify-content: space-between;
    }

    & .site-calendar .event-title {
      line-height: 1.25;
    }

    & .site-calendar .event-sub, & .site-calendar .event-meta {
      font-size: .9rem;
      line-height: 1.35;
    }
  }
}