/* Scoped repairs: cost comparison only; shared navigation remains untouched. */
body.guide-page #kosten { padding-inline:max(24px,calc((100% - 1240px)/2)); }
body.guide-page #kosten > h2 { max-width:23ch; font-size:clamp(34px,3.6vw,52px); }
body.guide-page #kosten > .lead { max-width:76ch; font-weight:400; font-size:18px; }
.cost-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:38px 0 32px; }
.cost-channel { min-width:0; display:grid; grid-template-rows:175px 1fr; padding:28px; border:1px solid var(--line); border-radius:14px; background:var(--paper); color:var(--ink); }
.cost-channel-label { display:block; font:11px/1.5 var(--font-mono); text-transform:uppercase; color:var(--brick-text); }
.cost-channel h3 { font:800 29px/1.12 var(--font-display); letter-spacing:-.03em; margin:18px 0 12px; overflow-wrap:break-word; hyphens:auto; }
.cost-channel-heading > p { font-size:13px; line-height:1.5; color:var(--olive-text); }
.cost-channel dl { display:grid; grid-template-rows:minmax(110px,auto) minmax(105px,auto) 1fr; margin:0; }
.cost-channel dl > div { padding:20px 0; border-top:1px solid var(--line); }
.cost-channel dl > div:last-child { padding-bottom:0; }
.cost-channel dt { font:10px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.06em; color:var(--olive-text); }
.cost-channel dd { margin:10px 0 0; font-size:15px; line-height:1.6; }
@supports (grid-template-rows:subgrid) {
 @media (min-width:851px) {
  .cost-channels { row-gap:0; }
  .cost-channels > .cost-channel { grid-row:span 4; grid-template-rows:subgrid; }
  .cost-channel-heading { padding-bottom:28px; }
  .cost-channel dl { display:contents; }
 }
}
.cost-channel-owned { background:var(--forest); color:var(--paper); border-color:var(--forest); }
.cost-channel-owned :is(.cost-channel-label,dt) { color:var(--butter); }
.cost-channel-owned .cost-channel-heading > p { color:var(--paper); }
.cost-channel-owned dl > div { border-color:#647160; }
.cost-zero { display:block; color:var(--butter); font:800 32px/1 var(--font-display); margin-bottom:8px; }
.cost-zero > span { font:600 14px/1.4 Inter,sans-serif; color:var(--paper); }
.guide-page #kosten .cost-explanation { display:grid; grid-template-columns:1fr 1fr; gap:32px; max-width:none; margin:0; padding-top:25px; border-top:1px solid var(--line); }
.guide-page #kosten .cost-explanation p { font-size:15px; margin:0; }
@media (max-width:1050px) {
 .cost-channels { gap:16px; }
 .cost-channel { padding:22px; grid-template-rows:190px 1fr; }
 .cost-channel h3 { font-size:26px; }
 .cost-channel dl { grid-template-rows:minmax(130px,auto) minmax(125px,auto) 1fr; }
}
@media (max-width:850px) {
 .cost-channels { grid-template-columns:1fr; }
 .cost-channel { grid-template-rows:auto; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:30px; }
 .cost-channel dl { display:block; }
 .cost-channel-heading > p { max-width:27ch; }
 .guide-page #kosten .cost-explanation { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:550px) {
 body.guide-page #kosten { padding-inline:20px; }
 body.guide-page #kosten > .lead { font-size:16px; }
 .cost-channel { grid-template-columns:1fr; gap:24px; padding:24px; }
 .cost-channel h3 { font-size:28px; }
 .cost-channel h3 br { display:none; }
 .cost-channel-heading > p { max-width:none; }
}
