/* Full Disclosure dialog and the footer legal row (Site Engineering 2026-10-27). Site tokens; text as on the live popup. */
.f3-legal{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;font-size:14px}
.f3-legal a,.f3-legal button{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;font:600 14px/1.3 "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;color:#2F4453;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.f3-legal a:focus-visible,.f3-legal button:focus-visible{outline:3px solid #203846;outline-offset:2px}
/* 2026-11-11 audit: inside the site footer, older footer nav rules turned this row into a three-column grid (block on phones) and
   restyled the two links, so the four items had two looks and "Full Disclosure" ran into "Accessibility". One wrapping row, one style. */
.dio-footer nav.f3-legal{display:flex!important;flex-wrap:wrap;gap:4px 24px!important;grid-template-columns:none!important;align-items:center}
.dio-footer nav.f3-legal a,.dio-footer nav.f3-legal button{font:600 14px/1.3 "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;color:#2F4453;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:0;margin:0}
.dio-disclose-line{margin:10px 0 0;text-align:center;font-size:14px}
.dio-disclose-line button{background:none;border:0;padding:0;min-height:44px;font:600 14px "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;color:#4C7288;text-decoration:underline;cursor:pointer}
.landing-footer .dio-disclose-line{text-align:inherit}
/* 2026-11-11 audit (consultation page): the two links take the same steel, weight and underline as the two buttons beside them
   (they were browser-default blue), and no item breaks inside its own words on a phone */
.dio-consult .dio-disclose-line a{color:#4C7288;font-weight:600;text-decoration:underline}
.dio-consult .dio-disclose-line a,.dio-consult .dio-disclose-line button{white-space:nowrap}
.dd{width:min(760px,calc(100% - 32px));max-height:min(86vh,900px);padding:0;border:0;background:#fff;color:#2F4453;box-shadow:0 18px 48px rgba(16,32,42,.32);
  font:16px/1.6 "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;display:none;flex-direction:column}
.dd[open]{display:flex}
.dd::backdrop{background:rgba(20,34,44,.62)}
.dd-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 12px 24px;border-bottom:1px solid #DCE6ED}
.dd-head h2{margin:0;font-size:20px;line-height:1.3;font-weight:600}
.dd-x{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;font-size:30px;line-height:1;color:#2F4453;cursor:pointer}
.dd-body{overflow:auto;padding:18px 24px 8px;flex:1 1 auto}
.dd-body p{margin:0 0 14px}.dd-body ul{margin:0 0 14px;padding-left:22px}.dd-body li{margin:0 0 6px}
.dd-body a{color:#4C7288;font-weight:600}
.dd-foot{padding:12px 24px 18px;border-top:1px solid #DCE6ED;display:flex;justify-content:flex-end}
.dd-btn{min-height:48px;min-width:120px;padding:12px 24px;border:0;cursor:pointer;font:600 16px/1.2 "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;color:#fff;
  background:linear-gradient(180deg,#68869a 0%,#56737f 40%,#4a6573 100%);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
@media (hover:hover){.dd-btn:hover{background:linear-gradient(180deg,#f4a165 0%,#ed873c 40%,#e9853b 100%);color:#203846}}
.dd-x:focus-visible,.dd-body:focus-visible{outline:3px solid #203846;outline-offset:-3px}
.dd-btn:focus-visible{outline:none;background:linear-gradient(180deg,#f4a165 0%,#ed873c 40%,#e9853b 100%);color:#203846;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #203846}
html.dd-open{overflow:hidden}
@media (max-width:599px){.dd{width:100%;max-width:100%;max-height:100%;height:100%;margin:0}.dd-head{padding-left:16px}.dd-body{padding:16px}.dd-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.dd-btn{width:100%}}
/* UserWay button above the phone dock (Robert 2026-10-28 round 3 item 2). This sheet is the one launch include on every page, so the rule
   lives here. On phones UserWay marks its root div.uwy with "umb" (picked by device, not width) and positions .userway_buttons_wrapper
   13px from the bottom, on top of the 77px dock; 80px higher clears it. Dashboard "exact positioning" stays off (it hid the button). */
.uwy.umb .userway_buttons_wrapper{bottom:calc(93px + env(safe-area-inset-bottom, 0px))!important}
/* 2026-11-05 (Robert): the dock shows up to 1000px wide, and on a tablet or narrow window UserWay is not in phone mode ("umb"), so it sat
   on Free Consultation. Same lift wherever the dock shows. The chatbot gets the same 93px (data-mobile-bottom, dio-disclosure.js). */
@media (max-width:1000px){.uwy .userway_buttons_wrapper{bottom:calc(93px + env(safe-area-inset-bottom, 0px))!important}}
/* Under 360px the chatbot's closed frame (290px wide, 110px tall, on top) reaches the UserWay button, so UserWay steps up above it. */
@media (max-width:359px){.uwy.umb .userway_buttons_wrapper,.uwy .userway_buttons_wrapper{bottom:calc(211px + env(safe-area-inset-bottom, 0px))!important}}
/* Struck standard fee after a special price, "(normally $14,500)" (build_launch.py special binding, 2026-11-05): its own box so a link's
   underline does not run through it on top of the strikethrough; regular weight beside the bold price. Audit 2026-11-10. */
.dio-was{display:inline;font-weight:400}.dio-was s{white-space:nowrap}   /* inline keeps its own leading space; as an inline-block it dropped the space ("per arch(normally") and, with a margin in its place, a wrapped line started 5px in */
/* 2026-11-11 audit: headlines left one word alone on the last line at several widths ("... In Just One / Week"). Balanced wrapping
   evens the lines; browsers without it keep today's wrap. This sheet is on every page. */
h1,h2,h3{text-wrap:balance}
/* 2026-11-11 audit: no label under 12px. The "Coming soon" pills (103 pages), chart source headings and phone eyebrows were 11 to 11.5px. */
em.soon,.dio-footer .soon,.location-route-list .soon,.contact-office .soon{font-size:12px!important}
.ans-chart .ans-src-h{font-size:12px}
@media(max-width:640px){p.label{font-size:12px!important}}
/* 2026-11-11 audit: "Call 855-DONE-IN-ONE(855) 366-3466". Where a phone link is a flex row, the space between the words and the
   digits collapses (66 story and answer closing lines, the landing page, Care). A column gap puts it back; it does nothing in a
   link that is not a flex row or that stacks its parts. */
a[href^="tel:"]{column-gap:.3em}
/* 2026-11-11 audit: words that should stay on one line in a headline ("In Just One Week" on the Home and landing heroes, so the
   headline breaks before it and not inside it). No wording change. Falls back to normal wrapping on very narrow screens. */
@media(min-width:340px){.dio-keep{white-space:nowrap}}
/* 2026-11-11 audit (regression review): the /smile/ landing footer keeps its own legal line. Its two links were plain weight on their
   own lines beside two bold buttons, with a dot stranded between them. One link style, one wrapping line, as in the main footer. */
.dio-disclose-line{line-height:2.4}
.dio-disclose-line a,footer .dio-disclose-line a{display:inline!important;min-height:0;padding:12px 0;font:600 14px "Avenir Next","Avenir",Nunito Sans,system-ui,-apple-system,sans-serif;color:#4C7288;text-decoration:underline;white-space:nowrap}
.dio-disclose-line button{white-space:nowrap}
/* the "usual week" note under the day-or-week drawing was 11px on phones */
html .dio-day-or-week .usual{font-size:12px}
/* 2026-11-12 Design preflight: phone tap targets at least 44px tall, by padding (text size unchanged). Footer office numbers were 20px,
   the footer 855 stack 41px, the "Call 855-DONE-IN-ONE" link under the podcast episode CTA 26px. */
@media (max-width:700px){
  .dio-footer .f3-tel{padding:12px 0}
  .dio-footer .dio-footer-phone{padding:2px 0}
  .dio-cta-phone:not(.fam-phone){padding:10px 0}
}
