/* D01 — 26. 10. 2026. Pravidla platí pouze uvnitř .cmp. */
.cmp{--cmp-night:#10212d;--cmp-radius:20px;--pd-section:clamp(64px,6.5vw,96px)}
.cmp .pd-head-grid{align-items:start}
.cmp .pd-h1{max-width:11.5em}
.cmp .pd-h1 span{display:block;margin-top:.28em}
.cmp .pd-lead{max-width:29em;margin-top:24px}
.cmp .pd-head-actions{margin-top:26px}
.cmp .pd-section-head{align-items:start;gap:24px clamp(32px,5vw,72px);margin-bottom:32px}
.cmp .pd-section-head .pv-eyebrow{margin-bottom:16px}
.cmp .pd-section-lead p{margin:0}
.cmp .pd-section-lead{font-size:17px;line-height:1.7}
.cmp [id]{scroll-margin-top:calc(var(--vp-header,84px) + 24px)}
.cmp .cmp-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,52px)}
.cmp .cmp-jumps a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:16px 18px;border:1px solid var(--pd-line);border-radius:12px;font-size:15px;line-height:1.45;color:var(--pd-green-dark)}
.cmp .cmp-jumps svg{flex:none;width:16px;height:16px}

/* Stejné řádky ve všech třech kartách. Bez podpory subgrid zůstává běžná mřížka. */
.cmp .cmp-option-nav{display:none}
.cmp .cmp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;align-items:stretch}
.cmp .cmp-card{display:grid;grid-template-rows:auto repeat(6,1fr);min-width:0;border:1px solid var(--pd-line);border-radius:var(--cmp-radius);background:#fff;overflow:hidden}
.cmp .cmp-card-head{padding:26px 24px;background:#f2f6f6}
.cmp .cmp-card-no{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #c6d9dd;border-radius:8px;font-size:13px;font-weight:600;line-height:1;color:var(--pd-green-dark)}
.cmp .cmp-card h3{margin:16px 0 0;font-size:clamp(21px,2vw,27px);line-height:1.25;letter-spacing:-.035em;font-weight:500;color:var(--pd-text)}
.cmp .cmp-card-head p{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--pd-muted)}
.cmp .cmp-card-rows{display:contents;margin:0}
.cmp .cmp-card-rows>div{min-width:0;padding:19px 24px 21px;border-top:1px solid var(--pd-line)}
.cmp .cmp-card-rows dt{margin:0 0 7px;font-size:13px;font-weight:600;line-height:1.4;color:var(--pd-green-dark)}
.cmp .cmp-card-rows dd{margin:0;font-size:15px;line-height:1.65;color:var(--pd-muted);overflow-wrap:break-word}
.cmp .cmp-compare-note{max-width:64em;margin:24px 0 0;font-size:14px;line-height:1.75;color:var(--pd-subtle)}
@supports(grid-template-rows:subgrid){.cmp .cmp-card{grid-row:span 7;grid-template-rows:subgrid}}

.cmp .cmp-priorities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cmp .cmp-priority{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;align-items:start;min-width:0;padding:26px 28px;border:1px solid var(--pd-line);border-radius:16px}
.cmp .cmp-number{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--pd-sage);font-size:14px;font-weight:500;color:var(--pd-green-dark)}
.cmp .cmp-priority h3,.cmp .cmp-law-item h3{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.025em;font-weight:500}
.cmp .cmp-priority p,.cmp .cmp-law-item p{margin:10px 0 0;font-size:16px;line-height:1.7;color:var(--pd-muted)}

/* Výpočet je oddělený od daně a budoucích výdajů na bydlení. */
.cmp .cmp-money-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px clamp(32px,5vw,64px);align-items:start;padding:clamp(28px,4vw,52px);border-radius:var(--cmp-radius);background:var(--pd-sage)}
.cmp .cmp-money-copy .pv-eyebrow{margin:0 0 16px}
.cmp .cmp-money-copy .pd-h2{max-width:13em}
.cmp .cmp-money-copy>p:not(.pv-eyebrow){margin:22px 0 0;font-size:16px;line-height:1.75;color:var(--pd-muted)}
.cmp .cmp-link-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}
.cmp .cmp-money-sheet{min-width:0;padding:28px 30px;border-radius:16px;background:#fff}
.cmp .cmp-money-sheet h3{margin:0 0 22px;font-size:19px;font-weight:500;line-height:1.4;letter-spacing:-.025em}
.cmp .cmp-ledger{margin:0;padding:0;list-style:none}
.cmp .cmp-ledger li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding:17px 0;border-top:1px solid var(--pd-line)}
.cmp .cmp-ledger-sign{font-size:22px;line-height:1.1;color:var(--pd-green)}
.cmp .cmp-ledger strong{display:block;font-size:16px;line-height:1.45;font-weight:500}
.cmp .cmp-ledger p{margin:5px 0 0;font-size:14px;line-height:1.65;color:var(--pd-muted)}
.cmp .cmp-ledger .cmp-ledger-total{margin-top:4px;border-top:2px solid var(--pd-green);padding-bottom:0}
.cmp .cmp-ledger-total strong{color:var(--pd-green-dark)}
.cmp .cmp-tax-note{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--pd-line);font-size:14px;line-height:1.7;color:var(--pd-muted)}

.cmp .cmp-law-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cmp .cmp-law-item{min-width:0;padding:26px 28px;border-top:3px solid #bfd2d7;border-radius:0 0 14px 14px;background:#f5f8f9}
.cmp .cmp-section-foot{max-width:66em;margin:24px 0 0;font-size:15px;line-height:1.75;color:var(--pd-muted)}

.cmp .cmp-end{margin-top:var(--pd-section);padding:clamp(40px,5vw,64px) 0;border-radius:var(--cmp-radius);background:var(--cmp-night);color:#f0f6f7}
.cmp .cmp-end-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px clamp(32px,5vw,72px);align-items:start}
.cmp .cmp-end-kicker{margin:0;font-size:13px;line-height:1.5;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c6d9dd}
.cmp .cmp-end-h2{margin:16px 0 0;max-width:13em;font-size:clamp(30px,3vw,46px);line-height:1.16;font-weight:500;letter-spacing:-.04em;color:#fff;text-wrap:balance}
.cmp .cmp-end-copy>p:not(.cmp-end-kicker){margin:22px 0 0;max-width:32em;font-size:16px;line-height:1.75;color:#c9d6df}
.cmp .cmp-end-card{min-width:0;padding:28px 30px;border-radius:16px;background:#f8fcfe;color:var(--pd-text)}
.cmp .cmp-end-card h3{margin:0;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.025em}
.cmp .cmp-end-card ul{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}
.cmp .cmp-end-card li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:15px 0;border-top:1px solid var(--pd-line);font-size:15px;line-height:1.65}
.cmp .cmp-end-card li:first-child{padding-top:0;border-top:0}
.cmp .cmp-end-card strong{font-weight:600}
.cmp .cmp-end-mark{display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:6px;background:var(--pd-green);color:#fff}
.cmp .cmp-end-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:8px;padding-top:20px;border-top:1px solid var(--pd-line)}

.cmp .cmp-stay-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cmp .cmp-stay-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px 32px;border-radius:16px;background:var(--pd-sage)}
.cmp .cmp-card-tag{margin:0;font-size:12px;font-weight:500;line-height:1.5;color:var(--pd-green-dark)}
.cmp .cmp-stay-card h3{margin:14px 0 0;font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.cmp .cmp-stay-card>p:not(.cmp-card-tag){margin:16px 0 22px;font-size:16px;line-height:1.75;color:var(--pd-muted)}
.cmp .cmp-stay-card .pd-arrow-link{margin-top:auto}
.cmp .pv-contact-grid{align-items:start;gap:36px clamp(32px,5vw,72px)}
.cmp .pv-contact-copy>p:not(.pv-eyebrow){max-width:31em;margin-top:22px;font-size:16px}
.cmp .cmp-contact-points{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}
.cmp .cmp-contact-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;font-size:16px;line-height:1.55;color:#edf3f4}
.cmp .cmp-contact-points svg{margin-top:4px;color:#c6d9dd}
.cmp .pv-contact-copy>.cmp-contact-note{font-size:14px;line-height:1.75;color:#c9d6df}
.cmp .cmp-contact-link a{color:#edf3f4;text-decoration:underline;text-underline-offset:4px}
.cmp .hp-submit{width:auto;max-width:100%;justify-self:start}
.cmp .pd-sources{padding-top:32px;padding-bottom:clamp(80px,8vw,112px)}
.cmp .cmp-sources{margin-top:24px;border-top:1px solid var(--pd-line)}
.cmp .cmp-sources>summary{display:list-item;min-height:48px;padding:18px 0;font-size:15px;line-height:1.6;color:var(--pd-green-dark);cursor:pointer}
.cmp .cmp-sources .vp-sources{max-width:none;margin-top:0;padding-top:12px;border-top:0}
.cmp .cmp-sources .vp-sources li{font-size:14px;line-height:1.75}

@media(hover:hover) and (pointer:fine){
 .cmp .cmp-jumps a:hover,.cmp .cmp-option-nav a:hover{background:var(--pd-sage)}
}
@media(max-width:1100px){
 .cmp .pd-section-head{grid-template-columns:1fr;gap:18px}
 .cmp .pd-section-lead{max-width:40em}
 .cmp .cmp-money-panel,.cmp .cmp-end-grid{grid-template-columns:1fr}
 .cmp .cmp-money-copy .pd-h2,.cmp .cmp-end-h2{max-width:18em}
 .cmp .cmp-money-copy>p:not(.pv-eyebrow){max-width:44em}
}
@media(max-width:1000px){
 .cmp .cmp-cards{grid-template-columns:1fr;gap:20px}
 .cmp .cmp-card{display:block;grid-row:auto;grid-template-rows:none}
 .cmp .cmp-card-rows{display:block}
 .cmp .cmp-card-head{padding:24px}
 .cmp .cmp-card-rows>div{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:12px 24px}
 .cmp .cmp-card-rows dt{margin:0}
 .cmp .cmp-option-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
 .cmp .cmp-option-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--pd-line);border-radius:9px;color:var(--pd-green-dark);font-size:14px;line-height:1.4}
 .cmp .pv-contact-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
 .cmp{--pd-section:64px}
 .cmp .pd-head-grid{gap:28px}
 .cmp .pd-lead{margin-top:20px}
 .cmp .pd-head-actions .vr-button{width:auto;max-width:100%}
 .cmp .cmp-jumps{grid-template-columns:1fr;gap:10px;margin-top:28px}
 .cmp .cmp-jumps a{min-height:52px;padding:14px 16px}
 .cmp .pd-section-head{margin-bottom:26px}
 .cmp .cmp-card{border-radius:16px}
 .cmp .cmp-card h3{font-size:24px}
 .cmp .cmp-card-head{padding:22px 20px}
 .cmp .cmp-card-rows>div{display:block;padding:17px 20px 19px}
 .cmp .cmp-card-rows dt{margin-bottom:6px}
 .cmp .cmp-card-rows dd{font-size:15px}
 .cmp .cmp-priorities,.cmp .cmp-law-grid,.cmp .cmp-stay-cards{grid-template-columns:1fr;gap:16px}
 .cmp .cmp-priority{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:22px 18px}
 .cmp .cmp-number{width:34px;height:34px;border-radius:8px}
 .cmp .cmp-priority h3,.cmp .cmp-law-item h3{font-size:19px}
 .cmp .cmp-money-panel{padding:26px 18px;gap:28px;border-radius:16px}
 .cmp .cmp-money-sheet,.cmp .cmp-end-card{padding:24px 20px}
 .cmp .cmp-money-copy .pd-h2{max-width:none}
 .cmp .cmp-law-item{padding:22px 20px}
 .cmp .cmp-end{padding:38px 0;border-radius:16px}
 .cmp .cmp-end-grid{gap:28px}
 .cmp .cmp-stay-card{padding:24px 22px}
 .cmp .cmp-stay-card h3{font-size:22px}
 .cmp .pv-contact-grid{gap:32px}
 .cmp .pv-contact-direct{align-items:flex-start;overflow-wrap:anywhere}
 .cmp .pv-faq-centered .vr-faq-answer{padding-right:0}
 .cmp .pd-sources{padding-top:28px;padding-bottom:64px}
}
@media print{
 .cmp .cmp-jumps,.cmp .cmp-option-nav,.cmp .pv-contact{display:none}
 .cmp .cmp-card,.cmp .cmp-priority,.cmp .cmp-stay-card{break-inside:avoid}
 .cmp .cmp-end{background:#fff;color:#172834;border:1px solid #d6e1e4}
 .cmp .cmp-end-h2,.cmp .cmp-end-kicker,.cmp .cmp-end-copy>p:not(.cmp-end-kicker){color:#172834}
}