/* ============================================================
   AUDYTY INTERAKTYWNE (inc/audyty.php): Mini-audyt SELF, Podatek od ogarniania
   Hero z contact.css (.drm-contact-hero). Tu: start, dane, stwierdzenia ze skala, wynik, cwiczenia.
   Pola pisane jako .drm-audit input... - reset Hello Elementor bije sama klase.
   ============================================================ */

.drm-audit-facts { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 1.8rem 0 0; }
.drm-audit-facts li { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.45rem 0.95rem; border-radius: 999px; background: rgba(255,255,255,0.7); font-size: 0.85rem; font-weight: 500; color: var(--midnight-orchid, #312A44); }
.drm-audit-facts svg { color: var(--dusky-lilac, #88708E); }

.drm-audit { background: #fff; padding: 3rem 0 5rem; }
.drm-audit-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* -------- start -------- */
.drm-audit-intro-p { color: rgba(49,42,68,0.8); }
.drm-audit-areas { display: grid; gap: 0.7rem; margin: 0.4rem 0 1.6rem; }
.drm-audit-areas li { display: flex; align-items: center; gap: 0.9rem; padding: 0.9rem 1.1rem; border: 1px solid #E4DEE8; border-radius: 16px; background: #FBFAFC; color: var(--midnight-orchid, #312A44); }
.drm-audit-letter { flex: none; display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--midnight-orchid, #312A44); color: #fff; font-family: 'Inter', sans-serif; font-size: 0.95rem; font-weight: 700; }
.drm-audit-note { margin: 0 0 1.6rem; padding: 0.9rem 1.1rem; border-left: 3px solid var(--dusky-lilac, #88708E); background: #F7F4F9; border-radius: 0 12px 12px 0; font-size: 0.92rem; color: rgba(49,42,68,0.8); }

/* -------- postep -------- */
.drm-audit-progress { margin: 0 0 2.2rem; }
.drm-audit-progress[hidden] { display: none; }
.drm-audit-progress-steps { display: flex; justify-content: space-between; gap: 0.5rem; margin: 0 0 0.7rem; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.04em; color: #BAB0C8; }
.drm-audit-progress-step.is-active { color: var(--midnight-orchid, #312A44); }
.drm-audit-progress-step.is-done { color: var(--dusky-lilac, #88708E); }
.drm-audit-progress-bar { height: 6px; border-radius: 999px; background: #EFEAF2; overflow: hidden; }
.drm-audit-progress-bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--midnight-orchid, #312A44); transition: width 0.4s ease; }

/* -------- krok -------- */
.drm-audit-form[hidden], .drm-audit-step[hidden], .drm-audit-result[hidden], .drm-audit-band[hidden], .drm-audit-error[hidden], .drm-audit-field-error[hidden], [data-audit-top-one][hidden], [data-audit-top-tie][hidden], .drm-audit-saved[hidden] { display: none; }
.drm-audit-step { margin: 0 0 3rem; padding: 0; border: 0; min-width: 0; }
.drm-audit-step-head { display: flex; align-items: center; gap: 1rem; padding: 0; margin: 0 0 0.6rem; }
.drm-audit-step-icon { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--midnight-orchid, #312A44); color: #fff; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 1.2rem; }
.drm-audit-step-count { display: block; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-step-title { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.8rem, 3.2vw, 2.4rem); font-weight: 600; line-height: 1.1; color: var(--midnight-orchid, #312A44); }
.drm-audit-step-q { margin: 0.6rem 0 0.3rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; font-style: italic; color: var(--dusky-lilac, #88708E); }
.drm-audit-step-lead { margin: 0 0 1.6rem; color: rgba(49,42,68,0.75); }

.drm-audit-howto { margin: 0 0 2rem; padding: 1.2rem 1.4rem; border-radius: 18px; background: #F7F4F9; font-size: 0.95rem; color: rgba(49,42,68,0.85); }
.drm-audit-howto-title { margin: 0 0 0.3rem; font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit-howto ul { margin: 0.7rem 0 0; padding: 0; display: grid; gap: 0.3rem; font-size: 0.9rem; }
.drm-audit-howto strong { color: var(--midnight-orchid, #312A44); }

/* -------- pola formularza -------- */
.drm-audit-field { margin: 0 0 1.4rem; }
.drm-audit-label { display: block; margin: 0 0 0.5rem; font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit-label-no { color: var(--dusky-lilac, #88708E); margin-right: 0.4rem; }
.drm-audit-opt { font-weight: 400; font-size: 0.85rem; color: #BAB0C8; }
.drm-audit-hint { margin: -0.3rem 0 0.6rem; font-size: 0.88rem; color: rgba(49,42,68,0.65); }
.drm-audit input.drm-audit-input, .drm-audit textarea.drm-audit-input, .drm-audit select.drm-audit-input {
  display: block; width: 100%; padding: 0.95rem 1.1rem; border: 1.5px solid #DAD4DF; border-radius: 14px; background: #fff;
  font-family: 'Inter', sans-serif; font-size: 1rem; color: var(--midnight-orchid, #312A44); box-shadow: none; outline: none; transition: border-color 0.2s ease;
}
.drm-audit input.drm-audit-input:focus, .drm-audit textarea.drm-audit-input:focus, .drm-audit select.drm-audit-input:focus { border-color: var(--midnight-orchid, #312A44); }
.drm-audit textarea.drm-audit-input { resize: vertical; min-height: 96px; }
.drm-audit input.drm-audit-input--line { padding: 0.65rem 0.9rem; border-radius: 10px; margin: 0 0 0.5rem; font-size: 0.93rem; }
.drm-audit-choices { display: grid; gap: 0.5rem; }
.drm-audit .drm-audit-choice { display: flex; align-items: center; gap: 0.8rem; padding: 0.8rem 1rem; border: 1.5px solid #E4DEE8; border-radius: 14px; background: #FBFAFC; cursor: pointer; color: var(--midnight-orchid, #312A44); transition: border-color 0.2s ease, background 0.2s ease; }
.drm-audit .drm-audit-choice:hover { background: #F2EEF5; }
.drm-audit .drm-audit-choice input { flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--midnight-orchid, #312A44); }
.drm-audit .drm-audit-choice:has(input:checked) { border-color: var(--midnight-orchid, #312A44); background: #F2EEF5; }
.drm-audit-field.is-missing .drm-audit-input, .drm-audit-field.is-missing .drm-audit-choices { border-radius: 14px; box-shadow: 0 0 0 3px rgba(199,122,150,0.18); }
.drm-audit-field-error, .drm-audit-error { margin: 0.4rem 0 0; font-size: 0.9rem; font-weight: 500; color: #A4506F; }
.drm-audit-error--global { margin: 1rem 0 0; padding: 0.9rem 1.1rem; border-radius: 12px; background: #FBEEF2; }
.drm-audit-info { margin: 1.2rem 0 0; padding: 0.9rem 1.1rem; border-radius: 12px; background: #F7F4F9; font-size: 0.85rem; line-height: 1.55; color: rgba(49,42,68,0.75); }
.drm-audit-info a { color: var(--dusky-lilac, #88708E); text-decoration: underline; }

/* -------- stwierdzenie + skala -------- */
.drm-audit-q { margin: 0 0 1rem; padding: 1.2rem 1.3rem 1.1rem; border: 1px solid #E4DEE8; border-radius: 18px; background: #FBFAFC; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.drm-audit-q.is-missing { border-color: #C77A96; box-shadow: 0 0 0 3px rgba(199,122,150,0.12); }
.drm-audit-q-text { display: flex; gap: 0.7rem; margin: 0 0 0.9rem; font-size: 1.02rem; font-weight: 500; color: var(--midnight-orchid, #312A44); }
.drm-audit-q-no { flex: none; color: var(--dusky-lilac, #88708E); font-weight: 600; }
.drm-audit-scale { display: grid; gap: 0.45rem; }
.drm-audit-scale--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.drm-audit .drm-audit-opt { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.4rem; padding: 0.55rem 0.25rem 0.5rem; border-radius: 14px; cursor: pointer; text-align: center; transition: background-color 0.2s ease; }
.drm-audit .drm-audit-opt:hover { background: #F2EEF5; }
.drm-audit .drm-audit-opt input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.drm-audit-opt-dot { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid #CFC6D8; background: #fff; font-size: 0.9rem; font-weight: 600; color: var(--dusky-lilac, #88708E); transition: all 0.2s ease; }
.drm-audit-opt-label { font-size: 0.72rem; line-height: 1.25; color: rgba(49,42,68,0.7); }
.drm-audit .drm-audit-opt input:checked + .drm-audit-opt-dot { background: var(--midnight-orchid, #312A44); border-color: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit .drm-audit-opt input:checked ~ .drm-audit-opt-label { font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit .drm-audit-opt input:focus-visible + .drm-audit-opt-dot { outline: 2px solid var(--dusky-lilac, #88708E); outline-offset: 3px; }

.drm-audit-nav { display: flex; justify-content: space-between; gap: 1rem; margin: 1.8rem 0 0; }
.drm-audit-nav--center { justify-content: center; align-items: center; }
.drm-audit-nav [data-audit-next], .drm-audit-nav [data-audit-submit] { margin-left: auto; }
.drm-audit-nav .drm-btn, .drm-audit-next-actions .drm-btn { display: inline-flex; align-items: center; gap: 0.5rem; }
.drm-audit-nav .drm-btn[disabled] { opacity: 0.6; cursor: wait; }
.drm-audit-saved { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.9rem; font-weight: 600; color: #4F8A6B; }

/* -------- wynik -------- */
.drm-audit-result { text-align: center; }
.drm-audit-result:focus { outline: none; }
.drm-audit-result-title { font-size: clamp(1.9rem, 3.8vw, 2.8rem); margin: 0 0 1rem; }
.drm-audit-result-text { max-width: 560px; margin: 0 auto 0.8rem; color: rgba(49,42,68,0.8); }
.drm-audit-map { display: grid; gap: 1.2rem; margin: 2rem 0 0; text-align: left; }
.drm-audit-card { padding: 1.4rem 1.5rem 1.5rem; border: 1px solid #E4DEE8; border-radius: 22px; background: #FBFAFC; }
.drm-audit-card.is-top { border-color: var(--midnight-orchid, #312A44); background: #fff; box-shadow: 0 16px 40px rgba(49,42,68,0.08); }
.drm-audit-card-head { display: flex; align-items: center; gap: 0.8rem; margin: 0 0 0.7rem; }
.drm-audit-card-name { flex: 1; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit-card-score { font-size: 0.95rem; color: var(--dusky-lilac, #88708E); white-space: nowrap; }
.drm-audit-card-score strong { font-size: 1.4rem; color: var(--midnight-orchid, #312A44); }
.drm-audit-bar-track { height: 10px; border-radius: 999px; background: #E9E3ED; overflow: hidden; margin: 0 0 1.1rem; }
.drm-audit-bar-track span { display: block; height: 100%; width: 0; border-radius: inherit; background: #BAB0C8; transition: width 0.8s ease; }
.drm-audit-card.is-top .drm-audit-bar-track span { background: var(--midnight-orchid, #312A44); }
.drm-audit-band-range { margin: 0 0 0.2rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-band-title { margin: 0 0 0.6rem; font-size: 1.3rem; }
.drm-audit-band p { font-size: 0.97rem; color: rgba(49,42,68,0.8); margin: 0 0 0.6rem; }
.drm-audit-band-step { padding: 0.8rem 1rem; border-radius: 12px; background: #F2EEF5; color: var(--midnight-orchid, #312A44) !important; }
.drm-audit-top { margin: 2rem auto 0; max-width: 600px; }
.drm-audit-top h3 { font-size: 1.7rem; margin: 0 0 0.6rem; }
.drm-audit-top p { color: rgba(49,42,68,0.8); }
.drm-audit-top strong { color: var(--midnight-orchid, #312A44); }

/* -------- po wyniku (pola, cwiczenia) -------- */
.drm-audit-post { margin: 2.6rem 0 0; text-align: left; }
.drm-audit-post-block { margin: 0 0 2.2rem; padding: 1.6rem 1.6rem 1.4rem; border: 1px solid #E4DEE8; border-radius: 22px; background: #fff; }
.drm-audit-post-block h3 { font-size: 1.6rem; margin: 0 0 0.4rem; }
.drm-audit-post-block > p { color: rgba(49,42,68,0.8); margin: 0 0 1.1rem; }
.drm-audit-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; margin: 0 0 1.4rem; }
.drm-audit-col { padding: 1rem 0.9rem 0.6rem; border-radius: 16px; background: #F3EFF5; }
.drm-audit-col.is-accent { background: #F7F1E6; }
.drm-audit-col-title { margin: 0 0 0.3rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--midnight-orchid, #312A44); }
.drm-audit-col-q { margin: 0 0 0.3rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.15rem; font-weight: 600; line-height: 1.25; color: var(--midnight-orchid, #312A44); }
.drm-audit-col-hint { margin: 0 0 0.8rem; font-size: 0.8rem; line-height: 1.4; color: rgba(49,42,68,0.65); }
.drm-audit-pick { padding: 1rem 1.1rem; border-radius: 16px; background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-pick .drm-audit-col-title { color: #D7C5D8; }
.drm-audit-pick p { color: rgba(255,255,255,0.85); font-size: 0.93rem; margin: 0 0 0.8rem; }
.drm-audit-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin: 0 0 1.4rem; }
.drm-audit-compare-item { padding: 0.9rem 1rem; border-radius: 14px; background: #F3EFF5; display: grid; gap: 0.25rem; font-size: 0.93rem; color: rgba(49,42,68,0.8); }
.drm-audit-compare-item.is-accent { background: var(--midnight-orchid, #312A44); color: rgba(255,255,255,0.85); }
.drm-audit-compare-item strong { font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; }
.drm-audit-compare-item.is-accent strong { color: #D7C5D8; }
.drm-audit-ready { margin: 0 0 1.4rem; padding: 1.1rem 1.3rem; border-left: 3px solid var(--dusky-lilac, #88708E); background: #F7F4F9; border-radius: 0 14px 14px 0; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.25rem; line-height: 1.45; color: var(--midnight-orchid, #312A44); }
.drm-audit-list { margin: 0; padding: 0; counter-reset: n; display: grid; gap: 0.5rem; }
.drm-audit-list li { position: relative; padding: 0 0 0 2.2rem; color: rgba(49,42,68,0.85); counter-increment: n; }
.drm-audit-list li::before { content: counter(n); position: absolute; left: 0; top: 0.05rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--midnight-orchid, #312A44); color: #fff; font-size: 0.78rem; font-weight: 700; display: grid; place-items: center; }
.drm-audit-list--big li { padding: 0.5rem 0 0.5rem 2.4rem; }
.drm-audit-aha { margin: 1.2rem 0 0; padding: 1rem 1.2rem; border-radius: 14px; background: #F7F1E6; font-size: 0.97rem; color: var(--midnight-orchid, #312A44); }

/* -------- kalendarz po wyniku (prosba o rozmowe) -------- */
.drm-audit-book { margin: 2.6rem 0 0; padding: 2rem 1.6rem; border-radius: 24px; background: #F7F4F9; border: 1px solid #E4DEE8; text-align: center; }
.drm-audit-book[hidden] { display: none; }
.drm-audit-book h3 { font-size: 1.9rem; margin: 0.4rem 0 0.6rem; }
.drm-audit-book h3 em { font-style: italic; color: var(--dusky-lilac, #88708E); }
.drm-audit-book > p { max-width: 560px; margin: 0 auto 1.4rem; color: rgba(49,42,68,0.8); }
.drm-audit-book .drm-talk-widget { text-align: left; }

/* -------- zakonczenie -------- */
.drm-audit-close { margin: 2.6rem auto 0; max-width: 600px; padding: 2rem 0 0; border-top: 1px solid #E4DEE8; }
.drm-audit-close h3 { font-size: 1.8rem; margin: 0 0 0.6rem; }
.drm-audit-close p { color: rgba(49,42,68,0.8); }
.drm-audit-next-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.8rem; margin: 1.4rem 0 0; }
.drm-audit-small { margin: 1rem 0 0; font-size: 0.85rem; color: var(--dusky-lilac, #88708E); }
.drm-audit-sign { margin: 1.8rem 0 0; display: grid; gap: 0.2rem; }
.drm-audit-sign strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.3rem; color: var(--midnight-orchid, #312A44); }
.drm-audit-sign span { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-disclaimer { margin: 2.4rem auto 0; max-width: 640px; text-align: left; font-size: 0.78rem; line-height: 1.55; color: #A398AE; }
.drm-audit-disclaimer p { margin: 0 0 0.5rem; }
.drm-audit-disclaimer strong { color: #88708E; }

@media (max-width: 720px) {
  .drm-audit-cols { grid-template-columns: 1fr; }
  .drm-audit-compare { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .drm-audit-q { padding: 1.05rem 0.85rem 0.95rem; }
  .drm-audit-scale { gap: 0.2rem; }
  .drm-audit-opt-dot { width: 36px; height: 36px; }
  .drm-audit-opt-label { font-size: 0.64rem; }
  .drm-audit-progress-steps { font-size: 0.64rem; }
  .drm-audit-post-block { padding: 1.2rem 1rem 1rem; }
  .drm-audit-nav { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .drm-audit-progress-bar span, .drm-audit-bar-track span { transition: none; } }

/* -------- skala 3-stopniowa: kolka jak wczesniej, wysrodkowane -------- */
.drm-audit-scale--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 440px; margin: 0 auto; }
.drm-audit-scale--5 { max-width: 640px; margin: 0 auto; }

/* -------- skala wyniku pod karta (legend) -------- */
.drm-audit-legend { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: 0.35rem; }
.drm-audit-legend li { display: flex; gap: 0.8rem; align-items: baseline; padding: 0.55rem 0.85rem; border-radius: 12px; font-size: 0.88rem; color: rgba(49,42,68,0.55); }
.drm-audit-legend li span { flex: none; min-width: 3.4rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.drm-audit-card[data-band="low"] [data-legend="low"],
.drm-audit-card[data-band="mid"] [data-legend="mid"],
.drm-audit-card[data-band="high"] [data-legend="high"] { background: #F2EEF5; color: var(--midnight-orchid, #312A44); font-weight: 500; }
.drm-audit-legend-note { margin: 0.7rem 0 0; font-size: 0.78rem; color: #A398AE; }

/* -------- Instagram w zakonczeniu -------- */
.drm-audit-ig { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.45rem; margin: 1.3rem 0 0; font-size: 0.92rem; color: rgba(49,42,68,0.8); text-decoration: none; }
.drm-audit-ig strong { color: var(--midnight-orchid, #312A44); border-bottom: 1px solid currentColor; }
.drm-audit-ig:hover strong { color: var(--dusky-lilac, #88708E); }
.drm-audit-ig svg { color: var(--dusky-lilac, #88708E); }

/* =====================================================================
   v2.70: dopracowanie wizualne (start, skala, wynik, cwiczenia, autorka)
   ===================================================================== */

/* start: trasa w 3 krokach */
.drm-audit-route { list-style: none; margin: 1.8rem 0 1.6rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; counter-reset: none; }
.drm-audit-route li { position: relative; display: flex; flex-direction: column; gap: 0.35rem; padding: 1.3rem 1.2rem 1.25rem; border-radius: 20px; background: linear-gradient(180deg, #F7F4F9 0%, #FFFFFF 100%); border: 1px solid #ECE6F0; }
.drm-audit-route-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 0 0.5rem; border-radius: 14px; background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-route-no { position: absolute; top: 1.1rem; right: 1.2rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; line-height: 1; color: #D9D0E1; }
.drm-audit-route strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; font-weight: 600; line-height: 1.15; color: var(--midnight-orchid, #312A44); }
.drm-audit-route li > span:last-child { font-size: 0.88rem; line-height: 1.5; color: rgba(49,42,68,0.72); }

/* "Jak odpowiadac": skala w jednej linii jako plakietki */
.drm-audit-howto ul { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; }
.drm-audit-howto li { padding: 0.4rem 0.85rem; border-radius: 999px; background: #fff; border: 1px solid #E4DEE8; font-size: 0.85rem; }
.drm-audit-howto li strong { font-weight: 600; }
.drm-audit-q:has(input:checked) { border-color: #D9D0E1; background: #fff; }

/* wynik: skala jako 3 kafle, Twoj przedzial ciemny */
.drm-audit-legend { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem; margin: 1.3rem 0 0; }
.drm-audit-legend li { flex-direction: column; gap: 0.3rem; align-items: flex-start; padding: 0.85rem 0.95rem; border-radius: 16px; background: #F7F4F9; color: rgba(49,42,68,0.6); font-size: 0.82rem; line-height: 1.4; }
.drm-audit-legend li span { min-width: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; font-weight: 600; line-height: 1; color: var(--midnight-orchid, #312A44); }
.drm-audit-card[data-band="low"] [data-legend="low"],
.drm-audit-card[data-band="mid"] [data-legend="mid"],
.drm-audit-card[data-band="high"] [data-legend="high"] { background: var(--midnight-orchid, #312A44); color: rgba(255,255,255,0.85); font-weight: 400; box-shadow: 0 12px 28px rgba(49,42,68,0.18); }
.drm-audit-card[data-band="low"] [data-legend="low"] span,
.drm-audit-card[data-band="mid"] [data-legend="mid"] span,
.drm-audit-card[data-band="high"] [data-legend="high"] span { color: #fff; }

/* czesc po wyniku */
.drm-audit-post-head { margin: 3.2rem 0 1.6rem; text-align: center; }
.drm-audit-post-head h2 { margin: 0.4rem 0 0.6rem; font-size: clamp(2rem, 4vw, 2.6rem); }
.drm-audit-post-head h2 em { color: var(--dusky-lilac, #88708E); }
.drm-audit-post-head p { max-width: 560px; margin: 0 auto; color: rgba(49,42,68,0.75); }
.drm-audit-kicker { display: inline-block; margin: 0 0 0.6rem; padding: 0.3rem 0.75rem; border-radius: 999px; background: #F2EEF5; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-post-block { padding: 2rem 2rem 1.8rem; border-radius: 26px; box-shadow: 0 18px 50px rgba(49,42,68,0.06); }
.drm-audit-post-block h3 { font-size: 1.9rem; }

/* 3 strefy: jedna pod druga */
.drm-audit-post-block--zones .drm-audit-cols { grid-template-columns: 1fr; gap: 0.8rem; }
.drm-audit-post-block--zones .drm-audit-col { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 1.2rem; align-items: start; padding: 1.3rem 1.3rem; border-radius: 20px; background: #F7F4F9; border: 1px solid transparent; }
.drm-audit-post-block--zones .drm-audit-col.is-accent { background: #fff; border-color: var(--midnight-orchid, #312A44); box-shadow: 0 14px 34px rgba(49,42,68,0.10); }
.drm-audit-post-block--zones .drm-audit-col:last-child { background: #F8F4EC; }
.drm-audit-col-head { display: flex; gap: 0.9rem; align-items: flex-start; }
.drm-audit-col-no { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #fff; color: var(--midnight-orchid, #312A44); border: 1px solid #E4DEE8; }
.drm-audit-col.is-accent .drm-audit-col-no { background: var(--midnight-orchid, #312A44); color: #fff; border-color: var(--midnight-orchid, #312A44); }
.drm-audit-col-title em { margin-left: 0.4rem; padding: 0.15rem 0.5rem; border-radius: 999px; background: #F2EEF5; font-style: normal; font-size: 0.66rem; letter-spacing: 0.06em; color: var(--dusky-lilac, #88708E); white-space: nowrap; }
.drm-audit-post-block--zones .drm-audit-col-q { font-size: 1.3rem; }
.drm-audit-post-block--zones .drm-audit-col-hint { margin: 0; }
.drm-audit-col-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.drm-audit-line { position: relative; display: block; margin: 0; }
.drm-audit-line > span { position: absolute; left: 0.85rem; top: 50%; transform: translateY(-50%); font-size: 0.78rem; font-weight: 700; color: #BAB0C8; pointer-events: none; }
.drm-audit-post .drm-audit-line input.drm-audit-input--line { width: 100%; margin: 0; padding: 0.75rem 0.8rem 0.75rem 2rem; border: 1px solid #E4DEE8; border-radius: 12px; background: #fff; font-size: 0.9rem; }
.drm-audit-post .drm-audit-line input.drm-audit-input--line:focus { border-color: var(--dusky-lilac, #88708E); outline: none; box-shadow: 0 0 0 3px rgba(136,112,142,0.15); }
.drm-audit-post-block--zones .drm-audit-pick { margin-top: 1rem; padding: 1.3rem 1.4rem; border-radius: 20px; }
.drm-audit-pick-title { margin: 0 0 0.3rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.45rem; font-weight: 600; color: #fff; }

/* gotowy tekst: porownanie jak w PDF */
.drm-audit-post-block--ready .drm-audit-compare-item { padding: 1.2rem 1.3rem; border-radius: 18px; background: #fff; border: 1px solid #E4DEE8; }
.drm-audit-post-block--ready .drm-audit-compare-item span { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; font-weight: 600; line-height: 1.25; color: var(--midnight-orchid, #312A44); }
.drm-audit-post-block--ready .drm-audit-compare-item strong { color: var(--dusky-lilac, #88708E); }
.drm-audit-post-block--ready .drm-audit-compare-item.is-accent { background: var(--midnight-orchid, #312A44); border-color: var(--midnight-orchid, #312A44); }
.drm-audit-post-block--ready .drm-audit-compare-item.is-accent span { color: #fff; }
.drm-audit-post-block--ready .drm-audit-ready { position: relative; padding: 1.5rem 1.6rem 1.5rem 3.4rem; border: 0; border-radius: 20px; background: #F7F4F9; font-size: 1.35rem; }
.drm-audit-post-block--ready .drm-audit-ready::before { content: '\201E'; position: absolute; left: 1.1rem; top: 0.4rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 3.4rem; line-height: 1; color: #C9BCD3; }

/* Sprawdz siebie: plakietki */
.drm-audit-post-block--chips .drm-audit-choices { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.drm-audit-post-block--chips .drm-audit .drm-audit-choice, .drm-audit .drm-audit-post-block--chips .drm-audit-choice { padding: 0.65rem 1.1rem; border-radius: 999px; background: #fff; }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice:has(input:checked) { background: var(--midnight-orchid, #312A44); border-color: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice input { accent-color: #fff; }

/* 1 rzecz / 24 h: karty 2x2 */
.drm-audit-post-block--steps .drm-audit-list { grid-template-columns: 1fr 1fr; gap: 0.7rem; }
.drm-audit-post-block--steps .drm-audit-list li { padding: 1.1rem 1.1rem 1.1rem 3.6rem; border-radius: 18px; background: #F7F4F9; line-height: 1.5; }
.drm-audit-post-block--steps .drm-audit-list li::before { left: 1rem; top: 1rem; width: 2rem; height: 2rem; border-radius: 12px; font-size: 0.9rem; }
.drm-audit-post-block--steps .drm-audit-aha { position: relative; margin: 1.2rem 0 0; padding: 1.8rem 1.8rem 1.7rem; border-radius: 22px; text-align: center; background: linear-gradient(135deg, #312A44 0%, #4A3D63 100%); color: #fff; }
.drm-audit-aha-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; margin: 0 0 0.6rem; border-radius: 50%; background: rgba(255,255,255,0.12); color: #E8DCEB; }
.drm-audit-post-block--steps .drm-audit-aha strong { display: block; margin: 0 0 0.4rem; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: #D7C5D8; }
.drm-audit-post-block--steps .drm-audit-aha p { max-width: 520px; margin: 0 auto; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.55rem; line-height: 1.3; color: #fff; }

/* autozapis */
.drm-audit-autosave { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0.4rem 0 0; font-size: 0.88rem; color: rgba(49,42,68,0.6); }
.drm-audit-autosave svg { color: var(--dusky-lilac, #88708E); }
.drm-audit-autosave[data-state="ok"] { color: #4F8A6B; }
.drm-audit-autosave[data-state="ok"] svg { color: #4F8A6B; }
.drm-audit-autosave[data-state="error"] { color: #A4506F; }

/* zakonczenie: autorka ze zdjeciem */
.drm-audit-close { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 2.2rem; align-items: center; max-width: 820px; margin: 3.4rem auto 0; padding: 2.2rem; border: 0; border-radius: 28px; background: linear-gradient(135deg, #F7F4F9 0%, #EFE9F3 100%); text-align: left; }
.drm-audit-author { margin: 0; }
.drm-audit-author img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 120px 120px 22px 22px; box-shadow: 0 20px 44px rgba(49,42,68,0.18); }
.drm-audit-close .drm-audit-next-actions { justify-content: flex-start; }
.drm-audit-close .drm-audit-ig { justify-content: flex-start; }
.drm-audit-close .drm-audit-sign { margin-top: 1.4rem; }

@media (max-width: 760px) {
  .drm-audit-route { grid-template-columns: 1fr; }
  .drm-audit-post-block--zones .drm-audit-col { grid-template-columns: 1fr; }
  .drm-audit-post-block--steps .drm-audit-list { grid-template-columns: 1fr; }
  .drm-audit-close { grid-template-columns: 1fr; text-align: center; padding: 1.8rem 1.3rem; }
  .drm-audit-author { max-width: 200px; margin: 0 auto; }
  .drm-audit-close .drm-audit-next-actions, .drm-audit-close .drm-audit-ig { justify-content: center; }
}
@media (max-width: 560px) {
  .drm-audit-legend { grid-template-columns: 1fr; }
  .drm-audit-legend li { flex-direction: row; align-items: center; gap: 0.8rem; }
  .drm-audit-col-inputs { grid-template-columns: 1fr; }
  .drm-audit-post-block { padding: 1.4rem 1.1rem 1.2rem; border-radius: 22px; }
  .drm-audit-post-block--ready .drm-audit-ready { padding: 1.2rem 1.1rem 1.2rem 2.6rem; font-size: 1.2rem; }
}

/* poprawki po przegladzie: strefy - naglowek nad polami; "opcjonalnie" w etykiecie nie dziedziczy stylu kolek skali */
.drm-audit-post-block--zones .drm-audit-col { grid-template-columns: 1fr; gap: 1rem; }
.drm-audit .drm-audit-label .drm-audit-opt { display: inline; padding: 0; margin-left: 0.35rem; border-radius: 0; font-size: 0.8rem; font-weight: 400; color: #BAB0C8; }
.drm-audit .drm-audit-label .drm-audit-opt:hover { background: none; }
.drm-audit-post .drm-audit-label .drm-audit-opt { display: none; }
/* SELF, priorytet po wyniku: pytanie otwarte z dopiskiem „opcjonalnie” (uwaga klientki 2026-10-13) */
.drm-audit-post .drm-audit-post-block--chips .drm-audit-field:has(textarea) .drm-audit-label .drm-audit-opt { display: inline; }

/* =====================================================================
   Hero z "paragonem" (podatek od ogarniania: intro.receipt)
   ===================================================================== */
.drm-audit-hero--split { text-align: left; padding: 4.5rem 0 4rem; }
.drm-audit-hero--split::after { width: 420px; height: 420px; right: -120px; bottom: -160px; background: radial-gradient(circle, rgba(136,112,142,0.22), transparent 70%); }
.drm-audit-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 3.5rem; align-items: center; max-width: 1080px; margin: 0 auto; }
.drm-audit-hero--split .drm-contact-hero-inner { max-width: none; margin: 0; }
.drm-audit-hero--split .drm-contact-hero-text { margin: 0; }
.drm-audit-hero--split .drm-audit-facts { justify-content: flex-start; }
.drm-audit-hero-author { display: flex; align-items: center; gap: 0.8rem; margin: 1.8rem 0 0; }
.drm-audit-hero-author img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid #fff; box-shadow: 0 6px 16px rgba(49,42,68,0.15); }
.drm-audit-hero-author span { display: flex; flex-direction: column; font-size: 0.78rem; letter-spacing: 0.06em; color: var(--dusky-lilac, #88708E); }
.drm-audit-hero-author strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0; color: var(--midnight-orchid, #312A44); }

.drm-audit-receipt-wrap { position: relative; justify-self: center; width: 100%; max-width: 380px; }
.drm-audit-receipt {
  position: relative; padding: 1.8rem 1.7rem 2.4rem; background: #fff; transform: rotate(2.2deg);
  box-shadow: 0 30px 60px rgba(49,42,68,0.16), 0 2px 6px rgba(49,42,68,0.06);
  font-family: 'Inter', sans-serif; color: var(--midnight-orchid, #312A44);
  -webkit-mask: radial-gradient(circle 7px at 50% 100%, transparent 98%, #000) 0 0 / 18px 100%;
          mask: radial-gradient(circle 7px at 50% 100%, transparent 98%, #000) 0 0 / 18px 100%;
}
.drm-audit-receipt-head { margin: 0 0 1.1rem; padding: 0 0 1rem; border-bottom: 1.5px dashed #D9D0E1; text-align: center; }
.drm-audit-receipt-head span { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.7rem; font-weight: 600; line-height: 1.1; }
.drm-audit-receipt-head small { display: block; margin-top: 0.35rem; font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-receipt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.7rem; }
.drm-audit-receipt li { display: flex; align-items: baseline; gap: 0.4rem; font-size: 0.86rem; line-height: 1.35; }
.drm-audit-receipt li span { flex: 0 1 auto; color: rgba(49,42,68,0.85); }
.drm-audit-receipt li i { flex: 1 1 1.5rem; min-width: 1.5rem; border-bottom: 1.5px dotted #CFC6D8; transform: translateY(-0.25rem); }
.drm-audit-receipt li b { flex: none; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.04em; color: var(--dusky-lilac, #88708E); white-space: nowrap; }
.drm-audit-receipt-total { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin: 1.2rem 0 0; padding: 1rem 0 0; border-top: 1.5px dashed #D9D0E1; }
.drm-audit-receipt-total span { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.drm-audit-receipt-total b { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; font-style: italic; font-weight: 600; color: var(--dusky-lilac, #88708E); }
.drm-audit-receipt-foot { margin: 0.9rem 0 0; font-size: 0.74rem; text-align: center; color: rgba(49,42,68,0.55); }
.drm-audit-receipt-stamp {
  position: absolute; top: -1.4rem; right: -1.2rem; display: grid; place-items: center; width: 96px; height: 96px; border-radius: 50%;
  background: var(--midnight-orchid, #312A44); color: #fff; transform: rotate(-10deg);
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; font-weight: 600;
  box-shadow: 0 14px 30px rgba(49,42,68,0.3); outline: 1.5px dashed rgba(255,255,255,0.45); outline-offset: -8px;
}

@media (max-width: 900px) {
  .drm-audit-hero--split { text-align: center; padding: 3.5rem 0 3rem; }
  .drm-audit-hero-grid { grid-template-columns: 1fr; gap: 2.6rem; }
  .drm-audit-hero--split .drm-contact-hero-text { margin: 0 auto; }
  .drm-audit-hero--split .drm-audit-facts, .drm-audit-hero-author { justify-content: center; }
  .drm-audit-hero-author span { text-align: left; }
  .drm-audit-receipt-wrap { max-width: 330px; }
}
@media (max-width: 420px) {
  .drm-audit-receipt { padding: 1.5rem 1.2rem 2.2rem; }
  .drm-audit-receipt-stamp { width: 80px; height: 80px; font-size: 1.35rem; right: -0.4rem; }
}
.drm-audit-receipt { text-align: left; }
.drm-audit-receipt-head { text-align: left; padding-right: 4.2rem; }
.drm-audit-receipt-stamp { top: -2.2rem; right: -1.8rem; }
@media (max-width: 900px) { .drm-audit-receipt-stamp { right: -0.6rem; } }
@media (max-width: 420px) { .drm-audit-receipt-head { padding-right: 3.6rem; } .drm-audit-receipt-head span { font-size: 1.5rem; } }

/* zakonczenie: jedna kolumna, podpis jak w mailach (okragle zdjecie z liliowa obwodka) */
.drm-audit-close { display: block; max-width: 680px; padding: 2.4rem 2.4rem 2.2rem; }
.drm-audit-author { display: none; }
.drm-audit-autosave[hidden] { display: none; }
.drm-audit-signature { display: flex; gap: 1.2rem; align-items: flex-start; margin: 2rem 0 0; padding: 1.8rem 0 0; border-top: 1px solid #E4DCEA; }
.drm-audit-signature img { flex: none; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: 50% 18%; filter: grayscale(1); padding: 4px; background: #fff; border: 1px solid #DAD4DF; box-shadow: 0 6px 18px rgba(49,42,68,0.08); }
.drm-audit-signature strong { display: block; margin: 0.2rem 0 0.25rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.55rem; font-weight: 500; line-height: 1.2; color: var(--midnight-orchid, #312A44); }
.drm-audit-signature span { display: block; margin: 0 0 0.6rem; font-size: 0.7rem; letter-spacing: 0.1em; line-height: 1.7; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-signature p { margin: 0; font-size: 0.92rem; line-height: 1.6; color: rgba(49,42,68,0.8); }
@media (max-width: 760px) {
  .drm-audit-close { padding: 1.8rem 1.3rem; text-align: left; }
  .drm-audit-close .drm-audit-next-actions, .drm-audit-close .drm-audit-ig { justify-content: flex-start; }
}
@media (max-width: 420px) {
  .drm-audit-signature { gap: 0.9rem; }
  .drm-audit-signature img { width: 72px; height: 72px; }
}

/* porzadek w modulach po wyniku (v2.70.3) */
.drm-audit-post-block h3 { margin: 0 0 0.5rem; }
.drm-audit-post-block > p { margin: 0 0 1.5rem; }
.drm-audit-post-block--ready h3 { margin-bottom: 1.4rem; }
.drm-audit-subhead { display: flex; align-items: center; gap: 0.9rem; margin: 1.9rem 0 0.9rem; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-subhead::after { content: ''; flex: 1; height: 1px; background: #ECE6F0; }
.drm-audit-post-block--ready .drm-audit-compare { gap: 0.9rem; margin: 0; align-items: stretch; }
.drm-audit-post-block--ready .drm-audit-compare-item { display: flex; flex-direction: column; justify-content: flex-start; gap: 0.6rem; padding: 1.3rem 1.4rem 1.4rem; }
.drm-audit-post-block--ready .drm-audit-compare-item strong { font-size: 0.72rem; }
.drm-audit-post-block--ready .drm-audit-compare-item.is-accent strong { color: #D7C5D8; }
.drm-audit-post-block--ready .drm-audit-ready { margin: 0; }
.drm-audit-rules { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.drm-audit-rules li { display: flex; flex-direction: column; gap: 0.7rem; padding: 1.1rem 1.1rem 1.2rem; border-radius: 16px; background: #F7F4F9; font-size: 0.9rem; line-height: 1.5; color: rgba(49,42,68,0.85); }
.drm-audit-rules li span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 10px; background: var(--midnight-orchid, #312A44); color: #fff; font-size: 0.85rem; font-weight: 700; }

.drm-audit-post-block--chips .drm-audit-label { display: block; margin: 0 0 0.8rem; }
.drm-audit-post-block--chips .drm-audit-choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.6rem; }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice { padding: 0.8rem 1rem; border-radius: 14px; background: #FBFAFC; }
.drm-audit-post-block--chips .drm-audit-field { margin: 0 0 1.2rem; }
.drm-audit-post-block--chips .drm-audit-field:last-child { margin-bottom: 0; }
.drm-audit-field[hidden] { display: none; }

.drm-audit-close { max-width: 760px; }
.drm-audit-close .drm-audit-next-actions { flex-wrap: wrap; gap: 0.7rem; }
.drm-audit-close .drm-audit-next-actions .drm-btn { padding: 0.95rem 1.5rem; font-size: 0.78rem; white-space: nowrap; }

@media (max-width: 720px) {
  .drm-audit-rules { grid-template-columns: 1fr; }
  .drm-audit-rules li { flex-direction: row; align-items: center; }
  .drm-audit-rules li span { flex: none; }
}
@media (max-width: 480px) {
  .drm-audit-close .drm-audit-next-actions .drm-btn { flex: 1 1 100%; justify-content: center; }
}
.drm-audit-post-block > p.drm-audit-subhead { margin: 2rem 0 0.9rem; }
.drm-audit-post-block--chips .drm-audit-choices { grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice { position: relative; justify-content: center; text-align: center; min-height: 3.3rem; padding: 0.7rem 0.6rem; line-height: 1.25; }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.drm-audit .drm-audit-post-block--chips .drm-audit-choice:has(input:focus-visible) { outline: 2px solid var(--dusky-lilac, #88708E); outline-offset: 2px; }

/* hero: podpis jak w mailach (ten sam wzor co w zakonczeniu) */
.drm-audit-signature--hero { max-width: 520px; margin: 2rem 0 0; padding: 1.6rem 0 0; border-top: 1px solid rgba(49,42,68,0.12); text-align: left; }
.drm-audit-signature--hero img { width: 88px; height: 88px; }
.drm-audit-signature--hero strong { font-size: 1.5rem; }
@media (max-width: 900px) {
  .drm-audit-signature--hero { margin-left: auto; margin-right: auto; }
}
@media (max-width: 420px) {
  .drm-audit-signature--hero img { width: 72px; height: 72px; }
}

/* =====================================================================
   Uklad SPLIT (podatek od ogarniania, makieta 2026-10-11)
   ===================================================================== */
.drm-audit--split { position: relative; overflow: hidden; overflow: clip; /* clip: przegladarka nie przewija sekcji w poziomie przy focusie pol (przesuwalo uklad o ~160 px) */ padding: 3.2rem 0 5rem; background: linear-gradient(180deg, #F6F2F8 0%, #FBF9FC 55%, #F6F2F8 100%); }
.drm-audit--split::before { content: ''; position: absolute; top: -180px; left: -220px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(218,212,223,0.65), transparent 70%); pointer-events: none; }
.drm-audit--split::after { content: ''; position: absolute; bottom: -200px; right: -160px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(218,212,223,0.5), transparent 70%); pointer-events: none; }
.drm-audit-split { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); gap: 3rem; align-items: start; max-width: 1120px; margin: 0 auto; }

/* lewa kolumna */
.drm-audit-aside { padding-top: 0.4rem; }
.drm-audit-aside h1 { margin: 0.9rem 0 1.2rem; font-size: clamp(2.4rem, 3.6vw, 3.1rem); line-height: 1.05; color: var(--midnight-orchid, #312A44); }
.drm-audit-aside h1 em { color: var(--dusky-lilac, #88708E); }
.drm-audit-aside-lead { margin: 0 0 1.8rem; font-size: 0.98rem; line-height: 1.7; color: rgba(49,42,68,0.78); }
.drm-audit-aside-visual { position: relative; margin: 0 -0.5rem 0 0; border-radius: 28px 120px 28px 28px; overflow: hidden; aspect-ratio: 8 / 9; box-shadow: 0 24px 50px rgba(49,42,68,0.12); }
.drm-audit-aside-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.drm-audit-aside-visual.is-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 30% 20%, #FFFFFF 0%, #F3EDE6 45%, #E9DFD5 100%); }
.drm-audit-aside-note { width: 62%; padding: 1.6rem 1.4rem; border-radius: 6px 14px 14px 6px; background: #FBF7F2; box-shadow: 0 14px 30px rgba(49,42,68,0.12), inset 6px 0 0 #EFE6DC; transform: rotate(-8deg); font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.45rem; line-height: 1.3; color: #7F6A85; }
.drm-audit-aside-quote { position: relative; margin: -2.2rem 1rem 0 0; padding: 1.3rem 1.3rem 1.3rem 3.2rem; border-radius: 20px; background: rgba(255,255,255,0.86); backdrop-filter: blur(6px); box-shadow: 0 14px 34px rgba(49,42,68,0.08); font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.3rem; line-height: 1.35; color: var(--midnight-orchid, #312A44); }
.drm-audit-aside-quote span { position: absolute; left: 1rem; top: 0.2rem; font-size: 3.4rem; line-height: 1; color: #C9BCD3; }
.drm-audit-signature--aside { margin: 2rem 0 0; padding: 0; border: 0; align-items: center; }
.drm-audit-signature--aside img { width: 80px; height: 80px; }
.drm-audit-signature--aside strong { font-size: 1.3rem; margin-top: 0; }
.drm-audit-signature--aside span { margin: 0; font-size: 0.64rem; }
.drm-audit-aside-tagline { margin: 1rem 0 0 0.4rem; padding: 0 0 0 1rem; border-left: 2px solid #D9D0E1; font-size: 0.88rem; line-height: 1.6; color: rgba(49,42,68,0.75); }
.drm-audit-aside-script { position: relative; margin: 2.6rem 0 0 0.6rem; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.6rem; line-height: 1.3; color: var(--dusky-lilac, #88708E); }
.drm-audit-aside-script::before { content: ''; position: absolute; left: -1.6rem; top: -1.2rem; width: 200px; height: 140px; border: 1px solid #D9D0E1; border-color: #D9D0E1 transparent transparent #D9D0E1; border-radius: 50%; transform: rotate(-20deg); pointer-events: none; }

/* prawa kolumna: postep + karta */
.drm-audit--split .drm-audit-progress { margin: 0 0 1.4rem; }
.drm-audit--split .drm-audit-form,
.drm-audit--split .drm-audit-step.is-intro { padding: 2.2rem 2.2rem 2rem; border-radius: 26px; background: #fff; box-shadow: 0 24px 60px rgba(49,42,68,0.08); border: 1px solid #EFE9F3; }
.drm-audit--split .drm-audit-step-head { margin-bottom: 0.4rem; }
.drm-audit--split .drm-audit-step-title { font-size: clamp(1.9rem, 3vw, 2.5rem); line-height: 1.1; }
.drm-audit--split .drm-audit-step-title em { color: var(--dusky-lilac, #88708E); }
.drm-audit--split .drm-audit-step-lead { margin: 0 0 1.3rem; font-size: 1rem; color: rgba(49,42,68,0.72); }
.drm-audit-scale-key { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.8rem; margin: 0 0 1.4rem; padding: 0.9rem 1.2rem; border-radius: 16px; background: #F5F1F7; font-size: 0.9rem; color: var(--midnight-orchid, #312A44); }
.drm-audit-scale-key strong { font-weight: 700; }
.drm-audit-scale-key-i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #DCD2E3; color: #fff; font-weight: 700; font-size: 0.85rem; font-style: italic; }

/* wiersz pytania: numer | tresc | 0 1 2 */
.drm-audit--split .drm-audit-q { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; gap: 1.2rem; margin: 0 0 0.7rem; padding: 1rem 1.2rem; border-radius: 18px; background: #FDFCFE; border: 1px solid #EFE9F3; }
.drm-audit--split .drm-audit-q-text { margin: 0; align-items: center; gap: 0.9rem; font-size: 0.95rem; font-weight: 400; line-height: 1.5; }
.drm-audit--split .drm-audit-q-no { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: #F2EEF5; font-size: 0.8rem; }
.drm-audit--split .drm-audit-scale--3 { max-width: none; margin: 0; gap: 0.2rem; }
.drm-audit--split .drm-audit-opt-dot { width: 34px; height: 34px; font-size: 0.82rem; }
.drm-audit--split .drm-audit-opt-label { font-size: 0.68rem; color: rgba(49,42,68,0.55); }
.drm-audit--split .drm-audit-q:has(input:checked) { background: #fff; border-color: #DCD2E3; }
.drm-audit--split .drm-audit-nav { margin-top: 1.6rem; }

/* wynik w prawej kolumnie */
.drm-audit--split .drm-audit-result { padding-top: 0.4rem; }
.drm-audit--split .drm-audit-close { margin-top: 2.6rem; }

@media (max-width: 960px) {
  .drm-audit-split { grid-template-columns: 1fr; gap: 2rem; }
  .drm-audit-aside { text-align: left; }
  .drm-audit-aside h1 br { display: none; }
  .drm-audit-aside-visual, .drm-audit-aside-quote, .drm-audit-aside-script, .drm-audit-aside-tagline { display: none; }
  .drm-audit-signature--aside { margin-top: 1.2rem; }
}
@media (max-width: 640px) {
  .drm-audit--split { padding: 2rem 0 3.5rem; }
  .drm-audit--split .drm-audit-form { padding: 1.4rem 1rem 1.3rem; border-radius: 22px; }
  .drm-audit--split .drm-audit-q { grid-template-columns: 1fr; gap: 0.8rem; padding: 0.9rem 0.9rem; }
  .drm-audit--split .drm-audit-scale--3 { max-width: 300px; margin: 0 auto; }
  .drm-audit-scale-key { gap: 0.4rem 1rem; font-size: 0.82rem; }
}
@media (max-width: 960px) {
  .drm-audit-aside .drm-audit-aside-visual, .drm-audit-aside .drm-audit-aside-visual.is-placeholder { display: none; }
}
@media (max-width: 960px) {
  .drm-audit-aside h1, .drm-audit-aside-lead { display: none; }
  .drm-audit-signature--aside { margin-top: 0.9rem; }
  .drm-audit-split { gap: 1.4rem; }
}

/* =====================================================================
   Strona wejsciowa audytu (uklad split) - makieta 2026-10-11
   ===================================================================== */
.drm-audit--split { padding: 0; }
.drm-audit--split .drm-audit-split { padding: 3.2rem 0 5rem; }
.drm-audit--split.is-landing .drm-audit-split { display: none; }
.drm-audit-landing[hidden] { display: none; }

.drm-audit-lhero { position: relative; overflow: hidden; padding: 4.6rem 0 4.2rem; background: linear-gradient(120deg, #F7F2F7 0%, #F1E9F2 60%, #EEE5F0 100%); }
.drm-audit-lhero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 3rem; align-items: center; max-width: 1180px; margin: 0 auto; }
.drm-audit-lhero h1 { margin: 1.1rem 0 1.6rem; font-size: clamp(2.8rem, 6vw, 5.2rem); font-weight: 500; line-height: 1.02; color: var(--midnight-orchid, #312A44); }
.drm-audit-lhero h1 em { color: var(--dusky-lilac, #88708E); }
.drm-audit-lhero-lead { max-width: 560px; margin: 0 0 1.6rem; font-size: 1.05rem; line-height: 1.75; color: rgba(49,42,68,0.75); }
.drm-audit-lhero-quote { max-width: 560px; margin: 0 0 1.8rem; padding: 0.2rem 0 0.2rem 1.2rem; border-left: 3px solid var(--midnight-orchid, #312A44); font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.5rem; line-height: 1.35; color: var(--midnight-orchid, #312A44); }
.drm-audit-lhero-chips { display: flex; flex-wrap: wrap; gap: 0.55rem; margin: 0 0 2rem; padding: 0; list-style: none; }
.drm-audit-lhero-chips li { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.5rem 0.95rem; border-radius: 999px; background: rgba(255,255,255,0.85); border: 1px solid #EAE2EE; font-size: 0.85rem; font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit-lhero-chips svg { color: var(--dusky-lilac, #88708E); }
.drm-audit-lhero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem; }
.drm-audit-lhero-actions .drm-btn { box-shadow: 0 14px 30px rgba(49,42,68,0.22); }
.drm-audit-lhero-how { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.92rem; font-weight: 600; color: var(--midnight-orchid, #312A44); text-decoration: underline; text-underline-offset: 4px; }
.drm-audit-lhero-how:hover { color: var(--dusky-lilac, #88708E); }

.drm-audit-lhero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.drm-audit-lhero-blob { position: absolute; top: 50%; left: 55%; width: 470px; height: 470px; border-radius: 50%; transform: translate(-50%, -54%); background: radial-gradient(circle at 40% 35%, #EDE3F0 0%, #E2D3E7 70%); }
.drm-audit-lhero-ring { position: absolute; right: -60px; bottom: -20px; width: 380px; height: 380px; border-radius: 50%; border: 1px solid #C9B6D0; }
.drm-audit-lhero-star { position: absolute; top: 2%; left: 4%; color: var(--midnight-orchid, #312A44); }
.drm-audit-receipt--landing { position: relative; z-index: 1; width: 100%; max-width: 400px; padding: 2rem 1.9rem 2.6rem; transform: rotate(3deg); }
.drm-audit-receipt--landing .drm-audit-receipt-head { padding-right: 4.4rem; }
.drm-audit-receipt--landing .drm-audit-receipt-head span { font-size: 1.95rem; }
.drm-audit-receipt--landing ul { gap: 0; }
.drm-audit-receipt--landing li { justify-content: space-between; gap: 1rem; padding: 0.8rem 0; border-bottom: 1px dashed #DDD3E3; font-size: 0.9rem; }
.drm-audit-receipt--landing li b { font-size: 0.8rem; }
.drm-audit-receipt--landing .drm-audit-receipt-total { border-top: 1.5px solid #D9D0E1; margin-top: 1.3rem; }
.drm-audit-receipt--landing .drm-audit-receipt-total b { font-size: 1.85rem; }
.drm-audit-receipt-stamp--landing { z-index: 2; top: 3%; right: 2%; width: 116px; height: 116px; font-size: 1.9rem; outline-offset: -10px; }

.drm-audit-stages { padding: 4.6rem 0 4.4rem; max-width: 1180px; margin: 0 auto; text-align: center; }
.drm-audit-stages h2 { margin: 0.8rem 0 1rem; font-size: clamp(2.2rem, 4.4vw, 3.4rem); font-weight: 500; line-height: 1.08; }
.drm-audit-stages h2 em { color: var(--dusky-lilac, #88708E); }
.drm-audit-stages-lead { max-width: 680px; margin: 0 auto 2.6rem; font-size: 1.02rem; line-height: 1.7; color: rgba(49,42,68,0.72); }
.drm-audit-stages-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; text-align: left; }
.drm-audit-stage { position: relative; padding: 2rem 2rem 2.1rem; border-radius: 26px; border: 1px solid #EEE7F1; }
.drm-audit-stage--1 { background: #FDFBF8; }
.drm-audit-stage--2 { background: #F4EEF6; }
.drm-audit-stage--3 { background: #F8F1E8; }
.drm-audit-stage-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 0 1.6rem; border-radius: 14px; background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-stage-no { position: absolute; top: 1.8rem; right: 2rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2.6rem; line-height: 1; color: #D6C8DD; }
.drm-audit-stage h3 { margin: 0 0 0.6rem; font-size: 1.8rem; font-weight: 500; }
.drm-audit-stage p { margin: 0; font-size: 0.95rem; line-height: 1.65; color: rgba(49,42,68,0.72); }
.drm-audit-stages-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.8rem 2rem; margin: 1.6rem 0 0; padding: 1.4rem 2rem; border-radius: 22px; background: var(--midnight-orchid, #312A44); text-align: left; }
.drm-audit-stages-bar p { margin: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; line-height: 1.25; color: #fff; }
.drm-audit-stages-bar span { font-size: 0.8rem; color: rgba(255,255,255,0.7); }
.drm-audit-stages-cta { margin: 2.4rem 0 0; }

@media (max-width: 960px) {
  .drm-audit-lhero { padding: 3rem 0 2.6rem; }
  .drm-audit-lhero-grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .drm-audit-lhero-visual { min-height: 0; padding: 2.4rem 1rem 1rem; }
  .drm-audit-lhero-blob { width: 340px; height: 340px; }
  .drm-audit-lhero-ring { width: 260px; height: 260px; right: -40px; }
  .drm-audit-stages-grid { grid-template-columns: 1fr; }
  .drm-audit-stages { padding: 3.2rem 0 3rem; }
}
@media (max-width: 560px) {
  .drm-audit-lhero-quote { font-size: 1.3rem; }
  .drm-audit-lhero-actions .drm-btn { width: 100%; justify-content: center; }
  .drm-audit-receipt--landing { padding: 1.6rem 1.3rem 2.3rem; }
  .drm-audit-receipt--landing .drm-audit-receipt-head span { font-size: 1.55rem; }
  .drm-audit-receipt-stamp--landing { width: 86px; height: 86px; font-size: 1.45rem; top: 0; right: 0; }
  .drm-audit-stages-bar { padding: 1.3rem 1.3rem; }
  .drm-audit-stages-bar p { font-size: 1.35rem; }
  .drm-audit-stage { padding: 1.6rem 1.4rem 1.7rem; }
}
.drm-audit-landing { position: relative; z-index: 1; }
.drm-audit-landing .drm-audit-stages { padding-top: 4.6rem; padding-bottom: 4.4rem; }
.drm-audit-receipt--landing li { align-items: center; }
@media (max-width: 960px) { .drm-audit-landing .drm-audit-stages { padding-top: 3.2rem; padding-bottom: 3rem; } }
/* bez cieplych bezy/zlota - tylko palety strony (decyzja usera 2026-10-11) */
.drm-audit-stage--1 { background: #FFFFFF; }
.drm-audit-stage--3 { background: #EDE6F1; }
.drm-audit-post-block--zones .drm-audit-col:last-child { background: #EDE6F1; }
.drm-audit-col.is-accent { background: #fff; }
.drm-audit-aside-visual.is-placeholder { background: radial-gradient(circle at 30% 20%, #FFFFFF 0%, #F1ECF4 50%, #E3D9E8 100%); }
.drm-audit-aside-note { background: #FFFFFF; box-shadow: 0 14px 30px rgba(49,42,68,0.12), inset 6px 0 0 #E4DCEA; }
/* grafika lewej kolumny: kadr 4:5 (assets/img/audyt-podatek.webp, 900x1125) */
.drm-audit-aside-visual { aspect-ratio: 4 / 5; }
.drm-audit-aside-visual img { object-position: 50% 40%; }

/* =====================================================================
   Ekrany po wyniku (uklad split): krokomierz + Wynik / Cwiczenia / Plan
   ===================================================================== */
.drm-audit--split.is-result .drm-audit-aside { display: none; }
.drm-audit--split.is-result .drm-audit-split { grid-template-columns: minmax(0, 1fr); max-width: 1120px; }
.drm-audit--split .drm-audit-result { position: relative; overflow: hidden; padding: 2.4rem 3rem 2.8rem; border-radius: 30px; background: #fff; border: 1px solid #EFE9F3; box-shadow: 0 30px 70px rgba(49,42,68,0.08); text-align: left; }
.drm-audit--split .drm-audit-result::before { content: ''; position: absolute; top: -160px; right: -140px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #F1EAF4 0%, rgba(241,234,244,0) 70%); pointer-events: none; }
.drm-audit--split .drm-audit-result > * { position: relative; }
[data-rscreen][hidden] { display: none !important; }

.drm-audit-stepper { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0; margin: 0 0 2.4rem; padding: 0; list-style: none; }
.drm-audit-stepper li { display: flex; align-items: center; font-size: 0.92rem; font-weight: 500; color: var(--dusky-lilac, #88708E); }
.drm-audit-stepper li + li::before { content: ''; width: 2.6rem; height: 1px; margin: 0 0.9rem; background: #DCD2E3; }
.drm-audit-stepper button { display: inline-flex; align-items: center; gap: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
.drm-audit-stepper button:disabled { cursor: default; }
.drm-audit-stepper-dot { display: grid; place-items: center; width: 36px; height: 36px; margin-right: 0.7rem; border-radius: 50%; border: 1px solid #DCD2E3; background: #fff; font-size: 0.85rem; font-weight: 700; color: var(--dusky-lilac, #88708E); }
.drm-audit-stepper li.is-done .drm-audit-stepper-dot { border-color: #EDE6F1; background: #EDE6F1; color: var(--midnight-orchid, #312A44); }
.drm-audit-stepper li.is-active { color: var(--midnight-orchid, #312A44); font-weight: 600; }
.drm-audit-stepper li.is-active .drm-audit-stepper-dot { border-color: var(--midnight-orchid, #312A44); background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-stepper-ok { display: none; }
.drm-audit-stepper li.is-done .drm-audit-stepper-ok { display: inline-flex; }
.drm-audit-stepper li.is-done .drm-audit-stepper-no { display: none; }

/* ekran Wynik */
.drm-audit-rcard.drm-audit-card { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.drm-audit-rhead { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 2rem; align-items: center; margin: 0 0 2.2rem; }
.drm-audit-rhead .drm-audit-result-title { margin: 0.7rem 0 1rem; font-size: clamp(2.4rem, 5vw, 3.8rem); line-height: 1.05; text-align: left; }
.drm-audit-rhead .drm-audit-result-title em { color: var(--dusky-lilac, #88708E); }
.drm-audit-rhead .drm-audit-result-text { max-width: 600px; margin: 0; text-align: left; font-size: 1.02rem; }
.drm-audit-gauge { position: relative; width: 240px; height: 240px; justify-self: center; border-radius: 50%; background: radial-gradient(circle, #FFFFFF 58%, #F4EEF6 59%); box-shadow: 0 24px 50px rgba(49,42,68,0.10); }
.drm-audit-gauge svg { position: absolute; inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); transform: rotate(-90deg); }
.drm-audit-gauge-track { fill: none; stroke: #EDE6F1; stroke-width: 8; }
.drm-audit-gauge-fill { fill: none; stroke: var(--midnight-orchid, #312A44); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1); }
.drm-audit-gauge-inner { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.drm-audit-gauge-inner strong { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 4.6rem; font-weight: 600; line-height: 1; color: var(--midnight-orchid, #312A44); }
.drm-audit-gauge-inner span { margin-top: 0.3rem; font-size: 0.85rem; color: rgba(49,42,68,0.65); }

.drm-audit-rgrid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 1.2rem; }
.drm-audit-rband { padding: 2rem 2.1rem; border-radius: 26px; background: #F5F0F7; }
.drm-audit-rband .drm-audit-band { position: relative; }
.drm-audit-rband-icon { position: absolute; top: -0.4rem; right: -0.4rem; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: #fff; color: var(--dusky-lilac, #88708E); box-shadow: 0 10px 24px rgba(49,42,68,0.08); }
.drm-audit-rband-range { display: inline-block; margin: 0 0 1rem; padding: 0.35rem 0.9rem; border-radius: 999px; background: #E8DFEC; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--midnight-orchid, #312A44); }
.drm-audit-rband .drm-audit-band-title { margin: 0 4.2rem 0.8rem 0; font-size: clamp(1.7rem, 2.6vw, 2.1rem); line-height: 1.12; }
.drm-audit-rband .drm-audit-band p { margin: 0 0 0.6rem; font-size: 0.97rem; line-height: 1.65; color: rgba(49,42,68,0.78); }
.drm-audit-rnext { position: relative; overflow: hidden; padding: 2rem 2.1rem; border-radius: 26px; background: linear-gradient(135deg, #312A44 0%, #43375C 100%); color: #fff; }
.drm-audit-rnext .drm-overline { color: #D7C5D8; }
.drm-audit-rnext h3 { margin: 0.8rem 0 1rem; font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: 1.08; color: #fff; }
.drm-audit-rnext p { margin: 0; max-width: 420px; font-size: 0.97rem; line-height: 1.65; color: rgba(255,255,255,0.82); }
.drm-audit-rnext-icon { position: absolute; top: 1.4rem; right: 1.6rem; color: #B9A3C2; opacity: 0.85; }

.drm-audit-legend--r { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; margin: 1.2rem 0 0; }
.drm-audit-legend--r li { position: relative; padding: 1.1rem 3rem 1.1rem 1.2rem; border-radius: 18px; background: #fff; border: 1px solid #ECE5F0; font-size: 0.9rem; }
.drm-audit-legend--r li span { font-size: 1.8rem; }
.drm-audit-legend--r li i { position: absolute; top: 1rem; right: 1rem; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #DCD2E3; color: transparent; }
.drm-audit-card[data-band="low"] .drm-audit-legend--r [data-legend="low"] i,
.drm-audit-card[data-band="mid"] .drm-audit-legend--r [data-legend="mid"] i,
.drm-audit-card[data-band="high"] .drm-audit-legend--r [data-legend="high"] i { background: #fff; border-color: #fff; color: var(--midnight-orchid, #312A44); }
.drm-audit-rcard .drm-audit-legend-note { margin: 1rem 0 0; }

.drm-audit-rnav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.8rem; margin: 2rem 0 0; }
.drm-audit-rnav--end { justify-content: flex-end; }

/* ekrany Cwiczenia / Plan w karcie: bloki splaszczone */
.drm-audit--split .drm-audit-post-head { margin-top: 0; text-align: left; }
.drm-audit--split .drm-audit-post-head p { margin: 0; }
.drm-audit--split .drm-audit-post-block { box-shadow: none; border-color: #EFE9F3; }
.drm-audit--split .drm-audit-close { margin-top: 1.6rem; }

@media (max-width: 900px) {
  .drm-audit--split .drm-audit-result { padding: 1.6rem 1.2rem 2rem; border-radius: 24px; }
  .drm-audit-rhead { grid-template-columns: 1fr; gap: 1.4rem; }
  .drm-audit-gauge { width: 200px; height: 200px; }
  .drm-audit-gauge-inner strong { font-size: 3.8rem; }
  .drm-audit-rgrid { grid-template-columns: 1fr; }
  .drm-audit-legend--r { grid-template-columns: 1fr; }
  .drm-audit-stepper li + li::before { width: 1rem; margin: 0 0.4rem; }
  .drm-audit-stepper li { font-size: 0.78rem; }
  .drm-audit-stepper-dot { width: 28px; height: 28px; margin-right: 0.4rem; }
}
@media (max-width: 560px) {
  .drm-audit-stepper li:not(.is-active) button, .drm-audit-stepper li:not([data-rstep]) { font-size: 0; }
  .drm-audit-stepper li:not(.is-active) .drm-audit-stepper-dot { margin-right: 0; font-size: 0.78rem; }
  .drm-audit-rband, .drm-audit-rnext { padding: 1.5rem 1.3rem; }
  .drm-audit-rnav .drm-btn { flex: 1 1 100%; justify-content: center; }
}
/* plan: "Wstecz" na samym dole ekranu; cyfry w Cormorant wyrownane do linii (bez nautycznych) */
.drm-audit--split .drm-audit-result { display: flex; flex-direction: column; }
.drm-audit--split .drm-audit-rnav[data-rscreen="plan"] { order: 99; }
.drm-audit--split .drm-audit-disclaimer { order: 98; }
.drm-audit h1, .drm-audit h2, .drm-audit h3, .drm-audit-gauge-inner strong, .drm-audit-legend li span, .drm-audit-stage-no, .drm-audit-route-no, .drm-audit-receipt-stamp, .drm-audit-receipt-head span { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }
/* HOTFIX 2.73.1: display:flex na wyniku nie moze nadpisac [hidden] (wynik byl widoczny pod pytaniami) */
.drm-audit--split .drm-audit-result[hidden], .drm-audit-result[hidden], .drm-audit-form[hidden], .drm-audit-progress[hidden], .drm-audit-step[hidden] { display: none !important; }
/* wynik: karta przedzialu jako glowny akcent ekranu, "Co teraz?" drugoplanowo (feedback 2026-10-11) */
.drm-audit-rband { background: #fff; border: 2px solid var(--midnight-orchid, #312A44); box-shadow: 0 26px 60px rgba(49,42,68,0.16); }
.drm-audit-rband-range { background: var(--midnight-orchid, #312A44); color: #fff; letter-spacing: 0.12em; }
.drm-audit-rband-icon { width: 66px; height: 66px; background: var(--midnight-orchid, #312A44); color: #fff; box-shadow: 0 12px 26px rgba(49,42,68,0.25); }
.drm-audit-rband .drm-audit-band-title { font-size: clamp(2rem, 3vw, 2.5rem); }
.drm-audit-rband .drm-audit-band p { color: rgba(49,42,68,0.85); }
.drm-audit-rnext { background: #F5F0F7; color: var(--midnight-orchid, #312A44); }
.drm-audit-rnext .drm-overline { color: var(--dusky-lilac, #88708E); }
.drm-audit-rnext h3 { color: var(--midnight-orchid, #312A44); font-size: clamp(1.8rem, 2.8vw, 2.3rem); }
.drm-audit-rnext p { color: rgba(49,42,68,0.75); }
.drm-audit-rnext-icon { color: #C9BCD3; }
.drm-audit-rgrid { align-items: stretch; }
.drm-audit-rband .drm-audit-band p.drm-audit-rband-range { margin: 0 4.6rem 1.1rem 0; color: #fff; font-size: 0.74rem; line-height: 1.4; }

/* =====================================================================
   v2.74: kolory wyniku wg przedzialu, cwiczenia 1-3 i plan jako osobne ekrany
   ===================================================================== */
/* wynik: zielony / morelowy / rozany - przygaszone, dobrane do fioletow strony */
.drm-audit-rcard[data-band="low"]  { --band-ink: #4E6B4C; --band-line: #8FA88B; --band-bg: #F2F6F0; --band-tile: #E4ECE1; }
.drm-audit-rcard[data-band="mid"]  { --band-ink: #9A5F38; --band-line: #D3A07D; --band-bg: #FBF4EE; --band-tile: #F5E6DA; }
.drm-audit-rcard[data-band="high"] { --band-ink: #934257; --band-line: #CC8C9B; --band-bg: #FAF0F2; --band-tile: #F2DEE3; }
.drm-audit-rcard[data-band] .drm-audit-rband { background: var(--band-bg); border-color: var(--band-line); box-shadow: 0 26px 60px rgba(49,42,68,0.12); }
.drm-audit-rcard[data-band] .drm-audit-rband-range { background: var(--band-ink); }
.drm-audit-rcard[data-band] .drm-audit-rband-icon { background: var(--band-ink); }
.drm-audit-rcard[data-band] .drm-audit-band-title { color: var(--band-ink); }
.drm-audit-rcard[data-band] .drm-audit-gauge-fill { stroke: var(--band-ink); }
.drm-audit-rcard[data-band] .drm-audit-gauge-inner strong { color: var(--band-ink); }
.drm-audit-rcard[data-band] .drm-audit-gauge { background: radial-gradient(circle, #FFFFFF 58%, var(--band-tile) 59%); }
.drm-audit-rcard[data-band="low"] .drm-audit-legend--r [data-legend="low"],
.drm-audit-rcard[data-band="mid"] .drm-audit-legend--r [data-legend="mid"],
.drm-audit-rcard[data-band="high"] .drm-audit-legend--r [data-legend="high"] { background: var(--band-ink); box-shadow: 0 12px 28px rgba(49,42,68,0.16); }
.drm-audit-legend--r [data-legend="low"] span { color: #4E6B4C; }
.drm-audit-legend--r [data-legend="mid"] span { color: #9A5F38; }
.drm-audit-legend--r [data-legend="high"] span { color: #934257; }
.drm-audit-rcard[data-band="low"] .drm-audit-legend--r [data-legend="low"] span,
.drm-audit-rcard[data-band="mid"] .drm-audit-legend--r [data-legend="mid"] span,
.drm-audit-rcard[data-band="high"] .drm-audit-legend--r [data-legend="high"] span { color: #fff; }
.drm-audit-rcard[data-band="low"] .drm-audit-legend--r [data-legend="low"] i,
.drm-audit-rcard[data-band="mid"] .drm-audit-legend--r [data-legend="mid"] i,
.drm-audit-rcard[data-band="high"] .drm-audit-legend--r [data-legend="high"] i { color: var(--band-ink); }

/* ekrany cwiczen: naglowek nad karta, cala tresc w karcie */
.drm-audit--split .drm-audit-result:has([data-rscreen^="cw"]:not([hidden])),
.drm-audit--split .drm-audit-result:has(.drm-audit-post-block--steps:not([hidden])) { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
.drm-audit--split .drm-audit-result:has([data-rscreen^="cw"]:not([hidden]))::before,
.drm-audit--split .drm-audit-result:has(.drm-audit-post-block--steps:not([hidden]))::before { display: none; }
.drm-audit-xhead { margin: 0.6rem auto 1.8rem; max-width: 760px; text-align: center; }
.drm-audit-xhead h2 { margin: 0.6rem 0 0.7rem; font-size: clamp(2.3rem, 5vw, 3.6rem); font-weight: 500; line-height: 1.06; }
.drm-audit-xhead h2 em { color: var(--dusky-lilac, #88708E); }
.drm-audit-xhead p { margin: 0; font-size: 1.02rem; color: rgba(49,42,68,0.72); }
.drm-audit--split .drm-audit-post-block { padding: 2.4rem 2.4rem 2.2rem; border-radius: 30px; background: #fff; border: 1px solid #EFE9F3; box-shadow: 0 30px 70px rgba(49,42,68,0.08); }
.drm-audit--split .drm-audit-post-block > .drm-audit-kicker,
.drm-audit--split .drm-audit-post-block > h3,
.drm-audit--split .drm-audit-post-block > p:not([class]) { display: none; }
.drm-audit-rnav--in { margin-top: 2rem; }
.drm-audit--split .drm-audit-stepper { padding: 0 0.4rem; }

/* cwiczenie 1: trzy strefy obok siebie (kolory jak w makiecie) */
.drm-audit--split .drm-audit-post-block--zones .drm-audit-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.drm-audit--split .drm-audit-post-block--zones .drm-audit-col { display: flex; flex-direction: column; gap: 1.1rem; padding: 1.5rem 1.4rem; border-radius: 22px; border: 1px solid transparent; box-shadow: none; }
.drm-audit--split .drm-audit-post-block--zones .drm-audit-col:nth-child(1) { background: #F4EFF7; }
.drm-audit--split .drm-audit-post-block--zones .drm-audit-col.is-accent { background: #fff; border: 2px solid #88708E; }
.drm-audit--split .drm-audit-post-block--zones .drm-audit-col:nth-child(3) { background: #FAF4EC; }
.drm-audit--split .drm-audit-col-head { flex-direction: column; gap: 0.8rem; }
.drm-audit--split .drm-audit-col-head > div { display: flex; flex-direction: column; }
.drm-audit--split .drm-audit-col-title { order: -1; margin-top: -2.55rem; margin-left: 3.4rem; min-height: 1.4rem; }
.drm-audit--split .drm-audit-col-title em { display: none; }
.drm-audit--split .drm-audit-col-q { font-size: 1.45rem; line-height: 1.2; }
.drm-audit--split .drm-audit-col-hint { min-height: 2.6em; }
.drm-audit--split .drm-audit-col-inputs { grid-template-columns: 1fr; gap: 0.55rem; margin-top: auto; }
.drm-audit--split .drm-audit-post-block--zones .drm-audit-pick { margin-top: 1.4rem; padding: 1.6rem 1.8rem; border-radius: 24px; background: #2D2340; }
.drm-audit--split .drm-audit-pick-title { font-size: 1.8rem; }

/* cwiczenie 3: kafle uczuc z ikonami */
.drm-audit--split .drm-audit-post-block--chips .drm-audit-label { margin: 0 0 1rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit--split .drm-audit-post-block--chips .drm-audit-field + .drm-audit-field .drm-audit-label { font-size: 1rem; letter-spacing: 0; text-transform: none; color: var(--midnight-orchid, #312A44); }
.drm-audit--split .drm-audit-post-block--chips .drm-audit-choices { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.8rem; }
.drm-audit--split.drm-audit .drm-audit-post-block--chips .drm-audit-choice { flex-direction: column; gap: 0.7rem; min-height: 8rem; padding: 1.3rem 0.6rem; border-radius: 18px; background: #fff; font-size: 1rem; font-weight: 600; color: var(--midnight-orchid, #312A44); }
.drm-audit-choice-icon { display: grid; place-items: center; color: var(--dusky-lilac, #88708E); font-style: normal; }
.drm-audit--split.drm-audit .drm-audit-post-block--chips .drm-audit-choice:has(input:checked) .drm-audit-choice-icon { color: #fff; }
.drm-audit-xnote { margin: 1.4rem 0 0; padding: 1rem 1.3rem; border-radius: 16px; background: #F5F0F7; font-size: 0.92rem; color: rgba(49,42,68,0.8); }

/* plan */
.drm-audit-picked { margin: 0 0 1.6rem; padding: 1.6rem 1.8rem; border-radius: 22px; background: #F2F6F0; border: 1px solid #CFDDCB; }
.drm-audit-picked .drm-overline { color: #4E6B4C; }
.drm-audit-picked-val { margin: 0.5rem 0 0.3rem; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2rem; font-weight: 600; line-height: 1.15; color: var(--midnight-orchid, #312A44); }
.drm-audit-picked-val.is-empty { font-size: 1.15rem; font-style: italic; color: rgba(49,42,68,0.6); }
.drm-audit-picked-note { margin: 0; font-size: 0.9rem; color: rgba(49,42,68,0.7); }
.drm-audit-planquote { margin: 1.6rem 0 0; padding: 0.2rem 0 0.2rem 1.2rem; border-left: 3px solid var(--midnight-orchid, #312A44); font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.55rem; line-height: 1.35; color: var(--midnight-orchid, #312A44); }
.drm-audit--split .drm-audit-post-block--steps .drm-audit-subhead { margin-top: 0; }

@media (max-width: 960px) {
  .drm-audit--split .drm-audit-post-block--zones .drm-audit-cols { grid-template-columns: 1fr; }
  .drm-audit--split .drm-audit-post-block--chips .drm-audit-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .drm-audit--split .drm-audit-post-block { padding: 1.5rem 1.1rem 1.4rem; border-radius: 22px; }
  .drm-audit--split .drm-audit-post-block--chips .drm-audit-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .drm-audit--split.drm-audit .drm-audit-post-block--chips .drm-audit-choice { min-height: 6.4rem; }
  .drm-audit-picked-val { font-size: 1.6rem; }
}
.drm-audit--split .drm-audit-post-block--zones .drm-audit-col { align-items: stretch; }
.drm-audit--split.drm-audit .drm-audit-post-block--chips .drm-audit-choice:has(input:checked) { background: var(--midnight-orchid, #312A44); border-color: var(--midnight-orchid, #312A44); color: #fff; box-shadow: 0 12px 26px rgba(49,42,68,0.2); }
.drm-audit-picked-val, .drm-audit-planquote, .drm-audit-xhead h2 { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }

/* gotowy tekst do rozmowy (cwiczenie 2): biala karta, wyrazny tekst, wstawiony obszar pogrubiony */
.drm-audit-readybox { position: relative; border-radius: 22px; background: #fff; border: 1px solid #E6DEEB; box-shadow: 0 18px 40px rgba(49,42,68,0.07); overflow: hidden; }
.drm-audit-readybox::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--midnight-orchid, #312A44); }
.drm-audit-post-block--ready .drm-audit-readybox .drm-audit-ready { margin: 0; padding: 1.9rem 2.2rem 1.4rem 2.4rem; border: 0; border-radius: 0; background: none; font-family: 'Cormorant Garamond', Georgia, serif; font-style: normal; font-size: clamp(1.35rem, 2.1vw, 1.6rem); font-weight: 500; line-height: 1.55; color: var(--midnight-orchid, #312A44); font-variant-numeric: lining-nums; }
.drm-audit-post-block--ready .drm-audit-readybox .drm-audit-ready::before { display: none; }
.drm-audit-ready-fill { font-weight: 700; color: var(--midnight-orchid, #312A44); background: linear-gradient(transparent 62%, #E8DFEE 62%); padding: 0 0.15em; }
.drm-audit-ready-fill.is-empty { display: inline-block; padding: 0 0.7em; border: 1.5px dashed #C4B5CF; border-radius: 8px; background: #FAF7FC; font-family: 'Inter', sans-serif; font-size: 0.62em; font-weight: 600; letter-spacing: 0.04em; line-height: 1.9; color: var(--dusky-lilac, #88708E); vertical-align: 0.15em; }
.drm-audit-readybox-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.8rem; padding: 0.9rem 2.2rem 1.2rem 2.4rem; border-top: 1px solid #F0EAF3; background: #FCFBFD; }
.drm-audit-readybox-hint { font-size: 0.82rem; color: rgba(49,42,68,0.6); }
.drm-audit-readybox-hint[hidden] { display: none; }
.drm-audit .drm-audit-copy { margin-left: auto; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.55rem 1rem; border: 1px solid #D9D0E1; border-radius: 999px; background: #fff; font-family: 'Inter', sans-serif; font-size: 0.82rem; font-weight: 600; color: var(--midnight-orchid, #312A44); cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; }
.drm-audit .drm-audit-copy:hover { background: #F5F0F7; }
.drm-audit .drm-audit-copy.is-done { border-color: #8FA88B; color: #4E6B4C; background: #F2F6F0; }
@media (max-width: 560px) {
  .drm-audit-post-block--ready .drm-audit-readybox .drm-audit-ready { padding: 1.4rem 1.2rem 1.1rem 1.5rem; }
  .drm-audit-readybox-foot { padding: 0.8rem 1.2rem 1rem 1.5rem; }
  .drm-audit .drm-audit-copy { margin-left: 0; }
}

/* ikony Phosphor duotone: druga warstwa (opacity .2) w kolorze tekstu */
.drm-ph--duo { flex: none; }
/* puste miejsce w gotowym tekscie - w linii, nie na cala szerokosc */
.drm-audit-post-block--ready .drm-audit-readybox .drm-audit-ready-fill.is-empty { display: inline; width: auto; padding: 0.1em 0.6em; line-height: 2.1; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.drm-audit-post-block--ready .drm-audit-readybox .drm-audit-ready-fill { display: inline; }
/* pole "Co jeszcze chcesz nazwac?" wysuwa sie po zaznaczeniu "cos innego" */
.drm-audit-post [data-show-if]:not([hidden]) { animation: drmAuditReveal 0.35s ease both; }
@keyframes drmAuditReveal { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .drm-audit-post [data-show-if]:not([hidden]) { animation: none; } }

/* jednolite numery w okregach + ikony zasad; zakonczenie odciete od tla (feedback 2026-10-11) */
.drm-audit-rules li { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "no icon" "txt txt"; align-items: center; gap: 0.9rem; }
.drm-audit-rules li .drm-audit-rules-no { grid-area: no; width: 2.1rem; height: 2.1rem; border-radius: 50%; }
.drm-audit-rules-icon { grid-area: icon; justify-self: end; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #fff; color: var(--dusky-lilac, #88708E); font-style: normal; }
.drm-audit-rules li p { grid-area: txt; margin: 0; }
.drm-audit-post-block--steps .drm-audit-list li::before { border-radius: 50%; }
.drm-audit--split .drm-audit-close { background: #fff; border: 1px solid #E6DEEB; box-shadow: 0 24px 60px rgba(49,42,68,0.10); }
.drm-audit--split .drm-audit-close::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px; border-radius: 28px 28px 0 0; background: var(--midnight-orchid, #312A44); }
.drm-audit--split .drm-audit-close { position: relative; }
@media (max-width: 720px) { .drm-audit-rules li { grid-template-columns: auto 1fr auto; grid-template-areas: "no txt icon"; } }

/* Twoj pierwszy krok - wymagany */
.drm-audit-req { display: inline-block; margin-left: 0.5rem; padding: 0.2rem 0.6rem; border-radius: 999px; background: rgba(255,255,255,0.14); font-family: 'Inter', sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; vertical-align: middle; color: #E6DAEA; }
.drm-audit-pick .drm-audit-input.is-missing { box-shadow: 0 0 0 3px #E7A9B8; }
.drm-audit-pick-error { margin: 0.8rem 0 0 !important; padding: 0.7rem 1rem; border-radius: 12px; background: #F7E3E8; color: #8A3550 !important; font-size: 0.9rem; font-weight: 600; }
.drm-audit-pick-error[hidden] { display: none; }

/* ekran Plan: plan | zakonczenie 50/50, zakonczenie w formie lewej kolumny z pytan (bez karty) */
@media (min-width: 961px) {
  .drm-audit--split .drm-audit-result.is-plan { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 3rem; align-items: start; }
  .drm-audit--split .drm-audit-result.is-plan > * { grid-column: 1 / -1; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-post { display: contents; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-stepper { grid-row: 1; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-xhead { grid-column: 1 / -1; grid-row: 2; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-post-block--steps { grid-column: 1; grid-row: 3; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-close { grid-column: 2; grid-row: 3; margin: 0; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-book { grid-row: 4; }
  .drm-audit--split .drm-audit-result.is-plan .drm-audit-post-block--steps .drm-audit-list { grid-template-columns: 1fr; }
}
.drm-audit--split .drm-audit-close { max-width: none; padding: 0.4rem 0 0; background: none; border: 0; box-shadow: none; border-radius: 0; }
.drm-audit--split .drm-audit-close::before { display: none; }
.drm-audit-close-visual { position: relative; margin: 0 0 1.8rem; border-radius: 28px 120px 28px 28px; overflow: hidden; aspect-ratio: 16 / 10; box-shadow: 0 24px 50px rgba(49,42,68,0.12); }
.drm-audit-close-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.drm-audit--split .drm-audit-close h3 { font-size: clamp(2rem, 3.2vw, 2.6rem); line-height: 1.08; margin: 0 0 0.9rem; }
.drm-audit--split .drm-audit-close p { font-size: 1rem; line-height: 1.7; }
.drm-audit--split .drm-audit-close .drm-audit-signature { border-top: 0; padding-top: 0; margin-top: 2rem; align-items: center; }
.drm-audit--split .drm-audit-close .drm-audit-signature img { width: 80px; height: 80px; }
.drm-audit--split .drm-audit-close .drm-audit-signature strong { font-size: 1.3rem; }
.drm-audit--split .drm-audit-close .drm-audit-signature span { font-size: 0.64rem; margin: 0; }
.drm-audit--split .drm-audit-close .drm-audit-signature p { margin: 0.9rem 0 0 -96px; padding-left: 1rem; border-left: 2px solid #D9D0E1; }
@media (max-width: 960px) {
  .drm-audit--split .drm-audit-close { margin-top: 2.4rem; padding: 0 0.4rem; }
  .drm-audit--split .drm-audit-close .drm-audit-signature p { margin-left: 0; }
}
.drm-audit--split .drm-audit-close .drm-audit-signature p { margin: 0.6rem 0 0; padding: 0; border: 0; }
.drm-audit--split .drm-audit-close .drm-audit-signature { align-items: flex-start; }

/* MOBILE (feedback 2026-10-11): kontenery audytu nie moga zerowac bocznego paddingu, nic poza ekran */
.drm-audit--split { overflow-x: clip; }
.drm-audit-landing .drm-audit-stages, .drm-audit--split .drm-audit-split { padding-left: clamp(16px, 4vw, 32px); padding-right: clamp(16px, 4vw, 32px); }
.drm-audit-lhero-ring { display: none; }
@media (min-width: 961px) { .drm-audit-lhero-ring { display: block; } }
@media (max-width: 960px) {
  .drm-audit-aside { padding-top: 0; }
  .drm-audit-signature--aside { margin-top: 0.4rem; }
  .drm-audit-signature--aside img { width: 64px; height: 64px; }
  .drm-audit-aside-tagline { display: none; }
  .drm-audit--split .drm-audit-progress { margin-bottom: 1rem; }
  .drm-audit-stages h2 { font-size: 2.1rem; }
  .drm-audit-stage-icon { width: 46px; height: 46px; margin-bottom: 1.1rem; }
  .drm-audit-stage-no { font-size: 2rem; top: 1.5rem; right: 1.4rem; }
  .drm-audit-stage h3 { font-size: 1.55rem; }
}
@media (max-width: 640px) {
  .drm-audit--split .drm-audit-split { padding-top: 1.6rem; padding-bottom: 3rem; }
  .drm-audit--split .drm-audit-form { padding: 1.3rem 1rem 1.2rem; }
  .drm-audit--split .drm-audit-step-title { font-size: 1.75rem; }
  .drm-audit-scale-key { padding: 0.75rem 0.9rem; gap: 0.3rem 0.9rem; }
  .drm-audit--split .drm-audit-q { padding: 0.9rem 0.8rem; }
  .drm-audit--split .drm-audit-q-text { font-size: 0.93rem; }
  .drm-audit--split .drm-audit-scale--3 { max-width: none; }
  .drm-audit--split .drm-audit-result { padding: 1.3rem 1rem 1.6rem; }
  .drm-audit-rhead .drm-audit-result-title { font-size: 2.1rem; }
  .drm-audit-gauge { width: 180px; height: 180px; }
  .drm-audit-gauge-inner strong { font-size: 3.3rem; }
  .drm-audit-rband .drm-audit-band-title { font-size: 1.6rem; margin-right: 3.6rem; }
  .drm-audit-rband-icon { width: 52px; height: 52px; }
  .drm-audit-rband .drm-audit-band p.drm-audit-rband-range { margin-right: 3.8rem; }
  .drm-audit-rnext h3 { font-size: 1.7rem; }
  .drm-audit-xhead h2 { font-size: 2rem; }
  .drm-audit--split .drm-audit-post-block { padding: 1.3rem 1rem 1.2rem; }
  .drm-audit-readybox-foot .drm-audit-copy { width: 100%; justify-content: center; }
  .drm-audit-picked { padding: 1.2rem 1.1rem; }
  .drm-audit-planquote { font-size: 1.3rem; }
  .drm-audit-stepper { gap: 0.4rem 0; }
  .drm-audit-lhero h1 { font-size: 2.6rem; }
  .drm-audit-lhero-quote { font-size: 1.25rem; }
  .drm-audit-receipt--landing { max-width: 300px; }
}
@media (max-width: 560px) { .drm-audit .drm-audit-rnav .drm-btn, .drm-audit .drm-audit-nav .drm-btn { white-space: normal; text-align: center; justify-content: center; max-width: 100%; } }
@media (max-width: 960px) { .drm-audit-close-visual { display: none; } }
/* MOBILE: lewa kolumna jak na desktopie (tytul, opis, grafika, cytat, podpis) nad karta z pytaniami - feedback 2026-10-11 */
@media (max-width: 960px) {
  .drm-audit-aside h1, .drm-audit-aside-lead, .drm-audit-aside-quote, .drm-audit-aside-tagline { display: block; }
  .drm-audit-aside .drm-audit-aside-visual, .drm-audit-aside .drm-audit-aside-visual.is-placeholder { display: block; }
  .drm-audit-aside h1 br { display: inline; }
  .drm-audit-aside h1 { margin: 0.7rem 0 0.9rem; font-size: clamp(2.2rem, 9vw, 2.8rem); }
  .drm-audit-aside-lead { margin-bottom: 1.4rem; }
  .drm-audit-aside-visual { margin: 0; aspect-ratio: 4 / 5; max-height: 460px; width: 100%; border-radius: 24px 90px 24px 24px; }
  .drm-audit-aside-visual img { object-position: 50% 40%; }
  .drm-audit-aside-quote { margin: -2rem 0.6rem 0 0.6rem; font-size: 1.2rem; }
  .drm-audit-signature--aside { margin-top: 1.6rem; }
  .drm-audit-signature--aside img { width: 72px; height: 72px; }
  .drm-audit-aside-tagline { margin-top: 0.9rem; }
  .drm-audit-aside-script { display: none; }
  .drm-audit-split { gap: 2rem; }
  /* karta pytan: bez powtorzonego tytulu (jest juz nad grafika) */
  .drm-audit--split .drm-audit-step[data-step="seg"] .drm-audit-step-head { display: none; }
}
@media (max-width: 960px) { .drm-audit--split .drm-audit-step[data-step="seg"] > .drm-audit-step-lead { display: none; } }
/* mobile: "Chcesz zostac ze mna na dluzej?" jako karta z oddechem od krawedzi */
@media (max-width: 960px) {
  .drm-audit--split .drm-audit-close { margin: 1.6rem 0 0; padding: 1.6rem 1.25rem 1.5rem; background: #fff; border: 1px solid #EFE9F3; border-radius: 24px; box-shadow: 0 20px 50px rgba(49,42,68,0.08); }
  .drm-audit--split .drm-audit-close h3 { font-size: 1.8rem; }
  .drm-audit--split .drm-audit-close .drm-audit-next-actions { flex-direction: column; align-items: stretch; }
  .drm-audit--split .drm-audit-close .drm-audit-next-actions .drm-btn { justify-content: center; white-space: normal; }
  .drm-audit--split .drm-audit-close .drm-audit-ig { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.3rem 0.45rem; }
  .drm-audit--split .drm-audit-close .drm-audit-signature { margin-top: 1.6rem; padding-top: 1.4rem; border-top: 1px solid #EFE9F3; }
  .drm-audit--split .drm-audit-close .drm-audit-signature img { width: 64px; height: 64px; }
}
@media (max-width: 960px) {
  .drm-audit--split .drm-audit-close .drm-audit-ig { display: block; line-height: 1.6; }
  .drm-audit--split .drm-audit-close .drm-audit-ig svg { display: inline-block; vertical-align: -3px; margin-right: 0.35rem; }
}

/* brakujaca odpowiedz: komunikat przy samym pytaniu (zamiast na dole kroku) */
.drm-audit-q.is-missing::after { content: 'Zaznacz odpowiedź przy tym zdaniu'; grid-column: 1 / -1; display: block; margin-top: 0.6rem; font-size: 0.82rem; font-weight: 600; color: #A4506F; }
.drm-audit--split .drm-audit-q.is-missing, .drm-audit .drm-audit-q.is-missing { border-color: #C77A96; background: #FDF6F8; box-shadow: 0 0 0 3px rgba(199,122,150,0.14); }
.drm-audit-q.is-missing::after { margin-top: 0.4rem; }

/* mobile: Wstecz + przycisk dalej zawsze w jednej linii */
@media (max-width: 560px) {
  .drm-audit .drm-audit-nav, .drm-audit .drm-audit-rnav { flex-wrap: nowrap; gap: 0.6rem; }
  .drm-audit .drm-audit-nav .drm-btn, .drm-audit .drm-audit-rnav .drm-btn { flex: 0 1 auto; min-width: 0; padding: 0.85rem 1rem; font-size: 0.72rem; letter-spacing: 0.06em; line-height: 1.25; white-space: normal; text-align: center; justify-content: center; }
  .drm-audit .drm-audit-nav .drm-btn-ghost, .drm-audit .drm-audit-rnav .drm-btn-ghost { flex: 0 0 auto; }
  .drm-audit .drm-audit-nav .drm-btn-primary, .drm-audit .drm-audit-rnav .drm-btn-primary { flex: 1 1 auto; }
  .drm-audit .drm-audit-rnav--end .drm-btn-primary { flex: 1 1 100%; }
}

/* -------- audyt jednorazowy: juz wypelniony na ten e-mail (inc/audyty.php drm_audit_already_html) -------- */
.drm-audit-already[hidden] { display: none; }
.drm-audit-already { padding: 1.6rem 1.5rem 1.4rem; border: 1px solid #E4DEE8; border-radius: 20px; background: #FBFAFC; outline: none; }
.drm-audit-already-icon { display: inline-grid; place-items: center; width: 48px; height: 48px; margin: 0 0 0.9rem; border-radius: 50%; background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-already-icon svg { display: block; }
.drm-audit-already-title { margin: 0 0 0.75rem; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: clamp(1.6rem, 2.6vw, 2rem); line-height: 1.2; color: var(--midnight-orchid, #312A44); }
.drm-audit-already p { margin: 0 0 0.8rem; font-size: 0.98rem; line-height: 1.65; color: rgba(49, 42, 68, 0.8); }
.drm-audit-already p strong { color: var(--midnight-orchid, #312A44); word-break: break-all; }
.drm-audit-already .drm-audit-already-actions { margin: 1.2rem 0 0; }

/* =====================================================================
   MINI-AUDYT SELF w ukladzie split (2026-10-13): karta mapy SELF na stronie
   wejsciowej, skala 1-5 w wierszach, ekran wyniku z kartami czterech obszarow
   ===================================================================== */
.drm-audit-selfmap { position: relative; z-index: 1; width: 100%; max-width: 410px; padding: 2rem 1.9rem 1.7rem; border-radius: 26px; background: #fff; transform: rotate(-2.5deg); box-shadow: 0 30px 60px rgba(49,42,68,0.16), 0 2px 6px rgba(49,42,68,0.06); font-family: 'Inter', sans-serif; color: var(--midnight-orchid, #312A44); text-align: left; }
.drm-audit-selfmap-head { margin: 0 0 1.2rem; padding: 0 4.6rem 1rem 0; border-bottom: 1.5px dashed #D9D0E1; }
.drm-audit-selfmap-head span { display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.95rem; font-weight: 600; line-height: 1.1; }
.drm-audit-selfmap-head small { display: block; margin-top: 0.35rem; font-size: 0.68rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-selfmap ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.95rem; }
.drm-audit-selfmap li { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 0.85rem; row-gap: 0.4rem; align-items: center; }
.drm-audit-selfmap li b { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #F2EEF5; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; font-weight: 600; }
.drm-audit-selfmap li span strong { display: block; font-size: 0.9rem; font-weight: 600; line-height: 1.2; }
.drm-audit-selfmap li span small { display: block; font-size: 0.74rem; line-height: 1.35; color: rgba(49,42,68,0.6); }
.drm-audit-selfmap li i { display: block; height: 6px; border-radius: 999px; background: #EFE9F3; overflow: hidden; }
.drm-audit-selfmap li i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #BAB0C8 0%, #88708E 55%, #312A44 100%); }
.drm-audit-selfmap-foot { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin: 1.3rem 0 0; padding: 1rem 0 0; border-top: 1.5px solid #D9D0E1; }
.drm-audit-selfmap-foot span { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.drm-audit-selfmap-foot b { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; font-style: italic; font-weight: 600; color: var(--dusky-lilac, #88708E); }
.drm-audit-selfmap + .drm-audit-receipt-stamp--landing { font-size: 1.15rem; letter-spacing: 0.06em; }
.drm-audit-stages-note { max-width: 560px; margin: 1.2rem auto 0; font-size: 0.82rem; line-height: 1.6; text-align: center; color: rgba(49,42,68,0.6); }
@media (max-width: 560px) {
  .drm-audit-selfmap { padding: 1.6rem 1.3rem 1.4rem; }
  .drm-audit-selfmap-head span { font-size: 1.55rem; }
  .drm-audit-selfmap + .drm-audit-receipt-stamp--landing { font-size: 0.95rem; }
}

/* skala 1-5 w wierszach pytan: podpisy pod kolkami SA (user 2026-10-13: legenda na gorze + podpisy przy pytaniach),
   a ze sa dlugie, skala idzie pod tresc pytania na cala szerokosc karty */
.drm-audit--split .drm-audit-q:has(.drm-audit-scale--5) { grid-template-columns: minmax(0, 1fr); gap: 0.7rem; }
.drm-audit--split .drm-audit-scale--5 { max-width: none; margin: 0 0 0 calc(30px + 0.9rem); gap: 0.3rem; align-items: start; }
.drm-audit--split .drm-audit-scale--5 .drm-audit-opt-label { font-size: 0.7rem; line-height: 1.3; }
@media (max-width: 600px) {
  .drm-audit--split .drm-audit-scale--5 { margin: 0; gap: 0.1rem; }
  .drm-audit--split .drm-audit-scale--5 .drm-audit-opt-label { font-size: 0.62rem; }
}
.drm-audit--split .drm-audit-scale-key:has(span:nth-of-type(5)) { gap: 0.5rem 1.2rem; }
/* legenda z opisami (SELF): polecenie + 1-5 jeden pod drugim */
.drm-audit-scale-key--list { display: block; padding: 1.1rem 1.3rem; }
.drm-audit-scale-key-title { margin: 0 0 0.7rem; font-weight: 600; font-size: 0.95rem; }
.drm-audit-scale-key--list ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.55rem; }
.drm-audit-scale-key--list li { display: flex; align-items: flex-start; gap: 0.75rem; line-height: 1.45; }
.drm-audit-scale-key--list strong { font-weight: 600; }
.drm-audit-scale-key-no { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #CFC6D8; background: #fff; font-size: 0.78rem; font-weight: 600; color: var(--dusky-lilac, #88708E); font-variant-numeric: lining-nums; margin-top: -0.1rem; }
@media (max-width: 640px) {
  .drm-audit-scale-key--list { padding: 0.95rem 0.95rem; font-size: 0.86rem; }
}
@media (max-width: 640px) {
  .drm-audit--split .drm-audit-q:has(.drm-audit-scale--5) { grid-template-columns: 1fr; }
  .drm-audit--split .drm-audit-scale--5 { max-width: 320px; margin: 0 auto; }
}

/* ekran Wynik - mapa SELF */
.drm-audit-rmap-head.drm-audit-card { margin: 0 0 1.6rem; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.drm-audit-rmap-head .drm-audit-result-title { margin: 0.7rem 0 1rem; font-size: clamp(2.2rem, 4.4vw, 3.4rem); line-height: 1.05; text-align: left; }
.drm-audit-rmap-head .drm-audit-result-title em { color: var(--dusky-lilac, #88708E); }
.drm-audit-rmap-head .drm-audit-result-text { max-width: 680px; margin: 0 0 0.5rem; text-align: left; font-size: 1.02rem; }
.drm-audit-legend--map { margin-top: 1.3rem; }
.drm-audit-legend--map li { padding: 0.85rem 1rem; }
.drm-audit-legend--map li span { font-size: 1.45rem; }
.drm-audit-rmap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.drm-audit-rarea.drm-audit-card { position: relative; margin: 0; padding: 1.6rem 1.6rem 1.5rem; border-radius: 24px; background: #fff; border: 1px solid #ECE5F0; box-shadow: 0 18px 40px rgba(49,42,68,0.06); text-align: left; }
.drm-audit-rarea.drm-audit-card.is-top { border: 2px solid var(--midnight-orchid, #312A44); box-shadow: 0 26px 60px rgba(49,42,68,0.14); }
.drm-audit-rarea-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.9rem; align-items: center; margin: 0 0 1.1rem; }
.drm-audit-rarea-letter { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: var(--midnight-orchid, #312A44); color: #fff; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.6rem; font-weight: 600; }
.drm-audit-rarea-name p { margin: 0.25rem 0 0; font-size: 0.86rem; line-height: 1.4; color: rgba(49,42,68,0.7); }
.drm-audit-gauge.drm-audit-gauge--sm { width: 84px; height: 84px; box-shadow: none; background: radial-gradient(circle, #FFFFFF 60%, #F4EEF6 61%); }
.drm-audit-gauge--sm svg { inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); }
.drm-audit-gauge--sm .drm-audit-gauge-track, .drm-audit-gauge--sm .drm-audit-gauge-fill { stroke-width: 10; }
.drm-audit-gauge--sm .drm-audit-gauge-inner strong { font-size: 1.9rem; }
.drm-audit-gauge--sm .drm-audit-gauge-inner span { margin-top: 0; font-size: 0.68rem; }
.drm-audit-rarea-top { position: absolute; top: -0.8rem; left: 1.4rem; display: none; align-items: center; gap: 0.35rem; padding: 0.3rem 0.8rem; border-radius: 999px; background: var(--midnight-orchid, #312A44); color: #fff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.drm-audit-rarea.is-top .drm-audit-rarea-top { display: inline-flex; }
.drm-audit-rarea-band .drm-audit-rband-range { display: inline-flex; align-items: center; gap: 0.45rem; margin: 0 0 0.8rem; padding: 0.3rem 0.85rem 0.3rem 0.35rem; background: #F0EBF3; font-size: 0.66rem; letter-spacing: 0.08em; }
.drm-audit-rarea-band .drm-audit-rband-icon { position: static; width: 26px; height: 26px; box-shadow: none; }
.drm-audit-rarea[data-band="mid"] .drm-audit-rband-range { background: #E3D9E8; }
.drm-audit-rarea[data-band="high"] .drm-audit-rband-range { background: var(--midnight-orchid, #312A44); color: #fff; }
.drm-audit-rarea-band .drm-audit-band-title { margin: 0 0 0.6rem; font-size: clamp(1.35rem, 2vw, 1.6rem); line-height: 1.15; }
.drm-audit-rarea-band p { margin: 0 0 0.55rem; font-size: 0.92rem; line-height: 1.6; color: rgba(49,42,68,0.78); }
.drm-audit-rarea-band .drm-audit-rarea-step { margin: 0.9rem 0 0; padding: 0.9rem 1rem; border-radius: 16px; background: #F5F0F7; color: var(--midnight-orchid, #312A44); }
.drm-audit-rarea-step strong { display: block; margin: 0 0 0.2rem; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dusky-lilac, #88708E); }
.drm-audit-rgrid--map { margin-top: 1.2rem; }
.drm-audit-rtop.drm-audit-top { position: relative; max-width: none; margin: 0; padding: 2rem 2.1rem; border-radius: 26px; background: #F5F0F7; }
.drm-audit-rtop h3 { margin: 0.9rem 0 0.7rem; font-size: clamp(1.6rem, 2.6vw, 2rem); }
.drm-audit-rtop p { margin: 0; font-size: 0.97rem; line-height: 1.65; }
.drm-audit-rtop-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: var(--dusky-lilac, #88708E); }
.drm-audit-rscreen > .drm-audit-legend-note { margin: 1rem 0 0; }
@media (max-width: 900px) {
  .drm-audit-rmap, .drm-audit-rgrid--map { grid-template-columns: 1fr; }
  .drm-audit-legend--map { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .drm-audit-rarea.drm-audit-card { padding: 1.4rem 1.1rem 1.2rem; }
  .drm-audit-gauge.drm-audit-gauge--sm { width: 72px; height: 72px; }
  .drm-audit-gauge--sm .drm-audit-gauge-inner strong { font-size: 1.6rem; }
  .drm-audit-rtop.drm-audit-top { padding: 1.5rem 1.3rem; }
}
/* SELF: dluzszy naglowek klientki na stronie wejsciowej - mniejszy stopien niz w podatku */
.drm-audit[data-audit="self"] .drm-audit-lhero h1 { font-size: clamp(2.4rem, 4.3vw, 3.7rem); line-height: 1.06; }
.drm-audit-selfmap li { row-gap: 0.5rem; }
/* SELF: informacja o charakterze audytu drobnym drukiem (wizja klientki), krokomierz bez zawijania na waskich telefonach */
.drm-audit[data-audit="self"] .drm-audit-disclaimer p { font-size: 0.76rem; line-height: 1.55; }
@media (max-width: 420px) {
  .drm-audit-stepper li + li::before { width: 0.55rem; margin: 0 0.25rem; }
  .drm-audit-stepper-dot { width: 26px; height: 26px; }
}
/* SELF: ekran "Co dalej" bez bloku planu - zakonczenie na cala szerokosc (zdjecie | tekst), kalendarz pod nim, drobny druk na dole (zamiast ukladu 50/50 z podatku) */
.drm-audit[data-audit="self"] .drm-audit-result.is-plan { display: flex; flex-direction: column; }
.drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-close { order: 1; display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 2.6rem; align-items: center; width: 100%; max-width: none; margin: 0; padding: 2.4rem; border: 0; border-radius: 28px; background: linear-gradient(135deg, #F7F4F9 0%, #EFE9F3 100%); }
.drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-close-visual { margin: 0; aspect-ratio: 4 / 5; border-radius: 24px 100px 24px 24px; }
.drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-close-visual img { object-position: 50% 50%; }
.drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-book { order: 2; align-self: stretch; width: 100%; max-width: none; margin: 1.6rem 0 0; box-sizing: border-box; }
.drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-disclaimer { order: 98; max-width: none; margin: 2.2rem 0 0; }
@media (max-width: 900px) {
  .drm-audit[data-audit="self"] .drm-audit-result.is-plan .drm-audit-close { grid-template-columns: 1fr; gap: 1.6rem; padding: 1.6rem 1.2rem; }
}

/* zakonczenie wg sciezki (closing.paths): .drm-btn ma display inline-flex, wiec [hidden] trzeba wymusic */
.drm-audit-close [data-closing-path][hidden] { display: none !important; }