/* Chucky Law / daylight draft, September 10, 2026.
   Cam requested substantially brighter surfaces. Load after editorial.css.
   Layout, photographs, motion progress and the burgundy offer remain intact. */
:root {
  --day-paper: #fffefa;
  --day-white: #ffffff;
  --day-ivory: #f6f1e8;
  --day-linen: #eee6d9;
  --day-ink: #292623;
  --day-muted: #615a53;
  --day-rule: #d8cdbc;
}

body { background: var(--day-paper); color: var(--day-ink); }
body[data-route] .home-only { display: none; }

/* A white letterhead, with the existing responsive wordmark proportions. */
.announce {
  background: var(--day-ivory);
  color: var(--day-muted);
  border-bottom-color: var(--day-rule);
}
.announce a { color: var(--burgundy); border-bottom-color: var(--burgundy); }
.lang-toggle { border-color: var(--day-rule); background: var(--day-white); }
.lang-toggle button { color: var(--day-muted); opacity: 1; }
.lang-toggle button[aria-pressed="true"] { background: var(--burgundy); color: var(--day-white); }
.nav { background: var(--day-white); color: var(--day-ink); }
.nav .wm-name, footer .wm-name { color: var(--burgundy); }
.nav .wm-tag, footer .wm-tag { color: var(--day-muted); }
.nav .wm-rule, footer .wm-rule { background: var(--gold-deep); }
.nav-links { color: var(--day-ink); }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--burgundy); }
.nav-links a::after { background: var(--burgundy); }
.mobile-nav > summary { border-color: var(--day-rule); background: var(--day-white); }
.mobile-nav > summary svg, .mobile-nav[open] > summary svg { stroke: var(--burgundy); }
.mobile-nav[open] > summary { border-color: var(--burgundy); background: var(--day-ivory); }
.mobile-nav-panel {
  background: var(--day-white);
  border-color: var(--day-rule);
  box-shadow: 0 16px 36px rgba(62, 41, 26, .15);
}
.mobile-nav-panel a { color: var(--day-ink); font-family: var(--sans); font-weight: 600; }
.mobile-nav-panel a:hover, .mobile-nav-panel a:focus-visible { color: var(--burgundy); background: var(--day-ivory); }
.quickhelp { background: var(--day-white); border-bottom-color: var(--day-rule); }
.quickhelp .qh-label, .qh-label, .quickhelp .qh-chip { color: var(--day-muted); }
.quickhelp .qh-chip { border-left-color: var(--day-rule); }
.quickhelp .qh-chip:hover, .quickhelp .qh-chip:focus-visible { color: var(--burgundy); background: var(--day-ivory); }
.quickhelp .qh-fallback { color: var(--burgundy); }
.floatbar { background: var(--day-white); border-bottom-color: var(--day-rule); }
.floatbar .fb-mark, .floatbar .fb-phone { color: var(--day-ink); }
.floatbar .fb-mark b i, .floatbar .fb-phone:hover { color: var(--burgundy); }
.floatbar .glyph-scales, footer .glyph-scales { color: var(--gold-deep); }

/* Burgundy is the clear action on paper; metallic gold stays a fine accent. */
.btn-red { background: var(--burgundy); color: var(--day-white); border-color: var(--burgundy); }
.btn-red:hover { background: var(--burgundy-deep); color: var(--day-white); border-color: var(--burgundy-deep); }
.hero-file .hero-ctas .btn-ghost-d, .hero-file .btn-ghost-d,
.view .btn-ghost-d, #how .btn-ghost-d, #know .btn-ghost-d,
.brenda .btn-ghost-d, #promise .btn-ghost-d, .window .btn-ghost-d,
#espanol .btn-ghost-w {
  background: transparent; color: var(--burgundy); border-color: var(--burgundy);
}
.hero-file .hero-ctas .btn-ghost-d:hover, .hero-file .btn-ghost-d:hover,
.view .btn-ghost-d:hover, #how .btn-ghost-d:hover, #know .btn-ghost-d:hover,
.brenda .btn-ghost-d:hover, #promise .btn-ghost-d:hover, .window .btn-ghost-d:hover,
#espanol .btn-ghost-w:hover {
  background: var(--burgundy); color: var(--day-white); border-color: var(--burgundy);
}
.nav a:focus-visible, .mobile-nav > summary:focus-visible,
.hero-file a:focus-visible, .hero-file button:focus-visible,
#cases a:focus-visible, .brenda a:focus-visible, .view a:focus-visible,
.view button:focus-visible, .view summary:focus-visible, footer a:focus-visible {
  outline-color: var(--burgundy);
}

/* The opening spread becomes daylight around Brenda's existing photograph. */
header.hero-file { background: var(--day-ivory); color: var(--day-ink); }
.hero-file .hero-kicker { color: var(--burgundy); }
.hero-file h1.shout { color: var(--day-ink); }
.hero-file h1.shout em { color: var(--burgundy); }
.hero-file .hero-context { max-width: 32em; margin: 24px 0; color: var(--day-muted); font-size: 1rem; line-height: 1.7; }
.hero-file .hero-sub, .hero-file .shout + .hero-sub { color: var(--day-muted); }
.hero-file .hero-context + .hero-sub { font-family: var(--sans); font-size: .8rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin: 24px 0 0; }
.hero-file .hero-ticks { color: var(--day-ink); border-top-color: var(--day-rule); }
.hero-file .hero-ticks span::before { color: var(--burgundy); }
.hero-file .hero-steps { border-top-color: var(--day-rule); color: var(--day-muted); }
.hero-file .hero-steps > span { color: var(--day-muted); }
.hero-file .hero-steps b { color: var(--burgundy); }
.hero-file .hero-exhibit, .hero-file .hero-exhibit figcaption {
  background: var(--burgundy); color: var(--cream);
}

/* Practice index and attorney story: two light, distinct paper surfaces. */
#cases { background: var(--day-white); color: var(--day-ink); }
#cases .shout, #contact .shout { color: var(--day-ink); }
#cases .lede, #contact .lede { color: var(--day-muted); }
.practice-list .tile { border-top-color: var(--day-rule); color: var(--day-ink); }
.practice-list .tile.is-current, .practice-list .tile:hover { color: var(--burgundy); }
.practice-list .tile .tile-t { min-width: 0; }
.practice-list .practice-summary {
  display: block; margin-top: 9px; color: var(--day-muted);
  font-family: var(--sans); font-weight: 400; font-size: .83rem;
  line-height: 1.5; letter-spacing: 0; text-transform: none;
}
.practice-number, .illustration-note { color: var(--day-muted); }
.practice-place, .practice-place figcaption { background: var(--burgundy); color: var(--cream); }
.practice-list .tile-wide { background: var(--burgundy); color: var(--cream); }
.practice-list .tile-wide:hover { background: var(--burgundy-deep); color: var(--cream); }
.practice-list .tile-wide .tile-t small { color: var(--cream); opacity: 1; }

.brenda { background: var(--day-ivory); color: var(--day-ink); }
.brenda .shout, .brenda .beat h3 { color: var(--day-ink); }
.brenda .shout .r, .brenda .sec-head h2 .r,
.brenda .eyebrow, .brenda .sec-head .eyebrow::before { color: var(--burgundy); }
.brenda .sec-head .lede, .brenda .beat p { color: var(--day-muted); }
.brenda .beat p strong { color: var(--day-ink); }
.brenda .polaroid .cap { color: var(--day-muted); border-bottom-color: var(--day-rule); }
.brenda .polaroid.two { background: var(--day-ivory); border-color: var(--day-ivory); }
.brenda .polaroid.two .cap { color: var(--burgundy); }
.brenda .story-beats { border-left-color: var(--day-rule); }
.brenda .story-beats::before { background: var(--gold-deep); }
.brenda .beat-n { background: var(--day-ivory); color: var(--burgundy); border-color: var(--gold-deep); }
.brenda .beat.is-current .beat-n { background: var(--burgundy); color: var(--day-white); border-color: var(--burgundy); }
.brenda .pull { border-left-color: var(--gold-deep); }
.brenda .pull blockquote { color: var(--day-ink); }
.brenda .pull cite, .brenda .beat .hand, .brenda .hand { color: var(--burgundy); }

.window { background: var(--day-linen); }
.window .brandplate { background: var(--day-paper); }
.window .brandplate .wp-word { color: var(--day-ink); }
.window .brandplate .wp-word i, .window .brandplate .wp-sub { color: var(--burgundy); }
.window .bp-rule { background: var(--gold-deep); }
.window .bp-figure { filter: drop-shadow(0 12px 18px rgba(71, 41, 25, .12)); }
.place-photo figcaption { background: var(--burgundy); color: var(--cream); }

/* Every route is readable in the same light palette, including Probate. */
#v-car-accidents, #v-motorcycle, #v-slip-fall, #v-wrongful-death,
#v-serious-injury, #v-dog-bites, #v-probate, #how, #know, #espanol {
  background: var(--day-ivory); color: var(--day-ink);
}
.view .view-head h2, #how .shout, #know .shout, #espanol .shout { color: var(--day-ink); }
.view .shout .r, #how .shout .r, #how .sec-head h2 .r,
#know .shout .r, #know .sec-head h2 .r, #espanol .shout .r { color: var(--burgundy); }
.view .lede, .view .view-ticks, .view .hero-ticks, .view .view-illustration,
#espanol .lede { color: var(--day-muted); }
#espanol .lede strong { color: var(--day-ink); }
.view .view-ticks span::before { color: var(--burgundy); }
.view .eyebrow, #how .eyebrow, #know .eyebrow, #espanol .eyebrow,
#how .sec-head .eyebrow::before, #know .sec-head .eyebrow::before,
#how .view-back, #know .view-back, #espanol .view-back,
#v-car-accidents .view-back, #v-motorcycle .view-back, #v-slip-fall .view-back,
#v-wrongful-death .view-back, #v-serious-injury .view-back,
#v-dog-bites .view-back, #v-probate .view-back { color: var(--burgundy); }
#how .step { background: var(--day-white); border-color: var(--day-rule); }
#how .step h3 { color: var(--day-ink); }
#how .step p, #know .checkcard p, #know .faq p { color: var(--day-muted); }
#how .step .hand, #how .hand, #espanol .hand { color: var(--burgundy); }
#how .st-mark { color: var(--burgundy); background: var(--day-paper); border-color: var(--gold-deep); }
#how .tl-line path { stroke: var(--gold-deep); }
#how .tl-stamp, #how .stamp, #know .stamp, .view .stamp, .brenda .stamp {
  color: var(--burgundy); border-color: var(--burgundy); box-shadow: none;
}
#know .checkcard, #know .faq { background: var(--day-white); color: var(--day-ink); box-shadow: none; }
#know .checkcard { border-left-color: var(--gold-deep); }
#know .checkcard h3, #know .faq h3, #know .checkcard li b { color: var(--day-ink); }
#know .checkcard li, #know .faq details > div { color: var(--day-muted); }
#know .checkcard li::before { background: var(--burgundy); color: var(--day-white); }
#know .faq details { border-color: var(--day-rule); }
#know .faq summary { color: var(--day-ink); }
#know .faq summary::after { color: var(--burgundy); }
#know .fine, .view .fine { color: var(--day-muted); }
#espanol::before { color: var(--day-white); background: var(--burgundy); }
#espanol .espanol-brenda img { box-shadow: 0 16px 35px rgba(62, 41, 26, .12); border-color: var(--day-rule); }
#espanol .espanol-brenda::before { background: none; }

/* Practical information is set as an open reading guide, with clear links. */
.client-guide { background: var(--day-white); color: var(--day-ink); border-top: 1px solid var(--day-rule); }
.client-guide > .wrap { padding-top: clamp(56px, 7vw, 90px); padding-bottom: clamp(56px, 7vw, 90px); }
.client-guide .sec-head { max-width: 850px; margin-bottom: 38px; }
.client-guide .shout, .client-guide h2 { color: var(--day-ink); }
.client-guide .eyebrow, .client-guide .shout .r { color: var(--burgundy); }
.client-guide .lede { color: var(--day-muted); }
.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.guide-grid > article { min-width: 0; padding: 26px 30px 12px; border-left: 1px solid var(--day-rule); }
.guide-grid > article:first-child { padding-left: 0; border-left: 0; }
.guide-grid > article:last-child { padding-right: 0; }
.guide-grid h3, .consultation-prep h3, .practice-detail-info h3 {
  font-family: var(--editorial); font-weight: 400; font-size: 1.8rem;
  letter-spacing: -.02em; line-height: 1.15; color: var(--day-ink); margin: 0 0 16px;
}
.guide-grid p, .consultation-prep p, .practice-detail-info p {
  font-size: .96rem; line-height: 1.75; color: var(--day-muted); margin: 0 0 16px;
}
.guide-grid ul, .consultation-prep ul, .practice-detail-info ul {
  padding-left: 1.2rem; margin: 0 0 18px; color: var(--day-muted); font-size: .95rem; line-height: 1.7;
}
.guide-grid li, .consultation-prep li, .practice-detail-info li { padding-left: .2rem; margin: .5rem 0; }
.guide-grid li::marker, .consultation-prep li::marker, .practice-detail-info li::marker { color: var(--burgundy); }
.guide-grid a:not(.btn), .consultation-prep a:not(.btn),
.practice-detail-info a:not(.btn), .home-faq a:not(.btn) {
  color: var(--burgundy); text-decoration: underline; text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}
.guide-grid a:not(.btn) { display: inline-block; padding: 10px 0; min-height: 44px; font-weight: 600; }
.consultation-prep { padding: 0; margin: 0; background: var(--day-ivory); border-top: 1px solid var(--day-rule); color: var(--day-ink); }
.consultation-prep > * { min-width: 0; }
.consultation-prep > .wrap { padding-top: clamp(56px, 7vw, 90px); padding-bottom: clamp(56px, 7vw, 90px); }
.consultation-prep .sec-head { max-width: 900px; margin-bottom: 40px; }
.consultation-prep .sec-head .lede { font-size: 1.04rem; }
.prep-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(30px, 6vw, 90px); }
.prep-columns > div { min-width: 0; padding-top: 26px; border-top: 2px solid var(--gold-deep); }
.consultation-prep .prep-note { max-width: 64em; margin: 28px 0 0; font-size: .85rem; line-height: 1.7; }
.practice-detail-info {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 42px;
  margin: 32px 0; padding: clamp(24px, 3vw, 36px);
  border-left: 3px solid var(--gold-deep); background: var(--day-white);
}
.practice-detail-info > div { min-width: 0; }
.practice-detail-info .practice-overview, .practice-detail-info .practice-next { grid-column: 1 / -1; }
.practice-detail-info .practice-overview { padding-bottom: 24px; border-bottom: 1px solid var(--day-rule); margin: 0; }
.practice-detail-info .practice-next { padding-top: 24px; border-top: 1px solid var(--day-rule); margin: 0; }
.practice-detail-info > :last-child { margin-bottom: 0; }
.section-jump-links { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 28px 0; padding: 16px 0; border-block: 1px solid var(--day-rule); }
.section-jump-links a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 9px 0; color: var(--burgundy);
  gap: 10px; font-family: var(--sans); font-size: .85rem; font-weight: 600; line-height: 1.5; text-decoration: none;
}
.section-jump-links a:hover { text-decoration: underline; text-underline-offset: .2em; }
.home-faq { margin: 0; padding: 0; color: var(--day-ink); background: var(--day-white); }
.home-faq > .wrap { padding-top: clamp(56px, 7vw, 90px); padding-bottom: clamp(56px, 7vw, 90px); }
.home-faq .sec-head { margin-bottom: 36px; }
.home-faq .faq { gap: 0; background: transparent; }
.home-faq details, details.home-faq { background: var(--day-white); border: 0; border-top: 1px solid var(--day-rule); border-radius: 0; }
.home-faq details:last-child, details.home-faq:last-child { border-bottom: 1px solid var(--day-rule); }
.home-faq summary {
  display: flex; align-items: center; justify-content: space-between; gap: 22px; list-style: none;
  min-height: 58px; padding: 20px 0; cursor: pointer; color: var(--day-ink);
  font-family: var(--sans); font-weight: 600; font-size: 1rem; line-height: 1.5;
}
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::after { content: "+"; color: var(--burgundy); font-size: 1.5rem; font-weight: 400; flex: none; }
.home-faq details[open] > summary::after, details.home-faq[open] > summary::after { content: "−"; }
.home-faq details > div, details.home-faq > div { padding: 0 36px 22px 0; max-width: 58em; color: var(--day-muted); font-size: .96rem; line-height: 1.75; }
.home-faq details > p, details.home-faq > p { padding: 0 36px 22px 0; max-width: 58em; color: var(--day-muted); line-height: 1.75; }
.client-guide a:focus-visible, .client-guide summary:focus-visible,
.section-jump-links a:focus-visible { outline: 2px solid var(--burgundy); outline-offset: 4px; }

/* A warm contact desk and a light, legible legal footer close the page. */
#contact { background: var(--day-ivory); color: var(--day-ink); }
#contact .way, #contact .contact-portrait { border-bottom-color: var(--day-rule); }
#contact .contact-portrait figcaption, #contact .way b { color: var(--day-ink); }
#contact .way span { color: var(--day-muted); }
#contact .contact-grid > div:last-child { background: var(--day-white); }
#caseForm input, #caseForm select, #caseForm textarea { background: var(--day-paper); color: var(--day-ink); border-color: #b5a998; }
#caseForm .field label { color: var(--day-ink); }
#caseForm .form-note { color: var(--day-muted); }
footer { background: var(--day-linen); color: var(--day-muted); border-top-color: var(--day-rule); }
footer .foot-contact { color: var(--day-muted); }
footer .foot-contact a, footer .disclaimer a { color: var(--burgundy); }
footer .foot-contact a:hover { color: var(--burgundy-deep); }
footer .disclaimer { color: var(--day-muted); }
.callbar .c2, .callbar .c3 { background: var(--day-white); color: var(--burgundy); }
.callbar .c4 { background: var(--day-ivory); color: var(--day-ink); }
.callbar .c4[aria-expanded="true"] { background: var(--burgundy); color: var(--cream); }

@media (max-width: 900px) {
  .guide-grid { grid-template-columns: 1fr; }
  .guide-grid > article, .guide-grid > article:first-child, .guide-grid > article:last-child {
    padding: 26px 0; border-left: 0; border-top: 1px solid var(--day-rule);
  }
  .guide-grid > article:first-child { border-top: 0; padding-top: 0; }
  .prep-columns { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 700px) {
  .practice-list .practice-summary { font-size: .8rem; line-height: 1.5; margin-top: 8px; }
  .client-guide > .wrap { padding-top: 52px; padding-bottom: 52px; }
  .client-guide .sec-head { margin-bottom: 26px; }
  .guide-grid h3, .consultation-prep h3, .practice-detail-info h3 { font-size: 1.65rem; }
  .consultation-prep > .wrap, .home-faq > .wrap { padding-top: 52px; padding-bottom: 52px; }
  .consultation-prep .sec-head { margin-bottom: 26px; }
  .hero-file .hero-context { margin: 22px 0; font-size: .95rem; }
  .hero-file .hero-context + .hero-sub { font-size: .69rem; }
  .practice-detail-info { padding: 24px 21px; }
  .practice-detail-info { grid-template-columns: 1fr; gap: 20px; }
  .section-jump-links { gap: 5px 22px; margin: 22px 0; }
  .home-faq summary { gap: 14px; font-size: .96rem; }
  .home-faq details > div, details.home-faq > div,
  .home-faq details > p, details.home-faq > p { padding-right: 0; font-size: .93rem; }
}