/* buying-costs-inline.css — Audit 2026-07-16 Punkt 14 */
.bc-wrap { max-width: 760px; margin: 0 auto; padding: 60px 24px 80px; }
.bc-label { letter-spacing: .2em; font-size: 12px; color: #999; text-align: center; }
.bc-wrap h1 { font-size: clamp(32px, 5vw, 52px); text-align: center; margin: 8px 0 14px; }
.bc-wrap h1 em { font-style: italic; }
.bc-sub { text-align: center; color: #555; max-width: 560px; margin: 0 auto 36px; line-height: 1.55; }
.bc-form { display: flex; gap: 18px; flex-wrap: wrap; align-items: flex-end;
  background: #f7f7f5; border-radius: 12px; padding: 20px; margin-bottom: 26px; }
.bc-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 180px; }
.bc-field label { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #666; }
.bc-field select, .bc-field input[type=number] { padding: 10px 12px; border: 1px solid #ddd;
  border-radius: 8px; font-size: 16px; background: #fff; }
.bc-check { flex: 1 1 100%; }
.bc-check label { text-transform: none; letter-spacing: 0; font-size: 14px; color: #333;
  flex-direction: row; display: flex; gap: 8px; align-items: center; }
.bc-result table { width: 100%; border-collapse: collapse; font-size: 15px; }
.bc-result th, .bc-result td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #eee; }
.bc-result th:last-child, .bc-result td:last-child { text-align: right; white-space: nowrap; }
.bc-result tfoot td { font-weight: 700; border-top: 2px solid #111; }
.bc-result .bc-grand td { background: #111; color: #fff; }
.bc-pct { text-align: right; color: #666; font-size: 13px; margin-top: 8px; }
.bc-note { font-size: 12px; color: #999; line-height: 1.5; margin-top: 28px; }
.bc-cta { text-align: center; margin-top: 30px; }
.bc-btn { display: inline-block; background: #111; color: #fff; padding: 12px 22px;
  border-radius: 8px; text-decoration: none; font-weight: 600; }
@media (max-width: 600px) { .bc-form { flex-direction: column; align-items: stretch; } }