/* phone.css — стиль макетов экранов ПолитКомпаса (390×844) */
.phone{width:390px;height:844px;border-radius:52px;background:var(--paper);overflow:hidden;position:relative;box-shadow:0 0 0 12px #0d1122,0 0 0 14px #3a4160,0 40px 80px -20px rgba(0,0,0,.5);font-family:var(--f-body);color:var(--ink)}
.phone::before{content:'';position:absolute;inset:0;background:url(/assets/backgrounds/bg-light.jpg) center/cover;opacity:.9;z-index:0}
.phone>*{position:relative;z-index:1}
.sb{display:flex;justify-content:space-between;padding:16px 30px 0;font-weight:700;font-size:14px}
.ab{padding:14px 22px 8px}.ab b{font-family:var(--f-head);font-size:20px;font-weight:600}
.pad{padding:8px 18px}
.map{display:flex;justify-content:center;margin:4px 0 12px}.map svg{border-radius:18px;box-shadow:var(--shadow)}
.card{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow);margin-bottom:10px}
.row{display:flex;gap:12px;align-items:center}.row img{width:76px;height:76px;border-radius:50%;object-fit:cover}.row.s img{width:64px;height:48px;border-radius:10px}
small{color:var(--mut);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
h2{font-family:var(--f-head);font-size:22px;line-height:1.25;font-weight:600;margin:6px 0}h3{font-family:var(--f-head);font-size:16px;font-weight:600;margin:2px 0}h4{font-size:15px;margin:0 0 4px}
p{margin:2px 0;font-size:14px;color:var(--mut)}.lead{font-size:15px;color:var(--ink);margin:6px 0 12px}.c{text-align:center}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.chip{display:inline-block;border:1px solid #d9d4c8;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:700;background:#fff}
.chip.ll{background:var(--ll-t)}.chip.on{background:var(--navy);color:#fff}
.btn{border-radius:14px;padding:15px;text-align:center;font-weight:800;background:#fff;border:1.5px solid #d9d4c8;margin-bottom:9px}.btn.pri{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn.ans{text-align:left;padding:14px 16px}.btn.ans.on{border-color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.prog{height:5px;background:#e6e1d6;margin:0 22px;border-radius:9px}.prog i{display:block;height:100%;background:var(--navy);border-radius:9px}
.q{padding:20px 18px;min-height:150px}.skip{text-align:center;color:var(--mut);font-weight:700;margin:6px 0}
.live{display:flex;gap:10px;align-items:center;margin-top:10px}.live p{font-size:13px}
.len{position:relative}.len.sel{box-shadow:inset 0 0 0 2px var(--navy),var(--shadow)}.len em{position:absolute;top:10px;right:12px;font-style:normal;font-size:11px;font-weight:800;background:var(--rl);padding:3px 8px;border-radius:99px}
.cl{height:6px;background:#eee;border-radius:9px;margin-top:8px}.cl i{display:block;height:100%;background:linear-gradient(90deg,var(--la),var(--ra),var(--ll),var(--rl));border-radius:9px}
.mini{display:flex;gap:12px;align-items:center;margin-top:8px}.mini svg{border-radius:12px;flex:none}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grid4 img{width:100%;border-radius:50%}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kb{padding:8px}.kb img{width:100%;border-radius:12px;aspect-ratio:4/3;object-fit:cover}
.search{background:#fff;border-radius:14px;padding:13px;color:var(--mut);margin-bottom:12px;box-shadow:var(--shadow)}
.why{display:flex;gap:12px}.dot{flex:none;width:14px;height:14px;border-radius:50%;margin-top:4px}.dot.la{background:var(--la)}.dot.ll{background:var(--ll)}.dot.rl{background:var(--rl-d)}
.sharecard{background:var(--navy);color:#fff;border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}
.sharecard svg{width:220px;height:220px;border-radius:12px}.sharecard div{text-align:center}.sharecard img{width:56px;border-radius:50%}.sharecard h3{color:#fff}.sharecard p{color:#c9cbe0}.sharecard b{color:var(--rl)}
.hero{width:100%;height:380px;object-fit:cover;border-radius:22px;margin-bottom:8px}