.tp-wrap{padding:12px 16px 96px;max-width:560px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}
.tp-wrap *{box-sizing:border-box;max-width:100%}
.tp-lead{font-size:16px;line-height:1.4;margin:4px 0 12px}
.tp-card{border:1px solid rgba(128,128,128,.35);border-radius:14px;padding:14px;margin:0 0 12px;background:rgba(128,128,128,.08)}
.tp-card p{margin:6px 0;line-height:1.4;overflow-wrap:anywhere}
.tp-card h2{margin:0 0 8px;font-size:20px}.tp-card h3{margin:10px 0 6px;font-size:16px}
.tp-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:#1F7A4D;color:#fff;font-weight:800;font-size:13px}
.tp-pro{border:2px solid #C9A227}
.tp-price{list-style:none;padding:0;margin:0 0 4px}
.tp-price li{padding:6px 0;border-bottom:1px solid rgba(128,128,128,.25);font-weight:700}
.tp-price li:first-child{color:#1F7A4D;font-size:18px}
body[data-mode="night"] .tp-price li:first-child{color:#5BC48A}
.tp-list{padding-left:20px;margin:0}.tp-list li{margin:4px 0;line-height:1.35}
.tp-note{font-size:13px;opacity:.85}
.tp-cta{margin:4px 0 6px;text-align:center}
.tp-sub{font-size:13px;opacity:.85;margin:0 0 14px;text-align:center;overflow-wrap:anywhere}
.tp-vid{width:100%;max-width:260px;aspect-ratio:9/16;display:block;margin:6px auto;border-radius:12px;background:#000}
.tp-link{font-weight:700}
.ft-cta-price{text-align:center;margin:10px 0 4px}
.tp-mini{margin:10px 16px}.tp-mini p{font-size:14px}.ft-cta-price .sp-mine-link{white-space:normal!important;text-align:center}

.tp-signin{display:block;margin:14px 16px 4px;padding:10px 12px;font-size:14px;line-height:1.4;text-decoration:none;color:inherit;text-align:center}
html[lang="es"] .tp-signin .tp-sl-en{display:none}html:not([lang="es"]) .tp-signin .tp-sl-es{display:none}
html[data-mode="night"] .tp-signin,html[data-mode="night"] .tp-signin *,body[data-mode="night"] .tp-signin,body[data-mode="night"] .tp-signin *{color:#fff!important}
.tp-signin-shop{margin-top:8px}

/* What you get (v274q) */
.wyg{margin:14px 0 10px}.wyg h3{margin:0 0 8px;font-size:1rem}
.wyg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wyg-it{margin:0;background:var(--card,#fff);border:1px solid rgba(0,0,0,.12);border-radius:10px;overflow:hidden}
.wyg-it img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;object-position:top}
.wyg-it figcaption{padding:6px 8px;font-size:.8rem;line-height:1.25;font-weight:600}
html.night .wyg-it,[data-mode=night] .wyg-it{border-color:rgba(255,255,255,.18)}

.b4u-billoff[hidden]{display:none!important}
/* r7 Free vs. Pro comparison */
.tp-cmp-t{width:100%;border-collapse:collapse;font-size:14px}
.tp-cmp-t th,.tp-cmp-t td{padding:7px 4px;border-bottom:1px solid rgba(127,127,127,.25);text-align:center}
.tp-cmp-t td:first-child,.tp-cmp-t th:first-child{text-align:left}
.tp-cmp-t td:nth-child(2),.tp-cmp-t td:nth-child(3){width:46px;font-weight:800;color:#0f8a3c}
.tp-cancel{margin:10px 0 0}

/* audit6 drawn tiles */
.wyg-art{aspect-ratio:5/3;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff7e6 0,#fde2b8 55%,#f6c98a 100%)}
.wyg-ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);border:2px solid #1f6f50}
html.night .wyg-art,[data-mode=night] .wyg-art{background:radial-gradient(circle at 30% 25%,#2b3442 0,#1d2430 60%,#151a22 100%)}
html.night .wyg-ic,[data-mode=night] .wyg-ic{background:#0f141b;border-color:#3fbf8a;box-shadow:0 2px 6px rgba(0,0,0,.5)}

/* v278final35d shared Pro+ month line */
.tp-promo1{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--line,#8884);background:var(--card,transparent);color:var(--text,inherit);font-weight:600;font-size:15px;line-height:1.35}

/* v278final35d: WEB CHECK #5 — ONE shared rule: every in-app Back (screen-head arrow or Back pill) stays pinned in the top bar row on phones, so it never scrolls away and never covers a heading (the top bar area is already reserved). */
@media (max-width:899px){html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app .screen-head>a:first-child,html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app a.b4u-backbar{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 14px)!important;left:10px!important;margin:0!important;z-index:3001!important;background:var(--card,#fff)!important;box-shadow:0 1px 4px rgba(0,0,0,.12)}
html[data-mode="night"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app .screen-head>a:first-child,html[data-mode="night"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app a.b4u-backbar,body[data-mode="night"]:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app .screen-head>a:first-child,body[data-mode="night"]:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #app a.b4u-backbar{background:#1f2328!important;color:#F3F4F6!important}}