/* Phone app — every other page (owner: helper 3). Every rule must sit inside @media (max-width:760px). Spec: ../docs/superpowers/specs/2026-10-16-phone-app-design.md
   Pages: films, minis, minis-list (+confirmed), longans-place, miami-wedding-photographer, elopement_packages,
   package_details(+specials), package-builder, latest-blog-post, privacy, terms, book_melissa, book_jeidy, book,
   melissa-questions. Scoped by body class (pb-films, pb-venue, pb-pkgs, pb-journal, page-legal, page-minis,
   page-minis-list) or by the page's own wrapper. */
@media (max-width:760px){

  /* =====================  shared bits  ===================== */
  body.pb-films .section-label,body.pb-venue .section-label,body.pb-pkgs .section-label,
  .book-note .section-label,.book-embed .section-label{color:var(--app-ink-blush);font-size:11px;letter-spacing:.2em;margin:0 0 8px;text-align:left}
  body.pb-venue .cta-band .section-label,body.pb-films .cta-band .section-label{text-align:center;color:var(--blush)}

  /* =====================  FILMS  ===================== */
  body.pb-films .films-hero{background:var(--cream);height:auto;min-height:0}
  body.pb-films .films-hero .films-hero-media{background:var(--ink)}
  body.pb-films .films-hero .films-hero-media{overflow:hidden}
  body.pb-films .films-hero-video{width:100%;height:100%;object-fit:cover}
  body.pb-films .films-scroll{display:none}
  body.pb-films .films-intro{padding:20px var(--app-gut) 8px;background:var(--cream);text-align:left}
  body.pb-films .films-intro-inner{max-width:none}
  body.pb-films .films-intro h2,body.pb-films .films-reels-head h2,body.pb-films .films-samples h2{font-size:28px;line-height:1.12;margin:0 0 10px}
  body.pb-films .films-intro .section-intro,body.pb-films .films-samples .section-intro{margin:0 0 12px;max-width:none;text-align:left;font-size:15.5px;line-height:1.6}
  body.pb-films .films-reels{padding:18px 0 14px;background:var(--cream)}
  body.pb-films .films-reels-head{text-align:left;padding:0 var(--app-gut);margin:0 0 12px}
  body.pb-films .reels-wall{margin:0;padding:0 var(--app-gut) 8px;scroll-padding:0 var(--app-gut);gap:12px}
  body.pb-films .reel-card{flex:0 0 min(62vw,240px);scroll-snap-align:start;border-radius:var(--app-r);box-shadow:none;border:1px solid var(--line)}
  body.pb-films .films-samples{padding:20px 0 8px;background:var(--cream);text-align:left}
  body.pb-films .films-samples-head{padding:0 var(--app-gut);margin:0 0 16px;max-width:none}
  body.pb-films .films-more-note{margin:0;max-width:none;font-size:14.5px;line-height:1.55;text-align:left;color:var(--ink-soft)}
  body.pb-films .films-more-note a{display:inline-block;padding:10px 0;color:var(--app-ink-blush)}
  body.pb-films .fc{padding:0 var(--app-gut)}
  body.pb-films .films-clientnote{margin:18px var(--app-gut) 0;padding:16px 18px;border-radius:var(--app-r);text-align:left}
  body.pb-films .fc-empty{padding:0 var(--app-gut);margin-bottom:12px}
  body.pb-films .fc-dot{position:relative}
  body.pb-films .fc-dot::after{content:"";position:absolute;inset:-18px -4px}
  body.pb-films .cta-band.app-cta .btn{width:100%}

  /* =====================  VENUE PAGES (Longan's Place + Miami)  ===================== */
  body.pb-venue .about-intro{background:var(--cream)}
  body.pb-venue .about-intro-grid{text-align:left}
  body.pb-venue .about-intro p{max-width:none}
  body.pb-venue .section-head,body.pb-venue .section-head.center{text-align:left;padding:0 var(--app-gut);margin:0 0 14px;max-width:none}
  body.pb-venue .section-head h2{font-size:26px;line-height:1.14;margin:0 0 8px}
  body.pb-venue .section-head .section-intro{margin:0;max-width:none;text-align:left;font-size:15px;line-height:1.55}

  /* Longan's hero: a rounded photo card with the logo lockup on it */
  body.pb-venue .venue-hero.venue-hero-left{display:block;position:relative;min-height:0;margin:14px var(--app-gut) 0;border-radius:var(--app-r);overflow:hidden;text-align:left;background:var(--ink)}
  body.pb-venue .venue-hero-left .venue-hero-media{background-position:56% 40%}
  body.pb-venue .venue-hero-left .venue-hero-overlay{background:linear-gradient(180deg,rgba(28,24,21,.12) 0%,rgba(28,24,21,.7) 100%)}
  body.pb-venue .venue-hero-left .venue-hero-scrim{background:none}
  body.pb-venue .venue-hero-left .venue-hero-inner{max-width:none;padding:150px 20px 22px;text-align:left}
  body.pb-venue .venue-hero-left .venue-lockup{align-items:flex-start;gap:.6rem}
  body.pb-venue .vl-eyebrow{font-size:11px;letter-spacing:.2em;margin:0 0 12px;color:#f3e7df}
  body.pb-venue .vl-sc-badge{padding:.6rem .85rem;border-radius:10px}
  body.pb-venue .vl-sc{width:96px}
  body.pb-venue .vl-longans{width:210px;max-width:70vw}
  body.pb-venue .venue-hero-left .venue-hero-sub{margin:14px 0 0;font-size:15px;line-height:1.5;max-width:none;text-align:left}

  /* Miami hero: big ink title, photo card below (same as PageHero) */
  .miami-page .venue-hero{min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;text-align:left;overflow:visible;padding:2px 0 6px;background:var(--cream)}
  .miami-page .venue-hero .venue-hero-media{position:relative;inset:auto;height:250px;margin:16px var(--app-gut) 0;border-radius:var(--app-r)}
  .miami-page .venue-hero .venue-hero-overlay{display:none}
  .miami-page .venue-hero .venue-hero-inner{padding:4px var(--app-gut) 0;text-align:left;max-width:none}
  .miami-page .venue-hero .vl-eyebrow{color:var(--app-ink-blush);margin:0 0 8px}
  .miami-page .vl-title{font-size:34px;line-height:1.06;color:var(--ink);text-shadow:none;max-width:none;margin:0;text-align:left}
  .miami-page .vl-title em{color:var(--blush-deep)}
  .miami-page .venue-hero-sub{color:var(--ink-soft);text-shadow:none;margin:10px 0 0;max-width:none;font-size:15.5px;line-height:1.55;text-align:left}

  /* quote band becomes a photo card */
  body.pb-venue .quote-band{min-height:0;margin:20px var(--app-gut) 0;border-radius:var(--app-r)}
  body.pb-venue .quote-band-inner{padding:90px 20px 24px;max-width:none;text-align:left}
  body.pb-venue .quote-band-text{font-size:21px;line-height:1.4;text-align:left}
  body.pb-venue .quote-band-overlay{background:linear-gradient(180deg,rgba(44,39,35,.1),rgba(44,39,35,.74))}

  /* three places */
  body.pb-venue .places{padding:26px 0 8px;background:var(--cream)}
  body.pb-venue .places-grid{max-width:none;gap:12px;padding:0 var(--app-gut)}
  body.pb-venue .place{background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);overflow:hidden}
  body.pb-venue .place-media{border-radius:0;aspect-ratio:4/3}
  body.pb-venue .place-name{margin:16px 18px 6px;font-size:22px;line-height:1.15}
  body.pb-venue .place-body{margin:0 18px 20px;font-size:15px;line-height:1.55}

  /* love-story galleries */
  body.pb-venue .galleries{padding:26px 0 8px;background:var(--cream)}
  body.pb-venue .venue-grid,.miami-page .venue-grid{max-width:none;gap:12px;padding:0 var(--app-gut);grid-template-columns:1fr}
  body.pb-venue .v-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);transform:none;box-shadow:none}
  body.pb-venue .v-card:hover{transform:none;box-shadow:none}
  body.pb-venue .v-body{padding:14px 18px 16px;gap:4px}
  body.pb-venue .v-name{font-size:20px;line-height:1.2}
  body.pb-venue .v-go{display:inline-flex;align-items:center;min-height:30px;color:var(--app-ink-blush)}

  /* Miami: facts, reviews, FAQ, venues */
  .miami-page .mw-facts{display:block;margin:20px var(--app-gut) 0;padding:0;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);overflow:hidden}
  .miami-page .mw-fact{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 18px;border-top:1px solid var(--line)}
  .miami-page .mw-fact:first-child{border-top:0}
  .miami-page .mw-fact dt{margin:0;font-size:11px;color:var(--app-ink-blush);flex:none}
  .miami-page .mw-fact dd{font-size:15px;text-align:right}
  .miami-page .mw-fact a{display:inline-flex;align-items:center;min-height:44px;border-bottom:0;color:var(--app-ink-blush);font-weight:700}
  .miami-page .mw-reviews{padding:26px 0 8px;background:var(--cream)}
  .miami-page .mw-review-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--app-gut);padding:0 var(--app-gut) 8px;max-width:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .miami-page .mw-review-grid::-webkit-scrollbar{display:none}
  .miami-page .mw-review{flex:0 0 84%;scroll-snap-align:start;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);box-shadow:none;padding:20px 18px}
  .miami-page .mw-review blockquote{font-size:16.5px;line-height:1.6}
  .miami-page .mw-reviews-foot{padding:0 var(--app-gut);margin-top:14px;font-size:12.5px;line-height:1.5;text-align:left;color:var(--ink-soft)}
  .miami-page .mw-faq{padding:26px 0 8px}
  .miami-page .mw-faq-list{margin:0 var(--app-gut);background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);overflow:hidden;max-width:none}
  .miami-page .mw-q{border-bottom:0;border-top:1px solid var(--line)}
  .miami-page .mw-q:first-child{border-top:0}
  .miami-page .mw-q summary{min-height:56px;display:flex;align-items:center;padding:12px 44px 12px 18px;font-size:17px;line-height:1.3}
  .miami-page .mw-q summary::after{right:18px}
  .miami-page .mw-q summary:focus-visible{outline-offset:-3px}
  .miami-page .mw-a{padding:0 18px 18px;font-size:15px;line-height:1.6}
  .miami-page .mw-venues{padding:26px 0 8px;background:var(--cream);text-align:left}
  .miami-page .mw-venues .section-intro{margin-left:0}
  .miami-page .mw-venue-tags{justify-content:flex-start;margin:6px var(--app-gut) 0;padding:0;gap:8px}
  .miami-page .mw-venue-tags li{padding:10px 16px;font-size:13.5px;min-height:40px;display:inline-flex;align-items:center;background:var(--paper);border-radius:100px}
  .miami-page .mw-venues-note{margin:14px var(--app-gut) 0;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}

  /* closing card (venue pages) */
  body .cta-band.app-cta h2 br{display:inline}
  body.pb-venue .cta-band.app-cta .btn{width:100%}
  body.pb-venue .cta-band.app-cta{margin-top:26px}

  /* =====================  PACKAGE PAGES  ===================== */
  body.pb-pkgs .pricing-intro .section-label{text-align:left}
  body.pb-pkgs .pricing-intro h2 br{display:inline}
  body.pb-venue .about-intro h2 br{display:inline}
  body.pb-pkgs .pkg,body.pb-pkgs .pkg--feature{background:transparent;border:0;padding:0;margin:12px 0 0;color:var(--ink)}
  body.pb-pkgs .pkg-inner{display:block;margin:0 var(--app-gut);background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);padding:20px 18px 22px}
  body.pb-pkgs .pkg--feature .pkg-inner{background:var(--ink);border-color:var(--ink);color:var(--cream)}
  body.pb-pkgs .pkg-head{margin:0 0 14px}
  body.pb-pkgs .pkg-head h2{font-size:26px;line-height:1.12;margin:0}
  body.pb-pkgs .pkg--feature .pkg-head h2{color:var(--cream)}
  body.pb-pkgs .pkg-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}
  body.pb-pkgs .pkg-tier{min-width:0;padding:12px 4px;border-radius:12px;background:var(--cream)}
  body.pb-pkgs .pkg-tiers:has(.pkg-tier:only-child){grid-template-columns:1fr}
  body.pb-pkgs .pkg-hours{font-size:10.5px;letter-spacing:.1em;margin-bottom:6px}
  body.pb-pkgs .pkg-price{font-size:22px}
  body.pb-pkgs .pkg-tier:only-child .pkg-price{font-size:24px}
  body.pb-pkgs .pkg--feature .pkg-tier{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
  body.pb-pkgs .pkg--feature .pkg-price{color:var(--cream)}
  body.pb-pkgs .pkg-feat{gap:10px}
  body.pb-pkgs .pkg-feat li{font-size:15px;line-height:1.5}
  body.pb-pkgs .pkg--feature .pkg-feat li{color:#e2d8cf}

  /* =====================  BOOKING (book_melissa, book_jeidy, package pages' calendar)  ===================== */
  .book-note{padding:22px var(--app-gut) 8px;background:var(--cream)}
  .book-note-grid{display:block;max-width:none}
  .book-note-media{max-width:none;margin:0 0 14px}
  .book-note-media .intro-frame{aspect-ratio:1/1;border-radius:var(--app-r);box-shadow:none}
  .book-note-text{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);padding:20px 18px 22px}
  .book-note-text h2{font-size:26px;line-height:1.14;margin:0 0 10px}
  .book-note-text p{max-width:none;margin:0 0 10px;font-size:15.5px;line-height:1.6}
  .book-note-text .book-sign{margin:12px 0 0;color:var(--app-ink-blush)}
  .book-embed{padding:30px 0 8px;background:var(--cream)}
  .book-embed-head{text-align:left;padding:0 var(--app-gut);margin:0 0 14px;max-width:none}
  .book-embed-head h2{font-size:26px;line-height:1.14;margin:0 0 8px}
  .book-embed-head .section-intro,.book-embed-head .section-intro.center{margin:0;max-width:none;text-align:left;font-size:15px;line-height:1.55}
  .book-embed-frame{margin:0 var(--app-gut);max-width:none;border-radius:var(--app-r);padding:0;box-shadow:none;overflow:hidden}
  .book-embed-frame--booker{margin:0 12px;border-radius:0;overflow:visible;background:none;border:0}
  .book-embed .booker-embed{border-radius:var(--app-r)}
  .book-fallback{margin:16px var(--app-gut) 0;max-width:none;background:var(--paper);border-radius:var(--app-r);padding:22px 18px;text-align:left}
  .book-fallback .bf-head{font-size:21px;margin:0 0 8px}
  .book-fallback .bf-text{font-size:15px;line-height:1.55;margin:0 0 16px}
  .book-fallback .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 18px;border-radius:100px;text-align:center;line-height:1.3;font-size:12px;letter-spacing:.12em}
  body.pb-pkgs .booking-cta{margin:0;padding:24px 18px;text-align:left}
  body.pb-pkgs .booking-cta h3{font-size:22px}
  body.pb-pkgs .booking-cta .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 18px;border-radius:100px;font-size:12px;letter-spacing:.14em}

  /* /book/ placeholder */
  body .pending-wrap.pending-wrap{min-height:0;display:block;padding:4px var(--app-gut) 24px}
  body .pending-wrap .pending-card{max-width:none;text-align:left}
  body .pending-wrap .section-label,body .pending-wrap .section-label.center{margin:0 0 8px;text-align:left;color:var(--app-ink-blush);font-size:11px;letter-spacing:.2em}
  body .pending-wrap .pending-title{font:400 36px/1.05 var(--display);margin:0 0 12px}
  body .pending-wrap .section-intro,body .pending-wrap .section-intro.center{margin:0 0 18px;max-width:none;text-align:left;font-size:15.5px;line-height:1.6}
  body .pending-wrap .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 20px;margin:0;border-radius:100px;font-size:12.5px;letter-spacing:.14em}

  /* =====================  JOURNAL  ===================== */
  body.pb-journal .journal{padding:20px var(--app-gut) 28px;background:var(--cream)}
  body.pb-journal .journal-grid{gap:12px}
  body.pb-journal .j-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);transform:none;box-shadow:none}
  body.pb-journal .j-body{padding:16px 18px 18px}
  body.pb-journal .journal-empty{padding:26px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);text-align:left;font-size:16px;line-height:1.55}

  /* =====================  PRIVACY + TERMS  ===================== */
  body.page-legal .page-hero{height:auto;min-height:0}
  body.page-legal .page-hero-inner{padding-top:4px}
  body.page-legal .page-hero-title{font-size:36px}
  .legal{padding:12px 0 24px;background:var(--cream)}
  .legal-grid{display:block;max-width:none}
  .legal-toc{position:sticky;top:calc(var(--app-top) + env(safe-area-inset-top));z-index:40;background:var(--cream);padding:6px var(--app-gut) 8px;margin:0}
  .legal-toc .section-label{display:none}
  .legal-toc ol{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .legal-toc ol::-webkit-scrollbar{display:none}
  .legal-toc li{flex:none}
  .legal-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:100px;background:var(--paper);font-size:14px;line-height:1;color:var(--ink-soft);white-space:nowrap}
  .legal-toc a:hover,.legal-toc a.is-current{padding-left:16px;border-color:var(--ink);background:var(--ink);color:var(--cream)}
  .legal-toc a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  .legal-doc{max-width:none;padding:12px var(--app-gut) 0}
  .legal-lede{padding:18px;margin:0 0 12px;border:1px solid var(--line);border-radius:var(--app-r);background:var(--paper)}
  .legal-lede p{font-size:15.5px;line-height:1.6}
  .legal-lede .legal-updated{margin:14px 0 0;font-size:11px;letter-spacing:.14em;line-height:1.5}
  .legal-summary{margin:0 0 12px;padding:18px;border:1px solid var(--line);border-radius:var(--app-r);background:var(--cream-2)}
  .legal-summary .section-label{font-size:11px;letter-spacing:.2em;margin:0 0 8px}
  .legal-summary p{font-size:15.5px;line-height:1.6}
  .legal-sec,.legal-sec + .legal-sec{margin:0 0 12px;padding:20px 18px 22px;border:1px solid var(--line);border-radius:var(--app-r);background:var(--paper);scroll-margin-top:calc(var(--app-top) + 70px)}
  .legal-sec h2{font-size:22px;line-height:1.2;margin:0 0 12px}
  .legal-sec p{font-size:15px;line-height:1.6}
  .legal-notice{margin:14px 0 0;padding:16px;border-radius:12px}
  .legal-notice p{font-size:12px;line-height:1.7}
  .legal-contact{margin-top:10px;border-radius:12px;word-break:break-word}
  .legal-contact a{display:inline-flex;align-items:center;min-height:44px}

  /* =====================  MINIS  (paid-ads landing page)  ===================== */
  body.page-minis .minis-page{background:var(--cream)}
  body.page-minis .minis-page .mn-hero{padding:6px var(--app-gut) 8px;text-align:left;background:var(--cream)}
  body.page-minis .minis-page .mn-eyebrow{color:var(--app-ink-blush);font-size:11px;letter-spacing:.2em;margin:0 0 8px}
  body.page-minis .minis-page .mn-hero h1{font-size:34px;line-height:1.06;max-width:none;margin:0 0 12px}
  body.page-minis .minis-page .mn-lede{max-width:none;margin:0;font-size:15.5px;line-height:1.6}
  body.page-minis .minis-page .mn-facts{justify-content:flex-start;gap:8px;margin:18px 0 0;padding:0;border-top:0;max-width:none}
  body.page-minis .minis-page .mn-facts .mn-dot{display:none}
  body.page-minis .minis-page .mn-facts span.mn-f{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:100px;background:var(--paper);font-size:10.5px;letter-spacing:.14em}
  body.page-minis .minis-page .mn-facts span.mn-price{background:var(--ink);border-color:var(--ink);color:var(--cream)}
  body.page-minis .minis-page .mn-sets{padding:14px var(--app-gut) 8px;background:var(--cream)}
  body.page-minis .minis-page .mn-stack{gap:14px}
  body.page-minis .minis-page .mn-row{gap:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--app-r);overflow:hidden}
  body.page-minis .minis-page .mn-frame{border-radius:0;box-shadow:none}
  body.page-minis .minis-page .mn-strip{margin:0;padding:8px 12px 0}
  body.page-minis .minis-page .mn-note{padding:0 12px;margin:2px 0 6px;font-size:10px}
  body.page-minis .minis-page .mn-thumb{flex:0 0 92px}
  body.page-minis .minis-page .mn-thumb img{width:92px;height:66px}
  body.page-minis .minis-page .mn-copy{padding:8px 18px 20px}
  body.page-minis .minis-page .mn-rule{margin-bottom:14px}
  body.page-minis .minis-page .mn-copy h3{font-size:28px;line-height:1.1;margin-bottom:10px}
  body.page-minis .minis-page .mn-desc{font-size:15.5px;line-height:1.55;margin-bottom:12px;max-width:none}
  body.page-minis .minis-page .mn-tag{margin-bottom:16px}
  body.page-minis .minis-page .mn-book{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 20px;text-align:center}
  body.page-minis .minis-page .mn-closing{margin:20px var(--app-gut) 24px;padding:32px 22px;border-radius:var(--app-r)}
  body.page-minis .minis-page .mn-closing h2{font-size:27px;line-height:1.15;margin-bottom:20px}
  body.page-minis .minis-page .mn-ask{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px}
  body.page-minis .minis-page .mn-thumb:focus-visible,body.page-minis .minis-page .mn-book:focus-visible,body.page-minis .minis-page .mn-ask:focus-visible{outline:2px solid var(--blush-deep);outline-offset:2px}

  /* =====================  MINIS LIST (+ confirmed)  ===================== */
  body.page-minis-list .ml-page{display:block;min-height:0;padding:6px var(--app-gut) 28px}
  body.page-minis-list .ml-card{border-radius:var(--app-r);box-shadow:none;padding:24px 20px 26px;max-width:none;text-align:left}
  body.page-minis-list .ml-card::before{display:none}
  body.page-minis-list .ml-card .section-label{color:var(--app-ink-blush);text-align:left;font-size:11px;letter-spacing:.2em;margin:0 0 8px}
  body.page-minis-list .ml-title{font-size:34px;line-height:1.06;margin:0 0 12px}
  body.page-minis-list .ml-lede{max-width:none;margin:0;font-size:15.5px;line-height:1.6}
  body.page-minis-list .ml-rule{margin:20px 0}
  body.page-minis-list .ml-field input{font-size:16px;min-height:48px}
  body.page-minis-list .ml-form .btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-size:12.5px;letter-spacing:.14em;border-radius:100px}
  body.page-minis-list .ml-back{display:inline-flex;align-items:center;min-height:44px;color:var(--app-ink-blush)}

  /* =====================  PACKAGE BUILDER  ===================== */
  #sc-builder{background:var(--cream)}
  #sc-builder .stage{padding:8px var(--app-gut) 28px}
  #sc-builder .fork-head{text-align:left;margin-bottom:20px}
  #sc-builder .fork-head h1{font-size:34px;line-height:1.06}
  #sc-builder .fork-head .help{text-align:left;margin:12px 0 0}
  #sc-builder .step > .stepmeta,#sc-builder .step > .eyebrow,#sc-builder .step > .q,#sc-builder .step > .help{text-align:left}
  #sc-builder .step > .help{margin-left:0}
  #sc-builder .q{font-size:28px}
  #sc-builder .card{padding:20px 18px;min-height:0;border-radius:var(--app-r)}
  #sc-builder .card:hover{transform:none;box-shadow:none}
  #sc-builder .card .go{display:inline-flex;align-items:center;min-height:44px}
  #sc-builder .field{text-align:left}
  #sc-builder .chips{justify-content:flex-start}
  #sc-builder .chip{min-height:44px}
  #sc-builder button.btn,#sc-builder .btn{min-height:48px}

  /* =====================  MELISSA'S QUESTIONS  ===================== */
  #mq{background:var(--cream)}
  #mq .wrap{padding:8px var(--app-gut) 40px;max-width:none}
  #mq .eyebrow,#mq h1,#mq .lede{text-align:left}
  #mq .eyebrow{font-size:11px;letter-spacing:.2em;color:var(--app-ink-blush);margin:0 0 8px}
  #mq h1{font-size:34px;line-height:1.06;margin:0 0 12px}
  #mq .lede{margin:0 0 20px;font-size:15.5px;line-height:1.6;max-width:none}
  #mq .mq-q{border-radius:var(--app-r);padding:20px 18px;margin:0 0 12px}
  #mq label.opt{display:block;position:relative;min-height:48px;padding:13px 14px 13px 48px;line-height:1.5}
  #mq label.opt input{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;margin:0}
  #mq input[type=text],#mq textarea{min-height:48px}
  #mq .actions .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:0 20px;font-size:12.5px;letter-spacing:.14em}
  #mq :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
}
