@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap&family=Roboto+Slab:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
:root {
  --border-radius: 0.25rem;
  --border-width: 0.15625rem;
  --border-width-thick: 0.25rem;
  --outline-width: .125rem;
  --spacing: 1rem;
  --typography-spacing-vertical: 1.1rem;
  --block-spacing-vertical: calc(var(--spacing) * 1);
  --block-spacing-horizontal: var(--spacing);
  --grid-spacing-vertical: var(--spacing);
  --grid-spacing-horizontal: var(--spacing);
  --form-element-spacing-vertical: calc(var(--spacing) * .5);
  --form-element-spacing-horizontal: calc(var(--spacing) * .5);
  --nav-element-spacing-vertical: calc(var(--spacing) * 1);
  --nav-element-spacing-horizontal: calc(var(--spacing) * .5);
  --nav-link-spacing-vertical: calc(var(--spacing) * .5);
  --nav-link-spacing-horizontal: calc(var(--spacing) * .5);
  --form-label-font-weight: 600;
  --form-label-font-size: 1rem;
  --transition: 300ms ease-in-out;
  --button-default-border-color: var(--primary);
  --button-text-transform: uppercase;
  --button-font-weight: 600;
  --button-font-size: 1rem;
  --button-border-width: var(--border-width);
  --accordion-font-size: 1.2rem;
  --accordion-text-transform: uppercase;
  --accordion-font-weight: 600;
}

@media (min-width: 576px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 1);
  }
}
@media (min-width: 768px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 1);
  }
}
@media (min-width: 992px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 1);
  }
}
@media (min-width: 1200px) {
  body > header,
  body > main,
  body > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 1.5);
  }
}

@media (min-width: 576px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
    --block-spacing-vertical: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
    --block-spacing-vertical: calc(var(--spacing) * 1.5);
  }
}
@media (min-width: 992px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1);
    --block-spacing-vertical: calc(var(--spacing) * 1);
  }
}
@media (min-width: 1200px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.1);
    --block-spacing-vertical: calc(var(--spacing) * 1.1);
  }
}

dialog > article {
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
}
@media (min-width: 576px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 2.5);
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 3);
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
  }
}

:root {
  --pico-background-color: #f6f5f4;
  --color: hsl(205, 25%, 23%);
  --color-disabled: hsl(205, 10%, 50%);
  --h1-color: hsl(205, 20%, 32%);
  --h2-color: rgb(77.07375, 95.741875, 109.07625);
  --h3-color: hsl(205, 20%, 32%);
  --h4-color: rgb(54.63375, 72.706875, 85.61625);
  --h5-color: hsl(205, 20%, 32%);
  --h6-color: rgb(77.07375, 95.741875, 109.07625);
  --muted-color: hsl(205, 10%, 50%);
  --muted-border-color: hsl(205, 16%, 77%);
  --primary: rgb(0, 83, 155);
  --primary-hover: rgb(2, 137.4774193548, 255);
  --primary-focus: rgba(0, 83, 155, 0.125);
  --primary-inverse: rgb(253, 253, 255);
  --primary-highlight: rgba(6, 128, 205, 0.25);
  --secondary: rgb(88, 88, 91);
  --secondary-hover: rgb(113.0726256983, 113.0726256983, 116.9273743017);
  --secondary-focus: rgba(88, 88, 91, 0.125);
  --secondary-inverse: rgb(253, 253, 255);
  --secondary-muted: rgba(88, 88, 91, 0.25);
  --secondary-lighter: rgb(128, 130, 133);
  --secondary-light: rgb(88.501452514, 88.501452514, 91.518547486);
  --contrast: #000000;
  --contrast-hover: #000000;
  --contrast-focus: rgba(88.8675, 107.16375, 120.2325, 0.125);
  --contrast-inverse: rgb(253, 253, 255);
  --caution: rgb(230, 171, 46);
  --warning: rgb(204, 102, 40);
  --danger: rgb(174, 62, 55);
  --success: rgb(127.5, 150, 61.5);
  --success-dark: rgb(78, 115, 42);
  --pending: rgb(105, 62, 113);
  --changed: rgb(6, 128, 205);
  --changed-highlight: rgb(237.0260663507, 247.7227488152, 254.4739336493);
  --current: rgb(127.5, 150, 61.5);
  --current-light: rgba(177, 185, 81, 0.25);
  --inactive: rgb(138.5810055866, 138.5810055866, 142.4189944134);
  --confidential: rgb(155.4102564103, 111.5384615385, 18.5897435897);
  --confidential-background: rgb(249.0705128205, 235.0769230769, 205.4294871795);
  --color-status-success: var(--success);
  --color-status-pending: var(--pending);
  --color-status-denied: var(--danger);
  --color-status-inproc: var(--changed);
  --color-status-with: var(--secondary-light);
  --duke-royal: rgb(0, 83, 155);
  --duke-royal-blue: var(--duke-royal);
  --duke-navy: rgb(1, 33, 105);
  --duke-purple-pale: rgb(193, 178, 196);
  --duke-sky-blue-pale: rgb(180, 217, 240);
  --duke-orange: rgb(242, 133, 33);
  --duke-dark-green: rgb(78, 115, 42);
  --duke-dark-green-hover: rgb(116.0063694268, 171.0350318471, 62.4649681529);
  --duke-gray: rgb(88, 88, 91);
  --duke-grey: rgb(88, 88, 91);
  --duke-green: rgb(177, 185, 81);
  --duke-purple: rgb(105, 62, 113);
  --duke-purple-light: rgb(202.6, 170.4114285714, 208.5885714286);
  --duke-purple-dark: rgb(43.8, 25.8628571429, 47.1371428571);
  --duke-red: rgb(220, 74, 56);
  --duke-red-dark: rgb(174, 62, 55);
  --duke-red-extra-dark: rgb(96.4978165939, 34.384279476, 30.5021834061);
  --duke-red-light: rgb(239.0705128205, 172.6217948718, 164.4294871795);
  --duke-sky-blue: rgb(6, 128, 205);
  --duke-yellow: rgb(245, 200, 103);
  --duke-yellow-dark: rgb(230, 171, 46);
  --duke-yellow-pale: rgb(254.4444444444, 251.9444444444, 246.5555555556);
  --duke-gray-accent: #bcbec0;
  --duke-teal-unofficial: rgb(50, 152, 152);
  --duke-teal-light-unofficial: rgb(119.1782178218, 210.3217821782, 210.3217821782);
  --duke-teal-dark-unofficial: rgb(31.0643564356, 94.4356435644, 94.4356435644);
  --mark-background-color: #fff2ca;
  --mark-color: rgb(83.83125, 57.871875, 37.29375);
  --selected-text-background: rgba(50, 152, 152, 0.4);
  --selected-text-background-lighter: rgba(50, 152, 152, 0.1);
  --ins-color: #388e3c;
  --del-color: #c62828;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --form-element-background-color: rgb(253, 253, 255);
  --form-element-border-color: hsl(205, 14%, 68%);
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: var(--primary-inverse);
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: hsl(205, 18%, 86%);
  --form-element-disabled-border-color: hsl(205, 14%, 68%);
  --form-element-disabled-opacity: 0.5;
  --form-element-changed-border-color: var(--changed);
  --form-element-changed-background: var(--changed-highlight);
  --form-element-invalid-border-color: rgb(220, 74, 56);
  --form-element-invalid-background-color: rgba(220, 74, 56, 0.125);
  --form-element-invalid-active-border-color: rgb(220, 74, 56);
  --form-element-invalid-focus-color: rgba(220, 74, 56, 0.125);
  --form-element-valid-border-color: rgb(78, 115, 42);
  --form-element-valid-active-border-color: rgb(177, 185, 81);
  --form-element-valid-focus-color: rgba(177, 185, 81, 0.125);
  --switch-background-color: hsl(205, 16%, 77%);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: hsl(205, 18%, 86%);
  --range-active-border-color: hsl(205, 16%, 77%);
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: rgb(244.82, 246.605, 248.88);
  --code-background-color: hsl(205, 20%, 94%);
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: hsl(330, 40%, 50%);
  --code-property-color: hsl(185, 40%, 40%);
  --code-value-color: hsl(40, 20%, 50%);
  --code-comment-color: hsl(205, 14%, 68%);
  --accordion-border-color: var(--muted-border-color);
  --accordion-close-summary-color: rgb(0, 83, 155);
  --accordion-open-summary-color: rgb(88, 88, 91);
  --card-background-color: rgb(253, 253, 255);
  --card-border-color: var(--muted-border-color);
  --card-box-shadow: 0 0.125rem 0.5rem rgba(26.775, 40.1625, 49.725, 0.2),
  0 0.25rem 2rem rgba(26.775, 40.1625, 49.725, 0.08),
  0 0 0 0.0625rem rgba(26.775, 40.1625, 49.725, 0.024);
  --card-tab-box-shadow: 0 -0.25rem 0.7rem rgba(26.775, 40.1625, 49.725, 0.2),
  0 -0.25rem 1.75rem rgba(26.775, 40.1625, 49.725, 0.08),
  0 -0.125rem 0 0.0625rem rgba(26.775, 40.1625, 49.725, 0.024);
  --card-sectionning-background-color: rgb(248.91, 249.8025, 251.94);
  --card-box-shadow-hover: 0 0.125rem 0.5rem rgba(26.775, 40.1625, 49.725, 0.4),
  0 0.125rem 2rem rgba(26.775, 40.1625, 49.725, 0.28),
  0 0 0 0.0625rem rgba(26.775, 40.1625, 49.725, 0.054);
  --dropdown-background-color: rgb(248.91, 249.8025, 251.94);
  --dropdown-border-color: rgb(224.757, 230.2905, 234.243);
  --dropdown-box-shadow: var(--card-box-shadow);
  --dropdown-color: var(--color);
  --dropdown-hover-background-color: var(--primary-highlight);
  --modal-overlay-background-color: transparent;
  --progress-background-color: var(--secondary-muted);
  --progress-color: var(--changed);
  --loading-spinner-opacity: 0.5;
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
}

:root {
  --pico-font-family-sans-serif: "Roboto", system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --pico-line-height: 1.0;
  --pico-font-weight: 400;
  --pico-font-size: 14px;
}
@media (min-width: 576px) {
  :root {
    --font-size: 17px;
  }
}
@media (min-width: 768px) {
  :root {
    --font-size: 18px;
  }
}
@media (min-width: 992px) {
  :root {
    --font-size: 16px;
  }
}
@media (min-width: 1200px) {
  :root {
    --font-size: 16px;
  }
}
:root a, :root .review-object-nav button {
  --text-decoration: none;
}
:root a.secondary, :root .review-object-nav button.secondary, :root a.contrast, :root .review-object-nav button.contrast {
  --text-decoration: underline;
}
:root small {
  --font-size: 0.875em;
}
:root h1,
:root h2,
:root h3,
:root h4,
:root h5,
:root h6 {
  --font-weight: 500;
}
:root h1 {
  --font-size: 2.5rem;
  --font-weight: 200;
  --typography-spacing-vertical: 1.5rem;
}
:root h2 {
  --font-size: 2.0rem;
  --font-weight: 200;
  --typography-spacing-vertical: 1.25rem;
}
:root h3 {
  --font-size: 1.75rem;
  --font-weight: 200;
  --typography-spacing-vertical: 1.25rem;
}
:root h4 {
  --font-size: 1.5rem;
  --font-weight: 400;
  --typography-spacing-vertical: 0.874rem;
}
:root h5 {
  --font-size: 1.25rem;
  --font-weight: 600;
  --typography-spacing-vertical: 0.6875rem;
}
:root h6 {
  --font-size: 1rem;
  --font-weight: 600;
  --typography-spacing-vertical: 0.6875rem;
}
:root [type=checkbox][role=switch] {
  --border-width: 3px;
}
:root :not(thead):not(tfoot) > * > td {
  --font-size: 0.875em;
}
:root pre,
:root code,
:root kbd,
:root samp {
  --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
    "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
:root kbd {
  --font-weight: bolder;
}

:root {
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(78, 115, 42, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65.28, 84.32, 97.92, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 83, 155, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(253, 253, 255, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(174, 62, 55, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-close-gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(114.75, 129.625, 140.25, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65.28, 84.32, 97.92, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(220, 74, 56, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65.28, 84.32, 97.92, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65.28, 84.32, 97.92, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(78, 115, 42, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-percent: url("data:image/svg+xml,%3Csvg width='173' height='173' viewBox='0 0 173 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1_7' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='173' height='173'%3E%3Crect y='0.5' width='172.5' height='172.5' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_7)'%3E%3Cpath d='M53.9062 79.5625C46.9583 79.5625 41.0286 77.1068 36.1172 72.1953C31.2057 67.2839 28.75 61.3542 28.75 54.4062C28.75 47.4583 31.2057 41.5286 36.1172 36.6172C41.0286 31.7057 46.9583 29.25 53.9062 29.25C60.8542 29.25 66.7839 31.7057 71.6953 36.6172C76.6068 41.5286 79.0625 47.4583 79.0625 54.4062C79.0625 61.3542 76.6068 67.2839 71.6953 72.1953C66.7839 77.1068 60.8542 79.5625 53.9062 79.5625ZM53.9062 65.1875C56.901 65.1875 59.4466 64.1393 61.543 62.043C63.6393 59.9466 64.6875 57.401 64.6875 54.4062C64.6875 51.4115 63.6393 48.8659 61.543 46.7695C59.4466 44.6732 56.901 43.625 53.9062 43.625C50.9115 43.625 48.3659 44.6732 46.2695 46.7695C44.1732 48.8659 43.125 51.4115 43.125 54.4062C43.125 57.401 44.1732 59.9466 46.2695 62.043C48.3659 64.1393 50.9115 65.1875 53.9062 65.1875ZM118.594 144.25C111.646 144.25 105.716 141.794 100.805 136.883C95.8932 131.971 93.4375 126.042 93.4375 119.094C93.4375 112.146 95.8932 106.216 100.805 101.305C105.716 96.3932 111.646 93.9375 118.594 93.9375C125.542 93.9375 131.471 96.3932 136.383 101.305C141.294 106.216 143.75 112.146 143.75 119.094C143.75 126.042 141.294 131.971 136.383 136.883C131.471 141.794 125.542 144.25 118.594 144.25ZM118.594 129.875C121.589 129.875 124.134 128.827 126.23 126.73C128.327 124.634 129.375 122.089 129.375 119.094C129.375 116.099 128.327 113.553 126.23 111.457C124.134 109.361 121.589 108.312 118.594 108.312C115.599 108.312 113.053 109.361 110.957 111.457C108.861 113.553 107.812 116.099 107.812 119.094C107.812 122.089 108.861 124.634 110.957 126.73C113.053 128.827 115.599 129.875 118.594 129.875ZM38.8125 144.25L28.75 134.188L133.688 29.25L143.75 39.3125L38.8125 144.25Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}

:root {
  --icon-font-variation: "FILL" 0, "wght" 400, "GRAD" 0 ;
}

.close {
  cursor: pointer;
}

.icon, .icons {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  line-height: inherit;
  font-variation-settings: var(--icon-font-variation), "opsz" 16;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  word-wrap: normal;
  direction: ltr;
  vertical-align: middle;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icon.md-18 {
  font-size: 18px;
  font-variation-settings: var(--icon-font-variation), "opsz" 18;
}

.icon.md-24 {
  font-size: 24px;
  font-variation-settings: var(--icon-font-variation), "opsz" 24;
}

.icon.md-32 {
  font-size: 32px;
  font-variation-settings: var(--icon-font-variation), "opsz" 32;
}

.icon.md-36 {
  font-size: 36px;
  font-variation-settings: var(--icon-font-variation), "opsz" 36;
}

.icon.md-48 {
  font-size: 48px;
  font-variation-settings: var(--icon-font-variation), "opsz" 48;
}

/* Rules for using icons as black on a light background. */
.icon.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.icon.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.icon.md-light {
  color: rgb(255, 255, 255);
}

.icon.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/* Aligns and fits icon with surrounding text in a Icons::IconAndTextLinkComponent */
a.link-icon, .review-object-nav button.link-icon {
  display: inline-flex;
  align-items: flex-end;
}
a.link-icon:hover, .review-object-nav button.link-icon:hover {
  text-decoration: none;
}
a.link-icon:hover span, .review-object-nav button.link-icon:hover span {
  text-decoration: none;
}
a.link-icon span.icon, .review-object-nav button.link-icon span.icon {
  margin: 0 0.25em;
}
a.link-icon span.icon:hover, .review-object-nav button.link-icon span.icon:hover {
  text-decoration: none;
}

a.edit-action:hover, .review-object-nav button.edit-action:hover {
  text-decoration: none;
}
a.edit-action span.icon, .review-object-nav button.edit-action span.icon {
  margin: 0;
}
a.edit-action span.icon:hover, .review-object-nav button.edit-action span.icon:hover {
  text-decoration: none;
}

.icon-top-right {
  font-size: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0.5em;
}

.icon-with-text {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  vertical-align: baseline;
}

body > footer {
  align-items: center;
  margin-top: auto;
  padding-bottom: 0.5em;
  background-color: #bcbec0;
  justify-items: stretch;
}
body > footer a, body > footer .review-object-nav button, .review-object-nav body > footer button {
  color: rgb(1, 33, 105);
}
body > footer a:hover, body > footer .review-object-nav button:hover, .review-object-nav body > footer button:hover {
  opacity: 0.9;
}
body > footer > section.footer-logos {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
}
body > footer > section.footer-logos > div {
  min-width: min-content;
  max-width: 400px;
  margin: 2em auto;
  padding: 0;
}
body > footer > section.footer-logos > div img {
  max-height: 3.5rem;
}
body > footer > section.footer-logos > div .office-name {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.tag {
  display: inline-flex;
  background-color: #5d5d5d;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0.5rem;
  margin: 0 0.5rem;
  border-radius: var(--border-radius);
  padding: 0.125em 0.5em 0.125em 0.5em;
}
.tag.pill {
  display: inline-flex;
  width: auto;
  gap: 0.15rem;
  align-items: center;
  justify-content: stretch;
  align-self: center;
  align-self: center;
  font-size: 0.7rem;
  height: 1.4rem;
  background-color: #006ece;
  border-radius: 1.4rem;
  border: none;
  white-space: nowrap;
}
.tag.pill.large {
  font-size: 1rem;
  height: 2rem;
}
.tag.pill.large .icon {
  font-size: 1.6rem;
}
.tag.pill.obligated {
  background-color: var(--success);
}
.tag.pill.anticipated {
  background-color: var(--pending);
}
.tag.pill.warning {
  background-color: var(--warning);
}
.tag.pill.errored {
  background-color: var(--danger);
}
.tag.pill.pending {
  background-color: var(--pending);
}
.tag.pill.completed {
  background-color: var(--success);
}
.tag.pill.initialized {
  background-color: var(--secondary-muted);
  color: var(--secondary);
}
.tag.pill.in-progress:before {
  --pico-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(245,200,103)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
  color: white;
}
.tag.pill .icon {
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
  font-size: 1rem;
  margin: -0.15rem 0.15rem -0.15rem 0;
}
.tag.approval .icon {
  font-size: 1.3rem;
}
.tag.approval.duke-central {
  background-color: var(--duke-navy);
}
.tag.approval.sponsor {
  background-color: darkred;
}
.tag.approval.pi {
  background-color: teal;
}
.tag.appointment .icon {
  font-size: 1.3rem;
}
.tag.appointment.calendar {
  background-color: teal;
}
.tag.appointment.academic {
  background-color: darkmagenta;
}
.tag.issue-flag {
  display: block;
  background-color: var(--duke-yellow);
  color: var(--duke-gray);
  font-size: 0.7rem;
  padding: 0.1em 0.5em;
  margin: 0 auto 3px 0;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 400;
}
.tag.issue-flag .icon {
  color: var(--duke-gray);
  font-size: 1.2rem;
  font-weight: bold;
}
.tag.sps {
  background-color: var(--sps);
  color: white;
}

.below-minimum {
  font-weight: bold;
  display: block;
  background-color: none;
  color: var(--duke-gray);
  margin-bottom: 0;
}
.below-minimum .icon, .below-minimum.icon {
  color: var(--duke-yellow-dark);
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
}

.notice-block {
  border: var(--border-width) solid var(--muted-border-color);
  border-radius: var(--border-radius);
  position: relative;
  margin: 1.5rem auto;
  background-color: var(--primary-inverse);
  box-sizing: border-box;
  z-index: 1;
  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal) var(--form-element-spacing-horizontal) 3.5rem;
}
.notice-block * {
  margin: 0;
  padding: 0;
}
.notice-block header {
  font-size: 1.5rem;
}
.notice-block p {
  margin-bottom: 0.5rem;
}
.notice-block p:last-child {
  margin-bottom: 0;
}
.notice-block::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 3rem;
  height: 100%;
  left: 0;
  margin: 0;
  top: 0;
  color: white;
  font-size: 2rem;
  font-family: "Material Symbols Outlined";
  content: "info";
  background-color: var(--primary);
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 36;
}
.notice-block.delete {
  border-color: var(--danger);
}
.notice-block.delete:before {
  content: "delete";
  background-color: var(--danger);
}
.notice-block.info {
  border-color: var(--changed);
}
.notice-block.info:before {
  content: "info";
  background-color: var(--changed);
}
.notice-block.pending {
  border-color: var(--pending);
}
.notice-block.pending:before {
  content: "change_circle";
  background-color: var(--pending);
}
.notice-block.warning {
  border-color: var(--warning);
  color: inherit;
}
.notice-block.warning:before {
  content: "warning";
  background-color: var(--warning);
}
.notice-block.success {
  border-color: var(--success);
}
.notice-block.success:before {
  content: "check";
  background-color: var(--success);
}
.notice-block.failure {
  border-color: var(--danger);
}
.notice-block.failure:before {
  content: "report";
  background-color: var(--danger);
}
.notice-block.mismatch {
  border-color: var(--caution);
}
.notice-block.mismatch:before {
  content: "explore_off";
  background-color: var(--caution);
  color: var(--secondary);
}
.notice-block.caution {
  border-color: var(--caution);
}
.notice-block.caution:before {
  content: "error_med";
  background-color: var(--caution);
}
.notice-block.update-disabled {
  border-color: var(--caution);
}
.notice-block.update-disabled:before {
  content: "update_disabled";
  background-color: var(--caution);
}
.notice-block.update-enabled {
  border-color: var(--changed);
}
.notice-block.update-enabled:before {
  content: "update";
  background-color: var(--changed);
}
.notice-block.warning {
  border-color: var(--warning);
}
.notice-block.warning:before {
  content: "warning";
  background-color: var(--warning);
}
.notice-block.error {
  border-color: var(--danger);
}
.notice-block.error:before {
  content: "error";
  background-color: var(--danger);
}
.notice-block.changed, .notice-block.change {
  border-color: var(--changed);
}
.notice-block.changed:before, .notice-block.change:before {
  content: "published_with_changes";
  background-color: var(--changed);
}
.notice-block.construction {
  border-color: rgb(100, 118, 164);
}
.notice-block.construction:before {
  content: "construction";
  background-color: rgb(100, 118, 164);
}

.action-card > .notice-block:first-child {
  margin: 0;
}

.jit-workspace .person {
  box-shadow: var(--pico-card-box-shadow);
  background-color: var(--card-background-color);
  padding: 0.5rem;
  border-radius: var(--pico-border-radius);
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 1rem;
}
.jit-workspace .person > header > * {
  margin: 0 0 0.125rem 0;
}
.jit-workspace .person .person-other-support {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.jit-workspace .person .person-support {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.jit-workspace .person .person-support > header {
  grid-column: 1/-1;
}
.jit-workspace .person .person-support > header h5 {
  margin: 0;
}
.jit-workspace .person .person-support .support-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.jit-workspace .person .person-support .support-upload {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.jit-workspace .person section.latest-support > header {
  grid-column: 1/-1;
}
.jit-workspace .person section.latest-support > header h5 {
  margin: 0;
}
details.past-reviews h6 {
  font-weight: bold;
  color: var(--duke-royal-blue);
  text-transform: uppercase;
}

details[open].past-reviews > summary {
  cursor: pointer;
  margin-bottom: 0rem;
}
details[open].past-reviews .past-review {
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--duke-gray-accent);
}
details[open].past-reviews .past-review header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
details[open].past-reviews .past-review header h6 {
  margin: 0;
}
details[open].past-reviews .past-review .review-details {
  margin-top: 0.25rem;
}

.upload-uploading,
.upload-success,
.upload-dragndrop,
.upload-error {
  display: none;
}

.upload-input .upload-dragndrop {
  display: inline;
}

div.file-upload .dropzone {
  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
  border: var(--border-width) dashed var(--muted-border-color);
  margin-bottom: 0;
  display: flex;
  border-radius: var(--border-radius);
  flex-flow: column;
  justify-content: stretch;
  align-items: stretch;
  text-align: center;
}
div.file-upload .dropzone.drag-hover {
  border-style: solid;
  border-color: var(--success);
  cursor: grabbing;
}
div.file-upload .dropzone.drag-hover div.instruction .icon {
  color: var(--changed);
}
div.file-upload input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -2;
}
div.file-upload .file-list .filename {
  font-size: 0.8rem;
  text-align: left;
}

.file-attachment {
  display: grid;
  grid-template-columns: 1.5rem 3fr 1.5rem;
  grid-template-rows: 1fr 0.25rem;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  align-items: center;
  justify-content: stretch;
  margin-top: 0.5rem;
}
.file-attachment a, .file-attachment .review-object-nav button, .review-object-nav .file-attachment button {
  cursor: pointer;
}
.file-attachment .filename {
  font-size: 0.75rem;
}
.file-attachment .icon {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
}
.file-attachment .icon.pending {
  animation: hourglass 3s ease-in-out infinite;
}
.file-attachment progress {
  height: 100%;
  grid-row: 2/3;
  grid-column: 1/-1;
  display: block;
  width: 100%;
}
.file-attachment.existing progress {
  background-color: var(--secondary-muted);
  color: var(--secondary-muted);
}
.file-attachment.existing progress::-webkit-progress-bar {
  border-radius: var(--secondary-muted);
  background: none;
}
.file-attachment.existing progress[value]::-webkit-progress-value {
  background-color: var(--secondary-muted);
}
.file-attachment.existing progress::-moz-progress-bar {
  background-color: var(--secondary-muted);
}
.file-attachment.complete .status-icon .icon {
  animation: none;
}
.file-attachment.delete-pending progress {
  background-color: var(--danger);
  color: var(--danger);
}
.file-attachment.delete-pending progress::-webkit-progress-bar {
  border-radius: var(--danger);
  background: none;
}
.file-attachment.delete-pending progress[value]::-webkit-progress-value {
  background-color: var(--danger);
}
.file-attachment.delete-pending progress::-moz-progress-bar {
  background-color: var(--danger);
}
.file-attachment.delete-pending .status-icon .icon {
  color: var(--danger);
}
.file-attachment.delete-pending a.filename, .file-attachment.delete-pending .review-object-nav button.filename, .review-object-nav .file-attachment.delete-pending button.filename {
  text-decoration: line-through;
  color: var(--danger);
}

@keyframes hourglass {
  20%, 100% {
    transform: rotate(180deg);
  }
}
label.progress {
  display: grid;
  grid-template-columns: 3fr 2fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-weight: normal;
  border-bottom: 1px solid transparent;
}
label.progress:hover {
  border-bottom-color: var(--muted-border-color);
}
label.progress .icon {
  font-size: 1.5rem;
  margin-left: auto;
}
label.progress a.delete, label.progress .review-object-nav button.delete, .review-object-nav label.progress button.delete {
  margin-left: auto;
  cursor: pointer;
}
label.progress a.delete .icon, label.progress .review-object-nav button.delete .icon, .review-object-nav label.progress button.delete .icon {
  cursor: pointer;
}
label.progress progress {
  margin: 0;
}
label.progress .existing {
  grid-column: span 2;
}

button.show-annotations.link-like {
  background: none;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline: 0;
  cursor: pointer;
}

.annotation-summary-icon {
  color: var(--duke-royal, #eeb211);
  font-size: 1.5rem;
  vertical-align: middle;
  background: none;
  padding: 0;
}
.annotation-summary-icon.add_comment {
  color: var(--duke-purple, #6c3483);
}
.annotation-summary-icon.comment {
  color: var(--duke-royal, #eeb211);
}
.annotation-summary-icon.resolved, .annotation-summary-icon.mark_chat_read {
  color: var(--duke-green, #007a33);
}

details.annotations-collection {
  padding: 0.5rem;
  border: var(--pico-border-width) solid var(--duke-gray-accent);
  border-radius: var(--pico-border-radius);
  margin-bottom: 1rem;
}
details.annotations-collection h3,
details.annotations-collection h4,
details.annotations-collection h5,
details.annotations-collection h6 {
  margin: 0;
}
details.annotations-collection > summary {
  margin: 0rem;
  background-color: none;
  color: var(--duke-royal-blue);
}
details.annotations-collection > summary:hover {
  text-decoration: underline;
}
details.annotations-collection[open] > summary {
  border-radius: var(--pico-border-radius) var(--pico-border-radius) 0 0;
  border: none;
}

.annotation-thread {
  background: #fff;
  border: 1px solid var(--duke-gray-accent);
  border-left: 1.5em solid var(--duke-purple, #eeb211);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  padding: 1rem 1rem 1rem 1.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.annotation-thread.comment {
  border-left-color: var(--duke-sky-blue);
}
.annotation-thread.issue {
  border-left-color: var(--duke-yellow, #007a33);
}
.annotation-thread.resolved {
  border-left-color: var(--duke-green, #007a33);
}
.annotation-thread .annotation-primary-content {
  margin-bottom: 0.25rem;
}
.annotation-thread .annotation-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.annotation-thread .annotation-header .annotation-title {
  font-weight: bold;
  font-size: 1.1rem;
  margin-right: 0.5rem;
}
.annotation-thread .annotation-header .annotation-sps-title {
  background: var(--duke-yellow, #eeb211);
  color: #222;
  padding: 0.1em 0.4em;
  border-radius: 0.2em;
  font-weight: bold;
  margin-left: 0.5em;
}
.annotation-thread .annotation-description {
  margin-bottom: 0.5rem;
  color: var(--duke-gray-dark, #333);
}
.annotation-thread .replies {
  margin-top: 0.25rem;
  background: #f8f8f8;
  border-radius: 0.3em;
  padding: 0.5em 1em;
}
.annotation-thread .replies .replies-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em 0;
}
.annotation-thread .replies .replies-list .reply {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid var(--duke-gray-accent, #ccc);
}
.annotation-thread .replies .replies-list .reply strong {
  color: var(--duke-gray-dark, #222);
}
.annotation-thread .replies .replies-list .reply .timestamp {
  font-size: 0.85em;
  color: var(--duke-gray, #888);
}
.annotation-thread .add-reply {
  margin-top: 0.5em;
  display: flex;
  align-items: center;
}
.annotation-thread .add-reply textarea {
  flex: 1;
  margin-right: 0.5em;
  border: 1px solid var(--duke-gray-accent, #ccc);
  border-radius: 0.2em;
  padding: 0.4em;
  font-size: 1em;
}
.annotation-thread .add-reply .add-reply-btn {
  background: var(--duke-blue, #00539b);
  color: #fff;
  border: none;
  border-radius: 0.2em;
  padding: 0.4em 1em;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0.5em;
}
.annotation-thread .add-reply .notify-participants {
  font-size: 0.95em;
  margin-left: 0.5em;
}
.annotation-thread .resolve-btn {
  color: var(--duke-green, #007a33);
  font-weight: bold;
  margin-top: 0.5em;
  cursor: pointer;
  display: inline-block;
}

.annotation-summary-icon {
  font-size: 1.5rem;
  vertical-align: middle;
}

.horizontal-radios input[type=radio] {
  display: inline-block;
}

.attribute .annotation-thread {
  margin-left: calc(15vw + 1rem);
}

p.field .annotation-indicator button {
  bottom: -0.25rem;
}

p.field .annotation-indicator button .annotation-summary-icon.add_comment {
  visibility: hidden;
}

p.field:hover .annotation-indicator button .annotation-summary-icon.add_comment {
  visibility: visible;
}

p.field .annotation-indicator button[aria-expanded=true] .annotation-summary-icon.add_comment {
  visibility: visible;
}

.annotation-primary-content {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

button.resolve-thread .icon {
  color: var(--duke-dark-green);
}

.metadata {
  font-size: 0.85rem;
  color: var(--duke-gray, #888);
  text-transform: uppercase;
  margin-bottom: 0;
}

.annotation-thread details {
  margin-top: 0;
}

data.has-issues .document-value {
  display: inline;
  padding: 0.25rem;
  margin: -0.25rem 0 -0.25rem 0.25rem;
  background-color: var(--duke-yellow);
}

.tag.pill.total {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tag.pill.total .count-type {
  font-weight: 400;
  font-size: 0.85em;
}
.tag.pill.total.issue {
  background-color: var(--duke-yellow, #fbbf24);
  color: var(--duke-gray-dark, #333);
}
.tag.pill.total.comment {
  background-color: var(--duke-sky-blue, #60a5fa);
  color: var(--pico-primary-inverse, #333);
}

nav.pagy.nav {
  display: flex;
  align-content: flex-end;
  justify-content: center;
  margin: 2em auto;
  border-bottom: var(--border-width) solid var(--muted-border-color);
}
nav.pagy.nav a, nav.pagy.nav .review-object-nav button, .review-object-nav nav.pagy.nav button {
  z-index: 5;
  box-sizing: border-box;
  margin: 0;
  padding: 0.5em 2em;
  border-collapse: collapse;
  cursor: pointer;
  text-align: center;
  letter-spacing: normal;
  text-transform: uppercase;
  border-bottom: var(--border-width-thick) solid transparent;
  border-radius: 0;
}
nav.pagy.nav a:hover, nav.pagy.nav .review-object-nav button:hover, .review-object-nav nav.pagy.nav button:hover {
  font-weight: bold;
  border-bottom: var(--border-width-thick) solid var(--primary-hover);
}
nav.pagy.nav a.active, nav.pagy.nav .review-object-nav button.active, .review-object-nav nav.pagy.nav button.active {
  font-weight: 600;
  color: hsl(205, 15%, 41%);
  border-bottom: var(--border-width-thick) solid var(--muted-border-color);
}

body {
  display: grid;
  width: 100%;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: 1fr;
  align-items: start;
  justify-content: stretch;
  min-height: 100vh;
  height: 100%;
  background-color: #f6f5f4;
}

body > header {
  background-color: var(--pico-primary-inverse);
  box-shadow: var(--card-box-shadow);
}

body > main {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
}

main > section {
  margin-top: 2rem;
}

span.label,
th {
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
}

body > footer {
  align-items: center;
  margin-top: 0;
  padding-bottom: 0.5em;
  background-color: #bcbec0;
  justify-items: stretch;
  bottom: 0;
}

a, .review-object-nav button {
  text-decoration: none;
}
a:hover, .review-object-nav button:hover {
  text-decoration: underline;
}

a.link_with_icon, .review-object-nav button.link_with_icon {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}
.review-object-nav {
  background-color: rgb(0, 83, 155);
  margin: 0;
  padding: 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.review-object-nav .icon {
  font-size: 1.5rem;
}
.review-object-nav button {
  all: unset;
}
.review-object-nav button,
.review-object-nav a {
  margin-left: 1rem;
  cursor: pointer;
  text-decoration: none;
  color: var(--pico-primary-inverse);
}
.review-object-nav button:hover,
.review-object-nav a:hover {
  color: rgb(245, 200, 103);
}

.header-logo img {
  height: 5rem;
}

.biosketch-index-container {
  border-bottom: 1px solid black;
}

input {
  display: block;
}

label {
  display: block;
  margin-top: 1rem;
}

.review-object {
  display: grid;
  margin-top: 0;
  grid-template-columns: auto 0.5rem 3rem;
  /* Initial setup */
  grid-template-rows: 1fr;
  align-items: space-between;
  padding: 2rem 0 0 2rem;
  height: 100%;
}
.review-object .feedback {
  padding-right: 1rem;
}
.review-object .feedback > header {
  display: grid;
  justify-content: stretch;
  grid-template-columns: auto auto;
  gap: 1rem;
}
.review-object .feedback > header hgroup h3 {
  margin-top: 0.25rem;
  font-size: 1.5rem;
}
.review-object .feedback > header .data-sources {
  border: 1px solid var(--duke-royal-blue);
  padding: var(--pico-block-spacing-horizontal);
  display: grid;
  grid-auto-flow: row;
}
.review-object .feedback > header .data-sources h3 {
  font-size: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
}
.review-object .feedback > header .data-sources a, .review-object .feedback > header .data-sources .review-object-nav button, .review-object-nav .review-object .feedback > header .data-sources button {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.stats {
  display: flex;
  flex: 0 0 0;
  justify-content: space-around;
  margin-bottom: 20px;
}

.metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
.metrics header {
  grid-column: 1/-1;
}

.stat {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: auto;
}

p.label {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}

p.value {
  font-size: 60px;
  font-weight: bold;
  margin: 0;
  text-align: left;
}

p.value-detail {
  font-size: 13px;
  margin: 0;
  text-align: left;
}

.nofo-changes-table td,
.nofo-changes-table th {
  border-left: 1px solid lightgray;
  text-align: left;
  padding: 5px;
  font-size: 13px;
}

p.smaller {
  font-size: 13px;
  margin: 0;
}

.pdfobject-container {
  width: 100%;
  height: 100%;
}

.pdf-container {
  display: flex;
  flex-flow: column;
}

.pdf-controls .icon {
  font-size: 6rem;
}

.resizer-control {
  cursor: ew-resize;
  background-color: #ccc;
  margin-top: -2rem;
}

.panel.right {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--duke-sky-blue);
  margin-top: -2rem;
  padding: 0;
  display: grid;
  grid-template-columns: 3rem auto;
  justify-self: end;
}
.panel.right .width-control {
  cursor: ew-resize;
  width: 0.5rem;
  background-color: #ccc;
  height: 100%;
  margin-left: -1rem;
}
.panel.right .control {
  width: 3rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: none;
  position: relative;
  border-radius: 0;
  height: 100%;
  writing-mode: vertical-lr;
  color: var(--pico-secondary-inverse);
  background: transparent;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.panel.right .control:active, .panel.right .control:focus {
  border: none;
  box-shadow: none;
}
.panel.right .control:hover {
  color: rgb(245, 200, 103);
}
.panel.right .control .icon {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.panel.right embed {
  margin-left: 2rem;
  width: 100%;
}

.position {
  display: grid;
  grid-template-columns: 4fr 3fr;
  width: auto;
}
.position .provided {
  display: grid;
  grid-template-columns: 1fr 4fr;
  column-gap: 1rem;
}
.position .matches .match {
  border-color: var(--duke-dark-green);
}
.position .matches .match header {
  background-color: var(--duke-dark-green);
}
.position .matches .match .source {
  margin-left: auto;
}
.position .matches .match .status {
  text-transform: uppercase;
}

.hidden {
  visibility: hidden;
}

.matches {
  all: unset;
  display: grid;
  grid-template-rows: auto;
}
.matches .match {
  border: 1px solid var(--duke-gray);
  padding: 0.5rem;
  margin-bottom: 1rem;
  font-size: 90%;
  box-shadow: var(--pico-card-box-shadow);
  border-radius: var(--pico-border-radius);
}
.matches .match:only-child {
  margin-bottom: 0;
}
.matches .match.coi header {
  background-color: var(--duke-teal-unofficial);
}
.matches .match.scholars header {
  background-color: var(--duke-purple);
}
.matches .match header {
  display: flex;
  font-size: 0.85rem;
  margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  padding: 0.25rem;
  color: var(--pico-secondary-inverse);
  background-color: var(--duke-gray);
}
.matches .match header .icon {
  margin-right: 0.25rem;
}
.matches .match header a, .matches .match header .review-object-nav button, .review-object-nav .matches .match header button {
  color: var(--pico-secondary-inverse);
  margin-left: auto;
}

.icon[data-tooltip]::before {
  font-size: 0.9rem;
  font-family: sans-serif;
  font-weight: normal;
  max-width: 300px;
  height: auto;
}

.biosketch-content > section {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--duke-gray-accent);
}

span.document-value {
  display: inline-flex;
  align-items: stretch;
  justify-content: space-between;
  font-family: inherit;
  padding: 0.25rem 0;
}

span.mismatch-inline {
  display: inline-flex;
  align-items: stretch;
  justify-content: space-between;
  background: var(--duke-yellow);
  border: 1px solid #d9a527;
  font-family: inherit;
  padding: 0.25rem;
  border-bottom-style: solid;
  margin-left: 0.5em;
}
span.mismatch-inline[data-tooltip] {
  border: 1px solid var(--duke-yellow-dark);
}
span.mismatch-inline .sps-label {
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-lr;
  text-orientation: sideways;
  background: #d9a527;
  transform: rotate(180deg);
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  padding: 0.25em;
  margin: -0.25rem;
}
span.mismatch-inline .mismatch-value {
  margin-left: 0.5rem;
  margin-top: 0.12rem;
}

.commitment-parts span.mismatch-inline {
  margin: 0;
  padding: 0;
}

.commitment-parts span.mismatch-inline {
  margin: 0;
  padding: 0;
}

p > span.mismatch-inline {
  margin: -0.25rem 0rem;
}

details {
  margin-bottom: 0;
}
details summary {
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}
details summary::after {
  margin-left: auto;
}
details summary > * {
  margin: 0;
}

.justification-subaward > details summary:after {
  margin-left: 0.5rem;
}

article {
  padding: 0.5rem;
}

.grid > header {
  grid-column: 1/-1;
}

.justification .label {
  all: unset;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  vertical-align: middle;
}

.disclosures-container {
  align-items: start;
}

.horizontal-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  grid-auto-flow: rows;
  align-items: start;
  /* Define explicit columns */
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.horizontal-items.disclosures {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.horizontal-items.items {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.horizontal-items.subawards {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.horizontal-items.person-months {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-flow: dense;
  align-items: stretch;
}
.horizontal-items.person-months > .item {
  grid-column: span 2;
}
.horizontal-items.person-months > .current {
  grid-column: span 3;
}
.horizontal-items.years {
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  align-items: stretch;
}
.horizontal-items > header {
  grid-column: 1/-1;
}
.horizontal-items .item {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 400px;
  border: 1px solid var(--duke-gray-accent);
  border-left-width: 0.5em;
  border-radius: 0 var(--pico-border-radius) var(--pico-border-radius) 0;
  background-color: var(--pico-primary-inverse);
}
.horizontal-items .item.mismatched {
  background-color: var(--duke-yellow-pale);
  border-color: var(--duke-yellow);
}
.horizontal-items .item.exceeds-limit {
  background-color: var(--duke-red-light);
  border-color: var(--danger);
}
.horizontal-items .item.exceeds-limit .item-value {
  color: var(--danger);
  font-weight: bold;
}
.horizontal-items .item > header p {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin: 0;
}
.horizontal-items .item > header p .tag.pill.small {
  font-size: 0.65rem;
  white-space: nowrap;
}
.horizontal-items .item > header p .tag.pill.small {
  font-size: 0.65rem;
  white-space: nowrap;
}
.horizontal-items .item .item-value {
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.horizontal-items .item .item-unit {
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.horizontal-items .item .item-unit.subheading {
  border-top: 0.5px solid var(--duke-gray-accent);
  font-weight: bold;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  font-size: 0.9rem;
}
.horizontal-items .item .item-small-text {
  font-size: 0.8rem;
  margin-bottom: 0;
}
.horizontal-items .item .item-sub-value-group {
  align-self: flex-start;
}
.horizontal-items .item .item-sub-value-group .item-unit {
  margin-bottom: 0.5rem;
}
.horizontal-items .item .item-sub-value-group .item-sub-value {
  margin-bottom: 0.125rem;
}

.commitment-year {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.commitment-year .icon {
  font-size: 1.5rem;
  margin-left: auto;
}
.commitment-year .commitment-year-label {
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.tag.pill {
  font-weight: bold;
}
.tag.pill.issues-badge {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  height: 1.5rem;
  font-size: 0.9rem;
  width: 1.5rem;
  font-weight: bold;
  color: var(--duke-gray);
  background-color: var(--duke-yellow);
}
.tag.pill.sps {
  color: var(--duke-gray);
  background-color: var(--duke-yellow);
  font-weight: bold;
}
.tag.pill.justification {
  background-color: var(--duke-teal-unofficial);
}
.tag.pill.total {
  font-size: 1.25rem;
  background-color: var(--duke-yellow);
  color: var(--duke-gray);
  padding: 0.5rem;
}
.tag.pill.badge {
  background-color: var(--duke-royal-blue);
  color: var(--pico-primary-inverse);
  font-weight: bold;
  padding: 0.5rem;
}

.justification-person section > header > * {
  margin: 0;
}

section.justification-section > header {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--duke-gray-accent);
}

details[open]:not([role=button]) > summary {
  border-bottom: 1px solid var(--duke-gray-accent);
}

details[role=button] {
  width: fit-content;
}
details[role=button] summary {
  border-bottom: none;
  padding: inherit;
}
details[role=button][open] {
  width: inherit;
}
details[role=button] p.regular-paragraph {
  width: 100%;
  text-align: left;
  margin: 0;
}

details > summary {
  padding: 0.5rem 0;
}

p.small-paragraph {
  font-size: 0.9rem;
  text-align: left;
  color: var(--duke-gray);
}
p.small-paragraph:hover {
  color: var(--duke-gray);
}

.document-content {
  margin-top: 2rem;
}
.document-content > header {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 1rem;
}
.document-content > header > h3 {
  margin: 0;
}
.document-content > header .controls {
  margin-left: auto;
}
.document-content button {
  text-transform: uppercase;
  font-weight: bold;
}
.document-content .detail-line-item {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
  margin: 0.125rem 0;
  padding-top: 0.25rem;
  font-size: 0.85rem;
  border-top: 0.5px solid var(--duke-gray-accent);
}
.document-content .item .item-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.document-content .justification-section > header {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: 1rem;
}
.document-content .justification-section > header > * {
  margin: 0;
}
.document-content .justification-section > header .controls {
  display: flex;
  gap: 0.5rem;
}
.document-content .justification-section > header .controls button {
  all: unset;
  cursor: pointer;
  color: var(--pico-secondary-inverse);
  background-color: var(--duke-royal-blue);
  padding: 0.25rem 0.5rem;
  border-radius: var(--pico-border-radius);
  font-size: 0.9rem;
}
.document-content .justification-section > header .controls button:hover {
  background-color: var(--duke-yellow);
  color: var(--duke-gray);
}
.document-content textarea.json {
  font-family: monospace;
}
.document-content p.field {
  display: grid;
  grid-template-columns: 15vw 1.5em 4fr;
  column-gap: 1rem;
  align-items: center;
}
.document-content p.field > * {
  margin: 0;
}
.document-content p.field span.label {
  text-align: right;
  padding-top: 0.15rem;
  margin-left: auto;
}
.document-content p.field data {
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.document-content .commitment-parts,
.document-content .effort-insight-parts {
  flex: 2 1 0;
  display: grid;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  gap: var(--block-spacing-horizontal);
  padding: var(--block-spacing-horizontal);
  font-size: 90%;
  border-left: var(--border-width) solid var(--muted-border-color);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: rgba(245, 200, 103, 0.3);
}
.document-content .commitment-parts label,
.document-content .effort-insight-parts label {
  font-weight: normal;
}
.document-content .commitment-parts p.data-unit,
.document-content .commitment-parts input,
.document-content .effort-insight-parts p.data-unit,
.document-content .effort-insight-parts input {
  margin: 0 0 0.25rem 0 !important;
}
.document-content .commitment-parts data,
.document-content .effort-insight-parts data {
  font-size: 1.2rem;
  font-weight: normal;
}
.document-content .commitment-parts.mini,
.document-content .effort-insight-parts.mini {
  display: grid;
  --block-spacing-horizontal: 0.5rem;
}
.document-content .commitment-parts.mini label,
.document-content .effort-insight-parts.mini label {
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
}
.document-content .commitment-parts.mini data,
.document-content .effort-insight-parts.mini data {
  font-size: 0.95rem;
  font-weight: normal;
}
.document-content .commitment-parts.mini .data-unit,
.document-content .effort-insight-parts.mini .data-unit {
  font-size: 0.75rem;
}
.document-content .excluded_from_analysis {
  opacity: 0.65;
  font-style: italic;
}
.document-content .feedback-panel-container {
  display: grid;
  position: fixed;
  left: 0;
}
.document-content .feedback-panel-container:after {
  content: "Submit Feedback";
  position: absolute;
  top: 2rem;
  right: 0rem;
  text-orientation: sideways;
  color: white;
  height: 3rem;
  padding: 0.5rem;
  transform: rotate(-90deg);
  transform-origin: top right;
  text-align: right;
  background-color: var(--duke-purple);
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.document-content .feedback-panel-container .feedback-panel {
  width: 35vw;
  visibility: visible;
  border: 1px solid var(--duke-purple);
  background-color: var(--duke-navy);
  padding: 0rem;
  height: calc(100vh - 2rem);
  overflow-y: hidden;
}
.document-content .feedback-panel-container .feedback-panel iframe {
  width: 100%;
  height: calc(100% - 2rem);
  border: none;
  max-width: 100%;
  max-height: 100vh;
}
.document-content .feedback-panel-container .feedback-panel .panel-control {
  border-radius: 0;
  border: none;
  width: 100%;
  padding: 0.25rem;
  margin: 0;
  background-color: var(--duke-purple);
}
.document-content .feedback-panel-container .feedback-panel .panel-control:hover {
  color: var(--duke-yellow);
}
.document-content .not-found {
  text-transform: uppercase;
  font-size: 0.8rem;
}
.document-content section.not-compared section.project-data {
  margin: 1rem;
  padding: 3rem 1rem 1rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--duke-gray-accent);
  border-radius: var(--pico-border-radius);
}
.document-content section.not-compared section.project-data::before {
  content: "Data from SPS";
  position: relative;
  display: block;
  left: 0;
  right: 0;
  background: var(--duke-gray-accent);
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
  text-align: center;
  margin: -3rem -1rem 2rem -1rem;
  color: white;
}
.document-content section.projects {
  margin-top: 2rem;
}
.document-content section.projects > header {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 2px solid var(--duke-gray-accent);
}
.document-content section.pairing-info {
  padding: 1rem;
  width: fit-content;
  margin: 1rem;
}
.document-content section.pairing-info p {
  font-weight: bold;
  text-transform: uppercase;
}
.document-content .inline-link-icon .icon {
  margin-top: -0.25rem;
}
.document-content [role=button] {
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}
.document-content article.person {
  display: grid;
  grid-template-columns: 2fr 3fr;
}
.document-content article.person > header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.document-content article.person > header * {
  margin: 0;
}

label,
fieldset legend {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9rem;
}

legend + label {
  text-transform: none;
}

turbo-cable-stream-source {
  display: none !important;
}

article.has-issue {
  border-left: 0.5em solid var(--duke-yellow);
  border-radius: 0 var(--pico-border-radius) var(--pico-border-radius) 0;
}

a[role=button], .review-object-nav button[role=button],
input[type=button],
button,
input[type=submit],
input[type=reset] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
}
a[role=button]:not(.outline):not(.link-like),
input[type=button]:not(.outline):not(.link-like),
button:not(.outline):not(.link-like),
input[type=submit]:not(.outline):not(.link-like),
input[type=reset]:not(.outline):not(.link-like) {
  background-color: var(--duke-royal-blue);
  color: var(--pico-primary-inverse);
  border: none;
  border-radius: var(--pico-border-radius);
}
a[role=button]:not(.outline):not(.link-like):hover,
input[type=button]:not(.outline):not(.link-like):hover,
button:not(.outline):not(.link-like):hover,
input[type=submit]:not(.outline):not(.link-like):hover,
input[type=reset]:not(.outline):not(.link-like):hover {
  color: var(--duke-yellow);
  text-decoration: none;
}
a[role=button].outline:hover,
input[type=button].outline:hover,
button.outline:hover,
input[type=submit].outline:hover,
input[type=reset].outline:hover {
  background-color: var(--duke-royal-blue);
  color: var(--pico-primary-inverse);
}
a[role=button].small,
input[type=button].small,
button.small,
input[type=submit].small,
input[type=reset].small {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
}
a[role=button].link-like,
input[type=button].link-like,
button.link-like,
input[type=submit].link-like,
input[type=reset].link-like {
  background-color: transparent;
  border: none;
  padding: 0.5rem 0;
  color: var(--duke-royal-blue);
}
a[role=button].link-like:hover,
input[type=button].link-like:hover,
button.link-like:hover,
input[type=submit].link-like:hover,
input[type=reset].link-like:hover {
  text-decoration: none;
  opacity: 0.8;
}
a[role=button].link-like:hover .icon,
input[type=button].link-like:hover .icon,
button.link-like:hover .icon,
input[type=submit].link-like:hover .icon,
input[type=reset].link-like:hover .icon {
  text-decoration: none;
}
a[role=button] .icon,
input[type=button] .icon,
button .icon,
input[type=submit] .icon,
input[type=reset] .icon {
  font-size: 150%;
  text-decoration: none;
}

.mission-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.mission-summary section {
  padding: 0.5rem;
  border: 1px solid var(--duke-gray-accent);
  border-radius: var(--pico-border-radius);
}
.mission-summary section header {
  margin-bottom: 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
.mission-summary section .effort-type-summary {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  justify-content: space-between;
  align-items: center;
}
.mission-summary section .effort-type-summary .effort-type {
  font-weight: bold;
}

a.standout-link, .review-object-nav button.standout-link {
  text-transform: uppercase;
  font-weight: bold;
}

.tag.pill.approval .icon {
  font-size: 1.3rem;
}
.tag.pill.approval.duke-central {
  background-color: var(--duke-navy);
}
.tag.pill.approval.sponsor {
  background-color: darkred;
}
.tag.pill.approval.pi {
  background-color: teal;
}

.tag.pill.rsdt-status.compliant {
  background-color: var(--duke-royal-blue);
}
.tag.pill.rsdt-status.overdue {
  background-color: darkred;
}
.tag.pill.rsdt-status.due-soon {
  background-color: darkorange;
}

.person-months > header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.person-months > header > * {
  margin: 0;
}

pre.json-data {
  max-height: 500px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  background-color: white;
}

pre,
silly,
pre code,
.code,
.language-json,
.language-json code,
pre[class*=language-],
code[class*=language-] {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word;
  overflow-wrap: break-word;
  background-color: white;
}

pre,
silly,
pre code,
.code,
.language-json,
.language-json code,
pre[class*=language-],
code[class*=language-] {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.admin-controls {
  max-width: 90vw;
  max-width: 90vw;
}
.admin-controls article {
  padding: 0;
}
.admin-controls pre {
  padding: 1rem;
}

.title-state-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.title-state-group .review-state {
  align-self: center;
}
.title-state-group > * {
  margin: 0;
}