/* Compact app references are rendered in the LP document, never in local-file iframes. */
.feature-example.ui-mini.v3-mini.v4-mini{height:478px;min-height:478px}
.v4-mini .mini-device{width:260px;height:466px}
.v4-mini .v3-app-title{background:#fff;border-color:#dfe7e3;color:#004d40}
.v4-mini .v3-app-title b{font-size:11px}
.v4-mini .mini-app.v4-screen,.journey-screen.v4-screen{background:#f5f7f6;color:#2b2620;padding:10px;overflow:hidden;font-size:10px;line-height:1.55}
.v4-mini .mini-app.v4-screen{padding:8px}
.v3-mini .mini-app,.journey-screen.app-v2{background:#f5f7f6}
.v4-screen *{box-sizing:border-box}
.v4-screen h3,.v4-screen h4,.v4-screen p,.v4-screen ul,.v4-screen dl{margin:0}
.v4-screen p,.v4-mini .v4-screen p{font-size:10px;line-height:1.65;color:#2b2620}
.v4-screen h4,.v4-mini .v4-screen h4,.v4-title{font-size:11px;font-weight:800;line-height:1.5;color:#2b2620;margin:0 0 6px}
.v4-screen small,.v4-mini .v4-screen small,.v4-screen .v4-small{font-size:8px;line-height:1.5;color:#6a6256}
.v4-muted{color:#6a6256}.v4-screen strong,.v4-screen b{font-weight:750}
.v4-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.v4-card{background:#fff;border:1px solid #dfe7e3;border-radius:11px;padding:9px;margin:6px 0}
.v4-card:first-child{margin-top:0}.v4-card:last-child{margin-bottom:0}
.v4-tabs{display:flex;gap:3px;padding:3px;background:#f0ece2;border-radius:9px;margin:0 0 8px;font-size:8.5px;font-weight:700;text-align:center}
.v4-tabs>span{flex:1;padding:4px 3px;border-radius:7px;color:#6a6256;white-space:nowrap}
.v4-tabs>.v4-selected,.v4-selected{background:#4a875b;color:#fff!important;box-shadow:0 2px 4px #34603f20}
.v4-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.v4-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;text-align:center;margin:6px 0}
.v4-stats>div,.v4-stats>span{min-width:0;padding:5px 2px;border-radius:7px;background:#fff}
.v4-stats small{display:block}.v4-stats b,.v4-stats strong{display:block;font-size:15px;line-height:1.3;color:#34603f}
.v4-button{display:block;background:linear-gradient(#54946a,#34603f);color:#fff;text-align:center;padding:7px 5px;border-radius:8px;font-size:10px;font-weight:750;line-height:1.5;margin-top:8px;box-shadow:0 2px #274c31}
.v4-input{border:1px solid #d8ded7;border-radius:7px;padding:6px 8px;background:white;font-size:9px;line-height:1.65;color:#2b2620}
.v4-note{border-radius:8px;background:#fffbe6;border:1px solid #eedfa8;padding:7px 8px;font-size:9px;line-height:1.65;color:#5d4e2d;margin:7px 0}
.v4-progress{height:5px;background:#e7e2d7;border-radius:7px;overflow:hidden;margin-top:5px}
.v4-progress>i{display:block;background:#4a875b;height:100%;border-radius:7px}
.v4-chart{display:block;width:100%;height:85px;margin:5px 0;color:#6a6256}
.v4-chart text{font-family:inherit;font-size:8px}
.v4-screen table{width:100%;border-collapse:collapse;font-size:9px;text-align:center}
.v4-screen th,.v4-screen td{padding:5px 3px;border-bottom:1px solid #e7dcc9;line-height:1.4}
.v4-screen th{color:#6a6256;font-size:8px;font-weight:600}
.v4-screen img{display:block;max-width:100%;height:auto}
.v4-section{font-size:9px;font-weight:750;color:#34603f;margin:8px 0 4px}
.journey-screen.v4-screen{padding:12px 13px;font-size:11px}
.journey-screen.v4-screen>.v2-pagehead{border-bottom:1px solid #e7dcc9;padding-bottom:8px;margin-bottom:10px}
.journey-screen.v4-screen>.v2-pagehead h3{font-size:14px;color:#004d40}
.journey-screen.v4-screen .v4-card{padding:10px;margin:9px 0}
.journey-screen.v4-screen p{font-size:10.5px}
.journey-screen.v4-screen .v4-chart{height:105px}
.journey-screen.v4-screen .v4-button{padding:9px}
@media(max-width:760px){.v4-mini .mini-device{width:252px;height:466px}.journey-phone{width:290px;max-width:calc(100vw - 48px);height:572px}.journey-screens{top:70px;bottom:60px}.journey-phone .app-brand{font-size:12px}.journey-phone .phone-top{height:35px;font-size:8px}.journey-phone .island{top:6px;height:20px;width:68px}.journey-screen.v4-screen{padding:10px 12px}.journey-screen.v4-screen .v4-chart{height:90px}}
@media(max-width:760px){.journey-screen[data-screen="1"] .v4-button{padding:6px}.journey-screen[data-screen="1"] .v4-card{margin-block:7px}}
@media(max-width:359px){.v4-mini .mini-device{width:236px}.v4-mini .mini-app.v4-screen{padding:8px}.v4-screen .v4-stats b{font-size:13px}}

/* Keep the coaching illustration aligned with the neighboring compact phone. */
[data-feature-id="17"] .feature-example.coaching-example{--coaching-frame-width:260px;height:478px!important;min-height:478px;padding:5px 0;border:0;border-radius:0;background:transparent;overflow:visible;position:relative;isolation:isolate}
[data-feature-id="17"] .coaching-example::before{content:"";position:absolute;width:var(--coaching-frame-width);max-width:calc(100% - 8px);height:466px;box-sizing:border-box;border:1px solid #bcc4be;border-radius:29px;background:#fdfcf7;box-shadow:inset 0 0 0 6px #fff,0 0 0 2px #f3f5f3,0 9px 22px -15px #1c48252e;pointer-events:none}
[data-feature-id="17"] .coaching-example>img{position:relative;width:calc(var(--coaching-frame-width) - 14px);max-width:calc(100% - 22px);height:auto;object-fit:contain}
@media(max-width:760px){[data-feature-id="17"] .feature-example.coaching-example{--coaching-frame-width:252px}}
@media(max-width:359px){[data-feature-id="17"] .feature-example.coaching-example{--coaching-frame-width:236px}}