/*
Theme Name: DSIL Preview
Theme URI: https://dsil-preview.quadcapable.com/
Author: QuadCapable preview build
Description: Modern, accessible preview theme for Disability Solutions for Independent Living, Inc.
Version: 0.1.2
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: dsil-preview
*/

:root {
  --dsil-teal: #00a5a0;
  --dsil-teal-dark: #007d79;
  --dsil-teal-deep: #005d5a;
  --dsil-teal-soft: #e8f8f7;
  --dsil-navy: #17313f;
  --dsil-navy-deep: #0e2532;
  --dsil-ink: #17232b;
  --dsil-muted: #5a6a73;
  --dsil-border: #dbe5e8;
  --dsil-surface: #f6f9fa;
  --dsil-white: #ffffff;
  --dsil-warm: #f1b84a;
  --dsil-shadow: 0 22px 60px rgba(16,48,62,.12);
  --dsil-shadow-soft: 0 10px 28px rgba(16,48,62,.08);
  --dsil-radius: 18px;
  --dsil-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--dsil-ink);
  background: #fff;
  font-family: Aptos, "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: var(--dsil-teal-deep); text-underline-offset: .18em; }
a:hover { color: var(--dsil-teal-dark); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--dsil-warm); outline-offset: 3px; }

h1, h2, h3, h4 { color: var(--dsil-navy); line-height: 1.08; letter-spacing: -.025em; }
h1 { font-size: clamp(44px, 6vw, 76px); }
h2 { font-size: clamp(34px, 4vw, 48px); }
h3 { font-size: 25px; }
p { margin: 0 0 1.2em; }

.dsil-wrap { width: min(calc(100% - 40px), var(--dsil-max)); margin-inline: auto; }
.dsil-narrow { width: min(calc(100% - 40px), 860px); margin-inline: auto; }
.dsil-section { padding: 86px 0; }
.dsil-section-alt { background: var(--dsil-surface); }
.dsil-section-teal { background: linear-gradient(135deg, var(--dsil-teal-deep), var(--dsil-teal)); color: #fff; }
.dsil-section-teal h2, .dsil-section-teal h3, .dsil-section-teal a { color: #fff; }
.dsil-section-teal p { color: rgba(255,255,255,.88); }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto !important; width: auto; height: auto; margin: 0; padding: 12px 18px; top: 8px; left: 8px; z-index: 100000; background: #fff; color: #000; box-shadow: var(--dsil-shadow); }

/* Header */
.site-header { position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 1px 0 rgba(14,37,50,.08); }
.admin-bar .site-header { top: 32px; }
.dsil-utility { background: var(--dsil-navy-deep); color: rgba(255,255,255,.9); font-size: 14px; }
.dsil-utility .dsil-wrap { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.dsil-utility-group { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.dsil-utility a { color: #fff; text-decoration: none; }
.dsil-utility strong { color: #fff; }
.dsil-brand-row { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.dsil-brand { display: inline-flex; align-items: center; gap: 13px; color: var(--dsil-navy); text-decoration: none; min-width: 0; }
.dsil-brand-mark { width: 54px; height: 54px; background: var(--dsil-teal); color: #fff; border-radius: 9px; display: grid; place-items: center; font-weight: 950; letter-spacing: .05em; transform: rotate(-90deg); font-size: 15px; flex: 0 0 auto; }
.dsil-brand-lockup { line-height: 1; min-width: 0; }
.dsil-brand-main { display: block; font-size: 24px; font-weight: 900; color: var(--dsil-navy); letter-spacing: -.035em; white-space: nowrap; }
.dsil-brand-main .dis { color: var(--dsil-teal-dark); }
.dsil-brand-sub { display: block; margin-top: 6px; color: var(--dsil-muted); font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.custom-logo-link img { max-height: 64px; width: auto; }
.dsil-header-actions { display: flex; align-items: center; gap: 10px; }
.dsil-nav-toggle { display: none; border: 1px solid var(--dsil-border); background: #fff; border-radius: 10px; padding: 10px 13px; font-weight: 800; color: var(--dsil-navy); cursor: pointer; }

.dsil-primary-nav { border-top: 1px solid #edf2f4; }
.dsil-primary-nav .dsil-wrap { display: flex; align-items: stretch; justify-content: space-between; }
.dsil-primary-nav ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: stretch; }
.dsil-primary-nav li { position: relative; }
.dsil-primary-nav a { display: flex; align-items: center; min-height: 54px; padding: 0 17px; color: var(--dsil-navy); text-decoration: none; font-size: 15px; font-weight: 800; }
.dsil-primary-nav > .dsil-wrap > ul > li:first-child > a { padding-left: 0; }
.dsil-primary-nav a:hover, .dsil-primary-nav .current-menu-item > a, .dsil-primary-nav .current-menu-ancestor > a { color: var(--dsil-teal-deep); }
.dsil-primary-nav .menu-item-has-children > a::after { content: "▾"; font-size: 10px; margin-left: 7px; opacity: .7; }
.dsil-primary-nav .sub-menu { display: none; position: absolute; left: 0; top: 100%; min-width: 250px; padding: 8px; background: #fff; border: 1px solid var(--dsil-border); border-radius: 12px; box-shadow: var(--dsil-shadow-soft); z-index: 20; }
.dsil-primary-nav .sub-menu li { width: 100%; }
.dsil-primary-nav .sub-menu a { min-height: 42px; padding: 9px 12px; border-radius: 8px; white-space: normal; }
.dsil-primary-nav li:hover > .sub-menu, .dsil-primary-nav li:focus-within > .sub-menu { display: block; }

/* Buttons */
.dsil-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 20px; border-radius: 10px; font-weight: 900; text-decoration: none; border: 2px solid transparent; transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
.dsil-btn:hover { transform: translateY(-1px); }
.dsil-btn-primary { background: var(--dsil-teal); color: #062d2b; box-shadow: 0 10px 22px rgba(0,165,160,.25); }
.dsil-btn-primary:hover { background: #11b9b3; color: #062d2b; }
.dsil-btn-dark { background: var(--dsil-navy); color: #fff; }
.dsil-btn-dark:hover { background: var(--dsil-navy-deep); color: #fff; }
.dsil-btn-outline { background: transparent; color: var(--dsil-navy); border-color: #aebfc7; }
.dsil-btn-outline:hover { border-color: var(--dsil-teal); color: var(--dsil-teal-deep); }
.dsil-btn-light { background: #fff; color: var(--dsil-navy); }
.dsil-btn-light:hover { color: var(--dsil-teal-deep); }

/* Home hero */
.dsil-hero { position: relative; overflow: hidden; background-color: var(--dsil-navy-deep); background-image: linear-gradient(90deg, rgba(8,34,45,.94) 0%, rgba(8,34,45,.86) 45%, rgba(8,34,45,.58) 72%, rgba(8,34,45,.48) 100%), url('assets/images/home-events-about.png'); background-size: cover; background-position: center 42%; }
.dsil-hero::before { content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%; right: -210px; top: -250px; border: 85px solid rgba(0,165,160,.09); }
.dsil-hero::after { content: ""; position: absolute; width: 330px; height: 330px; border-radius: 50%; right: 110px; bottom: -210px; background: rgba(0,165,160,.06); }
.dsil-hero-grid { min-height: 600px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 62px; align-items: center; padding: 74px 0 92px; position: relative; z-index: 2; }
.dsil-eyebrow, .dsil-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--dsil-teal-deep); text-transform: uppercase; letter-spacing: .12em; font-size: 13px; font-weight: 950; }
.dsil-eyebrow::before, .dsil-kicker::before { content: ""; width: 25px; height: 3px; border-radius: 3px; background: var(--dsil-teal); }
.dsil-hero h1 { margin: 17px 0 22px; max-width: 800px; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.22); }
.dsil-hero-copy > p { color: rgba(255,255,255,.88); font-size: 21px; max-width: 760px; }
.dsil-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.dsil-hero-note { margin-top: 26px; display: flex; gap: 18px; flex-wrap: wrap; color: rgba(255,255,255,.88); font-size: 15px; font-weight: 700; }
.dsil-hero-note span { display: inline-flex; align-items: center; gap: 7px; }
.dsil-hero-note span::before { content: "✓"; width: 22px; height: 22px; display: grid; place-items: center; background: rgba(255,255,255,.9); border-radius: 50%; color: var(--dsil-teal-deep); font-size: 12px; font-weight: 950; }

.dsil-start-card { position: relative; background: var(--dsil-navy); color: #fff; border-radius: 24px; padding: 34px; box-shadow: var(--dsil-shadow); overflow: hidden; }
.dsil-start-card::after { content: "DSIL"; position: absolute; right: -12px; bottom: -30px; color: rgba(255,255,255,.045); font-size: 118px; font-weight: 950; letter-spacing: -.06em; }
.dsil-start-card .dsil-kicker { color: #80e5e0; }
.dsil-start-card h2 { color: #fff; font-size: 31px; margin: 12px 0 12px; }
.dsil-start-card > p { color: rgba(255,255,255,.78); font-size: 16px; }
.dsil-start-links { display: grid; gap: 9px; margin-top: 22px; position: relative; z-index: 2; }
.dsil-start-links a { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; color: #fff; text-decoration: none; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 12px 14px; }
.dsil-start-links a:hover { background: rgba(255,255,255,.14); }
.dsil-start-icon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: var(--dsil-teal); color: var(--dsil-navy-deep); font-weight: 950; }
.dsil-start-links strong { display: block; font-size: 16px; }
.dsil-start-links small { display: block; color: rgba(255,255,255,.68); font-size: 13px; margin-top: 2px; }
.dsil-start-arrow { font-size: 20px; color: #80e5e0; }

/* Core services */
.dsil-core-strip { position: relative; z-index: 4; margin-top: -38px; }
.dsil-core-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); background: #fff; border: 1px solid var(--dsil-border); border-radius: 18px; box-shadow: var(--dsil-shadow-soft); overflow: hidden; }
.dsil-core-item { padding: 24px 19px; border-right: 1px solid var(--dsil-border); }
.dsil-core-item:last-child { border-right: 0; }
.dsil-core-number { color: var(--dsil-teal); font-size: 13px; font-weight: 950; letter-spacing: .08em; }
.dsil-core-item strong { display: block; color: var(--dsil-navy); font-size: 17px; line-height: 1.25; margin-top: 5px; }

/* Sections and cards */
.dsil-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 38px; }
.dsil-section-heading > div { max-width: 720px; }
.dsil-section-heading h2 { margin: 10px 0 0; }
.dsil-section-heading > p { max-width: 430px; color: var(--dsil-muted); margin: 0; }
.dsil-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.dsil-card { background: #fff; border: 1px solid var(--dsil-border); border-radius: var(--dsil-radius); padding: 29px; box-shadow: var(--dsil-shadow-soft); }
.dsil-card h3 { margin: 13px 0 10px; }
.dsil-card p { color: var(--dsil-muted); font-size: 17px; }
.dsil-card-link { display: inline-flex; margin-top: 6px; font-weight: 900; text-decoration: none; }
.dsil-card-icon { width: 56px; height: 56px; border-radius: 15px; display: grid; place-items: center; background: var(--dsil-teal-soft); color: var(--dsil-teal-deep); font-weight: 950; font-size: 22px; }
.dsil-card-accent { position: relative; overflow: hidden; }
.dsil-card-accent::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--dsil-teal); }

.dsil-mission-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: center; }
.dsil-mission-stat { background: linear-gradient(145deg, var(--dsil-navy), #20485a); color: #fff; border-radius: 24px; min-height: 360px; padding: 42px; display: flex; flex-direction: column; justify-content: end; box-shadow: var(--dsil-shadow); position: relative; overflow: hidden; }
.dsil-mission-stat::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; border: 45px solid rgba(0,165,160,.24); right: -90px; top: -80px; }
.dsil-mission-stat strong { color: #fff; font-size: 74px; line-height: 1; letter-spacing: -.06em; }
.dsil-mission-stat span { color: rgba(255,255,255,.8); font-weight: 700; margin-top: 10px; max-width: 300px; }
.dsil-mission-copy h2 { margin: 10px 0 20px; }
.dsil-mission-copy p { color: var(--dsil-muted); }
.dsil-checklist { list-style: none; padding: 0; margin: 25px 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }
.dsil-checklist li { position: relative; padding-left: 29px; font-weight: 750; color: var(--dsil-navy); }
.dsil-checklist li::before { content: "✓"; position: absolute; left: 0; top: .05em; width: 21px; height: 21px; border-radius: 50%; display: grid; place-items: center; background: var(--dsil-teal-soft); color: var(--dsil-teal-deep); font-size: 12px; }

.dsil-resource-banner { display: grid; grid-template-columns: 1.1fr .9fr; gap: 35px; align-items: center; background: var(--dsil-navy); color: #fff; border-radius: 24px; padding: 42px; overflow: hidden; position: relative; }
.dsil-resource-banner::after { content: ""; position: absolute; width: 310px; height: 310px; border-radius: 50%; right: -120px; top: -120px; background: rgba(0,165,160,.18); }
.dsil-resource-banner h2 { color: #fff; margin: 8px 0 15px; }
.dsil-resource-banner p { color: rgba(255,255,255,.78); }
.dsil-resource-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 11px; position: relative; z-index: 2; }

.dsil-cta-grid { display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; }
.dsil-cta-grid h2 { margin: 7px 0 9px; }
.dsil-cta-actions { display: flex; flex-wrap: wrap; gap: 11px; }

/* Generic pages */
.dsil-page-hero { background: linear-gradient(120deg, var(--dsil-navy-deep), #20485a); color: #fff; padding: 62px 0; position: relative; overflow: hidden; }
.dsil-page-hero::after { content: ""; position: absolute; width: 310px; height: 310px; right: -120px; top: -140px; border: 58px solid rgba(0,165,160,.22); border-radius: 50%; }
.dsil-page-hero .dsil-kicker { color: #80e5e0; }
.dsil-page-hero h1 { color: #fff; margin: 10px 0 0; font-size: clamp(42px, 5vw, 62px); position: relative; z-index: 2; }
.dsil-page-main { padding: 68px 0 92px; }
.dsil-entry-content > *:first-child { margin-top: 0; }
.dsil-entry-content h2 { margin-top: 44px; font-size: 35px; }
.dsil-entry-content h3 { margin-top: 34px; }
.dsil-entry-content li { margin-bottom: 8px; }
.dsil-entry-content table { width: 100%; border-collapse: collapse; }
.dsil-entry-content th, .dsil-entry-content td { border: 1px solid var(--dsil-border); padding: 12px; text-align: left; }
.dsil-child-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin: 38px 0; }
.dsil-child-card { display: block; background: #fff; border: 1px solid var(--dsil-border); border-radius: 14px; padding: 20px; text-decoration: none; box-shadow: var(--dsil-shadow-soft); }
.dsil-child-card strong { display: block; color: var(--dsil-navy); font-size: 18px; }
.dsil-child-card span { display: block; margin-top: 5px; color: var(--dsil-muted); font-size: 14px; }

/* Plugin components */
.dsil-event-grid, .dsil-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.dsil-event-card, .dsil-resource-card { background: #fff; border: 1px solid var(--dsil-border); border-radius: 15px; padding: 23px; box-shadow: var(--dsil-shadow-soft); }
.dsil-event-card time, .dsil-resource-type, .dsil-document-type { color: var(--dsil-teal-deep); font-weight: 950; text-transform: uppercase; letter-spacing: .07em; font-size: 12px; }
.dsil-event-card h3, .dsil-resource-card h3 { margin: 8px 0 8px; font-size: 22px; }
.dsil-event-card h3 a { color: var(--dsil-navy); text-decoration: none; }
.dsil-event-card p, .dsil-resource-card p, .dsil-resource-copy { color: var(--dsil-muted); font-size: 16px; }
.dsil-event-meta { font-weight: 750; color: var(--dsil-navy) !important; }
.dsil-empty { padding: 24px; border: 1px dashed #aebfc7; background: #f8fbfc; border-radius: 13px; color: var(--dsil-muted); }
.dsil-calendar-nav { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 0 20px; border-bottom: 1px solid var(--dsil-border); }
.dsil-calendar-nav a { font-weight: 850; text-decoration: none; }
.dsil-calendar-nav strong { color: var(--dsil-navy); font-size: 24px; }
.dsil-calendar-list { display: grid; gap: 18px; margin-top: 22px; }
.dsil-calendar-day { border: 1px solid var(--dsil-border); border-radius: 15px; padding: 23px; background: #fff; box-shadow: var(--dsil-shadow-soft); }
.dsil-calendar-day h3 { margin: 0 0 13px; font-size: 21px; }
.dsil-calendar-day article { border-top: 1px solid var(--dsil-border); padding: 13px 0 0; margin-top: 13px; }
.dsil-calendar-day h4 { margin: 0 0 4px; font-size: 18px; }
.dsil-calendar-day p { margin: 0; color: var(--dsil-muted); }
.dsil-document-list { display: grid; gap: 12px; }
.dsil-document-item { display: flex; justify-content: space-between; align-items: center; gap: 25px; border: 1px solid var(--dsil-border); background: #fff; border-radius: 14px; padding: 20px 22px; box-shadow: var(--dsil-shadow-soft); }
.dsil-document-item h3 { margin: 4px 0; font-size: 20px; }
.dsil-document-item p { margin: 0; color: var(--dsil-muted); font-size: 14px; }
.dsil-document-item > a { flex: 0 0 auto; font-weight: 900; }

.dsil-form { background: #fff; border: 1px solid var(--dsil-border); border-radius: 18px; padding: 28px; max-width: 900px; box-shadow: var(--dsil-shadow-soft); }
.dsil-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.dsil-form p { margin: 0 0 18px; }
.dsil-form label { display: block; color: var(--dsil-navy); font-weight: 800; }
.dsil-form input[type="text"], .dsil-form input[type="email"], .dsil-form input[type="tel"], .dsil-form input[type="url"], .dsil-form select, .dsil-form textarea { width: 100%; margin-top: 7px; padding: 12px 13px; border: 2px solid #b8c8cf; border-radius: 9px; background: #fff; color: var(--dsil-ink); }
.dsil-form input:focus, .dsil-form select:focus, .dsil-form textarea:focus { border-color: var(--dsil-teal-dark); outline: 3px solid rgba(0,165,160,.15); }
.dsil-form textarea { min-height: 150px; resize: vertical; }
.dsil-form button { border: 0; border-radius: 10px; background: var(--dsil-teal); color: #062d2b; font-weight: 950; padding: 12px 22px; cursor: pointer; }
.dsil-form-note { padding: 13px 15px; background: #fff8e9; border-left: 4px solid var(--dsil-warm); color: #5f543f; font-size: 14px; border-radius: 7px; }
.dsil-form-success { margin-bottom: 20px; padding: 14px 16px; background: #ecf8f1; border-left: 5px solid #278052; border-radius: 8px; }
.dsil-hp { position: absolute; left: -9999px; }

/* Single content */
.dsil-single-meta { color: rgba(255,255,255,.78); margin-top: 14px; font-weight: 700; }
.dsil-event-detail { display: grid; grid-template-columns: 1fr 320px; gap: 42px; align-items: start; }
.dsil-event-aside { border: 1px solid var(--dsil-border); border-radius: 16px; background: var(--dsil-surface); padding: 23px; }
.dsil-event-aside h2 { margin-top: 0; font-size: 23px; }
.dsil-event-aside dl { margin: 0; }
.dsil-event-aside dt { font-weight: 900; color: var(--dsil-navy); margin-top: 14px; }
.dsil-event-aside dd { margin: 3px 0 0; color: var(--dsil-muted); }

/* Footer */
.site-footer { background: #0c252f; color: rgba(255,255,255,.82); padding: 62px 0 25px; }
.site-footer a { color: #fff; }
.dsil-footer-grid { display: grid; grid-template-columns: 1.25fr .8fr .9fr; gap: 44px; }
.dsil-footer-brand { font-size: 25px; color: #fff; font-weight: 950; line-height: 1.15; }
.dsil-footer-grid h2, .dsil-footer-grid h3 { color: #fff; margin-top: 0; }
.dsil-footer-grid p { font-size: 15px; }
.dsil-footer-links { list-style: none; padding: 0; margin: 0; }
.dsil-footer-links li { margin: 7px 0; }
.dsil-footer-bottom { border-top: 1px solid rgba(255,255,255,.16); margin-top: 40px; padding-top: 19px; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 13px; }
.dsil-preview-label { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: rgba(255,255,255,.76); }

@media (max-width: 1050px) {
  .dsil-brand-main { font-size: 20px; }
  .dsil-primary-nav a { padding-inline: 12px; }
  .dsil-hero-grid { gap: 35px; }
  .dsil-core-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .dsil-core-item:nth-child(3) { border-right: 0; }
  .dsil-core-item:nth-child(n+4) { border-top: 1px solid var(--dsil-border); }
}
@media (max-width: 900px) {
  .dsil-hero-grid, .dsil-mission-grid, .dsil-resource-banner { grid-template-columns: 1fr; }
  .dsil-hero-grid { min-height: 0; padding: 58px 0 80px; }
  .dsil-start-card { max-width: 700px; }
  .dsil-cards, .dsil-event-grid, .dsil-resource-grid, .dsil-child-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dsil-section-heading { align-items: start; flex-direction: column; gap: 13px; }
  .dsil-section-heading > p { max-width: none; }
  .dsil-resource-actions { justify-content: flex-start; }
  .dsil-footer-grid { grid-template-columns: 1fr 1fr; }
  .dsil-footer-grid > :first-child { grid-column: 1 / -1; }
  .dsil-event-detail { grid-template-columns: 1fr; }
}
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .dsil-utility { display: none; }
  .dsil-brand-row { min-height: 82px; }
  .dsil-brand-mark { width: 48px; height: 48px; }
  .dsil-brand-main { font-size: 18px; white-space: normal; }
  .dsil-brand-sub { display: none; }
  .dsil-header-actions .dsil-btn { display: none; }
  .dsil-nav-toggle { display: inline-flex; }
  .dsil-primary-nav { display: none; }
  .dsil-primary-nav.is-open { display: block; }
  .dsil-primary-nav .dsil-wrap { display: block; }
  .dsil-primary-nav ul { display: block; }
  .dsil-primary-nav a, .dsil-primary-nav > .dsil-wrap > ul > li:first-child > a { min-height: 48px; padding: 10px 4px; border-bottom: 1px solid var(--dsil-border); }
  .dsil-primary-nav .sub-menu { display: block; position: static; box-shadow: none; border: 0; border-radius: 0; padding: 0 0 0 18px; }
  .dsil-primary-nav .menu-item-has-children > a::after { display: none; }
  .dsil-core-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dsil-core-item, .dsil-core-item:nth-child(3) { border-right: 1px solid var(--dsil-border); border-top: 1px solid var(--dsil-border); }
  .dsil-core-item:nth-child(1), .dsil-core-item:nth-child(2) { border-top: 0; }
  .dsil-core-item:nth-child(2n) { border-right: 0; }
  .dsil-cta-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  body { font-size: 17px; }
  .dsil-wrap, .dsil-narrow { width: min(calc(100% - 24px), var(--dsil-max)); }
  .dsil-section { padding: 62px 0; }
  .dsil-hero h1 { font-size: 48px; }
  .dsil-hero-copy > p { font-size: 19px; }
  .dsil-start-card { padding: 25px; }
  .dsil-core-grid, .dsil-cards, .dsil-event-grid, .dsil-resource-grid, .dsil-child-grid, .dsil-footer-grid { grid-template-columns: 1fr; }
  .dsil-core-item, .dsil-core-item:nth-child(3), .dsil-core-item:nth-child(2n) { border-right: 0; border-top: 1px solid var(--dsil-border); }
  .dsil-core-item:first-child { border-top: 0; }
  .dsil-core-strip { margin-top: -24px; }
  .dsil-checklist { grid-template-columns: 1fr; }
  .dsil-resource-banner { padding: 28px; }
  .dsil-form-grid { grid-template-columns: 1fr; gap: 0; }
  .dsil-document-item { align-items: flex-start; flex-direction: column; }
  .dsil-page-hero { padding: 48px 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

.dsil-hero-home .dsil-eyebrow{color:#baf3ef}.dsil-hero-home .dsil-btn-outline{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.04)}.dsil-hero-home .dsil-btn-outline:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.11)}
/* Photo-backed section heroes */
.dsil-page-hero{min-height:300px;display:flex;align-items:end;background-size:cover;background-position:center;}
.dsil-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,45,.92) 0%,rgba(8,34,45,.79) 48%,rgba(8,34,45,.48) 100%);z-index:0}
.dsil-page-hero::after{z-index:1;opacity:.7}
.dsil-page-hero .dsil-wrap{position:relative;z-index:2}
.dsil-page-hero--about,.dsil-page-hero--events{background-image:url('assets/images/home-events-about.png')}
.dsil-page-hero--services,.dsil-page-hero--resources,.dsil-page-hero--contact{background-image:url('assets/images/services-resources-contact.png')}
.dsil-page-hero--involved{background-image:url('assets/images/get-involved.png')}
.dsil-page-hero--about{background-position:center 42%}.dsil-page-hero--services{background-position:center 45%}.dsil-page-hero--resources{background-position:center 46%}.dsil-page-hero--involved{background-position:center 40%}.dsil-page-hero--events{background-position:center 36%}.dsil-page-hero--contact{background-position:center 48%}
@media(max-width:620px){.dsil-page-hero{min-height:235px}.dsil-hero{background-position:60% center}}


/* v0.1.2 — visitor accessibility controls + return to top */
.dsil-scroll-top {
  position:fixed; right:22px; bottom:22px; z-index:1250;
  display:flex; align-items:center; gap:8px; min-width:54px; min-height:54px;
  padding:10px 15px; border:2px solid #fff; border-radius:999px;
  background:var(--dsil-navy-deep); color:#fff; box-shadow:0 14px 32px rgba(0,0,0,.24);
  font-weight:950; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease,background .18s ease;
}
.dsil-scroll-top span:first-child { font-size:24px; line-height:1; }
.dsil-scroll-top.is-visible { opacity:1; visibility:visible; transform:translateY(0); }
.dsil-scroll-top:hover { background:var(--dsil-teal-deep); }

.dsil-a11y-launcher {
  position:fixed; left:22px; bottom:22px; z-index:1260; width:56px; height:56px;
  display:grid; place-items:center; border:2px solid #fff; border-radius:50%;
  background:var(--dsil-teal-deep); color:#fff; box-shadow:0 14px 32px rgba(0,0,0,.25);
  cursor:pointer; transition:transform .16s ease,background .16s ease;
}
.dsil-a11y-launcher:hover { background:var(--dsil-navy-deep); transform:translateY(-2px); }
.dsil-a11y-launcher svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.dsil-a11y-panel {
  position:fixed; left:22px; bottom:90px; z-index:1300;
  width:min(500px,calc(100vw - 44px)); max-height:min(760px,calc(100vh - 120px)); overflow:auto;
  padding:24px; border:1px solid #c8d8dc; border-radius:20px; background:#fff; color:var(--dsil-ink);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.dsil-a11y-panel[hidden] { display:none !important; }
.dsil-a11y-panel-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.dsil-a11y-panel-header .dsil-kicker { color:var(--dsil-teal-deep); }
.dsil-a11y-panel h2 { margin:5px 0 0; color:var(--dsil-navy-deep); font-size:29px; line-height:1.05; }
.dsil-a11y-close {
  flex:0 0 auto; width:42px; height:42px; border:1px solid #cbd8dc; border-radius:50%;
  background:var(--dsil-surface); color:var(--dsil-navy-deep); font-size:28px; line-height:1; cursor:pointer;
}
.dsil-a11y-close:hover { background:var(--dsil-teal-soft); }
.dsil-a11y-intro { margin:16px 0 20px; color:var(--dsil-muted); font-size:14.5px; line-height:1.5; }
.dsil-a11y-control { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid #d8e4e7; border-radius:14px; background:#f8fafb; }
.dsil-a11y-control strong,.dsil-a11y-option strong { display:block; color:var(--dsil-navy-deep); font-size:16px; }
.dsil-a11y-control > div:first-child > span { display:block; margin-top:3px; color:var(--dsil-muted); font-size:13px; }
.dsil-a11y-stepper { display:flex; gap:5px; }
.dsil-a11y-stepper button {
  min-width:46px; min-height:42px; padding:7px 9px; border:2px solid #b9c9cd; border-radius:10px;
  background:#fff; color:var(--dsil-navy-deep); font-weight:950; cursor:pointer;
}
.dsil-a11y-stepper button.is-active { border-color:var(--dsil-teal-deep); background:var(--dsil-teal-deep); color:#fff; }
.dsil-a11y-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.dsil-a11y-option {
  display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:start; min-height:104px; padding:14px;
  text-align:left; border:2px solid #d5e1e4; border-radius:14px; background:#fff; color:var(--dsil-ink); cursor:pointer;
}
.dsil-a11y-option > span:first-child { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; background:var(--dsil-teal-soft); color:var(--dsil-teal-deep); font-weight:950; }
.dsil-a11y-option small { display:block; margin-top:4px; color:var(--dsil-muted); font-size:12.5px; line-height:1.35; }
.dsil-a11y-option.is-active { border-color:var(--dsil-teal-deep); background:var(--dsil-teal-soft); box-shadow:inset 0 0 0 1px var(--dsil-teal-deep); }
.dsil-a11y-option.is-active > span:first-child { background:var(--dsil-teal-deep); color:#fff; }
.dsil-a11y-support { margin-top:12px; padding:14px 15px; border-left:4px solid var(--dsil-teal); border-radius:9px; background:#f3fbfa; }
.dsil-a11y-support strong { display:block; color:var(--dsil-navy-deep); }
.dsil-a11y-support span { display:block; margin-top:4px; color:var(--dsil-muted); font-size:13px; line-height:1.45; }
.dsil-a11y-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:18px; padding-top:16px; border-top:1px solid #dce5e8; }
.dsil-a11y-footer .dsil-btn { min-height:42px; padding:9px 13px; }
.dsil-a11y-footer > a { font-size:13px; font-weight:850; }

/* User-selected accessibility states. */
html.dsil-a11y-readable-font body,
html.dsil-a11y-readable-font button,
html.dsil-a11y-readable-font input,
html.dsil-a11y-readable-font select,
html.dsil-a11y-readable-font textarea { font-family:Arial,Helvetica,sans-serif !important; letter-spacing:.015em; }
html.dsil-a11y-highlight-links a:not(.dsil-btn):not(.dsil-brand):not(.custom-logo-link) { text-decoration:underline !important; text-decoration-thickness:2px !important; text-underline-offset:3px !important; }
html.dsil-a11y-high-contrast {
  --dsil-teal:#008a85; --dsil-teal-dark:#006b67; --dsil-teal-deep:#004b48; --dsil-teal-soft:#e5ffff;
  --dsil-navy:#102f3d; --dsil-navy-deep:#001c27; --dsil-ink:#000; --dsil-muted:#222; --dsil-border:#53656c;
}
html.dsil-a11y-high-contrast body { color:#000; background:#fff; }
html.dsil-a11y-high-contrast .dsil-hero,
html.dsil-a11y-high-contrast .dsil-page-hero,
html.dsil-a11y-high-contrast .dsil-primary-nav,
html.dsil-a11y-high-contrast .site-footer { background-color:#001c27 !important; }
html.dsil-a11y-high-contrast :focus-visible { outline:5px solid #ffbf00 !important; outline-offset:4px !important; }
html.dsil-a11y-text-large body { font-size:21px; }
html.dsil-a11y-text-xlarge body { font-size:23px; }
html.dsil-a11y-text-large :is(p,li,label,input,select,textarea),
html.dsil-a11y-text-xlarge :is(p,li,label,input,select,textarea) { line-height:1.68; }
html.dsil-a11y-focus :focus-visible { outline:5px solid #ffbf00 !important; outline-offset:4px !important; box-shadow:0 0 0 2px #001c27 !important; }
html.dsil-a11y-large-controls .dsil-btn,
html.dsil-a11y-large-controls .dsil-nav-toggle,
html.dsil-a11y-large-controls .dsil-primary-nav a,
html.dsil-a11y-large-controls .dsil-form button { min-height:54px !important; padding-top:14px !important; padding-bottom:14px !important; }
html.dsil-a11y-large-controls .dsil-form :is(input,select,textarea) { min-height:54px; font-size:1em; }
html.dsil-a11y-reduce-motion { scroll-behavior:auto !important; }
html.dsil-a11y-reduce-motion *, html.dsil-a11y-reduce-motion *::before, html.dsil-a11y-reduce-motion *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
html.dsil-a11y-simple .dsil-hero,
html.dsil-a11y-simple .dsil-page-hero { background-image:none !important; }
html.dsil-a11y-simple .dsil-hero::before,
html.dsil-a11y-simple .dsil-hero::after,
html.dsil-a11y-simple .dsil-page-hero::after { display:none !important; }
html.dsil-a11y-simple .dsil-page-hero::before { background:rgba(8,34,45,.96) !important; }
html.dsil-a11y-simple :is(.dsil-card,.dsil-start-card,.dsil-calendar-day,.dsil-document-item,.dsil-form,.dsil-event-aside) { box-shadow:none !important; }

@media (max-width:720px) {
  .dsil-a11y-launcher { left:14px; bottom:14px; width:52px; height:52px; }
  .dsil-scroll-top { right:14px; bottom:14px; min-width:52px; min-height:52px; padding:10px 13px; }
  .dsil-scroll-top-label { display:none; }
  .dsil-a11y-panel { left:10px; bottom:74px; width:calc(100vw - 20px); max-height:calc(100vh - 92px); padding:18px; border-radius:16px; }
  .dsil-a11y-panel h2 { font-size:25px; }
  .dsil-a11y-control { display:block; }
  .dsil-a11y-stepper { margin-top:12px; }
  .dsil-a11y-stepper button { flex:1 1 0; }
  .dsil-a11y-options { grid-template-columns:1fr; }
  .dsil-a11y-option { min-height:0; }
  .dsil-a11y-footer { align-items:stretch; flex-direction:column; }
  .dsil-a11y-footer .dsil-btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .dsil-a11y-launcher,.dsil-scroll-top { transition:none; }
}