/* A little more surface opacity, with the existing tint and blur preserved. */
body:is(.sober-home,.sober-case) .site-header .header-inner {
  background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 90%,transparent);
}
@media (prefers-reduced-transparency:reduce) {
  body:is(.sober-home,.sober-case) .site-header .header-inner {background:#f8faff!important}
}
@media (forced-colors:active) {
  body:is(.sober-home,.sober-case) .site-header .header-inner {background:Canvas!important}
}
@media (max-width:360px) {
  body.sober-home .site-header:not(.has-project-identity) .desktop-nav {flex-basis:96px}
}

/* Three concise examples; equal rows and aligned notes make them easy to scan. */
body.sober-home #ia.aiv169 .aiv12-intro {align-items:center;margin-bottom:28px}
body.sober-home #ia.aiv169 .aiv12-intro h2 {margin:0;max-width:14ch}
body.sober-home #ia.aiv169 .aiv12-intro>p:last-child {display:block;max-width:43ch;font-size:17px;line-height:1.5;font-weight:400;margin:0}
body.sober-home #ia.aiv169 .aiv12-card {display:flex;flex-direction:column;padding:24px;gap:0;border-radius:20px;box-shadow:0 8px 24px #1a315809}
body.sober-home #ia.aiv169 .aiv12-card::after {display:none}
body.sober-home #ia.aiv169 .aiv12-top {align-items:center;margin-bottom:15px}
body.sober-home #ia.aiv169 .aiv169-icon {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;color:#3154ef}
body.sober-home #ia.aiv169 .aiv12-card h3 {max-width:none;min-height:1.1em;font-size:clamp(26px,2.2vw,32px);line-height:1.1;margin:0 0 12px}
body.sober-home #ia.aiv169 .aiv12-desc {max-width:36ch;min-height:3em;font-size:14px;line-height:1.5;margin:0}
body.sober-home #ia.aiv169 .aiv138-artifact {height:196px;min-height:196px;flex:none;justify-content:center;gap:12px;margin:20px 0 0;padding:16px;border:0;border-radius:12px;background:#f2f5fb}
body.sober-home #ia.aiv169 .aiv138-note-stack span:nth-child(n) {margin:0;font-size:12px;line-height:1.3;padding:10px 11px;box-shadow:none}
body.sober-home #ia.aiv169 .aiv169-result {font:600 12px/1.4 var(--sans);color:#29456d;margin:0;padding:0;max-width:none}
body.sober-home #ia.aiv169 .aiv138-options {flex:none;align-items:stretch;gap:10px}
body.sober-home #ia.aiv169 .aiv138-option>span {min-height:22px;font-size:11px}
body.sober-home #ia.aiv169 .aiv138-option-screen i {font-size:10px}
body.sober-home #ia.aiv169 .aiv138-window {width:100%;max-width:265px;margin:auto;box-shadow:0 5px 14px #1c335b0d}
body.sober-home #ia.aiv169 .aiv169-example {margin:16px 0 0;max-width:none;color:#60718a;font:400 12px/1.5 var(--sans)}
@media (min-width:1081px) and (max-width:1279px) {
  body.sober-home #ia.aiv169 .aiv12-card h3 {min-height:2.15em}
}
@media (min-width:701px) and (max-width:1080px) {
  body.sober-home #ia.aiv169 .aiv12-grid {grid-template-columns:1fr}
  body.sober-home #ia.aiv169 .aiv12-card {display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
  body.sober-home #ia.aiv169 .aiv12-card h3 {min-height:0}
  body.sober-home #ia.aiv169 .aiv138-artifact {grid-column:2;grid-row:1/4;align-self:center;margin:0}
}
@media (max-width:700px) {
  body.sober-home #ia.aiv169 .aiv12-intro {display:block;margin-bottom:20px}
  body.sober-home #ia.aiv169 .aiv12-intro h2 {max-width:none;margin-bottom:12px}
  body.sober-home #ia.aiv169 .aiv12-intro>p:last-child {font-size:15px;max-width:38ch}
  body.sober-home #ia.aiv169 .aiv12-card {padding:20px}
  body.sober-home #ia.aiv169 .aiv12-card h3 {font-size:29px;min-height:0}
  body.sober-home #ia.aiv169 .aiv12-desc {font-size:13px;min-height:3em}
  body.sober-home #ia.aiv169 .aiv138-artifact {margin-top:18px;padding:13px}
  body.sober-home #ia.aiv169 .aiv169-example {margin-top:14px}
}