/* Preview-only detail pass for /hero-ross-preview/: proof band, deadline countdown,
   persona lens line, selection, focus and figures. Not motion; applies to everyone. */

/* Figures line up as they change */
.tx-preview .tx-stat-num,.tx-preview .ms-example-math dd,.tx-preview .tx-deadline-days strong,.tx-preview .mf-step-number,.tx-preview .tx-deadline-later time{font-variant-numeric:tabular-nums}
.tx-preview ::selection{background:#d5ff83;color:#151815}
.tx-preview main :focus-visible{outline:3px solid #174cf2;outline-offset:3px}
.tx-preview .mf-hero :focus-visible,.tx-preview .mx-shift :focus-visible,.tx-preview #process :focus-visible,.tx-preview #meet-bryan :focus-visible,.tx-preview #consultation :focus-visible,.tx-preview #footer :focus-visible{outline-color:#d5ff83}

/* Proof band: sits directly under the hero film and is sized so it is always in the first view.
   Its height is fixed (--tx-proof-h) so the film can be sized to the screen around it. */
.tx-preview .mf-hero{--tx-hdr:96px;--tx-proof-h:116px}
.tx-preview .tx-hero .tx-proof{box-sizing:border-box;height:var(--tx-proof-h);padding:0 clamp(24px,4vw,64px);background:#174cf2;color:#fff;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;display:flex;align-items:center;overflow:hidden}
.tx-proof-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);align-items:center}
.tx-stat{display:flex;flex-direction:column;gap:8px;margin:0;padding:0 clamp(12px,2vw,32px);border-left:1px solid #ffffff33;color:#fff;text-decoration:none}
.tx-stat:first-child{padding-left:0;border-left:0}
.tx-stat-num{font:800 clamp(40px,3.6vw,56px)/.9 Barlow,Arial,sans-serif;letter-spacing:-.03em;color:#fff}
.tx-stat:first-child .tx-stat-num{color:#d5ff83}
.tx-stat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:600 13px/1.3 Manrope,Arial,sans-serif;color:#ffffffd9}
.tx-stat-meta>span[aria-label]{display:inline-flex}
.tx-stat .mf-stars{display:inline-flex;gap:2px;color:#d5ff83}
.tx-stat .mf-stars svg{width:14px;height:14px}
a.tx-stat:hover .tx-stat-num{color:#fff}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0 0 0 clamp(16px,2.4vw,40px);border:0;border-left:1px solid #ffffff33;grid-column:auto;justify-self:stretch}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured strong{flex-basis:100%;font:700 11px/1 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured>div{display:flex;flex:none;flex-wrap:nowrap;align-items:center;gap:26px;width:auto;grid-template-columns:none}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured a{grid-column:auto;min-width:0;opacity:.82;transition:opacity .2s ease,transform 240ms cubic-bezier(.16,1,.3,1),filter 240ms ease}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured img{display:block;height:28px;width:auto;max-width:150px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured .ms-featured-wsj img{height:16px}
.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured a:hover,.tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured a:focus-visible{opacity:1}

/* The film fills the screen above the band: header + film + band = one screen (within limits). */
@media(min-width:900px){
 .tx-preview .tx-hero .film{aspect-ratio:auto;min-height:0;max-height:none;height:clamp(520px,calc(100svh - var(--tx-hdr) - var(--tx-proof-h)),800px)}
 /* Final screen: tighter so it fits the same height; cards show their live scene and title. */
 .tx-preview .tx-hero .film.is-final{padding:28px 0 60px}
 .tx-preview .tx-hero .tx-final-layout .ms-need-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
 .tx-preview .tx-hero .tx-final-layout .ms-need-card{padding:18px 20px;gap:8px}
 .tx-preview .tx-hero .tx-final-layout .ms-need-description{font-size:14px;line-height:1.45}
 .tx-preview .tx-hero .tx-final-layout .ms-need-card strong{font-size:clamp(22px,1.7vw,28px)}
}
@media(max-width:899px){
 .tx-preview .mf-hero{--tx-hdr:77px;--tx-proof-h:152px}
 .tx-preview .tx-hero .film,.tx-preview .tx-hero .film.is-final{height:clamp(380px,calc(100svh - var(--tx-hdr) - var(--tx-proof-h)),calc(125vw + 56px))}
 .tx-preview .tx-hero .tx-proof{padding:14px 20px 12px;align-items:stretch}
 .tx-proof-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;align-content:space-between}
 .tx-stat{padding:0 10px;gap:5px}
 .tx-stat-num{font-size:min(9vw,40px)}
 .tx-stat-meta{font-size:11px;gap:2px 6px}
 .tx-stat .mf-stars svg{width:11px;height:11px}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured{grid-column:1/-1;padding:10px 0 0;border-left:0;border-top:1px solid #ffffff26;gap:6px 16px;flex-wrap:nowrap}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured strong{flex-basis:auto;font-size:9px;white-space:nowrap}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured>div{gap:14px;min-width:0}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured img{height:20px;max-width:96px}
 .tx-preview .mf-hero .ms-hero-proof.tx-proof .ms-featured .ms-featured-wsj img{height:12px}
}

/* Persona lens status line */
.tx-lens{margin:16px 0 0;font:600 15px/1.5 Manrope,Arial,sans-serif;color:#151815}
.tx-lens strong{color:#174cf2}
.tx-lens-reset{margin:0 0 0 4px;padding:6px 2px;border:0;background:none;font:inherit;color:#151815;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:32px}
.tx-lens[hidden]{display:none}

/* Next on the tax calendar */
.tx-preview #consultation .tx-deadlines{grid-column:1/-1;box-sizing:border-box;width:100%;align-self:stretch;margin-top:32px;max-width:560px;padding:22px 24px;border:1px solid #ffffff40;background:#ffffff12;color:#fff}
.tx-preview #consultation .tx-deadlines[hidden]{display:none}
.tx-preview #consultation .tx-deadline-kicker{margin:0 0 14px;font:700 12px/1 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d5ff83}
.tx-preview #consultation .tx-deadline-next{display:flex;align-items:center;gap:20px;color:#fff;text-decoration:none}
.tx-preview #consultation .tx-deadline-days{display:flex;flex-direction:column;align-items:flex-start;min-width:92px}
.tx-preview #consultation .tx-deadline-days strong{font:800 64px/.85 Barlow,Arial,sans-serif;letter-spacing:-.03em;color:#d5ff83}
.tx-preview #consultation .tx-deadline-days span{font:700 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.tx-preview #consultation .tx-deadline-what{display:flex;flex-direction:column;gap:4px;font:500 14px/1.5 Manrope,Arial,sans-serif;color:#ffffffd9}
.tx-preview #consultation .tx-deadline-what b{font:700 18px/1.3 Manrope,Arial,sans-serif;color:#fff}
.tx-preview #consultation .tx-deadline-next:hover .tx-deadline-what b{text-decoration:underline;text-underline-offset:4px}
.tx-preview #consultation .tx-deadline-later{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid #ffffff33;display:grid;gap:8px}
.tx-preview #consultation .tx-deadline-later a{display:flex;gap:14px;color:#fff;text-decoration:none;font:500 14px/1.45 Manrope,Arial,sans-serif}
.tx-preview #consultation .tx-deadline-later time{flex:0 0 96px;font-weight:700;color:#d5ff83}
.tx-preview #consultation .tx-deadline-later a:hover span{text-decoration:underline;text-underline-offset:4px}
.tx-preview #consultation .tx-deadline-fine{margin:16px 0 0;font:500 12px/1.5 Manrope,Arial,sans-serif;color:#ffffffb3}
@media(max-width:899px){.tx-preview #consultation .tx-deadlines{padding:18px}.tx-preview #consultation .tx-deadline-next{gap:14px}.tx-preview #consultation .tx-deadline-days{min-width:72px}.tx-preview #consultation .tx-deadline-days strong{font-size:52px}}
@media(max-width:899px){.tx-preview .tx-hide-sm{display:none}}