/* Motyw e-mail: papier listowy, pocztowa czerwień, pasek „airmail” na górze hero,
   nagłówki jak pola koperty. Bez logo klientów poczty. */
:root[data-theme="email"] {
  color-scheme: light;
  --bg: #FAF8F4; --bg-2: #ffffff; --fg: #1B1B1F; --muted: #5C5A55; --border: #E4DFD6;
  --accent: #B42318; --accent-fg: #ffffff; --accent-text: #9A1F15; --accent-soft: rgba(180,35,24,.1);
  --radius: 10px; --radius-s: 7px; --shadow: 0 1px 2px rgba(27,27,31,.06), 0 12px 32px rgba(27,27,31,.08);
}
:root[data-theme="email"] .hero { position: relative; background: linear-gradient(180deg, #FFFDFA 0%, #FAF8F4 100%); }
:root[data-theme="email"] .hero::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 10px; background: repeating-linear-gradient(135deg, #B42318 0 18px, #FAF8F4 18px 26px, #1D4ED8 26px 44px, #FAF8F4 44px 52px); opacity: .9; }
:root[data-theme="email"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #F3DAD6 0%, #FBF0EC 70%, transparent 71%); }
:root[data-theme="email"] .hero-photo-cutout::before { border-color: rgba(180,35,24,.35); }
:root[data-theme="email"] .hero-photo-cutout::after { border-color: rgba(29,78,216,.35); }
:root[data-theme="email"] .kicker { font-family: var(--mono); letter-spacing: .1em; }
:root[data-theme="email"] .stat-v { color: #B42318; }
:root[data-theme="email"] .stat:nth-child(2) .stat-v { color: #1D4ED8; }
:root[data-theme="email"] .case dt, :root[data-theme="email"] .why-item .n { color: #1D4ED8; }
:root[data-theme="email"] .tag { background: #F4EFE7; }
:root[data-theme="email"] .tag-link { background: #1D4ED8; color: #fff; }
:root[data-theme="email"] .top { background: rgba(250,248,244,.86); }
:root[data-theme="email"] .demo { background: #F1EDE5; }
:root[data-theme="email"] .foot { background: #fff; }
/* Pokaz: wynik posture */
.dns { display: grid; gap: 1rem; }
@media (min-width: 900px) { .dns { grid-template-columns: 1fr 1.2fr; } }
.dns-form { display: flex; gap: .5rem; flex-wrap: wrap; }
.dns-form input { flex: 1 1 200px; }
.dns-score { font: 800 2.4rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: .5rem 0 .2rem; }
.dns-row { display: grid; grid-template-columns: 26px 1fr; gap: .6rem; align-items: start; padding: .6rem 0; border-bottom: 1px solid var(--border); }
.dns-row:last-child { border-bottom: 0; }
.dns-row .m { font-weight: 800; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: .8rem; color: #fff; }
.dns-row .m-ok { background: #15803D; } .dns-row .m-warn { background: #B45309; } .dns-row .m-bad { background: #B42318; }
.dns-row b { display: block; font-size: .95rem; }
.dns-row span { font-size: .85rem; color: var(--muted); }
.dns-row code { font-size: .75rem; word-break: break-all; display: block; margin-top: .25rem; }