/* v26 — calculator fields as liquid glass on the graphite card.
   Translucent surface, top highlight, soft inner depth; orange ring on focus. */
.calc23 .iphone-calculator .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  color:#fff;
  background-color:rgb(255 255 255 / .05);
  background-image:linear-gradient(180deg,rgb(255 255 255 / .11),rgb(255 255 255 / .025) 60%);
  border:1px solid rgb(255 255 255 / .22);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .3),inset 0 -1px 0 rgb(0 0 0 / .28),inset 0 -14px 22px -18px rgb(0 0 0 / .55),0 8px 20px rgb(0 0 0 / .22);
  -webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);
  transition:border-color .2s,box-shadow .2s,background-color .2s;
}
.calc23 .iphone-calculator .field :is(input,textarea)::placeholder{color:rgb(255 255 255 / .46)}
.calc23 .iphone-calculator .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{border-color:rgb(255 255 255 / .34);background-color:rgb(255 255 255 / .07)}
.calc23 .iphone-calculator .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{
  outline:none;border-color:#f5921e;background-color:rgb(255 255 255 / .08);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .34),inset 0 -1px 0 rgb(0 0 0 / .28),0 0 0 3px rgb(245 146 30 / .22),0 8px 20px rgb(0 0 0 / .22);
}
.calc23 .iphone-calculator .field select option{color:#23272b;background:#fff}
.calc23 .iphone-calculator .field [aria-invalid="true"]{border-color:#ff8a6b}
@media (prefers-reduced-transparency:reduce){
  .calc23 .iphone-calculator .field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background-image:none;background-color:#2a3035;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* v26 — denser case card in the phone carousel. */
@media (max-width:760px){
  .bm-story-cases.is-swipe .case-visual{aspect-ratio:auto;height:190px;min-height:0}
  .bm-story-cases.is-swipe .case-visual>img{height:100%;object-fit:cover}
  .bm-story-cases.is-swipe .case-caption{left:10px;right:10px;bottom:10px;padding:9px 10px;gap:8px;border-radius:14px}
  .bm-story-cases.is-swipe .case-caption-meta strong{font-size:13px}
  .bm-story-cases.is-swipe .case-caption-meta>span{font-size:10px}
  .bm-story-cases.is-swipe .case-view-business{padding:8px 10px;font-size:11px}
  .bm-story-cases.is-swipe .case-dossier{padding:18px 18px 16px}
  .bm-story-cases.is-swipe .case-kicker{margin-bottom:10px;font-size:9px}
  .bm-story-cases.is-swipe .case-dossier h3{font-size:clamp(22px,6.6vw,27px);line-height:1.08;margin-bottom:14px}
  .bm-story-cases.is-swipe .case-numbers{margin-bottom:12px;padding-block:10px;gap:12px}
  .bm-story-cases.is-swipe .case-numbers dd{font-size:24px;margin-top:4px}
  .bm-story-cases.is-swipe .case-numbers dt{font-size:10px}
  .bm-story-cases.is-swipe .case-numbers dd small{font-size:10px}
  .bm-story-cases.is-swipe .case-description{font-size:12.5px;line-height:1.55;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .bm-story-cases.is-swipe .case-insight{margin-bottom:12px;padding:10px 0 10px 14px}
  .bm-story-cases.is-swipe .case-insight p{font-size:12px;line-height:1.45;margin:0}
  .bm-story-cases.is-swipe .case-insight span{font-size:9px;margin-bottom:4px}
  .bm-story-cases.is-swipe .case-cta{font-size:12px;padding-block:10px}
  .bm-story-cases.is-swipe .bm-story-chapter{padding-block:8px}
}