/* Digital Presence: shared styles for inner pages.
   Colours, type, spacing and buttons come from brand-tokens.css (Brand/web). */

* { box-sizing: border-box; margin: 0; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }
.wrap { max-width: var(--content-max); margin: 0 auto; padding: 0 32px; }
.btn { justify-content: center; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 12px; z-index: 50; background: var(--dp-white); padding: 8px 12px; }

/* Header */
.site-header { background: var(--dp-white); border-bottom: 1px solid var(--dp-line); position: sticky; top: 0; z-index: 40; }
.site-nav { display: flex; align-items: center; gap: 26px; height: 72px; }
.site-nav .logo { display: flex; align-items: center; min-height: 44px; }
.site-nav .logo img { height: 40px; width: auto; display: block; }
.site-nav .spacer { flex: 1; }
.site-nav .navlink { font-size: 15px; font-weight: 500; text-decoration: none; color: var(--dp-ink); padding: 12px 0; }
.site-nav .navlink:hover, .site-nav .navlink[aria-current="page"] { color: var(--dp-fern); }
.site-nav .navlink[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--dp-fern); }
.menu-toggle { display: none; background: none; border: 1.5px solid var(--dp-line); border-radius: var(--radius-btn); width: 44px; height: 44px; cursor: pointer; color: var(--dp-evergreen); }
.menu-toggle svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; fill: none; }
.mobile-menu { display: none; border-top: 1px solid var(--dp-line); background: var(--dp-white); }
.mobile-menu a { display: block; padding: 14px 16px; border-bottom: 1px solid var(--dp-line); color: var(--dp-ink); text-decoration: none; font-weight: 500; }
.mobile-menu a[aria-current="page"] { color: var(--dp-fern); }
.mobile-menu.open { display: block; }

/* Page hero */
.pg-hero { padding: 64px 0 72px; overflow: hidden; }
.pg-hero .grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.pg-hero .crumb { font: 12.5px var(--font-mono); color: var(--text-muted); margin-bottom: 14px; }
.pg-hero .crumb a { color: var(--dp-fern); text-decoration: none; }
.pg-hero h1 { font-size: var(--fs-h1); max-width: 14ch; margin-top: 10px; }
.pg-hero .sub { font-size: var(--fs-lead); color: var(--text-muted); max-width: 46ch; margin-top: 16px; }
.pg-hero .ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.pg-art { position: relative; aspect-ratio: 3 / 2; background: var(--dp-mint); border-radius: var(--radius-tile); overflow: hidden; }
.pg-art svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pg-art text { font-family: var(--font-body); }

/* Line-drawing animation (paths use pathLength="1") */
/* Hidden-before-animation states apply only when JS runs (html.js), so crawlers and no-JS visitors see everything. */
.js .draw { stroke-dasharray: 1; stroke-dashoffset: 1; }
.js .is-in .draw { animation: draw .8s var(--ease) forwards; }
.js .pop { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.6); }
.js .is-in .pop { animation: pop .25s var(--ease) forwards; }
@keyframes draw { to { stroke-dashoffset: 0; } }
@keyframes pop { to { opacity: 1; transform: scale(1); } }
/* Stagger: 70ms steps, at most five; later items arrive together */
.d1 { animation-delay: .07s !important; } .d2 { animation-delay: .14s !important; } .d3 { animation-delay: .21s !important; }
.d4 { animation-delay: .28s !important; } .d5, .d6, .d7, .d8 { animation-delay: .35s !important; }

/* Scroll reveal */
.js .reveal { opacity: 0; transform: translateY(12px); transition: opacity .4s var(--ease), transform .4s var(--ease); }
.js .reveal.is-in { opacity: 1; transform: none; }

/* Sections */
.sec { padding: var(--section-y) 0; }
.sec.alt { background: var(--dp-mint); }
.sec-head { max-width: 62ch; margin-bottom: 32px; }
.sec-head h2 { font-size: var(--fs-h2); margin-top: 8px; }
.sec-head p { color: var(--text-muted); margin-top: 10px; font-size: var(--fs-lead); }

/* "You're in the right place if" */
.fit { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.fit blockquote { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 22px 22px 22px 26px; font: 500 17.5px/1.45 var(--font-display); color: var(--dp-evergreen); position: relative; }
.fit blockquote::before { content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; background: var(--dp-fern); border-radius: 2px; }

/* Services grid */
.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.svc-card { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 22px; display: flex; flex-direction: column; gap: 8px; transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.svc-card:hover { border-color: var(--dp-fern); transform: translateY(-2px); box-shadow: var(--shadow-raised); }
.svc-card .ic { width: 40px; height: 40px; border-radius: 10px; background: var(--dp-mint); display: grid; place-items: center; color: var(--dp-evergreen); }
.svc-card .ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }
.svc-card h3 { font-size: 18px; }
.svc-card p { font-size: 15px; color: var(--text-muted); }
.svc-card .tag { align-self: flex-start; font: 500 12px var(--font-mono); color: var(--dp-ink); background: var(--dp-mint); border-radius: var(--radius-chip); padding: 2px 9px; }
.svc-card a { color: var(--dp-fern); font-weight: 600; font-size: 14px; text-decoration: none; margin-top: auto; }
.svc-card a:hover { text-decoration: underline; }
.svc-card.lead { border: 1.5px solid var(--dp-evergreen); }

/* Steps: node line that draws as you scroll */
.steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.steps .rail { position: absolute; left: 12.5%; right: 12.5%; top: 21px; height: 2px; background: var(--dp-line); }
.steps .rail i { position: absolute; inset: 0; background: var(--dp-fern); transform-origin: left; transform: scaleX(0); transition: transform 1.6s var(--ease); }
.steps.is-in .rail i { transform: scaleX(1); }
.step { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.step .n { width: 44px; height: 44px; border-radius: 50%; background: var(--dp-white); border: 1.5px solid var(--dp-fern); display: grid; place-items: center; font: 500 15px var(--font-mono); color: var(--dp-evergreen); }
.step h3 { font-size: 17px; max-width: 22ch; }
.step p { font-size: 15px; color: var(--text-muted); max-width: 26ch; }

/* Case */
.case { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--dp-line); border-radius: var(--radius-tile); overflow: hidden; background: var(--dp-white); }
.case > div { padding: 32px; }
.case .q { background: var(--dp-mint); }
.case .k { font: 12px var(--font-mono); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--dp-gold-ink); }
.case p.big { font: 600 clamp(19px, 2vw, 23px)/1.35 var(--font-display); color: var(--dp-evergreen); margin-top: 10px; }

/* Testimonial band */
.quote-band { background: var(--dp-evergreen); color: var(--dp-white); }
.quote-band .wrap { padding-top: var(--section-y); padding-bottom: var(--section-y); }
.quote-band figure { max-width: 820px; margin: 0 auto; text-align: center; }
.quote-band .stars { font: 14px var(--font-mono); letter-spacing: .2em; color: var(--dp-fern-light); }
.quote-band blockquote { font: 500 clamp(22px, 2.8vw, 32px)/1.35 var(--font-display); margin-top: 14px; }
.quote-band cite { display: block; margin-top: 16px; font-style: normal; color: var(--dp-on-dark-muted); font-size: 15px; }
.quote-band figure + figure { margin-top: 48px; }

/* Stats */
.stats-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.stat-box { border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 20px; background: var(--dp-white); }
.stat-box .n { font: 700 34px/1 var(--font-display); color: var(--dp-evergreen); letter-spacing: -0.01em; }
.stat-box .l { font-size: 14px; color: var(--text-muted); margin-top: 8px; }

/* Pillars, lists, chips */
.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pillar { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 24px; }
.pillar .k { font: 12px var(--font-mono); color: var(--dp-fern); letter-spacing: var(--track-label); }
.pillar h3 { font-size: 20px; margin-top: 6px; }
.pillar p { color: var(--text-muted); margin-top: 6px; font-size: 15.5px; }
.chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chips span { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-chip); padding: 8px 14px; font-size: 15px; color: var(--dp-evergreen); }
.ticks { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px; }
.ticks li { position: relative; padding-left: 20px; }
.ticks li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; background: var(--dp-fern); }

/* Stories */
.stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.story { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.story .k { font: 12px var(--font-mono); color: var(--dp-gold-ink); letter-spacing: var(--track-label); text-transform: uppercase; }
.story h3 { font-size: 19px; }
.story p { color: var(--text-muted); font-size: 15.5px; }

/* Samples (Our work) */
.report-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.report { border: 1px solid var(--dp-line); border-radius: var(--radius-card); overflow: hidden; display: flex; flex-direction: column; background: var(--dp-white); font: inherit; text-align: left; cursor: pointer; padding: 0; color: inherit; transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease); }
.report:hover { border-color: var(--dp-fern); transform: translateY(-2px); }
.report .thumb { aspect-ratio: 16 / 9; background: var(--dp-mint) center top / cover no-repeat; border-bottom: 1px solid var(--dp-line); }
.report .info { padding: 16px 16px 0; flex: 1; }
.report .type { font: 11.5px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dp-fern); }
.report h3 { font-size: 17px; margin-top: 6px; }
.report .meta { padding: 12px 16px 14px; font-size: 13.5px; color: var(--text-muted); display: flex; justify-content: space-between; gap: 8px; }
.report .meta b { color: var(--dp-fern); font-weight: 600; }
.sample-note { margin-top: 14px; font: 12.5px var(--font-mono); color: var(--text-muted); }

/* FAQ */
.faq { border-top: 1px solid var(--dp-line); max-width: 860px; }
.faq details { border-bottom: 1px solid var(--dp-line); }
.faq summary { list-style: none; cursor: pointer; padding: 20px 40px 20px 0; position: relative; font: 600 18.5px var(--font-display); color: var(--dp-evergreen); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; right: 8px; top: 26px; width: 10px; height: 10px; border-right: 1.75px solid var(--dp-fern); border-bottom: 1.75px solid var(--dp-fern); transform: rotate(45deg); transition: transform var(--dur) var(--ease); }
.faq details[open] summary::after { transform: rotate(-135deg); top: 31px; }
.faq details p { padding: 0 0 22px; font-size: 16.5px; max-width: var(--text-max); }

/* Contact section (every page) */
.contact-sec { background: var(--dp-mint); padding: var(--section-y) 0; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: start; }
.contact-grid h2 { font-size: var(--fs-h2); }
.contact-grid .gold-rule { margin: 16px 0; }
.contact-grid .lead { color: var(--text-muted); font-size: var(--fs-lead); }
.contact-grid .facts { list-style: none; padding: 0; margin-top: 22px; display: grid; gap: 10px; }
.contact-grid .facts li { position: relative; padding-left: 20px; }
.contact-grid .facts li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; background: var(--dp-fern); }
.contact-grid .facts a { color: var(--dp-fern); }
.cform { background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-tile); padding: 26px; display: grid; gap: 14px; box-shadow: var(--shadow-raised); }
.cform label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--dp-evergreen); }
.cform input, .cform textarea, .cform select { font: 15px var(--font-body); color: var(--dp-ink); border: 1px solid var(--dp-line); border-radius: var(--radius-btn); padding: 11px 12px; background: var(--dp-white); width: 100%; }
.cform textarea { resize: vertical; min-height: 110px; }
.cform input:focus, .cform textarea:focus, .cform select:focus { outline: 2px solid var(--dp-gilt); outline-offset: 1px; border-color: var(--dp-line); }
.cform .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cform .hp { position: absolute; left: -9999px; }
.cform .status { font-size: 14px; color: var(--dp-fern); min-height: 20px; }
.cform .btn { min-height: 48px; }

/* Final band */
.final-cta { text-align: center; }
.final-cta h2 { font-size: var(--fs-h2); }
.final-cta .gold-rule { margin: 16px auto; }
.final-cta .ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Popups (contact + sample viewer) */
.modal { position: fixed; inset: 0; z-index: 100; background: rgba(10, 31, 24, .78); display: flex; justify-content: center; align-items: center; padding: 24px 16px; }
.modal[hidden] { display: none; }
.modal-panel { width: min(520px, 100%); max-height: 100%; overflow: auto; background: var(--dp-white); border-radius: var(--radius-tile); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.modal-bar { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--dp-line); }
.modal-bar h3 { font-size: 17px; color: var(--dp-evergreen); flex: 1; }
.modal-close { border: 1.5px solid var(--dp-evergreen); background: var(--dp-white); color: var(--dp-evergreen); border-radius: var(--radius-btn); font: 600 14px var(--font-body); padding: 10px 14px; cursor: pointer; min-height: 44px; }
.modal .cform { border: 0; box-shadow: none; border-radius: 0; }
.viewer .modal-panel { width: min(980px, 100%); height: 100%; display: flex; flex-direction: column; overflow: hidden; -webkit-user-select: none; user-select: none; }
.viewer-pages { overflow-y: auto; padding: 18px; display: grid; gap: 14px; background: var(--dp-mint); overscroll-behavior: contain; flex: 1; }
.viewer-pages canvas { width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 1px 3px rgba(14,59,46,.12); pointer-events: none; }
.viewer-foot { padding: 12px 18px; border-top: 1px solid var(--dp-line); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--text-muted); }
.viewer .count { font: 12.5px var(--font-mono); color: var(--text-muted); }
@media print { body * { display: none !important; } body::after { content: "Printing is disabled for this page."; display: block; } }

/* Footer */
.site-footer { background: var(--dp-evergreen); color: var(--dp-on-dark-muted); padding: 40px 0 28px; font-size: 14px; }
.site-footer .top { display: flex; gap: 32px; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
.site-footer img { height: 64px; width: auto; display: block; }
.site-footer nav { display: grid; grid-template-columns: repeat(2, auto); gap: 4px 36px; }
.site-footer nav a, .site-footer .mail { color: var(--dp-white); text-decoration: none; display: inline-block; padding: 10px 0; }
.site-footer nav a:hover, .site-footer .mail:hover { text-decoration: underline; }
.site-footer .bottom { margin-top: 20px; padding-top: 16px; border-top: 1px solid #24584A; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

@media (max-width: 1000px) {
  .report-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .wrap { padding: 0 16px; }
  .site-nav { height: 64px; gap: 12px; }
  .site-nav .navlink { display: none; }
  .site-nav .logo img { height: 28px; }
  .site-nav .btn { white-space: nowrap; padding: 10px 14px; font-size: 14px; min-height: 44px; }
  .menu-toggle { display: grid; place-items: center; }
  .pg-hero { padding: 36px 0 48px; }
  .pg-hero .grid, .contact-grid, .case { grid-template-columns: 1fr; }
  .fit, .svc-grid, .pillars, .stories { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr 1fr; row-gap: 28px; }
  .steps .rail { display: none; }
  .ticks { grid-template-columns: 1fr; }
  .cform .row2 { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .report-grid, .steps { grid-template-columns: 1fr; }
  .stats-row { grid-template-columns: 1fr 1fr; }
  .pg-hero .ctas .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .js .reveal { opacity: 1; transform: none; }
  .js .draw, .js .is-in .draw { stroke-dashoffset: 0; animation: none; }
  .js .pop, .js .is-in .pop { opacity: 1; transform: none; animation: none; }
  .steps .rail i { transform: scaleX(1); }
}

/* Tap targets: 44px minimum on every control */
.cform input, .cform select { min-height: 46px; }
.site-footer nav a, .site-footer .mail { padding: 12px 0; min-height: 44px; }
.svc-card a { display: inline-block; padding: 12px 0 2px; min-height: 44px; }
.aeo-more { display: inline-block; padding: 12px 0; min-height: 44px; }

/* Evergreen contact band (every page except contact.html) */
.contact-band { padding: var(--section-y) 0; }
.contact-band h2 { color: var(--dp-white); font-size: var(--fs-h2); margin-top: 8px; }
.band-facts { list-style: none; padding: 0; margin-top: 22px; display: grid; gap: 12px; color: var(--dp-white); }
.band-facts li { position: relative; padding-left: 20px; }
.band-facts li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; background: var(--dp-fern-light); }
.band-form { border-radius: 16px; color: var(--dp-ink); }
.band-form label { color: var(--dp-evergreen); font-size: 14px; font-weight: 600; }
.band-form input, .band-form select { height: 48px; }
.band-form .btn { width: 100%; background: var(--dp-evergreen); color: var(--dp-white); }
.band-form .btn:hover { background: var(--dp-evergreen-hover); }
.band-form .status { color: var(--dp-fern); }

/* Cited stats */
.stat-cites { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 420px)); gap: 18px; }
.stat-cite { border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 26px; background: var(--dp-white); }
.stat-cite .n { font: 700 clamp(40px, 5vw, 56px)/1 var(--font-display); color: var(--dp-evergreen); font-variant-numeric: tabular-nums; }
.stat-cite .l { margin-top: 10px; font-size: 16.5px; max-width: 40ch; }
.stat-cite figcaption { margin-top: 12px; font: 12.5px var(--font-mono); color: var(--text-muted); }
.stat-cite figcaption a { color: var(--dp-fern); }
.stat-box .n { font-variant-numeric: tabular-nums; }

/* "In short": answer-first summary under inner-page heroes (quoted by AI engines) */
.in-short { padding: 28px 0 32px; border-bottom: 1px solid var(--dp-line); }
.in-short p { max-width: 72ch; font-size: var(--fs-lead); color: var(--dp-ink); }
.in-short strong { color: var(--dp-evergreen); }

/* Spacing: one rhythm between sections. Two white sections in a row share one gap instead of stacking two. */
:root { --section-y: clamp(56px, 7vw, 96px); }
.sec:not(.alt) + .sec:not(.alt) { padding-top: 0; }

/* Testimonials page */
.t-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.t-feature { margin: 0; background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 28px 28px 24px; display: flex; flex-direction: column; gap: 14px; }
.sec.alt .t-feature { border-color: transparent; }
.t-feature blockquote { margin: 0; font: 500 clamp(18px, 1.6vw, 21px)/1.45 var(--font-display); color: var(--dp-ink); flex: 1; }
.t-what { font: 500 12px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dp-gold-ink); }
.t-feature figcaption, .t-card figcaption { font-size: 14px; font-weight: 600; color: var(--dp-evergreen); }
.t-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.t-filters button { min-height: 44px; padding: 0 16px; border: 1.5px solid var(--dp-line); border-radius: var(--radius-btn); background: var(--dp-white); color: var(--dp-ink); font: 500 15px var(--font-body); cursor: pointer; }
.t-filters button span { font: 12px var(--font-mono); color: var(--text-muted); margin-left: 4px; }
.t-filters button:hover { border-color: var(--dp-fern); }
.t-filters button[aria-pressed="true"] { background: var(--dp-evergreen); border-color: var(--dp-evergreen); color: var(--dp-white); }
.t-filters button[aria-pressed="true"] span { color: var(--dp-on-dark-muted); }
.t-showing { font: 13px var(--font-mono); color: var(--text-muted); margin-bottom: 20px; }
.t-wall { columns: 3 280px; column-gap: 18px; }
.t-card { break-inside: avoid; margin: 0 0 18px; background: var(--dp-white); border: 1px solid var(--dp-line); border-radius: var(--radius-card); padding: 20px 20px 18px; display: flex; flex-direction: column; gap: 10px; }
.t-card[hidden] { display: none; }
.t-card blockquote { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--dp-ink); }
@media (max-width: 760px) { .t-features { grid-template-columns: 1fr; } }

/* Six nav links: tighter spacing between tablet and wide desktop so the header stays on one line */
@media (min-width: 901px) and (max-width: 1180px) { .site-nav { gap: 16px; } .site-nav .navlink { font-size: 14.5px; } .site-nav .logo img { height: 34px; } }
/* Contrast on Mint Mist: fern text is 4.3:1 there, so labels on mint use evergreen */
.case .q .k { color: var(--dp-evergreen); }
@media (min-width: 901px) and (max-width: 1000px) { .site-nav .navlink { display: none; } .menu-toggle { display: grid; place-items: center; } }
/* AEO page: gold eyebrows and the green "cited" status sit on mint, where they fall under 4.5:1 */
main section.alt .eyebrow { color: var(--dp-evergreen); }
main .preview li .r.ok { color: var(--dp-evergreen); }
main .panel .verdict.ok { color: var(--dp-evergreen); }