/* V3 story and validation; Figma 753:2362 and 753:2450. */
.te-v3{max-width:1440px;margin:auto;padding:60px;background:var(--tips-bg-canvas);color:var(--tips-text-primary);font:400 17px/1.5 TipsInter,Inter,sans-serif;display:flex;flex-direction:column;gap:42px;scroll-margin-top:90px}
.te-v3 :is(h2,h3,p,dl,dd){margin:0}.te-v3 h2,.te-v3 h3{font-family:inherit;font-style:normal;font-weight:600;letter-spacing:0}.te-v3 h2{font-size:68px;line-height:1.08}.te-v3 h3{font-size:30px;line-height:1.5}.te-v3 a:not(.v3-button){text-decoration:underline;text-underline-offset:5px}.te-v3 a{overflow-wrap:anywhere}.te-v3 .v3-label{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.015em;text-transform:uppercase}.te-v3>.v3-label{font-size:13px}.v3-opening{display:grid;grid-template-columns:minmax(0,840fr) minmax(0,416fr);gap:64px;align-items:start}.v3-opening-copy{display:flex;flex-direction:column;gap:22px}.v3-deck{font-size:23px;max-width:760px}.v3-muted{color:var(--tips-text-secondary);font-size:15px}.v3-button{display:flex;align-items:center;justify-content:center;gap:20px;min-height:54px;max-width:345px;padding:16px;border-radius:var(--tips-radius-16);background:var(--tips-bg-dark);color:var(--tips-text-inverse);font-size:16px;font-weight:600;text-decoration:none}
.v3-bill{background:var(--tips-bg-surface);padding:24px;display:flex;flex-direction:column;gap:18px}.te-v3 dl{display:grid;gap:18px}.te-v3 dl>div{display:flex;justify-content:space-between;gap:12px}.te-v3 dt{min-width:0}.te-v3 dd{white-space:nowrap;font-variant-numeric:tabular-nums}.v3-bill dd{font-weight:600}.v3-total{font-size:48px;line-height:1.08}.v3-caption{font-size:12px;color:var(--tips-text-secondary)}.v3-decisions{display:flex;flex-direction:column;gap:42px;scroll-margin-top:100px}.v3-decisions>h2{font-size:36px;line-height:1.5;scroll-margin-top:100px}.v3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.v3-cards article{background:var(--tips-bg-surface);padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0}.v3-cards .v3-label{color:var(--tips-text-secondary)}.v3-notice{padding:16px;border-radius:16px;background:var(--tips-bg-lilac);font-size:14px;display:grid;gap:4px}.v3-notice strong{font-size:16px}.v3-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v3-options>div{border:1px solid var(--tips-border-strong);border-radius:16px;min-height:86px;padding:12px 4px;text-align:center;display:grid;align-content:center;gap:4px}.v3-options strong{font-size:21px;line-height:27px;white-space:nowrap}.v3-options span{font-size:14px}.v3-receipt{padding:20px;display:flex;flex-direction:column;gap:12px;font-size:16px}.v3-receipt>strong{font-size:14px}.v3-receipt dl{gap:12px}.v3-receipt img{max-width:100%;height:1px;object-fit:cover}.v3-evidence{display:grid;gap:28px;font-size:15px;color:var(--tips-text-secondary)}.v3-evidence h3{color:var(--tips-text-primary);font-size:20px}
.te-v3-validation{gap:28px}.te-v3-validation>h2{font-size:58px}.te-v3-validation>h3{font-size:24px}.v3-study-intro{font-size:19px}.v3-tasks{display:grid;gap:28px}.v3-tasks article,.v3-record{padding:24px;background:var(--tips-bg-surface);display:grid;gap:14px;min-width:0}.v3-tasks h3{font-size:23px}.v3-tasks details{font-size:15px;color:var(--tips-text-secondary)}.v3-tasks summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:12px;font-weight:600}.v3-tasks summary::before{content:'+'}.v3-tasks details[open] summary::before{content:'−'}.v3-tasks details p+p{margin-top:8px}.v3-task-button{display:none;justify-content:space-between;align-items:center;gap:24px;min-height:54px;padding:12px 18px;border:1px solid var(--tips-border-strong);border-radius:16px;background:var(--tips-bg-canvas);color:var(--tips-text-primary);font:600 15px/1.5 TipsInter,Inter,sans-serif;justify-self:start;cursor:pointer}.tips-v3-ready .v3-task-button{display:flex}.v3-task-button:hover{background:var(--tips-bg-soft)}.v3-record{gap:12px}.v3-blank{display:inline-block;vertical-align:baseline;width:min(320px,100%);border-bottom:1px solid var(--tips-border-default)}.te-v3 :is(button,a,summary):focus-visible{outline:3px solid var(--tips-text-primary);outline-offset:5px}
@media(max-width:1100px){.te-v3{padding:50px 36px}.v3-opening{gap:32px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.te-v3 h2{font-size:52px}.v3-cards{grid-template-columns:1fr}.v3-cards article{max-width:none}.v3-cards h3{font-size:30px}.v3-options{max-width:376px}.v3-receipt{max-width:376px;width:100%}.v3-bill{padding:20px}.v3-decisions>h2{font-size:32px}}
@media(max-width:700px){.te-v3{padding:48px 24px;gap:32px;font-size:16px}.v3-opening{grid-template-columns:1fr;gap:32px}.te-v3 h2,.te-v3-validation>h2{font-size:clamp(34px,8vw,48px)}.v3-deck{font-size:19px}.v3-bill{padding:24px}.v3-decisions{gap:24px}.v3-decisions>h2{font-size:28px}.v3-cards article{padding:20px}.v3-cards h3{font-size:27px}.v3-options{gap:8px}.v3-options strong{font-size:18px}.v3-receipt{padding:12px 0}.v3-study-intro{font-size:17px}.v3-tasks article,.v3-record{padding:20px}.v3-tasks h3{font-size:22px}.v3-task-button{width:100%;text-align:left}.v3-opening-copy .v3-button{max-width:none}.v3-demo-note{font-size:13px}}
