/* rozmir — телефон (≤ 760 и телефон в альбоме): вертикальная история, кнопка под большим пальцем */
.P .p-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 0 16px}
.P main{padding:0 16px calc(96px + env(safe-area-inset-bottom))}
.P section{padding:28px 0 8px}
.P h1{font:800 clamp(34px,10.4vw,46px)/1.04 var(--sans);letter-spacing:-.02em;margin:.25em 0 .5em}
.P h2{font:800 25px/1.15 var(--sans);letter-spacing:-.01em;margin:0 0 .5em}
.P h3{font:700 15px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--line);margin:18px 0 8px}
.P .p-hero{padding-top:20px}
.P .p-lead{color:var(--ink);margin:0 0 18px}
.P .cta{width:100%}
.P .p-frame{height:min(78vw,420px)}
.P .p-frame iframe{pointer-events:none}
.P .p-frame.touch iframe{pointer-events:auto}
.P .p-cover{position:absolute;inset:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;
  padding:0;cursor:pointer;color:var(--ink)}
.P .p-cover span{font:600 14px var(--sans);background:rgba(10,20,16,.75);border-radius:999px;padding:10px 16px}
.P .p-frame.touch .p-cover{display:none}
.P .p-exit{position:absolute;right:10px;top:10px;min-height:44px;padding:0 16px;border-radius:999px;border:0;
  background:var(--line);color:#1b1a10;font:700 14px var(--sans);cursor:pointer}
.P .states button{flex:1 1 0;padding:0 8px}
.P .fit-in input{font-size:20px}
.P .p-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;touch-action:pan-x pan-y;
  margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none;min-height:66px}
.P .p-rail::-webkit-scrollbar{display:none}
.P .p-rail .chip{flex:none;scroll-snap-align:start;max-width:200px}
.P .fit-why{font-size:13px}
.P .sheet{padding:10px;margin:0 -4px 18px}
.P .legend{font-size:12px}
.P .trio dd{font-size:15px}
.P .files{margin-top:18px}
.P .files li{grid-template-columns:1fr}
.P .p-vid{aspect-ratio:9/16;max-height:78vh;margin:0 auto}
.P ol{padding-left:1.3em}
.P .p-final{text-align:left;padding-bottom:20px}
.P .p-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,transparent,rgba(16,40,33,.94) 32%);transition:transform .25s ease}
.P .p-sticky .cta{width:100%}
.P .p-sticky.off{transform:translateY(120%)}
@media (prefers-reduced-motion: reduce){.P .p-sticky{transition:none}}
