:root {
  /* Arizona sunset palette: navy & sky blues, sunset reds & oranges */
  --sono-ink: #13233a;        /* night navy text */
  --sono-navy: #0f2a4a;       /* deep navy */
  --sono-blue: #1f5fa8;       /* Arizona sky blue */
  --sono-sky: #4aa3df;        /* light sky */
  --sono-red: #c0392b;        /* canyon red */
  --sono-red-dark: #9e2a20;
  --sono-orange: #f07a24;     /* sunset orange */
  --sono-orange-dark: #d4611a;
  --sono-gold: #ffb347;       /* sun gold */
  --sono-sand: #fbf1e4;       /* desert sand */
  --bs-body-font-family: 'Inter', system-ui, sans-serif;
  --bs-body-color: #34405a;
}
h1, h2, h3, .display-font { font-family: 'Fraunces', Georgia, serif; color: var(--sono-ink); }
html { scroll-behavior: smooth; }
body { background: #fff; }

/* Navbar: transparent + white over the photo, solid white once scrolled */
.navbar { transition: background-color .3s, box-shadow .3s, padding .3s; padding: 1.1rem 0; }
.navbar-brand { font-family: 'Fraunces', serif; font-weight: 700; font-size: 1.5rem; color: #fff !important; transition: color .3s; }
.nav-link { font-weight: 500; color: #fff !important; }
.nav-link:hover, .nav-link.active { color: var(--sono-gold) !important; }
.navbar-toggler-icon { filter: invert(1); }
.navbar.scrolled { background: rgba(255,255,255,.97); box-shadow: 0 2px 18px rgba(0,0,0,.08); padding: .6rem 0; }
.navbar.scrolled .navbar-brand, .navbar.scrolled .nav-link { color: var(--sono-ink) !important; }
.navbar.scrolled .nav-link:hover, .navbar.scrolled .nav-link.active { color: var(--sono-red) !important; }
.navbar.scrolled .navbar-toggler-icon { filter: none; }
/* Two-tone SonoLivingMgmt wordmark */
.wm-living { color: var(--sono-orange); }
.wm-mgmt { color: inherit; }
.navbar.scrolled .wm-living { color: var(--sono-red); }
.brand-mark { display:inline-flex; width:34px; height:34px; border-radius:10px; background: linear-gradient(135deg, var(--sono-orange), var(--sono-red)); color:#fff; align-items:center; justify-content:center; margin-right:.5rem; font-size:1rem; }

/* Buttons */
.btn-sono { background: linear-gradient(135deg, var(--sono-orange), var(--sono-red)); border:0; color:#fff; font-weight:600; padding:.8rem 1.6rem; border-radius: 50px; box-shadow: 0 8px 20px rgba(192,57,43,.3); }
.btn-sono:hover { background: linear-gradient(135deg, var(--sono-orange-dark), var(--sono-red-dark)); color:#fff; }
.btn-outline-sono { border:2px solid var(--sono-blue); color: var(--sono-blue); font-weight:600; padding:.7rem 1.5rem; border-radius:50px; }
.btn-outline-sono:hover { background: var(--sono-blue); color:#fff; }
.btn-outline-light-sono { border:2px solid rgba(255,255,255,.7); color:#fff; font-weight:600; padding:.7rem 1.5rem; border-radius:50px; }
.btn-outline-light-sono:hover { background:#fff; color: var(--sono-navy); }

/* Hero photo */
.hero { position: relative; background: var(--sono-sand); }
.hero-photo { position: relative; height: 78vh; min-height: 460px; max-height: 780px; overflow: hidden; }
.hero-photo img { width:100%; height:100%; object-fit: cover; object-position: 40% 35%; display:block; }
.hero-photo::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(15,42,74,.65) 0%, rgba(15,42,74,0) 28%, rgba(15,42,74,0) 65%, rgba(15,42,74,.35) 100%); }

/* Hero text panel overlapping the photo */
.hero-panel { position: relative; z-index: 2; margin-top: -150px; background: linear-gradient(125deg, var(--sono-navy) 0%, #183d6b 55%, var(--sono-blue) 100%); border-radius: 26px; padding: 3rem; color: #dbe7f5; box-shadow: 0 30px 70px rgba(15,42,74,.35); overflow:hidden; }
.hero-panel::before { content:""; position:absolute; width:380px; height:380px; right:-120px; top:-160px; border-radius:50%; background: radial-gradient(circle, rgba(240,122,36,.55) 0%, rgba(192,57,43,.25) 45%, transparent 70%); }
.hero-panel::after { content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background: linear-gradient(90deg, var(--sono-red), var(--sono-orange), var(--sono-gold), var(--sono-sky)); }
.hero-panel > * { position: relative; }
.hero-panel h1 { color:#fff; font-size: clamp(2.3rem, 5vw, 3.8rem); line-height:1.08; }
.hero-panel h1 em { color: var(--sono-orange); font-style: italic; }
.hero-panel .eyebrow { color: var(--sono-gold); }
.hero-highlights { border-left: 1px solid rgba(255,255,255,.18); }
.hero-highlights li { display:flex; align-items:center; gap:.8rem; padding:.55rem 0; color:#fff; font-weight:500; }
.hero-highlights i { width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background: rgba(255,255,255,.1); color: var(--sono-orange); font-size:1.15rem; flex-shrink:0; }

.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 600; color: var(--sono-red); }

/* Sections */
section { padding: 5.5rem 0; }
.section-title { font-size: clamp(1.9rem, 3.4vw, 2.7rem); }
.bg-sand { background: var(--sono-sand); }
.bg-deep { background: linear-gradient(120deg, var(--sono-navy) 0%, #2b3566 40%, #8a2f3a 78%, var(--sono-orange-dark) 110%); color:#f3e6e0; }
.bg-deep h2, .bg-deep h3 { color:#fff; }

/* Pillars */
.pillar { border-left: 3px solid var(--sono-orange); padding-left: 1.1rem; }
.col-sm-6:nth-child(even) .pillar { border-color: var(--sono-blue); }

/* Owners */
.bg-sky-tint { background: #eef4fb; }
.owners-stat { background: linear-gradient(135deg, var(--sono-navy) 0%, var(--sono-blue) 55%, var(--sono-red) 120%); border-radius: 24px; padding: 2.8rem 2.4rem; color:#dbe7f5; position:relative; overflow:hidden; box-shadow: 0 24px 60px rgba(15,42,74,.25); }
.owners-stat::after { content:""; position:absolute; width:260px; height:260px; right:-90px; bottom:-110px; border-radius:50%; background: radial-gradient(circle, rgba(240,122,36,.6), transparent 70%); }
.owners-stat > * { position:relative; }
.owners-stat .big { font-family:'Fraunces', serif; font-weight:700; font-size: clamp(3.6rem, 8vw, 5.2rem); line-height:1; color: var(--sono-gold); }
.owners-stat .names { font-family:'Fraunces', serif; font-size:1.5rem; color:#fff; }
.owner-point { display:flex; gap:.9rem; align-items:flex-start; }
.owner-point i { width:44px; height:44px; border-radius:12px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; background:#fff; color: var(--sono-red); font-size:1.2rem; box-shadow: 0 6px 16px rgba(15,42,74,.08); }

.owner-card { background:#fff; border-radius:22px; padding:2rem; height:100%; box-shadow: 0 14px 40px rgba(15,42,74,.08); border-top: 5px solid var(--sono-blue); }
.owner-card.lori { border-top-color: var(--sono-orange); }
.owner-photo { width:96px; height:96px; border-radius:50%; object-fit:cover; object-position: center 25%; border:4px solid #fff; box-shadow: 0 0 0 3px var(--sono-blue); flex-shrink:0; background: linear-gradient(135deg, var(--sono-blue), var(--sono-navy)); }
.owner-card.lori .owner-photo { box-shadow: 0 0 0 3px var(--sono-orange); background: linear-gradient(135deg, var(--sono-orange), var(--sono-red)); }
.owner-initials { display:flex; align-items:center; justify-content:center; color:#fff; font-family:'Fraunces', serif; font-size:2rem; font-weight:700; }
.owner-role { font-size:.8rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color: var(--sono-red); }
.owners-quote { font-family:'Fraunces', serif; font-style:italic; font-size:1.35rem; color: var(--sono-navy); border-left:4px solid var(--sono-orange); padding-left:1rem; }
.sister-link { display:inline-flex; align-items:center; gap:.75rem; padding:.75rem 1rem; border-radius:14px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); transition: background .25s, border-color .25s; }
.sister-link:hover { background: rgba(255,255,255,.12); border-color: var(--sono-orange); }
.sister-link img { width:42px; height:42px; object-fit:contain; border-radius:10px; background:#fff; padding:3px; }

/* Service cards */
.service-card { border:1px solid #e3e9f2; border-radius:18px; padding:2rem; height:100%; transition: transform .25s, box-shadow .25s, border-color .25s; background:#fff; border-top: 4px solid var(--sono-blue); }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,42,74,.12); border-top-color: var(--sono-orange); }
.service-card:hover .icon-bubble { background: linear-gradient(135deg, var(--sono-orange), var(--sono-red)); color:#fff; }
.icon-bubble { width:56px; height:56px; border-radius:16px; background: rgba(31,95,168,.12); color: var(--sono-blue); transition: background .25s, color .25s; display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:1.2rem; }

/* Property type tabs */
.nav-pills .nav-link { border-radius:50px; padding:.6rem 1.4rem; background:#fff; margin: 0 .3rem .5rem; border:1px solid #d9e2ee; color: var(--sono-ink) !important; }
.nav-pills .nav-link.active { background: var(--sono-blue) !important; color:#fff !important; border-color: var(--sono-blue); }
.type-panel { background:#fff; border-radius:24px; padding:2.5rem; box-shadow: 0 10px 40px rgba(15,42,74,.08); border-left: 6px solid var(--sono-orange); }
.check-list { list-style:none; padding:0; }
.check-list li { padding:.45rem 0 .45rem 1.9rem; position:relative; }
.check-list li::before { content:"\F26E"; font-family: "bootstrap-icons"; position:absolute; left:0; color: var(--sono-red); font-size:1.15rem; top:.35rem; }

/* Process */
.step-num { font-family:'Fraunces', serif; font-size:2.6rem; font-weight:700; color: var(--sono-gold); line-height:1; }
.step { border-top: 2px solid rgba(255,179,71,.4); padding-top:1.3rem; }

/* Quote */
.belief blockquote { font-family:'Fraunces', serif; font-size: clamp(1.4rem, 2.8vw, 2.1rem); line-height:1.35; color: var(--sono-navy); }

/* Contact */
.contact-card { background:#fff; border-radius:24px; padding:2.5rem; box-shadow: 0 20px 60px rgba(15,42,74,.1); border-top: 6px solid var(--sono-blue); }
.form-control, .form-select { border-radius:12px; padding:.75rem 1rem; border-color:#d7e0ec; }
.form-control:focus, .form-select:focus { border-color: var(--sono-sky); box-shadow: 0 0 0 .2rem rgba(74,163,223,.25); }

footer { background: var(--sono-navy); color:#b8c8dd; padding: 3.5rem 0 2rem; position: relative; }
footer::before { content:""; position:absolute; top:0; left:0; right:0; height:6px; background: linear-gradient(90deg, var(--sono-sky), var(--sono-blue), var(--sono-red), var(--sono-orange), var(--sono-gold)); }
footer a { color:#b8c8dd; text-decoration:none; }
footer a:hover { color: var(--sono-orange); }

.suite-list li { margin-bottom:.9rem; }
.suite-list li > a, .suite-list li.current { display:flex; gap:.7rem; align-items:flex-start; }
.suite-list a:hover .text-white { color: var(--sono-orange) !important; }
.suite-dot { width:10px; height:10px; border-radius:50%; margin-top:.45rem; flex-shrink:0; background: var(--sono-sky); }
.suite-list li:nth-child(2) .suite-dot { background: var(--sono-orange); }
.suite-list li:nth-child(3) .suite-dot { background: var(--sono-red); }
.suite-tag { display:inline-block; margin-left:.35rem; padding:.05rem .45rem; border-radius:20px; font-size:.68rem; background: rgba(74,163,223,.2); color:#cfe4f7; }


/* ===== Sono Suite ===== */
html { scroll-padding-top: 80px; }
/* 1. Top strip */
.suite-bar { position:fixed; top:0; left:0; right:0; height:36px; z-index:1031; background: var(--sono-navy); color:#b8c8dd; font-size:.8rem; border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, var(--sono-sky), var(--sono-blue), var(--sono-red), var(--sono-orange)) 1; }
.suite-bar a { color:#fff; text-decoration:none; font-weight:600; }
.suite-bar a:hover { color: var(--sono-gold); }
.suite-bar a:hover .wm-living, .suite-bar a:hover .wm-second { color: var(--sono-gold); }
.suite-bar .sep { opacity:.35; margin: 0 .6rem; }
.suite-bar .contact a { font-weight:500; color:#b8c8dd; }
.wm-second { color: var(--sono-orange); }
@media (min-width: 768px) {
  #mainNav { top: 36px; }
  html { scroll-padding-top: 116px; }
  .hero-photo { margin-top: 36px; }
}

/* 2. Suite section */
.suite-card { position:relative; background:#fff; border-radius:22px; padding:2.2rem 2rem 2rem; height:100%; display:flex; flex-direction:column; box-shadow: 0 14px 40px rgba(15,42,74,.08); border:1px solid #e3e9f2; transition: transform .25s, box-shadow .25s; overflow:hidden; }
.suite-card::before { content:""; position:absolute; top:0; left:0; right:0; height:6px; background: var(--card-accent, var(--sono-blue)); }
.suite-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(15,42,74,.14); }
.suite-card.is-current { border: 2px solid var(--sono-orange); }
.suite-card .suite-icon { width:60px; height:60px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#fff; background: var(--card-accent, var(--sono-blue)); margin-bottom:1.2rem; }
.suite-card .suite-name { font-family:'Fraunces', serif; font-weight:700; font-size:1.6rem; color: var(--sono-ink); line-height:1.1; }
.suite-card .suite-kicker { font-size:.78rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color: var(--sono-red); }
.suite-card .best-for { font-size:.9rem; background: var(--sono-sand); border-radius:12px; padding:.7rem .9rem; color: var(--sono-ink); }
.suite-current-tag { position:absolute; top:18px; right:18px; font-size:.7rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:.25rem .6rem; border-radius:20px; background: rgba(240,122,36,.12); color: var(--sono-orange-dark); }

/* 3. Form checkboxes */
.interest-box { background: var(--sono-sand); border-radius:14px; padding:1rem 1.1rem; }
.form-check-input:checked { background-color: var(--sono-blue); border-color: var(--sono-blue); }
.form-check-input:focus { box-shadow: 0 0 0 .2rem rgba(74,163,223,.25); border-color: var(--sono-sky); }

/* Scroll reveal */
.reveal { opacity:0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity:1; transform:none; transition:none; } html { scroll-behavior:auto; } }

#backToTop { position:fixed; right:20px; bottom:20px; width:46px; height:46px; border-radius:50%; display:none; z-index:1000; }

@media (max-width: 991.98px) {
  .navbar-collapse { background:#fff; padding:1rem; border-radius:14px; margin-top:.6rem; box-shadow:0 10px 30px rgba(0,0,0,.12); }
  .navbar-collapse .nav-link { color: var(--sono-ink) !important; }
  .hero-panel { padding: 2.2rem; margin-top: -90px; }
  .hero-highlights { border-left: 0; border-top: 1px solid rgba(255,255,255,.18); padding-top: 1rem; }
  .hero-photo { height: 62vh; min-height: 380px; }
}
@media (max-width: 575.98px) {
  section { padding: 4rem 0; }
  .type-panel, .contact-card { padding: 1.6rem; }
  .hero-panel { padding: 1.6rem; margin-top: -60px; border-radius: 20px; }
  .hero-photo { height: 50vh; min-height: 320px; }
  .hero-photo img { object-position: 35% 30%; }
}
  

/* ===================== Multi-page additions ===================== */

/* Dropdown menu */
.navbar .dropdown-menu { border:0; border-radius:14px; padding:.5rem; box-shadow: 0 18px 40px rgba(15,42,74,.18); margin-top:.6rem; }
.navbar .dropdown-item { border-radius:10px; padding:.6rem .9rem; font-weight:500; color: var(--sono-ink); }
.navbar .dropdown-item small { display:block; color:#7a8499; font-weight:400; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background: var(--sono-sand); color: var(--sono-red); }
.navbar .dropdown-item.active, .navbar .dropdown-item:active { background: rgba(31,95,168,.1); color: var(--sono-blue); }
.navbar .dropdown-toggle::after { vertical-align: .15em; }
@media (max-width: 991.98px) {
  .navbar .dropdown-menu { box-shadow:none; background: var(--sono-sand); margin-top:0; }
}

/* Inner page header (uses the hero photo under a navy overlay) */
.page-hero { position:relative; padding: 10rem 0 5rem; color:#dbe7f5; overflow:hidden; background: var(--sono-navy); }
.page-hero::before { content:""; position:absolute; inset:0; background: url('../images/sono-hero.jpg') center 60% / cover no-repeat; opacity:.35; }
.page-hero::after { content:""; position:absolute; inset:0; background: linear-gradient(110deg, rgba(15,42,74,.97) 0%, rgba(15,42,74,.85) 45%, rgba(158,42,32,.55) 85%, rgba(240,122,36,.45) 100%); }
.page-hero .container { position:relative; z-index:2; }
.page-hero h1 { color:#fff; font-size: clamp(2.2rem, 4.6vw, 3.4rem); line-height:1.1; }
.page-hero h1 em { color: var(--sono-orange); font-style: italic; }
.page-hero .eyebrow { color: var(--sono-gold); }
.page-hero .lead { max-width: 640px; }
.page-hero-stripe { position:absolute; left:0; right:0; bottom:0; height:6px; z-index:3; background: linear-gradient(90deg, var(--sono-red), var(--sono-orange), var(--sono-gold), var(--sono-sky)); }
.crumbs { font-size:.85rem; margin-bottom:1rem; }
.crumbs a { color:#b8c8dd; text-decoration:none; }
.crumbs a:hover { color: var(--sono-gold); }
.crumbs span { opacity:.5; margin:0 .45rem; }
@media (max-width: 767.98px) { .page-hero { padding: 7.5rem 0 3.5rem; } }

/* Model cards (co-living vs long-term) */
.model-card { position:relative; background:#fff; border-radius:24px; padding:2.4rem; height:100%; display:flex; flex-direction:column; box-shadow: 0 14px 40px rgba(15,42,74,.08); overflow:hidden; transition: transform .25s, box-shadow .25s; }
.model-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(15,42,74,.14); }
.model-card::before { content:""; position:absolute; top:0; left:0; right:0; height:6px; background: var(--card-accent); }
.model-card .suite-icon { width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:#fff; background: var(--card-accent); margin-bottom:1.3rem; }
.model-card h3 { font-size:1.7rem; }
.link-arrow { font-weight:600; color: var(--sono-blue); text-decoration:none; }
.link-arrow i { transition: transform .2s; display:inline-block; }
.link-arrow:hover { color: var(--sono-red); }
.link-arrow:hover i { transform: translateX(4px); }

/* Service detail cards */
.service-card .mini-list { list-style:none; padding:0; margin:1rem 0 0; }
.service-card .mini-list li { position:relative; padding:.25rem 0 .25rem 1.4rem; font-size:.92rem; }
.service-card .mini-list li::before { content:""; position:absolute; left:0; top:.72rem; width:8px; height:8px; border-radius:50%; background: var(--sono-orange); }

/* Benefit tiles */
.benefit { background:#fff; border-radius:20px; padding:2rem; height:100%; box-shadow: 0 10px 30px rgba(15,42,74,.06); border-bottom: 4px solid var(--sono-blue); }
.benefit:nth-child(3n+2), .col-md-4:nth-child(2) .benefit { border-bottom-color: var(--sono-orange); }
.col-md-4:nth-child(3) .benefit { border-bottom-color: var(--sono-red); }
.benefit .num { font-family:'Fraunces', serif; font-weight:700; font-size:1rem; letter-spacing:.1em; color: var(--sono-red); }

/* Side checklist card */
.side-card { background: linear-gradient(140deg, var(--sono-navy), var(--sono-blue)); color:#dbe7f5; border-radius:24px; padding:2.4rem; box-shadow: 0 24px 60px rgba(15,42,74,.25); position:relative; overflow:hidden; }
.side-card::after { content:""; position:absolute; width:260px; height:260px; right:-100px; bottom:-120px; border-radius:50%; background: radial-gradient(circle, rgba(240,122,36,.55), transparent 70%); }
.side-card > * { position:relative; }
.side-card h3 { color:#fff; }
.side-card .check-list li::before { color: var(--sono-gold); }

/* Owners teaser (home) */
.owners-teaser { background:#fff; border-radius:24px; padding:2.2rem; box-shadow: 0 14px 40px rgba(15,42,74,.08); }
.owners-teaser .faces img { width:78px; height:78px; border-radius:50%; object-fit:cover; border:4px solid #fff; box-shadow: 0 0 0 3px var(--sono-blue); }
.owners-teaser .faces img + img { margin-left:-18px; box-shadow: 0 0 0 3px var(--sono-orange); }

/* Sono Suite teaser (home) */
.suite-pill { display:flex; align-items:center; gap:.8rem; background:#fff; border-radius:16px; padding:1rem 1.2rem; text-decoration:none; color: var(--sono-ink); border:1px solid #e3e9f2; height:100%; transition: border-color .2s, transform .2s; }
.suite-pill:hover { border-color: var(--sono-orange); transform: translateY(-3px); color: var(--sono-ink); }
.suite-pill .name { font-family:'Fraunces', serif; font-weight:700; font-size:1.2rem; }
.suite-pill .dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; }

/* Beliefs list (about) */
.belief-item { display:flex; gap:1rem; align-items:flex-start; padding:1.2rem 0; border-bottom:1px solid #e3e9f2; }
.belief-item:last-child { border-bottom:0; }
.belief-item .n { font-family:'Fraunces', serif; font-weight:700; font-size:1.6rem; color: var(--sono-orange); line-height:1; min-width:2.2rem; }

/* CTA band */
.cta-band { background: linear-gradient(120deg, var(--sono-red) 0%, var(--sono-orange) 55%, var(--sono-gold) 120%); color:#fff; padding: 4.5rem 0; position:relative; overflow:hidden; }
.cta-band::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; left:-140px; top:-200px; background: radial-gradient(circle, rgba(255,255,255,.25), transparent 70%); }
.cta-band .container { position:relative; }
.cta-band h2 { color:#fff; font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.btn-white { background:#fff; color: var(--sono-red); font-weight:700; padding:.85rem 1.7rem; border-radius:50px; border:0; box-shadow: 0 10px 24px rgba(0,0,0,.15); }
.btn-white:hover { background: var(--sono-navy); color:#fff; }
.btn-ghost-white { border:2px solid rgba(255,255,255,.8); color:#fff; font-weight:600; padding:.75rem 1.5rem; border-radius:50px; }
.btn-ghost-white:hover { background:#fff; color: var(--sono-red); }

/* FAQ */
.faq .accordion-item { border:0; border-radius:16px !important; margin-bottom:.9rem; overflow:hidden; box-shadow: 0 8px 24px rgba(15,42,74,.06); }
.faq .accordion-button { font-weight:600; color: var(--sono-ink); padding:1.2rem 1.4rem; }
.faq .accordion-button:not(.collapsed) { background: rgba(31,95,168,.08); color: var(--sono-blue); box-shadow:none; }
.faq .accordion-button:focus { box-shadow: 0 0 0 .2rem rgba(74,163,223,.25); }
.faq .accordion-body { color:#4b5670; padding: 1rem 1.4rem 1.4rem; }
.faq .accordion-button { font-family: var(--bs-body-font-family); }