/* Daniel 2026-10-12: one column of cards, site-wide. Every page shares the Home and footer column (1280 px, 48 px each
   side on wide screens, narrowing with the same steps as Home). Only the opening band runs edge to edge; coloured
   sections that ran full width become cards on the column. Loaded last on every page. */
:root{--dio-col:min(1280px,calc(100% - 96px));--dio-card-pad:clamp(20px,4vw,52px);--dio-card-gap:64px}
@media(max-width:1150px){:root{--dio-col:calc(100% - 64px)}}
@media(max-width:900px){:root{--dio-col:calc(100% - 48px);--dio-card-gap:48px}}
@media(max-width:640px){:root{--dio-col:calc(100% - 40px)}}
.wrap,.doc-wrap,.bta-watch{width:var(--dio-col)}
main.rec-v2,.rec-hero-wrap{max-width:none;width:var(--dio-col);padding-inline:0;box-sizing:border-box}
/* Home: the navy lab band and the patient story band become cards */
.lab-section,.home-patient{width:var(--dio-col);margin-inline:auto;border-radius:4px;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px -24px rgba(16,32,42,.45)}
.lab-section,.home-patient{margin-block:0 var(--dio-card-gap)}
.lab-section>.wrap,.home-patient>.wrap{width:calc(100% - 2 * var(--dio-card-pad))}
/* Locations and Travel had their own 1120 px wrapper; Why DIO's "origin" band ran edge to edge */
.loc-wrap,.tv-wrap{max-width:none;width:var(--dio-col);padding-inline:0;margin-inline:auto;box-sizing:border-box}
.editorial-section.mineral{width:var(--dio-col);margin-inline:auto;border-radius:4px;box-sizing:border-box;border-top:0}
.editorial-section.mineral>.wrap{width:calc(100% - 2 * var(--dio-card-pad))}

/* Daniel 2026-10-12: no wave in the stencil family drawing band ("no wave is needed in the stencil drawing").
   The still graffiti stays; only the moving wave layer is removed. */
.home-family-band>.dio-graffiti-wave-mask{display:none!important}

/* Florida law (Daniel 2026-10-12): every place that advertises the travel package carries the seller-of-travel reference */
.sot-ref{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:#526773;font-weight:400}
/* Toll-free link in the footer and mobile menu (2026-10-13): the name as the link line, the digits on their own line beneath. */
a.tel-stack{display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none}
a.tel-stack .tel-words{text-decoration:underline;text-underline-offset:3px}
a.tel-stack .tel-digits{font-size:.82em;color:#506875;text-decoration:none}
#mobile-menu a.tel-stack{align-items:center}
.dio-footer-v2 .footer-brand>a.dio-footer-phone.tel-stack{align-items:flex-start;justify-content:center}
/* Daniel 2026-10-13 ("Footer looks awful"): the brand block stacks cleanly: logo, then the phone, then the offices, then social. */
.dio-footer-v2 .footer-brand{display:flex!important;flex-direction:column;align-items:flex-start;gap:0}
.dio-footer-v2 .footer-brand>a:first-child{display:block;margin:0 0 18px;line-height:0}
.dio-footer-v2 .footer-brand>a:first-child img{width:64px;height:auto}
.dio-footer-v2 .footer-brand>a.dio-footer-phone.tel-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 22px;min-height:0;text-decoration:none}
.dio-footer-v2 .footer-brand .tel-words{font-size:20px;font-weight:700;color:#1c3341;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.dio-footer-v2 .footer-brand .tel-digits{font-size:15px;color:#526773}
.dio-footer-v2 .dio-footer-offices{display:grid;gap:12px;margin:0 0 22px}
.dio-footer-v2 .dio-footer-offices a{display:block;text-decoration:none}
.dio-footer-v2 .dio-footer-offices strong{display:block;font-size:15px;color:#1c3341}
.dio-footer-v2 .dio-footer-offices span{display:block;font-size:14px;line-height:1.45;color:#526773}

/* End-of-page band (Daniel 2026-10-13, popups "End band" C and "Phone line" match Home): an orange graffiti card with navy type and a
   navy button, the phone stacked as on Home's family plate. Home keeps its family plate. Patient-account zones keep the plain band. */
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]){--dio-graffiti-base:#ed873c;--dio-graffiti-opacity:.16;--dio-graffiti-blend:multiply;color:#0c1d28;width:var(--dio-col,min(1280px,calc(100% - 32px)));box-sizing:border-box;margin:clamp(40px,5vw,64px) auto;border:0;border-radius:4px;overflow:hidden;padding:clamp(34px,4vw,52px) clamp(24px,4vw,56px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 22px 44px -24px rgba(16,32,42,.45)}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt])::before{background-image:url('assets/graffiti-grey-2026-10-22.webp?v=b1')!important}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) h2{font-size:clamp(28px,2.8vw,40px);color:#0c1d28}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) p{color:#1c2f3b}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) .button{background:#203846!important;color:#fff}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) .dio-cta-actions{flex-direction:column;align-items:center;gap:16px}
.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) .dio-cta-phone{color:#0c1d28;font-weight:700;min-height:0}
.dio-cta-phone.cta-stack{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;white-space:normal}
.dio-cta-phone .cta-phone-or{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#203846}
.dio-cta-phone .cta-phone-words{font-size:clamp(24px,2.3vw,32px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#0c1d28}
.dio-cta-phone .cta-phone-digits{font-size:16px;font-weight:400;color:#1c2f3b}
.dio-cta-phone.cta-stack:hover .cta-phone-words,.dio-cta-phone.cta-stack:focus-visible .cta-phone-words{text-decoration:underline;text-underline-offset:5px}
/* 2026-11-12 owner ruling C27: on phones the "Or call" number in the closing block sits on the left with the heading and button, as the
   procedure pages already had it (structure-layouts.css); it was centred here. Wider screens unchanged. */
@media(max-width:860px){.dio-cta-band:not(#story *):not(#episode.ep-still *):not([data-patient-account] *):not([data-graffiti-exempt]) .dio-cta-actions{align-items:stretch;width:100%}.dio-cta-phone.cta-stack{align-items:flex-start}}