/* Approved calculator desktop style. Explicit hooks preserve existing mobile CSS and calculator DOM. */
@media (min-width: 1024px) {
  .premium-desktop { background: #f3f7ff; }
  .premium-desktop main.max-w-6xl { max-width: 1320px !important; }
  .premium-desktop main .absolute.pointer-events-none { display: none; }
  .premium-workspace { width: calc(85% + 3.6px); margin-inline: auto; grid-template-columns: minmax(289px, .85fr) minmax(0, 1.4fr); gap: 24px; font-family: Inter, Arial, sans-serif; }
  .premium-workspace > * { grid-column: auto; min-width: 0; }
  .premium-workspace .premium-input-card { background: #fff !important; border: 1px solid #e4edff; border-radius: 28px; padding: 30px !important; box-shadow: 0 12px 36px #164d9410; }
  .premium-workspace h2, .premium-workspace h3, .premium-workspace p, .premium-workspace input, .premium-workspace select, .premium-workspace button { font-family: Inter, Arial, sans-serif !important; }
  .premium-input-title { font-size: 26px; line-height: 1.25; letter-spacing: -.6px; display: flex; align-items: center; gap: 15px; margin-bottom: 26px; }
  .premium-input-title::before { content: ''; display: grid; place-items: center; flex: 0 0 54px; height: 54px; border-radius: 16px; background: #e6efff; color: #1648ff; font-size: 30px; }
  .premium-input-card p.leading-loose { font-size: 16px; line-height: 1.7; }
  .premium-input-card .inline-flex:has(input[type="number"]) { display: flex; width: 100%; margin: 10px 0; }
  .premium-input-card .inline-flex:has(input[type="number"]) > span { left: 16px; font-size: 20px; }
  .premium-input-card .inline-flex input[type="number"] { width: 100%; height: 60px; padding-left: 38px; font-size: 24px; }
  .premium-input-card input:not([type="range"]):not([type="checkbox"]):not([type="radio"]), .premium-input-card select {
    background: #f6f8fc; border: 1px solid #dce6fa; border-radius: 12px; color: #07153d; min-height: 50px; max-width: 100%;
  }
  .premium-input-card label { font-size: 12px; letter-spacing: .02em; color: #334568; }
  .premium-input-card input[type="checkbox"], .premium-input-card input[type="radio"] { accent-color: #2154ff; }
  .premium-workspace .precision-slider { margin: 14px 0 10px; }
  .premium-workspace .precision-slider::-webkit-slider-runnable-track { height: 9px; background: linear-gradient(to right, #2154ff var(--fill, 0%), #e8edf6 var(--fill, 0%)); }
  .premium-workspace .precision-slider::-webkit-slider-thumb { width: 28px; height: 28px; border: 5px solid #2154ff; margin-top: -10px; box-shadow: 0 3px 14px #2154ff35; }
  .premium-workspace .precision-slider::-moz-range-thumb { width: 20px; height: 20px; border: 5px solid #2154ff; }
  .premium-workspace .precision-slider::-moz-range-progress { height: 9px; background: #2154ff; }
  .premium-input-card #calculateBtn, .premium-input-card button.w-full { background: linear-gradient(110deg, #0032b0, #2e46ff); box-shadow: 0 7px 18px #2154ff30; margin-top: 26px; font-size: 16px; border-radius: 999px; }
  .premium-input-card #calculateBtn:hover, .premium-input-card button.w-full:hover { filter: brightness(1.12); }
  .premium-workspace input:focus-visible, .premium-workspace select:focus-visible, .premium-workspace button:focus-visible { outline: 3px solid #5481ff; outline-offset: 3px; }
  .premium-results { min-width: 0; }
  .premium-workspace .premium-result-card { background: radial-gradient(ellipse at 95% 0%, #1456ca, transparent 65%), linear-gradient(120deg, #031738, #062970) !important; border: 1px solid #194087; border-radius: 28px; padding: 28px !important; color: #fff; box-shadow: 0 12px 36px #164d9410; }
  .premium-result-card > .absolute { display: none; }
  .premium-result-heading { position: relative; min-height: 142px; padding-right: 100px; }
  .premium-result-heading::after { content: ''; position: absolute; right: 0; top: 10px; width: 86px; height: 86px; display: grid; place-items: center; border-radius: 50%; font-size: 52px; font-weight: 800; color: #8ecbff; border: 5px solid #548de2; background: linear-gradient(145deg, #70b9ff, #1644a4); box-shadow: 0 12px 30px #0004, inset 0 0 0 3px #9bd2ff60; transform: rotate(-12deg); }
  .premium-result-heading > h2 { font-size: clamp(36px, 3.7vw, 58px); line-height: 1.15; overflow-wrap: anywhere; color: #fff; }
  .premium-result-heading > p:first-child { font-size: 11px; color: #b6cfff; margin-bottom: 14px; }
  .premium-summary-grid { gap: 12px; border-color: #ffffff20; }
  .premium-summary-grid > div { padding: 16px 12px; border: 1px solid #5881dc44; border-radius: 16px; background: #224d9244 !important; min-width: 0; overflow-wrap: anywhere; }
  .premium-summary-grid > div:nth-child(4n + 2) { background: #00767c44 !important; }
  .premium-summary-grid > div:nth-child(4n + 3) { background: #5944be44 !important; }
  .premium-summary-grid > div > p:first-child { color: #b6cfff; font-size: 10px; line-height: 1.5; }
  .premium-summary-grid > div > p:last-child { color: #fff; font-size: 19px; }
  .premium-detail-card { background: #fff !important; border: 1px solid #e4edff; border-radius: 20px; padding: 20px; box-shadow: 0 8px 24px #164d9408; min-width: 0; }
  .premium-detail-card [id] { overflow-wrap: anywhere; }
  .premium-results > #breakdownGrid > div:nth-child(4n + 2) { background: #eafaf5 !important; }
  .premium-results > #breakdownGrid p[id] { font-size: 21px; }
  .premium-detail-card .material-symbols-outlined { flex-shrink: 0; }
  /* Three-way comparisons need sufficient width for their existing item labels. */
  .premium-results > .grid.md\:grid-cols-3 { grid-template-columns: 1fr; }
}
@media (min-width: 1280px) {
  .premium-results > .grid.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .premium-results > .grid.md\:grid-cols-3 .premium-detail-card,
  .premium-results > .grid.md\:grid-cols-3 .premium-result-card { padding: 16px !important; }
}