/* Portal: her view on top, a solid cream card below. No text ever sits on moving video
   except her one-line caption, which sits in a solid pill. No italics anywhere. */
.pt{--cream:#fbfaf5;--paper:#fff;--ink:#19110e;--espresso:#422f28;--gold:#b19a6f;--gold-ink:#8a7246;--taupe:#3a3433;--line:#e6dfd0;--leaf:#4f7d2e;--sand:#f3eee3;
  --disp:"Marlide Display",Georgia,serif;--cta:"Mundial",-apple-system,"Segoe UI",Arial,sans-serif;--bodyf:"Inter Tight",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  position:relative;width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--taupe);font-family:var(--bodyf);font-style:normal;
  display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}
.pt *{box-sizing:border-box;font-style:normal}

/* her view */
.pt-scene{position:relative;flex:1 1 auto;min-height:40%;background:#1d1714;overflow:hidden}
.pt-stage{position:absolute;inset:0}
.pt-layer{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.pt-layer.on{opacity:1}
.pt-layer img,.pt-layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pt-layer.moving video{opacity:0;transition:opacity .35s ease}
.pt-layer.moving.ready video{opacity:1}
@keyframes pt-sway{0%{transform:scale(1.08) translate(0,0) rotate(0)}35%{transform:scale(1.09) translate(-.6%,.4%) rotate(-.25deg)}70%{transform:scale(1.085) translate(.5%,-.3%) rotate(.2deg)}100%{transform:scale(1.08)}}
.pt-layer.still img{transform:scale(1.08)}
.pt-layer.still.on img{animation:pt-sway 9s ease-in-out infinite}
.pt-layer.flat{background:linear-gradient(180deg,#d9d2c8,#cfc6b9)}
.pt-layer.flat img{object-fit:contain;object-position:center 70%;padding-top:58px;animation:none!important;transform:none!important}
.pt-scrim{position:absolute;inset:0 0 auto 0;height:96px;background:linear-gradient(180deg,rgba(15,10,8,.62),rgba(15,10,8,0));pointer-events:none;z-index:1}
.pt-lids{position:absolute;inset:0;z-index:6;pointer-events:none}
.pt-lids i{position:absolute;left:-5%;right:-5%;height:51%;background:#0d0907;transition:transform .17s cubic-bezier(.5,0,.5,1)}
.pt-lids i:first-child{top:0;border-radius:0 0 50% 50%/0 0 22% 22%;transform:translateY(-102%)}
.pt-lids i:last-child{bottom:0;border-radius:50% 50% 0 0/22% 22% 0 0;transform:translateY(102%)}
.pt-lids.shut i{transform:translateY(0)}
.pt-lids.open i{transition-duration:.24s}
.pt-top{position:absolute;left:0;right:0;top:0;padding:10px 12px 0;display:grid;gap:10px;z-index:5}
.pt-bars{display:flex;gap:3px}
.pt-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.pt-bars i b{display:block;height:100%;width:0;background:#fff;transition:width .35s}
.pt-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center}
.pt-logo{justify-self:center;height:18px;width:auto;display:block}
.pt-ghost{appearance:none;border:0;background:rgba(15,10,8,.5);color:#fff;border-radius:999px;height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;font:600 .8rem var(--bodyf);cursor:pointer}
.pt-back{width:34px;padding:0;justify-content:center}
.pt-ghost svg{width:17px;height:17px;flex:none}
/* her one line of thought: solid, big, upright, always readable */
.pt-caption{position:absolute;left:12px;right:12px;bottom:34px;z-index:4;display:flex;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.pt-caption.in{opacity:1;transform:none}
.pt-caption span{background:rgba(15,10,8,.86);color:#fff;font:600 1.08rem/1.3 var(--bodyf);padding:9px 13px;border-radius:12px;max-width:100%;box-shadow:0 4px 18px rgba(0,0,0,.25)}
/* discovery points in her view */
.pt-spots{position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .4s}
.pt-spots.show{opacity:1}
.pt-spot{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border:0;background:none;padding:0;cursor:pointer}
.pt-spot .dot{position:absolute;inset:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(177,154,111,.85),0 2px 10px rgba(0,0,0,.35)}
.pt-spot .ring{position:absolute;inset:4px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:pt-ping 1.6s ease-out infinite}
@keyframes pt-ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}
.pt-spot.got .ring{display:none}
.pt-spot.got .dot{background:var(--leaf);box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.pt-spot.got .dot::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* card */
.pt-card{flex:0 1 auto;max-height:63%;min-height:0;display:flex;flex-direction:column;background:var(--cream);
  padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:10px;box-shadow:0 -12px 28px rgba(25,17,14,.18);border-radius:22px 22px 0 0;margin-top:-22px;position:relative;z-index:7}
.pt-body{overflow:auto;min-height:0;display:grid;gap:9px;scrollbar-width:none}
.pt-body::-webkit-scrollbar{display:none}
@keyframes pt-up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.pt-card.enter .pt-body,.pt-card.enter .pt-cta,.pt-card.enter .pt-fine,.pt-card.enter .pt-link{animation:pt-up .32s cubic-bezier(.2,.8,.2,1) both}
.pt-card.enter .pt-cta{animation-delay:.05s}
.pt-eyebrow{font:600 .74rem var(--cta);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.pt-q{font-family:var(--disp);font-weight:500;font-size:1.5rem;line-height:1.12;color:var(--ink);text-wrap:balance}
.pt-hint{font-size:.98rem;color:#5a514c;margin-top:-4px}
.pt-p{margin:0;font-size:1.02rem;line-height:1.5;color:var(--taupe)}
.pt-small{font-size:.95rem}
.pt-center{text-align:center}
.pt-fine{font-size:.8rem;color:#6b625c;margin:0}
.pt-opts{display:grid;gap:7px}
.pt-opts.two{grid-template-columns:1fr 1fr}
.pt-opt{appearance:none;display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:7px 10px;font:500 1rem/1.25 var(--bodyf);text-align:left;cursor:pointer;min-height:46px;transition:transform .12s,background-color .15s,border-color .15s}
.pt-opt .ico{flex:none;width:30px;height:30px;border-radius:9px;background:var(--sand);color:var(--gold-ink);display:grid;place-items:center}
.pt-opt-label{flex:1;min-width:0}
.pt-opt .tick{flex:none;margin-left:auto;width:22px;height:22px;border:1.5px solid #c9bfae;display:grid;place-items:center;color:transparent}
.pt-opt .tick.round{border-radius:50%}
.pt-opt .tick.square{border-radius:6px}
.pt-opt .tick svg{width:14px;height:14px}
.pt-opt[aria-pressed="true"]{border-color:var(--ink);background:var(--sand)}
.pt-opt[aria-pressed="true"] .tick{background:var(--ink);border-color:var(--ink);color:#fff}
.pt-opt[aria-pressed="true"] .ico{background:var(--ink);color:var(--cream)}
.pt-opts.two .pt-opt{padding:9px;gap:8px;font-size:.97rem}
.pt-opts.two .pt-opt .tick{display:none}
.pt-opts.photo{grid-template-columns:repeat(4,1fr);gap:8px}
.pt-opts.photo .pt-opt{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0;min-height:0;position:relative}
.pt-opts.photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.pt-opts.photo .pt-opt-label{text-align:center;padding:7px 2px;font-weight:600;font-size:.9rem}
.pt-opts.photo .tick{position:absolute;top:6px;right:6px;background:rgba(255,255,255,.92);margin:0}
.pt-cta{appearance:none;border:0;border-radius:12px;background:var(--ink);color:var(--cream);font:600 .95rem/1 var(--cta);letter-spacing:.1em;text-transform:uppercase;padding:17px 16px;cursor:pointer;width:100%;text-align:center;text-decoration:none;display:block;flex:none;transition:transform .12s,background-color .2s}
.pt-cta[disabled]{background:#cfc6b6;color:#fff;cursor:default}
.pt-opt:active,.pt-cta:not([disabled]):active,.pt-ghost:active{transform:scale(.97)}
.pt-opt:focus-visible,.pt-cta:focus-visible,.pt-ghost:focus-visible,.pt-spot:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pt-link{appearance:none;border:0;background:none;color:var(--espresso);font:600 .9rem var(--bodyf);text-decoration:underline;cursor:pointer;padding:2px;flex:none}
.pt-chips{display:flex;flex-wrap:wrap;gap:6px}
.pt-chips span{background:#efe9dc;color:var(--espresso);border-radius:999px;padding:7px 12px;font-weight:600;font-size:.96rem}
.pt-note{background:var(--sand);border-radius:10px;padding:9px 11px;font-size:.96rem;line-height:1.45;color:var(--espresso)}
.pt-rating{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--taupe);white-space:nowrap}
.pt-stars{color:#e0a100;letter-spacing:1px}
.pt-quote{font-family:var(--disp);font-size:1.1rem;color:var(--ink);line-height:1.22}
.pt-ba{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.pt-ba figure{margin:0;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/11}
.pt-ba img{width:100%;height:100%;object-fit:cover}
.pt-ba figcaption{position:absolute;left:6px;top:6px;background:#efebdb;color:var(--ink);font:600 .64rem var(--cta);letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:5px}
/* discoveries list */
.pt-found{display:grid;gap:7px}
.pt-find{display:flex;gap:10px;align-items:flex-start;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:9px 10px;animation:pt-up .3s ease both}
.pt-find .ico{flex:none;width:30px;height:30px;border-radius:9px;background:var(--sand);color:var(--gold-ink);display:grid;place-items:center}
.pt-find b{display:block;font-weight:700;color:var(--ink);font-size:.98rem}
.pt-find span{font-size:.95rem;line-height:1.4}
.pt-count{font:600 .74rem var(--cta);letter-spacing:.12em;text-transform:uppercase;color:#9a918a}
/* unlock */
.pt-steps{display:grid;gap:6px;font-size:.98rem}
.pt-steps span{display:flex;gap:8px;align-items:center;color:#9a918a;transition:color .3s}
.pt-steps span::before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.pt-steps span.done{color:var(--ink)}
.pt-steps span.done::before{background:var(--leaf);border-color:var(--leaf)}
.pt-stack{display:grid;gap:6px}
.pt-stack-row{display:flex;align-items:center;gap:10px;border:1.5px dashed #d9cfbd;border-radius:12px;padding:8px 10px;background:var(--paper);color:#a39888;transition:all .35s}
.pt-stack-row .ico{flex:none;width:30px;height:30px;border-radius:9px;background:var(--sand);color:#b8ad9c;display:grid;place-items:center;transition:all .35s}
.pt-stack-row .lbl{flex:1;min-width:0;font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-stack-row .state{font:600 .62rem var(--cta);letter-spacing:.1em;text-transform:uppercase}
.pt-stack-row.open{border-style:solid;border-color:var(--leaf);background:#f2f6ec;color:var(--ink);transform:scale(1.01)}
.pt-stack-row.open .ico{background:var(--leaf);color:#fff}
.pt-stack-row.open .state{color:var(--leaf)}
/* results + offer */
.pt-told{display:grid;gap:6px;font-size:1rem;line-height:1.4;padding:0;margin:0;list-style:none}
.pt-told li{padding-left:18px;position:relative}
.pt-told li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.pt-offer{border:1.5px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px;background:var(--paper)}
.pt-offer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pt-offer b{font-family:var(--disp);font-weight:500;font-size:1.25rem;color:var(--ink)}
.pt-pill{font:600 .64rem var(--cta);letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:#fff;padding:4px 8px;border-radius:999px;white-space:nowrap}
.pt-line{display:flex;align-items:center;gap:8px;font-size:.98rem;color:var(--ink);font-weight:600}
.pt-line svg{flex:none;color:var(--leaf)}
@media (max-height:700px){.pt-q{font-size:1.35rem}.pt-card{max-height:66%}}
@media (prefers-reduced-motion:reduce){.pt-layer,.pt-layer.still.on img{animation:none!important;transition:none!important}.pt-card.enter *{animation:none!important}.pt-spot .ring{animation:none}}
/* explore: found chips + one detail card, so the card never covers her view */
.pt-gotchips{display:flex;flex-wrap:wrap;gap:5px;min-height:0}
.pt-gotchips:empty{display:none}
.pt-gotchips span{display:inline-flex;align-items:center;gap:5px;background:#f2f6ec;color:var(--leaf);border:1px solid #cfe0bd;border-radius:999px;padding:4px 9px 4px 6px;font:600 .82rem var(--bodyf)}
.pt-gotchips i{width:14px;height:14px;border-radius:50%;background:var(--leaf);position:relative;flex:none}
.pt-gotchips i::after{content:"";position:absolute;left:4.5px;top:2px;width:3.5px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pt-find-hint{border-style:dashed}
.pt-find div{display:grid;gap:2px}
.pt-rating{white-space:normal;flex-wrap:wrap}
.pt-caption{pointer-events:none}.pt-spots{z-index:4;pointer-events:none}.pt-spots>*{pointer-events:auto} /* the tap-point layer must never swallow swipes on the picture below */

/*  v7: lighter chrome so her view stays clear  */
.pt-top{padding:8px 10px 0;gap:7px}
.pt-bars i{height:2px}
.pt-row{grid-template-columns:34px 1fr 34px}
.pt-logo{height:13px;opacity:.95}
.pt-ghost{height:30px;width:30px;padding:0;justify-content:center;background:rgba(15,10,8,.4)}
.pt-ghost svg{width:15px;height:15px}
.pt-snd.muted{background:rgba(15,10,8,.62)}
.pt-scrim{height:70px}
.pt-card{max-height:55%}
.pt-caption{bottom:30px}
.pt-caption span{font-size:1rem;padding:8px 12px}

/*  the slot machine  */
.pt-slot{position:relative;border-radius:16px;padding:10px 10px 8px;background:linear-gradient(180deg,#2a1d16,#19110e);box-shadow:inset 0 0 0 2px #b19a6f,0 6px 18px rgba(25,17,14,.25)}
.pt-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.pt-reel{display:grid;gap:5px}
.pt-win{height:64px;overflow:hidden;border-radius:10px;background:#fbfaf5;box-shadow:inset 0 6px 10px -6px rgba(0,0,0,.45),inset 0 -6px 10px -6px rgba(0,0,0,.45);position:relative}
.pt-strip{will-change:transform}
.pt-win .cell{height:64px;display:grid;place-items:center}
.pt-win .cell img{max-height:54px;max-width:80%;object-fit:contain}
.pt-win .cell .sv{color:#8a7246;display:grid;place-items:center}
.pt-slot.spinning .pt-strip{filter:blur(.6px)}
.pt-reel-lbl{font:600 .62rem var(--cta);letter-spacing:.08em;text-transform:uppercase;color:#cdbb93;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.35;transition:opacity .3s,color .3s}
.pt-reel.hit .pt-reel-lbl{opacity:1;color:#f1d58a}
.pt-reel.hit .pt-win{box-shadow:inset 0 0 0 2px #e0b25a,0 0 14px rgba(224,178,90,.55)}
.pt-jackpot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;font:600 1.15rem var(--cta);letter-spacing:.2em;text-transform:uppercase;color:#19110e;background:linear-gradient(180deg,#f6dd8f,#d9a93e);padding:8px 16px;border-radius:999px;box-shadow:0 6px 20px rgba(217,169,62,.6);white-space:nowrap}
.pt-slot.won .pt-jackpot{animation:pt-jack 1.6s cubic-bezier(.2,.9,.2,1) .1s both}
@keyframes pt-jack{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.pt-slot.armed{animation:pt-armed 1.2s ease-in-out infinite}
@keyframes pt-armed{50%{box-shadow:inset 0 0 0 2px #e0b25a,0 0 18px rgba(224,178,90,.55)}}
.pt-steps{gap:4px;font-size:.92rem}
@media (prefers-reduced-motion:reduce){.pt-slot.armed,.pt-slot.won .pt-jackpot{animation:none}.pt-slot.won .pt-jackpot{opacity:1;transform:translate(-50%,-50%)}}
.pt-win .cell .qm{font:600 2rem var(--disp);color:#b19a6f}
.pt-caption.top{top:56px;bottom:auto}
.pt-opts.two .pt-opt{min-height:48px}
.pt-ba figure{aspect-ratio:2/1}
.pt-gotchips{gap:4px}
.pt-gotchips span{font-size:.76rem;padding:3px 8px 3px 5px}
.pt-find{padding:8px 10px}
.pt-find span{font-size:.92rem}
.pt-note{font-size:.92rem;padding:8px 10px}
.pt-card{max-height:58%}

/*  v9: bigger type for her eyes  */
.pt-q{font-size:1.68rem;line-height:1.1}
.pt-p{font-size:1.08rem}
.pt-hint{font-size:1.02rem}
.pt-opt{font-size:1.08rem;min-height:50px}
.pt-opts.two .pt-opt{font-size:1.04rem;min-height:52px}
.pt-caption span{font-size:1.06rem}
.pt-eyebrow{font-size:.78rem}
.pt-cta{font-size:1.02rem;padding:18px 16px}
.pt-line{font-size:1.04rem}
.pt-rating{font-size:.98rem}
.pt-fine{font-size:.84rem}
.pt-card{max-height:60%}
@media (max-height:700px){.pt-q{font-size:1.42rem}.pt-opt{min-height:44px;font-size:1rem}.pt-card{max-height:64%}.pt-p{font-size:1rem}}

/*  the offer: the funnel's own carousel, square, filling the top  */
.pt-layer.car{background:#efe9dc}
.pt-car{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pt-car::-webkit-scrollbar{display:none}
.pt-car img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;position:static}
.pt-dots{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;gap:6px;z-index:2}
.pt-dots i{width:7px;height:7px;border-radius:50%;background:rgba(25,17,14,.25);transition:all .25s}
.pt-dots i.on{background:#19110e;width:18px;border-radius:4px}
.pt.pt-square .pt-scene{flex:0 0 auto;aspect-ratio:1/1;min-height:0;width:100%}
.pt.pt-square .pt-card{flex:1 1 auto;max-height:none}
.pt.pt-square .pt-logo,.pt.pt-square .pt-scrim{opacity:0}
.pt.pt-square .pt-caption{display:none}
/* small iPhones (SE): keep every screen free of scrolling */
@media (max-height:700px){
  .pt-gotchips span{font-size:.72rem;padding:2px 7px 2px 5px}
  .pt-find{padding:6px 9px}.pt-find span{font-size:.9rem}
  .pt-ba figure{aspect-ratio:2.6/1}
  .pt-quote{font-size:1rem}
  .pt.pt-square .pt-scene{aspect-ratio:auto;height:48%}
  .pt-offer{gap:5px;padding:10px}
  .pt-body{gap:7px}
  .pt-card{padding-top:12px;gap:8px}
}
@media (max-height:700px){.pt-card{max-height:67%}.pt-scene{min-height:33%}}
/* offer carousel: fills all the room the card doesn't need; each slide uncropped over a soft blurred fill */
.pt.pt-square .pt-scene{aspect-ratio:auto;flex:1 1 auto;height:auto;min-height:44%}
.pt.pt-square .pt-card{flex:0 0 auto;max-height:56%}
.pt-slide{flex:0 0 100%;height:100%;position:relative;scroll-snap-align:center;overflow:hidden}
.pt-slide img{position:absolute;inset:0;width:100%;height:100%}
.pt-slide img.bg{object-fit:cover;filter:blur(18px) saturate(1.1);transform:scale(1.15);opacity:.85}
.pt-slide img.fg{object-fit:contain;padding-bottom:18px}
.pt-dots{bottom:30px}
@media (max-height:700px){.pt.pt-square .pt-scene{height:auto;min-height:40%}}

/* ── v10: locked to Pasnida's own quiz specs (pasnida-quiz.css + pasnida-design.css) ── */
.pt{--gold:#b19a6f;--parchment:#eee8dd;--sand:#f4f1e3;--grey-quiet:#595351;--radius-btn:5px;--radius-card:10px}
.pt-eyebrow{font:600 14px/1.4 var(--cta);letter-spacing:.05em;color:var(--gold)}
.pt-q{font:500 30px/1.1 var(--disp);word-spacing:.08em;color:var(--ink)}
.pt-p{font:500 17px/1.55 var(--bodyf);color:var(--taupe)}
.pt-hint{font:500 15px/1.4 var(--bodyf);color:var(--grey-quiet);margin-top:-4px}
.pt-opt{min-height:56px;padding:12px 14px;border:1.5px solid var(--parchment);border-radius:var(--radius-card);background:#fff;font:500 17px/1.3 var(--bodyf);color:var(--ink)}
.pt-opt .tick{border:1.5px solid var(--gold)}
.pt-opt[aria-pressed="true"]{border-color:var(--ink);background:var(--sand)}
.pt-opts.two .pt-opt{font-size:16px;min-height:54px}
.pt-cta{min-height:62px;padding:14px 20px;border-radius:var(--radius-btn);font:600 19px/1.2 var(--cta);letter-spacing:.01em;box-shadow:0 0 20px 0 rgba(177,154,111,.4);display:flex;align-items:center;justify-content:center}
.pt-cta[disabled]{opacity:.35;background:var(--ink);color:var(--cream);box-shadow:none}
.pt-fine{font:500 13px/1.4 var(--bodyf);color:var(--grey-quiet)}
.pt-quote{font:500 22px/1.2 var(--disp)}
.pt-told{font:500 17px/1.45 var(--bodyf);color:var(--ink)}
.pt-note{background:#edf5f6;border-radius:var(--radius-card);font:500 16px/1.5 var(--bodyf);color:var(--taupe)}
.pt-find,.pt-offer,.pt-stack-row{border-color:var(--parchment);border-radius:var(--radius-card)}
.pt-offer b{font-size:22px}
.pt-line{font:600 16px/1.3 var(--bodyf)}
.pt-rating{font:500 15px/1.4 var(--bodyf)}
.pt-stars{color:#ffb800;letter-spacing:2px;font-size:17px}
.pt-chips span{border-radius:var(--radius-pill,100px);font:500 16px var(--bodyf)}
.pt-caption span{font:600 17px/1.3 var(--bodyf);border-radius:var(--radius-card)}
.pt-slot{border-radius:var(--radius-card)}
.pt-card{max-height:62%;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:12px}
.pt-body{gap:12px}
/* small iPhones: the quiz's own small title size */
@media (max-height:760px){.pt-q{font-size:26px}.pt-opt{min-height:50px;padding:10px 12px;font-size:16px}.pt-cta{min-height:56px;font-size:18px}.pt-p{font-size:16px}.pt-body{gap:9px}.pt-card{gap:10px}}
@media (max-height:700px){.pt-card{max-height:68%}.pt-q{font-size:24px}.pt-opt{min-height:46px}.pt-cta{min-height:52px}.pt-p{font-size:15.5px}}
/* slide-in only on the card's direct children; nothing inside the scrolling body is ever left offset */
.pt-card.enter .pt-body .pt-fine{animation:none}
@keyframes pt-fade{from{opacity:0}to{opacity:1}}
.pt-find{animation:pt-fade .25s ease both}
@media (max-height:700px){.pt-opt{min-height:44px;padding:8px 12px}.pt-opts{gap:6px}}
@media (min-height:701px){.pt-card{max-height:65%}}