.cc-cost-page .hero { padding: 36px 0; }
.cc-cost-page .hero-copy { padding-bottom: 0; }
.cc-cost-page .hero h1 { font-size: clamp(2rem, 3.7vw, 3.4rem); line-height: 1.15; }
.cc-cost-page .hero-art { min-height: 0; }
.cc-cost-page .review-panel { transform: none; padding: 22px; margin-bottom: 0; }
.cc-cost-page .review-panel img { width: 180px; height: 85px; margin-bottom: 0; }
.cc-cost-page .review-panel .review-score { display: none; }
.cc-cost-page .review-panel .btn { margin-top: 12px; }
.cc-cost-page .review-overview { padding-top: 22px; padding-bottom: 12px; }
.cc-cost-page .trust-grid { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.cc-cost-page .trust-card { min-height: 0; padding: 6px 0; border: 0; background: none; box-shadow: none; font-size: .72rem; gap: 8px; align-items: center; }
.cc-cost-page .trust-card::before { flex-basis: 20px; width: 20px; height: 20px; font-size: .72rem; }
.cc-cost-page .review-content { width: min(1040px, calc(100% - 36px)); }
.cc-cost-page .author-box { font-size: .88rem; line-height: 1.7; margin: 20px 0 16px; }
.cc-cost-guide { --cc-border: #e8def1; --cc-soft: #fbf7ff; --cc-ink: #24123f; }
.cc-cost-guide > section { margin: 42px 0; scroll-margin-top: 24px; }
.cc-cost-guide h2[id] { scroll-margin-top: 24px; }
.cc-cost-guide h2 { margin-top: 0; letter-spacing: -.035em; }
.cc-cost-guide h3 { font-size: 1.1rem; line-height: 1.4; }
.cc-cost-guide p { max-width: 85ch; }
.cc-cost-guide .cc-eyebrow { color: #89338d; font-size: .73rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 12px; }
.cc-cost-guide .cc-summary { background: linear-gradient(135deg, #fff1f8, #f2edff); border: 1px solid #ead9ef; border-radius: 18px; padding: 30px; margin-top: 24px; }
.cc-summary h2 { font-size: clamp(1.45rem, 3vw, 1.95rem); }
.cc-summary > p:not(.cc-eyebrow):not(.cc-source-note) { font-size: 1.1rem; color: var(--cc-ink); }
.cc-summary-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.cc-summary-points p { margin: 0; padding: 16px; background: rgba(255,255,255,.72); border-radius: 10px; font-size: .91rem; line-height: 1.65; }
.cc-summary-points strong { display: block; margin-bottom: 6px; color: var(--cc-ink); }
.cc-cost-guide .cc-source-note { font-size: .82rem; line-height: 1.65; color: #655574; margin-bottom: 0; }
.cc-toc { border: 1px solid var(--cc-border); border-radius: 14px; padding: 24px; margin: 30px 0 44px; background: #fff; }
.cc-cost-guide .cc-toc ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; padding: 0; margin: 0; }
.cc-toc a { display: block; padding: 7px 0; font-size: .9rem; line-height: 1.5; text-decoration: none; }
.cc-toc a:hover, .cc-toc a:focus-visible { text-decoration: underline; }
.cc-cost-guide table { font-size: .93rem; line-height: 1.65; }
.cc-cost-guide caption { text-align: left; font-size: .81rem; color: #655574; padding: 0 0 10px; }
.cc-price-table th:nth-child(1) { width: 19%; }
.cc-price-table th:nth-child(2) { width: 21%; }
.cc-price-table th:nth-child(3) { width: 24%; }
.cc-price-table td:nth-child(2) strong { color: #743082; font-size: 1.16rem; white-space: nowrap; }
.cc-cell-note { display: block; color: #766884; font-size: .8rem; margin-top: 3px; }
.cc-cost-guide .cc-callout { border-left: 4px solid #af3aa2; border-radius: 0 12px 12px 0; padding: 21px 24px; background: var(--cc-soft); margin: 24px 0; }
.cc-callout h3, .cc-policy h3 { margin: 0 0 10px; }
.cc-callout p:last-child, .cc-policy p:last-child { margin-bottom: 0; }
.cc-extra, .cc-faq details { border: 1px solid var(--cc-border); border-radius: 12px; margin: 12px 0; background: #fff; }
.cc-extra summary, .cc-faq summary { cursor: pointer; padding: 18px 22px; font-weight: 700; color: var(--cc-ink); line-height: 1.5; }
.cc-extra summary::marker, .cc-faq summary::marker { color: #ad258f; }
.cc-extra p, .cc-faq details p { margin: 0; padding: 0 22px 20px; font-size: .94rem; }
.cc-faq details .cc-source-note { padding-top: 0; padding-bottom: 18px; }
.cc-cost-guide .cc-calculator { background: #f7f2fc; border: 1px solid #e3d3ef; border-radius: 18px; padding: 30px; }
.cc-calculator-control { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 320px); align-items: center; gap: 14px; margin: 24px 0; }
.cc-calculator-control label { font-weight: 700; color: var(--cc-ink); }
.cc-calculator-control select { width: 100%; font: inherit; font-size: .95rem; color: var(--cc-ink); padding: 13px 40px 13px 14px; border: 1px solid #bba7d0; border-radius: 8px; background: #fff; }
.cc-projections { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.cc-projection { background: #fff; border: 1px solid var(--cc-border); border-radius: 12px; padding: 18px 14px; min-width: 0; }
.cc-projection.is-lowest { border: 2px solid #9224a7; padding: 17px 13px; }
.cc-projection h3 { margin: 0 0 12px; font-size: .9rem; }
.cc-projection > strong { display: block; font-size: 1.6rem; line-height: 1.2; letter-spacing: -.04em; color: #662a80; }
.cc-projection p { margin: 10px 0 3px; font-size: .78rem; line-height: 1.5; }
.cc-projection > span { font-size: .76rem; color: #685773; }
.cc-projection .cc-lowest { display: block; color: #74258b; font-weight: 700; margin-top: 10px; font-size: .7rem; }
.cc-cost-guide [hidden] { display: none !important; }
.cc-cost-guide .cc-calculator-result { font-weight: 600; color: var(--cc-ink); margin: 20px 0 12px; font-size: .95rem; }
.cc-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.cc-choice { padding: 22px; border: 1px solid var(--cc-border); border-radius: 12px; }
.cc-choice h3 { margin-top: 0; }
.cc-choice p { font-size: .93rem; margin: 0; }
.cc-cost-guide .cc-checklist { list-style: none; padding: 0; margin: 24px 0; }
.cc-checklist li { padding: 14px 18px 14px 42px; border-bottom: 1px solid var(--cc-border); position: relative; }
.cc-checklist li::before { content: "✓"; position: absolute; left: 14px; top: 14px; color: #882492; font-weight: 800; }
.cc-cost-guide .cc-cancel { background: #fff9fc; border: 1px solid #ecd9e8; border-radius: 18px; padding: 30px; }
.cc-cost-guide .cc-steps { padding-left: 26px; }
.cc-steps li { padding: 0 0 18px 8px; }
.cc-steps li::marker { color: #a42790; font-weight: 800; }
.cc-steps p { margin: 6px 0 0; }
.cc-cancel > p:last-child { margin-bottom: 0; }
.cc-policy { border: 1px solid #ecd5d9; background: #fff8f7; border-radius: 12px; padding: 24px; margin: 22px 0; }
.cc-cta { display: flex; gap: 24px; align-items: center; justify-content: space-between; border-radius: 14px; background: #f5edfc; border: 1px solid #e5d6ef; padding: 24px; margin-top: 28px; }
.cc-cta h3 { margin: 0 0 8px; }
.cc-cta p { margin: 0; font-size: .92rem; }
.cc-cta .btn { flex: 0 0 auto; max-width: 100%; text-align: center; }
.cc-cost-guide .cc-last-check { font-size: .82rem; color: #766782; border-top: 1px solid var(--cc-border); padding-top: 20px; }
.cc-cost-guide :focus-visible { outline: 3px solid #9822aa; outline-offset: 4px; }
@media (max-width: 850px) {
  .cc-cost-page .hero-inner { gap: 20px; }
  .cc-cost-page .review-panel { display: flex; align-items: center; gap: 16px; max-width: 580px; padding: 14px 18px; }
  .cc-cost-page .review-panel > a:first-child { flex: 0 0 30%; }
  .cc-cost-page .review-panel img { width: 100%; height: 70px; }
  .cc-cost-page .review-panel .btn { width: auto; flex: 1 1 auto; margin: 0; padding: 13px 16px; font-size: .77rem; }
  .cc-summary-points { grid-template-columns: 1fr; }
  .cc-projections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc-calculator-control { grid-template-columns: 1fr; }
  .cc-cta { flex-direction: column; align-items: stretch; }
}
@media (max-width: 780px) {
  .cc-cost-guide .cc-price-table td, .cc-cost-guide .cc-feature-table td { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: 4px 16px; text-align: left; }
  .cc-cost-guide .cc-price-table td::before, .cc-cost-guide .cc-feature-table td::before { min-width: 0; }
  .cc-cost-guide td .cc-cell-note { grid-column: 2; }
  .cc-cost-guide table caption { display: block; }
}
@media (max-width: 580px) {
  .cc-cost-page .hero { padding: 24px 14px; }
  .cc-cost-page .hero h1 { font-size: 2rem; }
  .cc-cost-page .edition-pill { font-size: .62rem; padding: 7px 10px; }
  .cc-cost-page .hero-copy p { margin-top: 18px; font-size: .93rem; }
  .cc-cost-page .review-panel { gap: 12px; padding: 10px 12px; }
  .cc-cost-page .review-panel img { height: 56px; }
  .cc-cost-page .trust-grid { gap: 2px 16px; }
  .cc-cost-page .trust-card { font-size: .66rem; }
  .cc-cost-page .review-overview { padding-top: 12px; }
  .cc-cost-page .author-box { padding: 14px 16px; margin-top: 8px; font-size: .78rem; }
  .cc-cost-page .review-content { width: calc(100% - 28px); }
  .cc-cost-guide .cc-summary, .cc-cost-guide .cc-calculator, .cc-cost-guide .cc-cancel { padding: 20px 16px; border-radius: 12px; }
  .cc-cost-guide .cc-toc { padding: 20px; }
  .cc-cost-guide .cc-toc ul, .cc-choice-grid { grid-template-columns: 1fr; }
  .cc-summary > p:not(.cc-eyebrow):not(.cc-source-note) { font-size: 1rem; }
  .cc-projection { padding: 16px 12px; }
  .cc-projection.is-lowest { padding: 15px 11px; }
  .cc-projection > strong { font-size: 1.45rem; }
  .cc-cost-guide .cc-callout { padding: 18px; }
  .cc-extra summary, .cc-faq summary { padding: 16px; }
  .cc-extra p, .cc-faq details p { padding: 0 16px 18px; }
  .cc-choice, .cc-policy, .cc-cta { padding: 20px; }
}