/* Przewodnik po fakturze: lokalne reguły, istniejąca typografia KWARTZ. */
.reactive-journey{position:relative;scroll-margin-top:6rem}
.reactive-guide__legacy-anchor{position:absolute;top:0;scroll-margin-top:6rem}
.reactive-journey__intro{max-width:58rem;margin-bottom:2.5rem}
.reactive-journey__intro h2{max-width:28ch}
.reactive-guide__workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}
.reactive-guide__questions{padding:clamp(1.25rem,3vw,2.5rem);background:#fff;border:1px solid var(--line);border-radius:18px;min-width:0}
.reactive-guide__field{margin-bottom:1.6rem}
.reactive-guide__field label,.rg-invoice label{display:block;font-size:1rem;font-weight:650;line-height:1.5;margin-bottom:.55rem}
.reactive-guide__field select,.rg-invoice input{font:inherit;font-size:1rem;line-height:1.5;color:#171d20;background:#fff;border:1px solid #667581;border-radius:9px;min-height:3.1rem;width:100%;max-width:100%;min-width:0;padding:.75rem .65rem}
.reactive-guide__field select{padding-right:1.4rem}
.reactive-guide__field p,.reactive-guide__privacy{font-size:.9rem;line-height:1.6;color:#566571;margin:.6rem 0 0}
.reactive-guide__invoices{border-top:1px solid var(--line);padding-top:1.2rem;margin:1.4rem 0}
.reactive-guide__invoices>summary{cursor:pointer;font-size:1.05rem;line-height:1.5;font-weight:650;padding:.3rem 0}
.reactive-guide__invoices>summary span{font-weight:400;font-size:.9rem;display:block;color:#566571}
.reactive-guide__invoice-body>p{font-size:.95rem;line-height:1.65}
.rg-invoice{min-width:0;border:1px solid var(--line);border-radius:10px;margin:1.25rem 0;padding:1rem}
.rg-invoice legend{font-weight:650;font-size:1rem;padding:0 .3rem}
.rg-invoice__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
.reactive-guide__secondary,.reactive-guide__remove{font:inherit;cursor:pointer;border:1px solid #667581;border-radius:8px;color:#17251d;background:#fff;min-height:44px;padding:.65rem 1rem;font-size:.95rem;font-weight:600;text-align:center}
.reactive-guide__remove{margin-top:1rem;font-size:.85rem;min-height:44px}
.reactive-guide__secondary:hover,.reactive-guide__remove:hover{background:#edf5ef}
.reactive-guide__secondary:disabled{opacity:.55;cursor:default}
.reactive-guide__output{min-width:0}
.reactive-guide__preview,.reactive-guide__result{background:#fff;border-left:4px solid #2fa34b;padding:clamp(1.25rem,3vw,2.4rem);border-radius:0 14px 14px 0}
.reactive-guide__output:has(#rg-result:not([hidden])) .reactive-guide__preview{display:none}
.reactive-guide__output h3{font-size:clamp(1.7rem,2.3vw,2.3rem);line-height:1.2;margin:0 0 1rem;overflow-wrap:normal;hyphens:none}
.reactive-guide__output h4{font-family:inherit;font-size:1.05rem;font-weight:700;margin:1.5rem 0 .6rem}
.reactive-guide__output p,.reactive-guide__output li{font-size:1rem;line-height:1.65;color:#42534b}
.reactive-guide__output ul{padding-left:1.2rem;margin:1rem 0}
.reactive-guide__output li{margin:.6rem 0}
.reactive-guide__totals{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line);overflow-wrap:anywhere}
.reactive-guide__totals:empty{display:none}
.rg-totals{margin:0 0 1.25rem}.rg-totals>div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);align-items:baseline}.rg-totals dt{font-size:.95rem;line-height:1.45}.rg-totals dd{font-size:1.1rem;font-weight:700;margin:0;text-align:right}.rg-totals>div:last-child{border-bottom:0}.rg-invoice-note{font-size:.9rem!important}.rg-period-list{overflow-wrap:anywhere}
.reactive-guide__exports{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.reactive-guide__review{padding:1.7rem .25rem 0}
.reactive-guide__review .btn,#rg-run{white-space:normal;text-align:center;max-width:100%;line-height:1.4}
#rg-run{width:100%}
#rg-result-title{scroll-margin-top:7rem}
#reactive-guide :focus-visible{outline:3px solid #23783b;outline-offset:3px}
#reactive-guide [aria-invalid=true]{border-color:#ab2828}
#rg-error{margin:1.2rem 0}
.reactive-journey__reading{margin-top:3rem}
.reactive-measurements{margin-top:2rem;max-width:65rem}
.reactive-measurements a{display:inline-flex;margin-left:.3rem;white-space:normal}
@media(max-width:950px){.reactive-guide__workspace{grid-template-columns:1fr}.reactive-guide__output{margin-top:.5rem}}
@media(max-width:480px){.rg-invoice__fields{grid-template-columns:1fr}.reactive-guide__exports>*{width:100%}.reactive-guide__review .btn{width:100%}.reactive-guide__questions{padding:1.15rem}.reactive-guide__field select{font-size:1rem}}
@media print{body.reactive-guide-print>*{display:none!important}body.reactive-guide-print>#reactive-guide-printout{display:block!important;position:static!important;margin:0!important;padding:1cm!important;color:#000!important;background:#fff!important;font:11pt/1.5 Arial,sans-serif!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}body.reactive-guide-print{background:white!important;margin:0!important}}

.reactive-guide__disclosure{border:1px solid var(--line);border-radius:14px;padding:clamp(1rem,2vw,1.6rem);background:#fff}
.reactive-guide__disclosure>summary{cursor:pointer;font-size:1.15rem;font-weight:650;line-height:1.5;padding:.35rem 0;min-height:44px}
.reactive-guide__disclosure>summary>span{display:block;font-weight:400;font-size:1rem;line-height:1.6;color:#566571;margin-top:.35rem}
.reactive-guide__disclosure[open]>summary{margin-bottom:1.5rem}