/* ============================================================
   DTI SITE — "Bold Color Blocks" design system (Vannie Designs, 2026)
   Palette from the logo: turquoise, magenta, star gold.
============================================================ */
:root {
  --ink: #10292b; --ink-2: #435a5c; --tint: #e6f4f1; --pink-tint: #fbe7f1;
  --teal: #17a493; --teal-txt: #0c7266; --teal-dk: #0b4f4b;
  --berry: #b3176f; --berry-dk: #8c0f56; --star: #f4b41a; --sky: #3fa9e0;
  --red: #c8372d; --blue: #2563b0; --gray: #6b6862;
  --wrap: 1200px; --b: 3px solid var(--ink);
  --gutter: max(20px, calc((100vw - var(--wrap)) / 2 + 20px));
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: #fff; color: var(--ink); font: 400 1.0625rem/1.6 'Public Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: 'Public Sans', sans-serif; font-weight: 900; line-height: 1; letter-spacing: -0.025em; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; }
.dti-skip-link { position: absolute; left: -9999px; top: 0; background: var(--ink); color: #fff; padding: 0.75rem 1.25rem; z-index: 100000; font-weight: 700; text-decoration: none; }
.dti-skip-link:focus { left: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--star); outline-offset: 2px; }

/* ── HEADER ── */
.d-top { border-bottom: var(--b); background: #fff; position: sticky; top: 0; z-index: 50; }
.d-top-in { max-width: var(--wrap); margin: 0 auto; padding-left: 20px; display: flex; align-items: stretch; height: 68px; }
.d-logo { display: flex; align-items: center; padding-right: 16px; }
.d-logo img { height: 48px; width: auto; }
.d-nav { display: none; margin-left: auto; }
.d-nav a { display: flex; align-items: center; padding: 0 16px; text-decoration: none; font-weight: 700; font-size: 0.92rem; border-left: var(--b); }
.d-nav a:hover { background: var(--tint); }
.d-phone { margin-left: auto; display: flex; align-items: center; padding: 0 16px; text-decoration: none; font-weight: 800; background: var(--star); border-left: var(--b); white-space: nowrap; }
.d-burger { display: flex; align-items: center; justify-content: center; width: 60px; border: 0; border-left: var(--b); background: #fff; font-size: 1.5rem; cursor: pointer; color: var(--ink); }
.d-nav.open { display: flex; flex-direction: column; position: absolute; top: 68px; left: 0; right: 0; background: #fff; border-bottom: var(--b); }
.d-nav.open a { border-left: 0; border-top: 1px solid rgba(16,41,43,0.2); padding: 16px 20px; }
@media (min-width: 960px) {
  .d-nav, .d-nav.open { display: flex; flex-direction: row; position: static; border: 0; }
  .d-nav.open a { border-top: 0; border-left: var(--b); padding: 0 16px; }
  .d-phone { margin-left: 0; }
  .d-burger { display: none; }
}

/* ── HERO ── */
.d-hero { display: grid; border-bottom: var(--b); }
.d-hero-text { background: var(--teal); padding: 36px 20px 40px; }
.d-kicker { display: inline-block; background: var(--ink); color: var(--star); font-weight: 800; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 10px; }
.d-hero h1 { font-size: clamp(2.8rem, 7.5vw, 5.6rem); margin: 18px 0; color: var(--ink); }
.d-hero h1 .kw { display: block; font-size: 0.24em; letter-spacing: 0.02em; font-weight: 800; margin-bottom: 0.6em; text-transform: uppercase; }
.d-hero h1 .alt { display: block; color: #fff; }
.d-hero-text p { font-size: 1.1rem; max-width: 30em; font-weight: 600; }
.d-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.d-btn { display: inline-block; text-decoration: none; font-weight: 800; padding: 15px 24px; border: var(--b); font-size: 1rem; font-family: inherit; cursor: pointer; text-align: center; }
.d-btn-berry { background: var(--berry); color: #fff; box-shadow: 5px 5px 0 var(--ink); }
.d-btn-berry:hover { box-shadow: 3px 3px 0 var(--ink); }
.d-btn-white { background: #fff; color: var(--ink); }
.d-btn-white:hover { background: var(--star); }
.d-hero-photo { position: relative; border-top: var(--b); min-height: 340px; background: var(--ink); }
.d-hero-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.d-hero-date { position: absolute; right: 0; bottom: 0; background: var(--star); border-top: var(--b); border-left: var(--b); padding: 12px 18px; }
.d-hero-date small { display: block; font-weight: 800; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; }
.d-hero-date strong { font-size: 2.2rem; font-weight: 900; line-height: 1; letter-spacing: -0.02em; }
@media (min-width: 900px) {
  .d-hero { grid-template-columns: 1fr 1fr; }
  .d-hero-text { padding: 64px 48px 56px var(--gutter); }
  .d-hero-photo { border-top: 0; border-left: var(--b); min-height: 600px; }
}

/* ── SECTIONS ── */
.d-sec { padding: 56px 0; border-bottom: var(--b); }
.d-num { font-size: clamp(4rem, 12vw, 9rem); font-weight: 900; line-height: 0.8; letter-spacing: -0.05em; color: var(--berry); }
.d-sec h2 { font-size: clamp(2.2rem, 5.5vw, 4rem); margin: 10px 0 18px; }
.d-sub { font-size: 1.1rem; color: var(--ink-2); max-width: 36em; margin-bottom: 32px; }
@media (min-width: 900px) {
  .d-sec { padding: 88px 0; }
  .d-head { display: grid; grid-template-columns: auto 1fr; gap: 36px; align-items: end; margin-bottom: 36px; }
  .d-head .d-sub { margin-bottom: 0; }
}

/* programs */
.d-blocks { display: grid; border: var(--b); }
.d-block { padding: 26px 22px; display: flex; flex-direction: column; }
.d-block + .d-block { border-top: var(--b); }
.d-block.cna { background: var(--tint); }
.d-block.hha { background: var(--pink-tint); }
.d-label { font-weight: 800; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); }
.d-block h3 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin: 8px 0 14px; }
.d-price { font-size: 3.6rem; font-weight: 900; letter-spacing: -0.04em; line-height: 1; }
.cna .d-price { color: var(--teal-txt); }.d-price small { display: block; font-size: 0.9rem; font-weight: 700; letter-spacing: 0; color: var(--ink-2); margin-top: 6px; line-height: 1.4; }
.d-block ul { list-style: none; margin: 20px 0 24px; }
.d-block li { padding: 9px 0; border-top: 1px solid rgba(16,41,43,0.25); font-weight: 600; display: flex; justify-content: space-between; gap: 12px; }
.d-block li span { color: var(--ink-2); font-weight: 400; text-align: right; }
.d-block p.note { font-size: 0.92rem; color: var(--ink-2); margin: -8px 0 20px; }
.d-block .d-btns { margin-top: auto; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.d-block .d-btns a.more { font-weight: 700; font-size: 0.92rem; }
@media (min-width: 900px) { .d-blocks { grid-template-columns: 1fr 1fr 0.8fr; } .d-blocks.two { grid-template-columns: 1.4fr 1fr; } .d-block { padding: 36px 32px; } .d-block + .d-block { border-top: 0; border-left: var(--b); } }

/* calendar */
.d-cal { background: var(--star); }
.d-cal .d-num { color: var(--ink); }
.d-cal .d-sub { color: var(--ink); }
.d-months { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); border: var(--b); background: #fff; overflow: hidden; }
.d-month { padding: 14px; border-right: var(--b); border-bottom: var(--b); margin: 0 -3px -3px 0; min-height: 130px; }
.d-month h3 { font-size: 1.4rem; letter-spacing: -0.02em; margin-bottom: 10px; }
.d-month.past h3 { color: #6f8584; }
.d-ev { display: block; font-size: 0.82rem; font-weight: 700; padding: 6px 8px; margin-bottom: 6px; color: #fff; }
.d-ev.cna { background: var(--teal-dk); } .d-ev.hha { background: var(--berry); }
.d-ev.done { background: #dfe5e4; color: #4f6261; }
.d-ev.now { outline: 3px solid var(--ink); outline-offset: -3px; }
.d-ev small { display: block; font-weight: 600; opacity: 0.95; }

/* course stripes */
.d-stripes { border: var(--b); }
.d-stripe { display: grid; grid-template-columns: 90px 1fr; border-bottom: var(--b); }
.d-stripe:last-child { border-bottom: 0; }
.d-stripe b { display: flex; align-items: center; justify-content: center; font-size: 1.3rem; font-weight: 900; color: #fff; border-right: var(--b); text-align: center; }
.d-stripe:nth-child(4n+1) b { background: var(--teal-dk); } .d-stripe:nth-child(4n+2) b { background: var(--teal); color: var(--ink); }
.d-stripe:nth-child(4n+3) b { background: var(--berry); } .d-stripe:nth-child(4n) b { background: var(--star); color: var(--ink); }
.d-stripe div { padding: 18px 20px; }
.d-stripe h3 { font-size: 1.4rem; letter-spacing: -0.015em; margin-bottom: 4px; }
.d-stripe p { color: var(--ink-2); }
@media (min-width: 760px) { .d-stripe { grid-template-columns: 160px 1fr; } .d-stripe b { font-size: 2rem; } .d-stripe div { display: grid; grid-template-columns: 280px 1fr; gap: 24px; align-items: center; padding: 22px 28px; } }

/* graduates */
.d-grads { background: var(--berry); color: #fff; }
.d-grads .d-num { color: var(--star); }
.d-grads .d-sub { color: #f9dcec; }
.d-grow { display: grid; border: 3px solid #fff; }
.d-gitem { background: var(--ink); }
.d-gitem + .d-gitem { border-top: 3px solid #fff; }
.d-gitem img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.d-gitem figcaption { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; font-weight: 800; color: #fff; }
.d-gitem.red figcaption { background: var(--red); } .d-gitem.blue figcaption { background: var(--blue); } .d-gitem.gray figcaption { background: var(--gray); }
@media (min-width: 900px) { .d-grow { grid-template-columns: repeat(3, 1fr); } .d-gitem + .d-gitem { border-top: 0; border-left: 3px solid #fff; } .d-gitem img { aspect-ratio: 3 / 4; max-height: 520px; } }

/* reviews */
.d-reviews { background: var(--teal-dk); color: #fff; }
.d-reviews .d-num { color: var(--teal); }
.d-reviews .d-sub { color: #cfe9e5; }
.d-reviews .dti-google-review-carousel { width: 100%; max-width: 860px; margin: 0; }
#dti-google-review-track .d-review { background: #fff; color: var(--ink); border: var(--b); box-shadow: 8px 8px 0 var(--star); padding: 28px 26px; }
.d-review-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.4rem; }
.d-review-src { display: flex; align-items: center; gap: 0.5rem; }
.d-review-label { font-size: 0.85rem; font-weight: 700; letter-spacing: 0.04em; }
.d-review-stars { display: flex; gap: 3px; }
.d-review-mark { font: 3.5rem/1 'Source Serif 4', Georgia, serif; color: var(--berry); margin-bottom: -0.5rem; }
.d-review-text { font: 1.2rem/1.6 'Source Serif 4', Georgia, serif; margin: 0 0 1.5rem; }
.d-review-by { display: flex; align-items: center; gap: 0.9rem; }
.d-review-av { width: 44px; height: 44px; border-radius: 50%; background: var(--teal); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.1rem; font-weight: 900; }
.d-review-name { font-size: 0.95rem; font-weight: 800; }
.d-reviews .dti-google-review-controls { justify-content: flex-start; margin-top: 22px; }
.d-reviews .dti-google-review-controls button { border: 3px solid #fff; border-radius: 0; font-family: 'Public Sans', sans-serif; font-weight: 800; }
.d-reviews .d-allrev { display: inline-block; margin-top: 18px; color: var(--star); font-weight: 800; }

/* Dr. Susan */
.d-letter { display: grid; border: var(--b); }
.d-letter-photo { background: var(--teal); border-bottom: var(--b); }
.d-letter-photo img { width: 100%; aspect-ratio: 1; object-fit: cover; max-width: 640px; margin: 0 auto; }
.d-letter-body { padding: 28px 22px; }
.d-who { font-weight: 800; font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--teal-txt); }
.d-quote { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.2; letter-spacing: -0.01em; margin: 12px 0 18px; color: var(--ink); }
.d-quote::before { content: "\201C"; color: var(--berry); }
.d-quote::after { content: "\201D"; color: var(--berry); }
.d-letter-body p.body { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.15rem; line-height: 1.7; margin-bottom: 12px; color: #1b2f63; }
.d-sig { font-family: 'Great Vibes', cursive; font-size: 2.8rem; line-height: 1.1; color: #1b2f63; margin: 8px 0 2px; }
.d-src { font-size: 0.85rem; color: var(--ink-2); }
.d-letter .d-actions { margin-top: 20px; }
@media (min-width: 900px) { .d-letter { grid-template-columns: 0.8fr 1.2fr; } .d-letter-photo { border-bottom: 0; border-right: var(--b); }.d-letter-body { padding: 48px; } }

/* directions */
.d-dir { background: var(--teal-dk); color: #fff; }
.d-dir .d-num { color: var(--teal); }
.d-dir .d-sub { color: #cfe9e5; }
.d-dgrid { display: grid; border: 3px solid #fff; }
.d-dcell { padding: 22px; }
.d-dcell + .d-dcell { border-top: 3px solid #fff; }
.d-min { font-size: 3rem; font-weight: 900; letter-spacing: -0.04em; line-height: 1; color: var(--star); }
.d-min small { font-size: 1rem; letter-spacing: 0; }
.d-dcell h3 { font-size: 1.3rem; margin: 10px 0 6px; letter-spacing: -0.01em; }
.d-dcell p { color: #cfe9e5; font-size: 0.96rem; }
.d-dcell a { color: #fff; font-weight: 700; }
.d-areas { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.d-areas strong { margin-right: 6px; }
.d-areas a { color: var(--ink); background: #fff; text-decoration: none; font-weight: 700; font-size: 0.9rem; padding: 7px 12px; border: 2px solid #fff; }
.d-areas a:hover { background: var(--star); border-color: var(--star); }
@media (min-width: 900px) { .d-dgrid { grid-template-columns: repeat(4, 1fr); } .d-dcell + .d-dcell { border-top: 0; border-left: 3px solid #fff; } }

/* contact + registration */
.d-apply { display: grid; border-bottom: var(--b); scroll-margin-top: 68px; }
.d-apply-l { background: var(--star); padding: 40px 20px; }
.d-apply-l h2 { font-size: clamp(2.2rem, 5vw, 3.6rem); margin: 10px 0 14px; }
.d-apply-l > p { font-weight: 600; max-width: 26em; }
.d-contact { list-style: none; margin-top: 26px; border-top: var(--b); }
.d-contact li { padding: 14px 0; border-bottom: var(--b); }
.d-contact small { display: block; font-weight: 800; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }
.d-contact a, .d-contact span { font-weight: 800; font-size: 1.15rem; text-decoration: none; word-break: break-word; }
.d-apply-r { padding: 40px 20px; background: #fff; }
.d-apply-r h3 { font-size: 1.8rem; margin-bottom: 8px; }
.d-apply-r .form-sub { color: var(--ink-2); margin-bottom: 22px; }
.dti-frow { display: grid; gap: 0 16px; }
.dti-fg { display: grid; gap: 6px; margin-bottom: 16px; }
.dti-fg label { font-weight: 800; font-size: 0.82rem; letter-spacing: 0.06em; text-transform: uppercase; }
.dti-fg input, .dti-fg select, .dti-fg textarea { font: inherit; padding: 13px 14px; border: var(--b); border-radius: 0; background: #fff; color: var(--ink); width: 100%; }
.dti-fg input[type="file"] { padding: 10px; border-style: dashed; background: var(--tint); }
.dti-file-hint { font-size: 0.82rem; color: var(--ink-2); }
.dti-submit { width: 100%; font: inherit; font-weight: 800; padding: 16px; border: var(--b); background: var(--berry); color: #fff; cursor: pointer; box-shadow: 5px 5px 0 var(--ink); }
.dti-submit:hover { box-shadow: 3px 3px 0 var(--ink); }
.dti-submit:disabled { opacity: 0.7; cursor: wait; }
#dti-form-msg { color: var(--ink); background: var(--tint); padding: 10px; }
@media (min-width: 600px) { .dti-frow { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) {
  .d-apply { grid-template-columns: 1fr 1.15fr; }
  .d-apply-l { padding: 72px 48px 72px var(--gutter); border-right: var(--b); }
  .d-apply-r { padding: 72px var(--gutter) 72px 48px; }
}

/* newsletter */
.d-nl { background: var(--berry); color: #fff; padding: 44px 0; border-bottom: var(--b); }
.d-nl .wrap { display: grid; gap: 18px; }
.d-nl h2 { font-size: clamp(1.7rem, 3.6vw, 2.4rem); }
.d-nl p { color: #f9dcec; }
.d-nl p a { color: #fff; font-weight: 700; }
.dti-nl-row { display: grid; gap: 10px; }
.dti-nl-input { font: inherit; padding: 14px; border: 3px solid #fff; border-radius: 0; color: var(--ink); background: #fff; width: 100%; }
.dti-nl-btn { font: inherit; font-weight: 800; padding: 14px 22px; border: 3px solid var(--ink); background: var(--star); color: var(--ink); cursor: pointer; }
.dti-nl-btn:hover { background: #fff; }
.dti-nl-btn:disabled { opacity: 0.6; cursor: wait; }
.dti-nl-msg { margin-top: 10px; font-weight: 700; min-height: 1.2em; }
.dti-nl-msg.nl-success { color: #fff; } .dti-nl-msg.nl-error { color: var(--star); }
@media (min-width: 900px) { .d-nl .wrap { grid-template-columns: 1fr 1.2fr; align-items: center; gap: 48px; } .dti-nl-row { grid-template-columns: 1fr 1.3fr auto; } }

/* FAQ */
.d-faq details { border: var(--b); border-top: 0; background: #fff; }
.d-faq details:first-of-type { border-top: var(--b); }
.d-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 18px 20px; font-weight: 800; font-size: 1.08rem; }
.d-faq summary::-webkit-details-marker { display: none; }
.d-faq summary::after { content: "+"; flex: none; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: var(--teal); color: var(--ink); font-weight: 900; font-size: 1.3rem; border: 2px solid var(--ink); }
.d-faq details[open] summary { background: var(--tint); }
.d-faq details[open] summary::after { content: "\2212"; background: var(--berry); color: #fff; }
.d-faq .ans { padding: 16px 20px 20px; color: var(--ink-2); line-height: 1.7; border-top: 2px solid var(--ink); }
.d-faq .ans a { color: var(--berry) !important; font-weight: 700; }
.d-faq-list { max-width: 900px; }

/* footer */
.d-foot { background: var(--ink); color: #cfe0dd; padding: 48px 0 110px; font-size: 0.92rem; }
.d-foot-brand { font-size: 1.6rem; font-weight: 900; letter-spacing: -0.02em; color: #fff; }
.d-foot-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 28px; margin: 28px 0; padding: 28px 0; border-top: 2px solid #2c4a4c; border-bottom: 2px solid #2c4a4c; }
.d-foot-cols h4 { color: var(--star); font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 12px; font-weight: 800; }
.d-foot-cols a { display: block; color: #fff; text-decoration: none; padding: 4px 0; }
.d-foot-cols a:hover { color: var(--star); }
.d-foot p { margin-bottom: 12px; }
.d-foot .disclaimer { font-size: 0.78rem; color: #9fb7b4; line-height: 1.6; }
@media (min-width: 960px) { .d-foot { padding-bottom: 48px; } }

/* mobile action bar */
.d-actbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; display: grid; grid-template-columns: 1fr 1fr 1.3fr; border-top: var(--b); background: #fff; padding-bottom: env(safe-area-inset-bottom); }
.d-actbar a { display: flex; align-items: center; justify-content: center; min-height: 56px; text-decoration: none; font-weight: 800; }
.d-actbar a + a { border-left: var(--b); }
.d-actbar a:nth-child(2) { background: var(--star); }
.d-actbar a.primary { background: var(--berry); color: #fff; }
@media (min-width: 960px) { .d-actbar { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* ============================================================
   LEGACY COMPONENT LAYER
   Older pages (About, Enroll, Consultation, Privacy, Donate, 404,
   location pages) keep their markup; these rules bring their
   components into the Bold Color Blocks look.
============================================================ */
.d-foot, .d-foot p, .d-foot span { color: #cfe0dd; font-weight: 400; }
.d-foot .d-foot-brand, .d-foot .credit { color: #fff; font-weight: 800; }
.d-foot .d-foot-brand span { color: var(--teal); }
.d-foot a { color: #fff !important; }
.d-foot .credit a { color: var(--star) !important; }
.d-foot h4 { color: var(--star); font-weight: 800; font-family: 'Public Sans', sans-serif; }

/* no hover-lift, no scroll fade-ins */
.dti-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }/* page heroes -> dark teal block */

/* sections & headings */
.dti-sec, .donate-section { border-bottom: var(--b); }
.dti-sec.bg-blue, .dti-consult-banner { background: var(--teal-dk) !important; }
.dti-sec.bg-off { background: var(--tint) !important; }
.dti-sec h2, .donate-section h2 { font-weight: 900 !important; letter-spacing: -0.025em; }
.dti-sec.bg-blue .dti-eyebrow, .dti-consult-banner .dti-eyebrow { color: var(--star) !important; }


/* cards, notices, list items -> outlined blocks */
.dti-card, .dti-feat, .dti-citem, .dti-sched, .dti-notice, .lp-card, .lp-quote, .rv-qr-card {
  border: var(--b); box-shadow: none;
}
.lp-quote { border-left: 8px solid var(--berry); }
.lp-facts { background: var(--star); border-bottom: var(--b); }
.lp-facts span { color: var(--ink); font-weight: 800; }
.lp-card .price { color: var(--berry); font-weight: 900; }

/* buttons -> square, outlined, hard shadow */

/* old mobile bar on location pages is replaced by .d-actbar */

/* ============================================================
   SPACING + REVIEW CAROUSEL (merged from the old site-spacing.css)
============================================================ */
@media (min-width: 761px) {




  .dti-sec {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }








  .donate-section {
    margin-bottom: 32px;
  }


  .dti-404-pages {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}


.dti-google-review-track {
  position: relative;
  width: 100%;
}

.dti-google-review-track > div {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}


.dti-google-review-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 1rem;
}

.dti-google-review-controls[hidden] {
  display: none;
}

.dti-google-review-controls button {
  min-width: 40px;
  min-height: 40px;
  padding: 0.45rem 0.75rem;
  border: 1px solid rgba(255,255,255,0.55);
  background: transparent;
  color: #ffffff;
  font: 700 0.9rem 'Public Sans', sans-serif;
  cursor: pointer;
}

.dti-google-review-controls button:hover:not(:disabled) {
  background: rgba(255,255,255,0.12);
}

.dti-google-review-controls button:disabled {
  opacity: 0.55;
  cursor: default;
}

#dti-review-status {
  min-width: 96px;
  color: rgba(255,255,255,0.82);
  font-size: 0.82rem;
  text-align: center;
}

/* highlighted words in dark heroes use star gold for contrast */

/* header & action bar keep their colors even on pages with dark/global link styles */
.d-top .d-nav a, .d-top .d-burger, .d-actbar a { color: var(--ink); font-family: 'Public Sans', sans-serif; }
.d-top .d-phone { color: var(--ink); font-family: 'Public Sans', sans-serif; }

/* ============================================================
   CHATBOT
============================================================ */
#dti-chat-btn {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; padding: 0; overflow: hidden;
  text-align: center; line-height: 0; cursor: pointer;
  background: var(--berry); border: 3px solid var(--ink); border-radius: 50%;
  box-shadow: 4px 4px 0 var(--ink);
  transition: background 0.2s;
}
#dti-chat-btn:hover { background: var(--berry-dk); }
#dti-chat-btn > * { flex: none; margin: 0; float: none; position: static; }
#dti-chat-btn .d-chat-ico, #dti-chat-btn .si { display: block; width: 26px; height: 26px; margin: 0; background: url("/Images/icons/message-circle.svg") center / contain no-repeat; filter: invert(1); }
#dti-chat-panel {
  display: none; flex-direction: column;
  position: fixed; bottom: 104px; right: 24px; z-index: 9998;
  width: 340px; max-height: 520px; overflow: hidden;
  background: #fff; border: var(--b); border-radius: 0;
  box-shadow: 8px 8px 0 var(--ink); font-family: 'Public Sans', sans-serif;
}
#dti-chat-panel.open { display: flex; visibility: visible; z-index: 9999; }
#dti-chat-head {
  display: flex; align-items: center; gap: 10px; padding: 14px 16px;
  background: var(--teal-dk); border-bottom: var(--b); position: relative;
}
#dti-chat-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; background: linear-gradient(90deg, var(--teal) 0 40%, var(--berry) 40% 75%, var(--star) 75%); }
#dti-chat-head-text { flex: 1; }
#dti-chat-head-text strong { display: block; color: #fff; font-size: 0.95rem; font-weight: 800; }
#dti-chat-head-text span { color: #7fe3d4; font-size: 0.75rem; }
#dti-chat-close {
  width: 28px; height: 28px; cursor: pointer;
  background: var(--star); color: var(--ink); border: 2px solid var(--ink); border-radius: 0;
  font-size: 1rem; font-weight: 900; line-height: 1;
}
#dti-chat-messages {
  flex: 1; overflow-y: auto; padding: 14px 14px 6px;
  display: flex; flex-direction: column; gap: 8px;
  background: #fff; scroll-behavior: smooth;
}
.dti-msg { max-width: 88%; padding: 9px 13px; border-radius: 0; font-family: 'Public Sans', sans-serif; font-size: 0.88rem; line-height: 1.5; }
.dti-msg.bot { align-self: flex-start; background: var(--tint); color: var(--ink); border: 2px solid var(--ink); }
.dti-msg.user { align-self: flex-end; background: var(--teal-dk); color: #fff; border: 2px solid var(--ink); }
.dti-msg a { color: var(--berry); font-weight: 700; }
.dti-msg.user a { color: var(--star); }
#dti-chat-suggestions { padding: 0 10px 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.dti-sug {
  padding: 5px 11px; cursor: pointer;
  background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: 0;
  font-family: 'Public Sans', sans-serif; font-size: 0.76rem; font-weight: 700;
}
.dti-sug:hover { background: var(--star); }
#dti-chat-input-row { display: flex; gap: 8px; padding: 10px 12px; background: #fff; border-top: var(--b); }
#dti-chat-input {
  flex: 1; padding: 8px 14px; outline: none;
  border: 2px solid var(--ink); border-radius: 0; color: var(--ink);
  font-family: 'Public Sans', sans-serif; font-size: 0.84rem;
}
#dti-chat-input:focus { border-color: var(--teal); }
#dti-chat-send {
  width: 36px; height: 36px; flex-shrink: 0; cursor: pointer;
  background: var(--berry); color: #fff; border: 2px solid var(--ink); border-radius: 0;
  font-size: 1rem;
}
#dti-chat-send:hover { background: var(--berry-dk); }
.dti-form-wrap { display: flex; flex-direction: column; flex: 1; padding: 16px; box-sizing: border-box; }
.dti-form-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; }
#dti-chat-panel .dti-form-title { font-weight: 700; color: #000; font-size: 14px; }
#dti-form-back { background: none; border: none; border-radius: 0; cursor: pointer; font-size: 13px; color: #888; padding: 2px 6px; line-height: 1; }
#dti-chat-email-form { display: flex; flex-direction: column; flex: 1; gap: 8px; }
.dti-chat-field { width: 100%; padding: 10px 12px; border: 2px solid var(--ink); border-radius: 0; font-size: 13px; box-sizing: border-box; font-family: inherit; }
textarea.dti-chat-field { flex: 1; resize: none; min-height: 80px; }
.dti-chat-email-send { width: 100%; padding: 10px 16px; background: var(--berry); color: #fff; border: 2px solid var(--ink); border-radius: 0; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.dti-chat-email-send:hover { background: var(--berry-dk); }
@media (max-width: 959px) {
  #dti-chat-btn { bottom: 72px; }
  #dti-chat-panel { bottom: 130px; max-height: calc(100vh - 210px); }
}
@media (max-width: 480px) {
  #dti-chat-btn { right: 16px; }
  #dti-chat-panel { width: calc(100vw - 32px); right: 16px; }
}

/* Vannie Designs credit badge (also credited in every footer) */
#vd-watermark {
  position: fixed; left: 14px; bottom: 14px; z-index: 8999;
  background: var(--ink); color: var(--star); border: 2px solid var(--star);
  font: 800 0.7rem/1 'Public Sans', sans-serif; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 7px 10px; text-decoration: none; box-shadow: 3px 3px 0 var(--star);
}
#vd-watermark:hover { background: var(--star); color: var(--ink) !important; }
.grecaptcha-badge { bottom: 54px !important; }
@media (max-width: 959px) { #vd-watermark { display: none; } .grecaptcha-badge { bottom: 72px !important; } }

/* outline buttons stay readable inside dark CTA bands */

/* reCAPTCHA notice takes the color of the form it sits in (recaptcha.js injects white) */
body .dti-rc-note { color: inherit !important; opacity: 0.85; }
/* plain links inside dark sections use star gold */
.dti-sec.bg-blue p a:not([class]):not([style*="background"]), .dti-sec.bg-blue li a:not([class]) { color: var(--star) !important; }
/* secondary buttons on location/guide pages */

/* ============================================================
   REUSABLE PAGE COMPONENTS (inner pages)
============================================================ */
.d-band { padding: 16px 20px; border-bottom: var(--b); font-weight: 700; }
.d-band .wrap { padding: 0; }
.d-band.berry { background: var(--berry); color: #fff; }
.d-band.star { background: var(--star); color: var(--ink); }
.d-jump { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.d-jump a { background: #fff; color: var(--ink); border: 2px solid var(--ink); padding: 8px 12px; font-weight: 800; font-size: 0.88rem; text-decoration: none; }
.d-jump a:hover { background: var(--star); }

.d-2col { display: grid; gap: 32px; }
@media (min-width: 900px) { .d-2col { grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } }
.d-h3 { font-size: 1.5rem; letter-spacing: -0.02em; margin-bottom: 14px; }

/* cost ledger */
.d-ledger { width: 100%; border-collapse: collapse; border: var(--b); background: #fff; }
.d-ledger td { padding: 12px 16px; border-bottom: 1px solid rgba(16,41,43,0.25); font-weight: 600; }
.d-ledger td:last-child { text-align: right; font-weight: 800; white-space: nowrap; }
.d-ledger em { font-style: normal; font-size: 0.8rem; color: var(--ink-2); font-weight: 600; }
.d-ledger tr.total td { background: var(--ink); color: #fff; font-size: 1.2rem; font-weight: 900; border-bottom: 0; }
.d-ledger tr.total td:last-child { color: var(--star); }

/* fact list */
.d-facts { list-style: none; border: var(--b); background: #fff; }
.d-facts li { display: grid; grid-template-columns: 150px 1fr; gap: 12px; padding: 14px 16px; border-bottom: 1px solid rgba(16,41,43,0.25); }
.d-facts li:last-child { border-bottom: 0; }
.d-facts b { font-weight: 800; }
@media (max-width: 520px) { .d-facts li { grid-template-columns: 1fr; gap: 2px; } }

/* notes */
.d-note { border: var(--b); border-left: 10px solid var(--star); background: #fff; padding: 16px 18px; margin-top: 18px; line-height: 1.65; }
.d-note.teal { border-left-color: var(--teal); }
.d-note.berry { border-left-color: var(--berry); }
.d-note p + p { margin-top: 8px; }
.d-note a:not(.d-btn) { color: var(--berry); font-weight: 700; }
.d-paylogos { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.d-paylogos img { height: 32px; width: auto; }

/* cohort rows */
.d-cohorts { border: var(--b); background: #fff; }
.d-cohorts .dti-cohort-row { display: grid; grid-template-columns: 100px 1fr auto; gap: 12px; align-items: center; padding: 14px 16px; border-bottom: 1px solid rgba(16,41,43,0.25); border-left: 8px solid var(--teal); }
.d-cohorts.hha .dti-cohort-row { border-left-color: var(--berry); }
.d-cohorts .dti-cohort-row:last-child { border-bottom: 0; }
.d-cohorts .dti-chrt-num { font-weight: 900; }
.d-cohorts .dti-chrt-dates { font-weight: 600; }
.d-cohorts .dti-chrt-status { font-size: 0.75rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 8px; border: 2px solid var(--ink); background: var(--tint); }
.d-cohorts .dti-chrt-status.active { background: var(--ink); color: var(--star); }
.d-cohorts .dti-cohort-row.is-completed { opacity: 0.6; border-left-color: #b9c5c4; }
.d-cohorts .dti-chrt-status.completed { background: #dfe5e4; }
@media (max-width: 520px) { .d-cohorts .dti-cohort-row { grid-template-columns: 1fr auto; } .d-cohorts .dti-chrt-dates { grid-column: 1 / -1; grid-row: 2; } }

/* outlined block grid */
.d-tiles { display: grid; gap: 0; border: var(--b); grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); background: #fff; overflow: hidden; }
.d-tile { padding: 22px; border-right: var(--b); border-bottom: var(--b); margin: 0 -3px -3px 0; }
.d-tile h3 { font-size: 1.25rem; letter-spacing: -0.015em; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 4px solid var(--teal); display: inline-block; }
.d-tile:nth-child(3n+2) h3 { border-color: var(--berry); }
.d-tile:nth-child(3n) h3 { border-color: var(--star); }
.d-tile ul { padding-left: 18px; color: var(--ink-2); }
.d-tile li { margin-bottom: 6px; }

/* products */
.d-products { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(240px, 300px)); }
.d-product { background: #fff; color: var(--ink); border: 3px solid var(--ink); box-shadow: 8px 8px 0 var(--star); padding: 22px; }
.d-product .emo { font-size: 2.4rem; line-height: 1; }
.d-product h3 { font-size: 1.3rem; margin: 12px 0 6px; }
.d-product p { color: var(--ink-2); margin-bottom: 16px; }

/* closing CTA */
.d-cta { display: grid; border-bottom: var(--b); }
.d-cta-l { background: var(--star); padding: 40px 20px; }
.d-cta-l h2 { font-size: clamp(2.2rem, 5vw, 3.4rem); }
.d-cta-r { background: var(--teal); padding: 40px 20px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
@media (min-width: 900px) { .d-cta { grid-template-columns: 1fr 1fr; } .d-cta-l { padding: 56px 48px 56px var(--gutter); border-right: var(--b); } .d-cta-r { padding: 56px var(--gutter) 56px 48px; } }

/* hero variant for inner pages */
.d-hero-text .d-sub-h { font-size: 1.1rem; font-weight: 600; max-width: 30em; }
.d-sec.tint { background: var(--tint); }

/* captioned photo */
.d-figure { border: var(--b); background: var(--ink); max-width: 640px; }
.d-figure img { width: 100%; height: auto; }
.d-figure figcaption { padding: 10px 14px; color: #fff; font-weight: 700; font-size: 0.9rem; border-top: var(--b); background: var(--ink); }
.d-prose p { margin-bottom: 14px; color: var(--ink-2); font-size: 1.08rem; line-height: 1.7; }
.d-prose p strong { color: var(--ink); }

/* pull quote */
.d-pull { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; font-size: clamp(1.6rem, 3.6vw, 2.6rem); line-height: 1.25; letter-spacing: -0.01em; max-width: 26em; }
.d-pull::before { content: "\201C"; color: var(--berry); }
.d-pull::after { content: "\201D"; color: var(--berry); }
.d-pull-attr { margin-top: 14px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.82rem; }

/* credential chips & badges */
.d-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.d-chips span { border: 2px solid var(--ink); background: var(--star); color: var(--ink); font-weight: 900; font-size: 0.8rem; padding: 4px 9px; letter-spacing: 0.04em; }
.d-badge { display: inline-block; background: var(--berry); color: #fff; font-weight: 800; font-size: 0.85rem; padding: 6px 10px; border: 2px solid var(--ink); }

/* book card */
.d-book { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: center; border: var(--b); background: var(--pink-tint); padding: 16px; margin-top: 22px; text-decoration: none; color: var(--ink); box-shadow: 6px 6px 0 var(--ink); }
.d-book img { width: 110px; height: auto; border: 2px solid var(--ink); }
.d-book small { display: block; font-weight: 800; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--berry); }
.d-book strong { display: block; font-size: 1.3rem; font-weight: 900; letter-spacing: -0.015em; margin: 4px 0 6px; }
.d-book p { color: var(--ink-2); font-size: 0.95rem; }
.d-book .go { display: inline-block; margin-top: 10px; font-weight: 800; color: var(--berry); }
.d-book:hover { background: #fff; }

/* people */
.d-people { display: grid; gap: 0; border: var(--b); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); background: #fff; overflow: hidden; }
.d-person { padding: 24px; border-right: var(--b); border-bottom: var(--b); margin: 0 -3px -3px 0; color: var(--ink); }
.d-person .ph { width: 120px; height: 120px; border: var(--b); overflow: hidden; background: var(--teal); margin-bottom: 14px; box-shadow: 5px 5px 0 var(--star); }
.d-person .ph img { width: 100%; height: 100%; object-fit: cover; }
.d-person h3 { font-size: 1.3rem; letter-spacing: -0.015em; }
.d-person .role { display: inline-block; margin: 6px 0 10px; font-weight: 800; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--berry); }
.d-person p { color: var(--ink-2); font-size: 0.95rem; line-height: 1.65; }
.d-person p a { color: var(--berry); font-weight: 700; }
.d-dir .d-people { border-color: #fff; }

/* logo + text row */
.d-logo-row { display: grid; gap: 24px; align-items: center; }
.d-logo-row img { width: 160px; height: auto; border: var(--b); background: #fff; padding: 8px; }
@media (min-width: 760px) { .d-logo-row { grid-template-columns: 180px 1fr; gap: 36px; } }
.d-cta-l p { font-weight: 600; margin-top: 12px; max-width: 34em; }

/* letter photo stays square on desktop even when the text column is long */
@media (min-width: 900px) {
  .d-letter-photo img { height: auto; aspect-ratio: 1 / 1; position: sticky; top: 90px; }
}
.d-people { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

/* width/height attributes are for layout stability only; let CSS aspect-ratios control the shape */
:where(img[height]) { height: auto; }

/* ============================================================
   CONSULTATION — service cards + NCLEX block in the D style
============================================================ */
.consult-page { background: #fff; }


.d-hero h1.d-h1-long { font-size: clamp(2rem, 4.2vw, 3.3rem); line-height: 1.05; }
.d-tile .d-emo { font-size: 2rem; line-height: 1; margin-bottom: 10px; }
.d-tile p { color: var(--ink-2); }

/* contents panel in place of a hero photo */
.d-toc { background: var(--star); border-top: var(--b); padding: 32px 20px; }
.d-toc h2 { font-size: 1.5rem; letter-spacing: -0.02em; margin-bottom: 14px; }
.d-toc ol { list-style: none; counter-reset: toc; border: var(--b); background: #fff; }
.d-toc li { counter-increment: toc; border-bottom: 1px solid rgba(16,41,43,0.25); }
.d-toc li:last-child { border-bottom: 0; }
.d-toc a { display: flex; gap: 14px; align-items: center; padding: 14px 16px; font-weight: 800; text-decoration: none; color: var(--ink); }
.d-toc a::before { content: counter(toc, decimal-leading-zero); color: var(--berry); font-weight: 900; font-size: 1.2rem; min-width: 32px; }
.d-toc a:hover { background: var(--tint); }
@media (min-width: 900px) { .d-toc { border-top: 0; border-left: var(--b); padding: 56px var(--gutter) 56px 48px; display: flex; flex-direction: column; justify-content: center; } }
/* legal prose */
.d-legal { max-width: 820px; }
.d-legal h3 { font-size: 1.3rem; letter-spacing: -0.015em; margin: 22px 0 8px; padding-left: 12px; border-left: 6px solid var(--teal); }
.d-legal h3:first-child { margin-top: 0; }
.d-legal ul { margin: 0 0 16px; padding-left: 22px; color: var(--ink-2); font-size: 1.05rem; line-height: 1.7; }
.d-legal a:not(.d-btn) { color: var(--berry); font-weight: 700; }
.d-facts a { color: var(--berry); font-weight: 700; }

/* area chips on light sections need a visible outline */
.d-sec:not(.d-dir) .d-areas a { border-color: var(--ink); }
/* QR panel */
.d-qr-panel { align-items: center; text-align: center; }
.d-qr-panel .rv-qr-card { border: var(--b); background: #fff; padding: 20px; box-shadow: 8px 8px 0 var(--ink); display: inline-block; }
.d-qr-panel .rv-qr-card p { color: var(--ink-2); margin: 12px 0; font-weight: 600; }
.d-qr-panel .rv-qr-box { border: 0; padding: 0; }
.d-qr-panel .rv-qr-actions .d-btn { padding: 10px 16px; font-size: 0.9rem; }

/* printing: content only */
@media print {
  .d-top, .d-foot, .d-actbar, #vd-watermark, #dti-chat-btn, #dti-chat-panel, .d-noprint, .rv-noprint, .grecaptcha-badge { display: none !important; }
  .d-hero { display: block !important; border: 0 !important; }
  .d-toc { border: 0 !important; background: #fff !important; }
}
.d-hero-text .d-404, .d-404 { font-size: clamp(5rem, 16vw, 11rem); font-weight: 900; line-height: 0.8; letter-spacing: -0.06em; color: var(--berry); margin-top: 14px; max-width: none; }

/* ============================================================
   LOCATION PAGES — legacy lp-* content inside the D layout
============================================================ */
.d-lp { max-width: 900px; }
.d-lp .lp-t { width: 100%; border-collapse: collapse; border: var(--b); background: #fff; margin: 8px 0 16px; }
.d-lp .lp-t th, .d-lp .lp-t td { padding: 12px 14px; border-bottom: 1px solid rgba(16,41,43,0.25); text-align: left; color: var(--ink); font-weight: 600; }
.d-lp .lp-t th { background: var(--ink); color: #fff; font-weight: 800; }
.d-lp .lp-quote { background: #fff; padding: 18px 20px; margin: 0 0 14px; }
.d-lp .lp-quote p { font-family: 'Source Serif 4', Georgia, serif; font-size: 1.15rem; color: var(--ink); }
.d-lp .lp-quote cite { color: var(--berry); font-weight: 800; font-style: normal; }
.d-lp .lp-links { display: flex; flex-wrap: wrap; gap: 10px; }
.d-lp .lp-links a { background: #fff; color: var(--ink); border: 2px solid var(--ink); padding: 8px 12px; font-weight: 800; font-size: 0.9rem; text-decoration: none; border-radius: 0; }
.d-lp .lp-links a:hover { background: var(--star); }
.d-lp details { border: var(--b); border-top: 0; background: #fff; margin: 0 !important; border-radius: 0 !important; }
.d-lp details:first-of-type { border-top: var(--b); }
.d-lp summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px 18px; font-weight: 800 !important; color: var(--ink); }
.d-lp summary::-webkit-details-marker { display: none; }
.d-lp summary::after { content: "+"; flex: none; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: var(--teal); color: var(--ink); font-weight: 900; font-size: 1.2rem; border: 2px solid var(--ink); }
.d-lp details[open] summary { background: var(--tint); }
.d-lp details[open] summary::after { content: "\2212"; background: var(--berry); color: #fff; }
.d-lp details p { padding: 14px 18px 16px; margin: 0; border-top: 2px solid var(--ink); }
.d-lp .lp-cards { display: grid; gap: 0; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); border: var(--b); background: #fff; overflow: hidden; margin: 8px 0 16px; }
.d-lp .lp-card { border: 0 !important; border-right: var(--b) !important; border-bottom: var(--b) !important; margin: 0 -3px -3px 0; padding: 22px; }
.d-lp .lp-card h3 { margin-top: 0; padding: 0; border: 0; }
.d-lp .lp-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.d-lp > p a:not(.d-btn), .d-lp li a:not(.d-btn) { color: var(--berry); font-weight: 700; }

/* keep low-resolution photos at sizes where they stay crisp on high-density screens */
.d-figure { max-width: 420px; }
@media (min-width: 900px) { .d-grow { max-width: 990px; } }