.upgrade-section { margin: 8px 0 30px; padding-top: 10px; }
.upgrade-section > .eyebrow { color: #617e52; font-size: 10px; }
.upgrade-section > h2 { margin: 10px 0 12px; font-size: 31px; line-height: 1.18; }
.upgrade-intro { margin: 0 0 20px; font-size: 13px; line-height: 1.8; color: var(--muted); }
.upgrade-intro strong { color: var(--ink); font-weight: 600; }
.upgrade-card { padding: 25px; border: 1px solid #cdd9c4; border-radius: 16px; background: #eef2e6; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s; }
.upgrade-card.is-selected { border-color: #617e52; background: #e5eddb; box-shadow: 0 0 0 1px #617e52; }
.upgrade-product { display: grid; grid-template-columns: 152px minmax(0, 1fr); gap: 24px; align-items: center; }
.guide-mockup { padding: 12px 4px; }
.guide-cover-image { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; border-radius: 5px; box-shadow: 6px 9px 17px #29423822, 3px 0 0 #e3e7d7; transform: rotate(-4deg); }
.upgrade-benefits > .eyebrow { font-size: 9px; }
.upgrade-benefits > p { font-size: 12px; margin: 7px 0 12px; line-height: 1.55; }
.upgrade-benefits ul { padding: 0; margin: 0; list-style: none; }
.upgrade-benefits li { position: relative; padding-left: 19px; margin: 6px 0; font-size: 11px; line-height: 1.5; }
.upgrade-benefits li::before { content: '✓'; position: absolute; left: 0; color: #617e52; font-weight: 800; }
.upgrade-benefits li strong { font-weight: 600; }
.upgrade-offer { display: flex; justify-content: space-between; align-items: center; gap: 15px; border-top: 1px solid #cdd9c4; padding-top: 14px; margin-top: 16px; }
.upgrade-offer > strong { max-width: 235px; font-size: 13px; line-height: 1.6; }
.upgrade-offer small { display: block; color: var(--muted); font-size: 9px; text-align: right; }
.upgrade-selection { display: flex; align-items: flex-start; gap: 13px; margin: 14px 0 0; padding: 15px; border: 2px solid #b5c3a3; border-radius: 12px; background: #fffaf0; color: var(--ink); font-size: 12px; line-height: 1.5; font-weight: 600; cursor: pointer; transition: border-color .2s, background .2s; }
.upgrade-selection:hover { border-color: #829773; }
.upgrade-card.is-selected .upgrade-selection { border-color: #617e52; background: #dce8d1; }
.upgrade-selection-copy { display: block; flex: 1; min-width: 0; }
#upgrade-selection-text { display: block; font-size: 13px; font-weight: 800; line-height: 1.5; }
.upgrade-selection-price { display: block; margin-top: 5px; font-size: 27px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
#upgrade-checkbox { appearance: none; -webkit-appearance: none; display: block; flex: 0 0 32px; width: 32px; height: 32px; min-height: 32px; margin: 2px 0 0; padding: 0; border: 2px solid #829773; border-radius: 7px; background: #faf8f0; cursor: pointer; }
#upgrade-checkbox:checked { background: #617e52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / 21px 21px no-repeat; border-color: #617e52; }
#upgrade-checkbox:focus-visible { outline: 2px solid #294238; outline-offset: 4px; }
.upgrade-card:focus-within { outline: 2px solid #617e52; outline-offset: 4px; }
.upgrade-card.is-locked, .upgrade-card.is-locked .upgrade-selection, #upgrade-checkbox:disabled { cursor: wait; }
#upgrade-checkbox:disabled { opacity: .6; }
.upgrade-selection-hint { display: block; margin: 7px 0 0; font-size: 10px; font-weight: 400; line-height: 1.5; color: var(--muted); }
@media (forced-colors: active) {
  #upgrade-checkbox { appearance: auto; -webkit-appearance: auto; }
  #upgrade-checkbox:checked { background: none; }
}
.summary-items { border-top: 1px solid #cdd9c4; padding: 14px 0 0; margin-top: 18px; grid-column: 1 / -1; }
.summary-items > div { display: flex; justify-content: space-between; gap: 14px; font-size: 11px; line-height: 1.6; margin-bottom: 9px; }
.summary-items strong { white-space: nowrap; font-weight: 600; }
@media (max-width: 680px) {
  .upgrade-section > h2 { font-size: 28px; }
  .upgrade-card { padding: 20px 17px; }
  .upgrade-product { grid-template-columns: 117px minmax(0, 1fr); gap: 16px; }
  .guide-mockup { grid-row: 1 / 3; }
  .upgrade-benefits { display: contents; }
  .upgrade-benefits > .eyebrow { grid-column: 2; align-self: end; }
  .upgrade-benefits > p { grid-column: 2; margin: 0; font-size: 11px; align-self: start; }
  .upgrade-benefits > ul { grid-column: 1 / -1; }
  .upgrade-benefits li { font-size: 11px; }
  .upgrade-offer > strong { font-size: 12px; }
  .upgrade-selection { padding: 13px; gap: 11px; }
  #upgrade-selection-text { font-size: 12px; }
  .upgrade-selection-price { font-size: 26px; }
}
@media (max-width: 360px) {
  .upgrade-product { grid-template-columns: 98px minmax(0, 1fr); gap: 12px; }
  .upgrade-benefits li { padding-left: 17px; }
  .upgrade-benefits > p { font-size: 10px; }
  .upgrade-offer { flex-direction: column; align-items: flex-start; gap: 8px; }
  .upgrade-offer small { text-align: left; }
}