body.dashboard-page {background:#f5f1e8;overflow-x:hidden;overflow-y:auto;}
body.dashboard-page main.accessatx-dashboard-root {display:block!important;height:calc(100dvh - var(--dashboard-header-height,128px))!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;pointer-events:auto!important;}

.opportunity-dashboard {--dash-ink:#172b40;--dash-muted:#70695f;--dash-brown:#6e5a47;--dash-line:#dcd3c3;--dash-paper:#fffdf8;--dash-soft:#eee8db;background:#f5f1e8;color:var(--dash-ink);font:500 13px/1.5 "Manrope",sans-serif;height:100%;width:100%;max-width:none;margin:0;isolation:isolate;display:grid;grid-template-columns:270px minmax(0,1fr);pointer-events:auto;}
.opportunity-dashboard * {box-sizing:border-box;}
.opportunity-dashboard :is(h1,h2,h3,p) {margin:0;}
.opportunity-dashboard :is(button,input,select,a) {font:inherit;}
.opportunity-dashboard button,.opportunity-dashboard select {cursor:pointer;}
.opportunity-dashboard a {color:inherit;text-decoration:none;}
.opportunity-dashboard :is(button,a,input,select,summary):focus-visible {outline:2px solid var(--dash-brown);outline-offset:3px;}
.opportunity-dashboard button {color:inherit;}
.opportunity-dashboard svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block;}
.dash-visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.dash-content {height:100%;min-width:0;min-height:0;padding:32px 38px 20px;display:flex;flex-direction:column;gap:17px;overflow:hidden;}
.dash-hero {display:flex;justify-content:space-between;align-items:center;gap:24px;flex:none;}
.dash-eyebrow {font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--dash-brown);margin-bottom:5px!important;}
.dash-eyebrow a:hover {text-decoration:underline;}
.dash-hero h1 {font:500 clamp(30px,3vw,43px)/1.15 Georgia,serif;letter-spacing:-.035em;color:var(--dash-ink);}
#dash-description {color:var(--dash-muted);font-size:12px;margin-top:7px;}
.dash-saved-shortcut {display:flex;align-items:center;gap:8px;background:none;border:0;padding:8px 0;font-size:11px!important;color:var(--dash-muted)!important;white-space:nowrap;}
.dash-saved-shortcut strong {font-size:10px;color:var(--dash-brown);}
.dash-saved-shortcut:hover,.dash-saved-shortcut[aria-pressed="true"] {color:var(--dash-brown)!important;}
.dash-saved-shortcut[aria-pressed="true"] svg {fill:#e7d2ad;}
.dash-branch-navigation {display:flex;gap:30px;border-bottom:1px solid var(--dash-line);flex:none;}
.dash-branch-navigation[hidden] {display:none;}
.dash-branch-link {position:relative;padding:8px 0 11px;font-size:13px!important;font-weight:700!important;color:var(--dash-muted)!important;display:flex;gap:9px;align-items:center;}
.dash-branch-link small {font-size:10px;font-weight:500;}
.dash-branch-link::after {content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--dash-brown);transform:scaleX(0);transform-origin:left;transition:transform 220ms;}
.dash-branch-link.active,.dash-branch-link:hover {color:var(--dash-ink)!important;}
.dash-branch-link.active::after,.dash-branch-link:hover::after {transform:scaleX(1);}
.dash-categories {display:flex;flex-wrap:wrap;gap:5px 24px;flex:none;align-items:center;}
.dash-category {position:relative;padding:8px 0;border:0;background:none;color:#72624f!important;font-size:12px!important;display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:36px;}
.dash-category small {font-size:10px;opacity:.75;}
.dash-category::after {content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--dash-brown);transform:scaleX(0);transform-origin:left;transition:transform 220ms;}
.dash-category:hover,.dash-category.active {color:var(--dash-ink)!important;}
.dash-category.active {font-weight:800!important;}
.dash-category.active::after,.dash-category:hover::after {transform:scaleX(1);}
.dash-toolbar {display:flex;gap:22px;flex:none;align-items:center;}
.dash-search {position:relative;display:flex;align-items:center;gap:10px;border-bottom:1px solid #bcad98;padding:0 2px;min-width:190px;flex:1;}
.dash-search>span {color:var(--dash-brown);}
.dash-search input {height:42px;background:none;border:0;min-width:0;width:100%;outline:0!important;color:var(--dash-ink);font-size:12px;}
.dash-search:focus-within {border-color:var(--dash-brown);box-shadow:0 1px 0 var(--dash-brown);}
.dash-search input::placeholder {color:#898278;}
.dash-search kbd {font:10px "Manrope",sans-serif;color:#928b80;padding:0 4px;}
.dash-select select {background:none;color:#5f574b;border:0;border-bottom:1px solid #bcad98;border-radius:0;padding:0 22px 0 0;height:43px;max-width:170px;font-size:11px;}
.dash-result-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;font-size:11px;color:var(--dash-muted);}
.dash-result-bar strong {color:var(--dash-ink);font-weight:800;}
.dash-result-bar>div {display:flex;gap:16px;align-items:center;}
.dash-sort select {border:0;background:none;font-size:11px;color:var(--dash-muted);max-width:160px;}
.dash-clear {border:0;background:none;padding:0;font-size:11px!important;color:var(--dash-brown)!important;text-decoration:underline;text-underline-offset:3px;}
.dash-results {min-height:0;flex:1;overflow:auto;padding:0 5px 0 0;scrollbar-width:thin;scrollbar-color:#c8bda8 transparent;}
.dash-card {border:0;border-bottom:1px solid var(--dash-line);border-radius:0;background:none;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) 150px;column-gap:30px;align-items:center;min-height:102px;padding:19px 0;}
.dash-card:first-child {border-top:1px solid var(--dash-line);}
.dash-card-main {min-width:0;}
.dash-card h2 {font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.02em;}
.dash-card-organization {font-size:11px;color:var(--dash-muted);margin-top:4px!important;}
.dash-card-source {font-size:10px;color:var(--dash-brown);margin-top:3px!important;}
.dash-card-source a {display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere;}
.dash-card-source a:hover {text-decoration:underline;text-underline-offset:3px;}
.dash-card-source svg {width:10px;height:10px;}
.dash-source-note {font-size:10px;line-height:1.5;color:#765b37;margin-top:5px!important;}
.dash-card-description {font-size:12px;line-height:1.6;color:#766e63;margin-top:6px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.dash-card-information {display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;}
.dash-card-meta {display:flex;align-items:center;gap:6px;color:#6c6256;font-size:11px;min-width:0;max-width:100%;}
.dash-card-meta svg {width:13px;height:13px;}
.dash-card-meta>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dash-status {display:inline-flex;align-items:center;gap:6px;color:#71634d;font-size:10px;white-space:nowrap;}
.dash-status::before {content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex:none;}
.dash-status-open,.dash-status-available,.dash-status-ongoing {color:#546443;}
.dash-status-soon {color:#936b33;}
.dash-status-closed {color:#8a6c61;}
.dash-card-actions {display:flex;align-items:center;justify-content:flex-end;gap:17px;}
.dash-bookmark {border:0;background:none;padding:8px;color:#8b7c66!important;min-width:32px;min-height:32px;display:grid;place-items:center;}
.dash-bookmark svg {width:16px;height:16px;}
.dash-bookmark[aria-pressed="true"] {color:#6e5a47!important;}
.dash-bookmark[aria-pressed="true"] svg {fill:#e7d2ad;}
.dash-view-details {border:0;background:none;font-size:11px!important;font-weight:800!important;padding:8px 0;color:var(--dash-brown)!important;display:flex;gap:6px;align-items:center;white-space:nowrap;}
.dash-view-details svg {width:13px;height:13px;transition:transform 160ms;}
.dash-view-details:hover svg {transform:translateX(3px);}
.dash-bottom {display:flex;justify-content:space-between;gap:20px;align-items:center;flex:none;}
.dash-directory-note {font-size:9px;color:#847968;max-width:460px;}
.dash-pagination {display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:11px;color:var(--dash-muted);}
.dash-pagination button {padding:8px;background:none;border:0;min-width:32px;min-height:32px;}
.dash-pagination button svg {width:16px;height:16px;}
.dash-pagination button:disabled {opacity:.35;cursor:default;}
.dash-pagination button:not(:disabled):hover {color:var(--dash-ink);}
.dash-empty,.dash-loading {min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:30px;color:var(--dash-muted);}
.dash-empty>svg {width:30px;height:30px;color:#a18b6b;}
.dash-empty h2 {font:500 26px Georgia,serif;color:var(--dash-ink);}
.dash-empty button {background:none;border:0;border-bottom:1px solid var(--dash-brown);color:var(--dash-brown);padding:8px 0;margin-top:4px;}
/* The sidebar starts at the left edge, directly below the header logo. */
.dash-sidebar {height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;background:#ebe5d8;border-right:1px solid #d8cebc;padding:29px 18px 20px;overflow:auto;scrollbar-width:thin;}
.dash-sidebar-heading {display:flex;align-items:center;gap:12px;margin:0 12px 31px;}
.dash-sidebar-symbol {width:35px;height:35px;display:grid;place-items:center;border:1px solid #c9baa0;border-radius:9px;flex:none;color:#6e5a47;}
.dash-sidebar-symbol svg {width:20px;height:20px;}
.dash-sidebar-heading .dash-eyebrow {font-size:8px;letter-spacing:.12em;}
.dash-sidebar-heading h2 {font-size:15px;line-height:1.35;font-weight:800;letter-spacing:-.025em;}
.dash-sidebar-label {font-size:8px;font-weight:800;letter-spacing:.13em;color:#8b795e;margin:0 12px 12px!important;}
.dash-categories {display:flex;flex-direction:column;gap:5px;align-items:stretch;}
.dash-category {position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;white-space:normal;min-height:46px;text-align:left;line-height:1.5;padding:12px 13px;border-radius:7px;font-size:12px!important;color:#5e574c!important;transition:background 150ms,color 150ms;}
.dash-category small {font-size:10px;flex:none;opacity:.8;}
.dash-category::after {display:none;}
.dash-category:hover {background:#dfd5c2;color:#172b40!important;}
.dash-category.active {background:#6e5a47;color:#fff9ef!important;font-weight:750;}
.dash-category[data-category="all"] {margin-bottom:7px;}
.dash-related {border-top:1px solid #d2c6b0;margin-top:28px;padding-top:25px;}
.dash-related[hidden] {display:none;}
.dash-branch-navigation {flex-direction:column;border:0;gap:2px;}
.dash-branch-link {font-size:11px!important;justify-content:space-between;padding:10px 13px;gap:12px;}
.dash-branch-link::after {display:none;}
.dash-branch-link.active {font-weight:800!important;}
.dash-branch-link:hover {text-decoration:underline; text-underline-offset:4px;}
.dash-sidebar-bottom {padding-top:25px;margin-top:auto;}
.dash-saved-shortcut {width:100%;text-align:left;white-space:normal;padding:14px 12px;border-top:1px solid #d2c6b0;color:#5e574c!important;gap:10px;line-height:1.5;}
.dash-saved-shortcut>strong {margin-left:auto;}
.dash-saved-shortcut[aria-pressed="true"] {background:#dfd5c2;border-radius:7px;}
.dash-sidebar-home {display:block;font-size:10px;color:#8b795e!important;margin:22px 12px 0;}
.dash-sidebar-home:hover {text-decoration:underline;}
.dash-volunteer-signup {margin-top:22px;padding:22px 12px 0;border-top:1px solid #d2c6b0;}
.dash-volunteer-signup .dash-sidebar-label {margin:0 0 9px!important;}
.dash-volunteer-signup h2 {font:500 24px/1.2 Georgia,serif;color:var(--dash-ink);}
.dash-volunteer-signup>p:not(.dash-sidebar-label) {font-size:11px;line-height:1.65;color:#706451;margin-top:10px;}
.opportunity-dashboard .dash-volunteer-apply {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;margin-top:15px;background:#6e5a47;color:#fff9ef;border-radius:6px;font-size:11px;font-weight:800;}
.dash-volunteer-apply:hover {background:#594735;}
.dash-volunteer-signup .dash-volunteer-signup-note {font-size:9px!important;overflow-wrap:anywhere;}
.opportunity-dashboard .dash-volunteer-hero-link {display:inline-block;margin-top:12px;color:#6e5a47;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px;}
.dash-volunteer-hero-link:hover {color:#172b40;}
.dash-sidebar-close,.dash-mobile-browse,.dash-sidebar-backdrop {display:none;}
.dash-content {gap:25px;}
.dash-hero {padding-bottom:22px;border-bottom:1px solid #ded4c3;}
.dash-hero h1 {font-size:clamp(31px,3.3vw,46px);}
#dash-description {font-size:13px;margin-top:10px;}
.dash-panel {flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:17px;}
.dash-section-heading {flex:none;}
.dash-section-heading h2 {font:500 28px/1.25 Georgia,serif;letter-spacing:-.025em;}
#dash-section-number {font-size:8px;}
#dash-section-description {font-size:11px;color:#7a7060;margin-top:7px;}
.dash-toolbar {gap:13px;}
.dash-search {border:1px solid #d9cebc;border-radius:8px;background:#fffdf8;padding:0 12px;}
.dash-search:focus-within {border-color:#8c7557;box-shadow:0 0 0 2px #8c75571c;}
.dash-search input {height:43px;}
.dash-select select {height:45px;max-width:165px;border:1px solid #d9cebc;border-radius:8px;background:#fffdf8;padding:0 28px 0 12px;font-size:11px;}
.dash-card {grid-template-columns:minmax(0,1fr) 155px 140px;gap:22px;min-height:109px;padding:19px 0;}
.dash-card h2 {font-size:17px;}
.dash-card-description {-webkit-line-clamp:2;line-height:1.7;font-size:12px;}
.dash-view-details {border:1px solid #cbbc9f;border-radius:6px;padding:9px 11px;font-size:10px!important;}
.dash-view-details:hover {background:#e9e0d0;}
.dash-card-actions {gap:10px;}
.dash-bookmark {border-radius:6px;}
.dash-bookmark:hover {background:#e9e0d0;}
@media(max-width:1180px) {
 .opportunity-dashboard {grid-template-columns:240px minmax(0,1fr);}
 .dash-sidebar {padding-inline:13px;}.dash-content {padding:26px 27px 18px;gap:20px;}
 .dash-card {grid-template-columns:minmax(0,1fr) 135px;gap:10px 20px;}.dash-card-main {grid-column:1;}.dash-card-information {grid-column:1;grid-row:2;flex-direction:row;gap:12px;}.dash-card-actions {grid-column:2;grid-row:1/3;}
 .dash-toolbar {flex-wrap:wrap;}.dash-search {flex-basis:100%;}.dash-select {flex:1;}.dash-select select {width:100%;max-width:none;}
}
@media(max-width:800px) {
 .opportunity-dashboard {display:block;}
 .dash-content {padding:23px 24px 16px;gap:19px;}.dash-hero {gap:16px;padding-bottom:19px;}.dash-hero h1 {font-size:33px;}
 .dash-mobile-browse {display:flex;gap:7px;align-items:center;align-self:center;background:#6e5a47;color:#fff9ef!important;border:0;border-radius:7px;padding:11px 13px;font-size:10px!important;}
 .dash-mobile-browse svg {width:16px;height:16px;}
 .dash-sidebar {position:fixed;top:var(--dashboard-header-height,93px);bottom:0;left:0;height:auto;width:min(300px,86vw);z-index:910;transform:translateX(-105%);visibility:hidden;transition:transform 220ms;padding:24px 17px 20px;box-shadow:12px 0 40px #3a302533;}
 .sidebar-open .dash-sidebar {transform:translateX(0);visibility:visible;}
 .dash-sidebar-close {display:grid;place-items:center;margin-left:auto;padding:6px;border:0;background:none;}
 .dash-sidebar-close svg {width:18px;height:18px;}
 .dash-sidebar-heading {margin-inline:7px;gap:10px;}
 .dash-sidebar-heading h2 {font-size:15px;}
 .dash-sidebar-backdrop {position:fixed;inset:var(--dashboard-header-height,93px) 0 0;z-index:900;display:block;background:#241d1766;backdrop-filter:blur(2px);border:0;}
 .dash-sidebar-backdrop[hidden] {display:none;}
 .dash-panel {gap:16px;}.dash-section-heading h2 {font-size:26px;}
 .dash-category {min-height:48px;font-size:12px!important;}
 .dash-bottom {gap:12px;}.dash-directory-note {max-width:300px;font-size:8px;}
}
@media(max-width:520px) {
 .dash-content {padding:18px 17px 12px;gap:16px;}.dash-hero h1 {font-size:28px;}.dash-hero .dash-eyebrow {font-size:7px;}#dash-description {font-size:11px;line-height:1.6;max-width:220px;}
 .dash-mobile-browse {padding:11px;font-size:9px!important;}.dash-mobile-browse svg {width:14px;height:14px;}
 .dash-panel {gap:13px;}.dash-section-heading h2 {font-size:24px;}#dash-section-description {display:none;}
 .dash-toolbar {gap:8px;}.dash-search input {height:37px;font-size:11px;}.dash-search kbd {display:none;}.dash-select select {height:36px;font-size:10px;padding-left:9px;}
 .dash-result-bar {font-size:9px;}.dash-result-bar>div {gap:9px;}.dash-sort select {max-width:130px;font-size:9px;}.dash-clear {font-size:9px!important;}
 .dash-card {grid-template-columns:minmax(0,1fr) 34px;gap:9px;min-height:158px;padding:19px 0;}.dash-card-main {grid-column:1/-1;}.dash-card h2 {font-size:16px;}.dash-card-organization {font-size:10px;}.dash-card-description {font-size:11px;}.dash-card-information {grid-row:2;grid-column:1;flex-direction:column;gap:5px;}.dash-card-meta {font-size:10px;}.dash-card-actions {grid-column:1/-1;grid-row:3;justify-content:flex-start;gap:15px;}.dash-view-details {font-size:10px!important;padding:8px 10px;}.dash-bookmark {padding:6px;}
 .dash-directory-note {font-size:7px;max-width:165px;}.dash-pagination {font-size:9px;gap:7px;}.dash-pagination button {padding:7px;min-width:28px;}
}
@media(prefers-reduced-motion:reduce) {.opportunity-dashboard * {transition:none!important;scroll-behavior:auto!important;}}

/* Optional presentation chosen independently in each dashboard's admin settings. */
#opportunity-dashboard[data-layout="grid"] .dash-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start;padding:4px 5px 10px 0}
#opportunity-dashboard[data-layout="grid"] .dash-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;border:1px solid var(--dash-line);border-radius:12px;padding:22px;background:#fff9ef60}
#opportunity-dashboard[data-layout="grid"] .dash-card-description{-webkit-line-clamp:3}
#opportunity-dashboard[data-layout="grid"] .dash-card-actions{margin-top:auto;justify-content:space-between}
@media(max-width:800px){#opportunity-dashboard[data-layout="grid"] .dash-results{grid-template-columns:1fr}}
/* Eligibility filters stay with this branch, below its section navigation. */
.dash-eligibility {border-top:1px solid #d2c6b0;margin-top:20px;padding:19px 12px 0;display:grid;gap:13px;flex:none;}
.dash-filter-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.dash-filter-heading h3 {font-size:9px;letter-spacing:.12em;color:var(--dash-brown);}
.dash-filter-heading button {border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;}
.dash-eligibility fieldset {border:0;padding:0;margin:0;min-width:0;}
.dash-eligibility legend,.dash-filter-field {font-size:11px;font-weight:700;}
.dash-grade-options {display:flex;gap:7px;margin-top:6px;}
.dash-grade-options label {position:relative;flex:1;text-align:center;cursor:pointer;}
.dash-grade-options input {position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer;}
.dash-grade-options span {display:block;border:1px solid #c5b79e;border-radius:5px;padding:6px;}
.dash-grade-options input:checked+span {background:var(--dash-brown);color:#fff;}
.dash-grade-options input:focus-visible+span {outline:2px solid var(--dash-brown);outline-offset:3px;}
.dash-filter-field {display:grid;gap:5px;}
.dash-filter-field :is(input,select) {width:100%;min-width:0;background:#f7f3eb;color:var(--dash-ink);border:1px solid #c9bda8;border-radius:5px;padding:8px;font-size:11px;min-height:35px;}
.dash-citizenship {display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;cursor:pointer;}
.dash-citizenship input {margin-top:2px;accent-color:var(--dash-brown);flex:none;}
.dash-filter-help {font-size:9px;line-height:1.65;color:#6f6659;}
.dash-eligibility-note {font-size:10px;color:#72634f;border-left:2px solid #b8a587;padding-left:10px;max-width:850px;}
.dash-apply-mobile {display:none;}
.dash-closing {display:inline-block;font-size:9px;line-height:1.4;font-weight:800;color:#8c432c;background:#efded1;padding:3px 7px;border-radius:3px;}
.dash-open-eligibility,.dash-deadline {font-size:9px;line-height:1.5;color:#6a604f;}
.dash-card-eligibility {font-size:10px;color:#5e6554;margin-top:5px!important;}
.dash-card-information {gap:5px;}
@media(max-width:800px) {.dash-apply-mobile {display:block;border:0;background:var(--dash-brown);color:#fff!important;padding:10px;border-radius:5px;font-size:12px;} .dash-eligibility-note {font-size:9px;} .dash-sidebar {padding-bottom:90px;}}
.dash-verified {font-size:8px;color:#7b7161;}
.dash-eligibility-note a {text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
@media(min-width:801px) {.dash-bottom {padding-right:230px;}}
@media(max-width:800px) {.dash-content {padding-bottom:78px;}}
