/* Preview-only UX refinements. No calculator logic or published styles replaced. */
.ux-disclosure{margin:20px auto;border:1px solid #4a7078;border-radius:10px;overflow:visible;max-width:100%;min-width:0}
main>.ux-disclosure{width:min(1200px,calc(100% - 48px))}
.ux-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 22px;min-height:48px;list-style:none;color:var(--gold);font-weight:600}
.ux-disclosure>summary::-webkit-details-marker{display:none}
.ux-disclosure>summary::after{content:'⌄';font-size:24px;line-height:1;flex:none;position:static!important}
.ux-disclosure[open]>summary::after{content:'⌃'}
.ux-disclosure>summary>*{margin:0}
.ux-disclosure>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ux-disclosure>.section,.ux-disclosure>section{padding:24px;max-width:100%;width:100%}
.ux-disclosure .reference-disclosure{border:0;margin:0}
.ux-disclosure .disclosure-content{padding:0}
.ux-disclosure .nested-section{padding-top:12px!important}
.ux-disclosure.receipt-step,.ux-disclosure.tb-actual,.ux-disclosure.tb-scenario{width:100%;margin:16px 0;padding:0}
.ux-disclosure.receipt-step>summary,.ux-disclosure.tb-actual>summary,.ux-disclosure.tb-scenario>summary{color:var(--tb-ink,#143b43)}
.ux-disclosure.receipt-step[open],.ux-disclosure.tb-actual[open],.ux-disclosure.tb-scenario[open]{padding:0 20px 20px}
.ux-disclosure.receipt-step[open]>summary,.ux-disclosure.tb-actual[open]>summary,.ux-disclosure.tb-scenario[open]>summary{margin-inline:-20px}
.tb-heading h2{font:700 clamp(2.05rem,3.6vw,3.25rem)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:8px 0 14px;color:var(--tb-ink)}
.ux-promoted-heading{font-size:1.4rem}
.ux-audiences{display:flex;flex-wrap:wrap;font-size:1rem;line-height:1.8;padding:16px 0}
.ux-bottom-booking{padding-block:24px;margin-top:24px;border-top:1px solid var(--line)}
.ux-bottom-booking>p{text-align:center;margin-top:14px}
.ux-reminder{margin-bottom:22px}
.ux-notice-phone{display:none}
.homepage-message.hero,.workshop-opening.page-intro{padding-block:24px}
.homepage-message h1,.workshop-opening h1{font-size:clamp(2rem,3.4vw,3.2rem)}
.homepage-message .eyebrow,.workshop-opening .eyebrow{margin-bottom:10px}
.homepage-message .lede,.workshop-opening .lede{margin-top:12px}
.homepage-message .actions{margin-top:12px}
.ux-workshop-art{display:flex;justify-content:center;padding-block:24px}
#session-dates{margin-top:0;padding-top:12px}
@media(max-width:600px){
 body p{font-size:16px;line-height:1.55}
 .eyebrow,.small,.small:not(.button),small,.session-option small,.credentials,.tb-calculator label,.tb-calculator .tb-help,.tb-kicker,.tb-note{font-size:14px!important}
 input,select,textarea{font-size:16px!important}
 input[type=checkbox]{min-width:24px;min-height:24px;width:24px;height:24px}
 a,button{min-height:44px;min-width:44px}
 a:not(.button):not(.brand),button{display:inline-flex;align-items:center;padding-block:10px}
 .site-notice{padding:0 12px}.site-notice>a{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px 0!important}
 .ux-notice-desktop{display:none}.ux-notice-phone{display:inline}
 .header{padding-block:10px;gap:8px}.header .brand{min-height:44px}.header nav{gap:0 14px;font-size:14px;line-height:1.2}
 .header nav a,footer nav a{padding:10px 2px!important;min-height:44px}
 .header>.smallbtn{display:none} /* Free sessions remains in the visible primary menu. */
 .homepage-message.hero,.workshop-opening.page-intro{padding-block:12px}
 .homepage-message h1,.workshop-opening h1{font-size:28px;line-height:1.1}
 .homepage-message .eyebrow,.workshop-opening .eyebrow{margin-bottom:6px}
 .homepage-message .lede,.workshop-opening .lede{font-size:16px;margin-top:8px}
 .homepage-message .home-human-line{margin-top:8px}
 .homepage-message .actions{flex-direction:row;gap:8px;margin-top:4px}
 .homepage-message .actions a{font-size:14px}
 .session-buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .session-option{width:100%}.session-option .button{width:100%;min-height:44px;padding:10px;font-size:14px}
 .session-option small{line-height:1.35;margin-top:4px}
 #session-dates{padding-top:8px}.session-registration{padding:12px!important}
 .workshop-schedule .schedule-heading{margin-bottom:8px}.workshop-schedule .schedule-heading h2{font-size:22px}.workshop-schedule .schedule-heading p{margin-top:6px}
 .workshop-schedule .schedule-agenda{gap:10px}.workshop-schedule .schedule-event{padding:12px;gap:8px}
 .workshop-schedule .schedule-date{display:none}.workshop-schedule .schedule-event{grid-template-columns:1fr!important}
 .workshop-schedule .schedule-event-copy h3{font-size:16px}.workshop-schedule .schedule-event-copy p{font-size:14px}.workshop-schedule .schedule-book{min-height:44px;width:100%}
 .campaign-carousel{margin-block:20px}.campaign-slides{max-height:200px}.campaign-slide img{max-height:200px;object-fit:contain}
 .ux-disclosure>summary{padding:14px;min-height:48px;font-size:16px}.ux-disclosure>.section,.ux-disclosure>section{padding:16px}
 main>.ux-disclosure{width:calc(100% - 40px)}
 .tb-heading h2{font-size:2.25rem}
 .ux-bottom-booking .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.ux-disclosure *{scroll-behavior:auto}}
.homepage-message #session-dates{width:100%;padding-inline:0;margin:14px 0}
.ux-disclosure.tb-scenario>summary h3{display:grid;gap:4px;font-size:inherit;line-height:1.4}
.ux-disclosure.tb-scenario>summary h3>strong{font-family:Georgia,serif;font-size:1.4rem}
@media(max-width:600px){.tb-calculator label,.tb-calculator [class*="help"],.tb-calculator [class*="note"],.tb-form label,.tb-help,.tb-privacy,.tb-optional,.tb-kicker,.tb-unit,.tb-live-help{font-size:14px!important}.session-option .button{white-space:normal}.schedule-book{white-space:normal}.roadmap-milestone a{padding:10px;min-height:44px}.ux-bottom-booking{width:calc(100% - 40px)}}
/* Follow-up phone refinements: explicit selectors beat inherited notice rules. */
.ux-workshops-first-booking{width:100%;margin-top:14px}
.ux-receipt-preview>summary{display:none}
.ux-membership-item{width:100%;margin:0}
.ux-membership-item>svg{margin:12px 22px 0}
.ux-membership-item>p{padding:0 22px 22px}
@media(max-width:600px){
 .site-notice a .ux-notice-desktop{display:none!important}
 .site-notice a .ux-notice-phone{display:inline!important;font-size:14px!important}
 .site-notice a{font-size:14px!important;line-height:1.4}
 .site-notice a .ux-notice-phone::before{content:' · '}
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px}
 .header>.brand{grid-column:1;grid-row:1;font-size:14px!important;min-width:0}
 .header .brand-lockup small{font-size:14px!important}
 .header>.smallbtn{display:inline-flex!important;grid-column:2;grid-row:1;font-size:14px!important;min-height:44px;padding:8px 10px;white-space:nowrap}
 .header nav.ux-phone-nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:16px;width:100%;min-width:0;scrollbar-width:thin}
 .header nav.ux-phone-nav a{flex:0 0 auto;min-height:44px;white-space:nowrap;font-size:14px!important}
 .ux-receipt-preview>summary{display:flex}
 .ux-workshops-first-booking .session-buttons{gap:8px!important}
 .ux-workshops-first-booking .session-option small{font-size:14px!important;line-height:1.3}
 .roadmap-status,.roadmap-tag,.roadmap-milestone .eyebrow,.roadmap-milestone a,.roadmap-phase-label,.schedule-price,.session-note,.session-notes,.tb-help,.tb-optional,.tb-privacy,.tb-live-help,.tb-kicker,.tb-unit{font-size:14px!important}
 #timeline .roadmap-timeline{gap:10px}
 #planned-membership .future-preview-grid{grid-template-columns:1fr;gap:10px}
 .ux-membership-item>summary h3{font-size:16px}
}
@media(max-width:600px){#timeline .tag,#timeline .textlink,#planned-membership .eyebrow{font-size:14px!important}#timeline .textlink{min-height:44px;padding:10px 2px}}

/* Phone text-size correction only; excludes print and calculator steps 01–04. */
@media screen and (max-width:600px){
 .header .brand-lockup,
 .header .brand-lockup small,
 #tb-scenario-form label,
 #tb-scenario-form label .tb-unit,
 #tb-if-summary,
 .tb-save-panel .tb-checkbox,
 .tb-save-panel .tb-checkbox>span,
 .tb-workspace .tb-private-badge,
 #tb-print,
 #tb-download,
 #tb-save,
 #tb-view-saved,
 #tb-scenario-copy,
 #tb-what-if .tb-projection dl>div,
 #tb-what-if .tb-projection dt,
 #tb-what-if .tb-projection dd {font-size:14px!important}
}
/* Design polish, separate from and preserving the complete draft 3 block above. */
.polish-menu{display:contents}.polish-menu>summary{display:none}
.polish-outline{background:transparent;color:var(--gold);border:1px solid var(--gold);min-height:44px}
.polish-outline:hover{background:#e9bd7014}
main h1,main .hero h1,main .page-intro h1{font-size:41.6px!important;line-height:1.12}
main h2,main .tb-preview-copy h2,main .facilitator h2{font-size:32px!important;line-height:1.2}
.site-notice a .ux-notice-desktop{display:none!important}
.site-notice a .ux-notice-phone{display:inline!important}
.site-notice a .ux-notice-phone::before{content:' · '}
@media(max-width:600px){
 .campaign-play,.campaign-prev,.campaign-next,.tb-preview-note,
 .agenda .time,.agenda .time span,footer .brand,
 .orbit .circle span,.orbit .dot-label,.skip-dot-motion,.replay-dot-motion{font-size:14px!important}
 .campaign-play,.campaign-prev,.campaign-next,.skip-dot-motion,.replay-dot-motion{min-height:44px;min-width:44px}
 .campaign-controls,.dot-motion-controls{flex-wrap:wrap;gap:8px}
 .header>.polish-menu{display:block;grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 .polish-menu>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 0;color:var(--gold);cursor:pointer;list-style:none}
 .polish-menu>summary::after{content:'⌄'}.polish-menu[open]>summary::after{content:'⌃'}
 .polish-menu>summary::-webkit-details-marker{display:none}
 .polish-menu .ux-phone-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:4px 12px!important}
 .polish-menu .ux-phone-nav a{white-space:normal!important;min-height:44px}
 .lean-home .tb-mini-receipt{display:block!important;max-width:100%;width:100%;padding:24px;transform:none;box-sizing:border-box}
 .lean-home .tb-mini-receipt .tb-mini-brand{font-size:14px;letter-spacing:.08em}
 .lean-home .tb-mini-receipt>strong{font-size:28px;line-height:1.15}
 .lean-home .tb-mini-receipt svg{display:block!important;width:100%;max-width:280px;height:auto;margin:14px auto}
 .lean-home .tb-mini-receipt svg text{font-size:12px}
 .lean-home .tb-mini-line,.lean-home .tb-mini-net{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:16px;line-height:1.4;min-width:0}
 .lean-home .tb-mini-line i,.lean-home .tb-mini-net b{white-space:nowrap}
 .lean-home .tb-mini-receipt small{font-size:14px;line-height:1.4}
 .session-registration{padding-inline:0!important}
 .ux-workshops-first-booking{margin-inline:0}
 .workshop-schedule .schedule-date{display:flex!important}
 .workshop-schedule .schedule-event{grid-template-columns:auto minmax(0,1fr)!important;align-items:center}
 footer nav{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px!important;width:100%}
 footer nav a{grid-column:span 3;white-space:normal;min-height:44px;justify-content:center;text-align:center;overflow-wrap:break-word}
 footer nav a:nth-child(-n+3){grid-column:span 4}
}
/* Five follow-ups: preserve all preceding draft and draft 3 rules. */
@media(max-width:600px){
 /* These four 12px reductions remove 48px of declared section padding. */
 #timeline{padding-top:12px;padding-bottom:12px}
 #planned-membership{padding-top:12px;padding-bottom:12px}
 .ux-workshop-art{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}
 .ux-workshop-art .orbit{flex:none;width:280px;max-width:100%;height:280px;max-height:none;margin:0 auto 36px}
 .ux-workshop-art .dot-label{top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:14px!important}
 .ux-workshop-art .art-note{width:100%;text-align:center;margin:0}
 .ux-workshop-art .dot-motion-controls{width:100%;justify-content:center;margin-top:0}
 .ux-workshop-art .circle span,.ux-workshop-art .skip-dot-motion,.ux-workshop-art .replay-dot-motion{font-size:14px!important}
 .ux-workshop-art .skip-dot-motion,.ux-workshop-art .replay-dot-motion{min-height:44px}
 .schedule-date span,#tb-saved-list button{font-size:14px!important}
}
@media(orientation:landscape) and (max-height:500px){
 .site-notice{padding-block:0}.site-notice>a{padding-block:2px!important;min-height:44px}
 .header{padding-block:4px;gap:4px 12px}
 .header nav{padding:0;gap:4px 14px}
 .header nav a{padding-block:4px!important;min-height:44px}
 main .homepage-message h1,main .workshop-opening h1,main .video-first-title h1{font-size:32px!important;line-height:1.05}
 .homepage-message.hero,.workshop-opening.page-intro,.video-first-title.page-intro{padding-block:6px}
 .homepage-message .eyebrow,.workshop-opening .eyebrow,.video-first-title .eyebrow{margin-bottom:4px}
 .homepage-message .lede,.workshop-opening .lede{margin-top:4px;margin-bottom:4px}
 .homepage-message .home-human-line{margin-block:4px}
 .homepage-message .actions{margin-top:4px}
 .homepage-message #session-dates,.ux-workshops-first-booking,#session-dates.session-quick{margin-top:4px;padding-top:4px}
 .homepage-message .session-registration,.ux-workshops-first-booking .session-registration,.video-first-title+#session-dates .session-registration{padding-block:4px!important}
 .homepage-message .session-buttons,.ux-workshops-first-booking .session-buttons,.video-first-title+#session-dates .session-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .homepage-message .session-option .button,.ux-workshops-first-booking .session-option .button,.video-first-title+#session-dates .session-option .button{min-height:44px;padding-block:8px}
 .homepage-message .session-option small,.ux-workshops-first-booking .session-option small,.video-first-title+#session-dates .session-option small{margin-top:2px;line-height:1.2}
}
/* Round 8: inner padding for "The method" panel on /time-back-receipt/ */
.reference-disclosure .ux-disclosure>.disclosure-content{padding:4px 28px 28px!important;box-sizing:border-box}
.reference-disclosure .disclosure-content .wrap{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}
@media (max-width:640px){.reference-disclosure .ux-disclosure>.disclosure-content{padding:4px 16px 20px!important}}

/* Round 13: padding fixes (bordered boxes that had no inner padding) */
.ux-disclosure.receipt-preview-disclosure[open]{padding:0 20px 20px}
.ux-disclosure.receipt-preview-disclosure[open]>summary{margin-inline:-20px}
.ux-disclosure .toolkit-section{padding-inline:24px}
@media(max-width:600px){
 .ux-disclosure.receipt-preview-disclosure[open]{padding:0 16px 16px}
 .ux-disclosure.receipt-preview-disclosure[open]>summary{margin-inline:-16px}
 .ux-disclosure .toolkit-section{padding-inline:12px}
 .journey-compact .site-notice{padding-block:8px}
 .schedule-date{padding-inline:12px}
}
