*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1a1a1a;font:400 17px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:#1380a1;text-decoration:underline}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1.18;margin:1.1em 0 .45em;letter-spacing:-.01em}
h1{font-size:30px;margin-top:.3em}
h2{font-size:24px}
h3{font-size:20px}
p{margin:0 0 1em}
strong{font-weight:700}
.container{width:100%;max-width:680px;margin:0 auto;padding:0 16px}

/* ===== header ===== */
.topbar{background:#fff;border-bottom:1px solid #e6e6e6}
.topbar .in{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1200px;margin:0 auto;padding:0 16px}
.hgroup{display:flex;align-items:center;gap:16px;flex:1 1 0;min-width:0}
.hright{justify-content:flex-end}
.topbar .ico{font-size:21px;line-height:1;color:#141414;text-decoration:none}
.watchlive{display:flex;align-items:center;gap:7px;color:#141414;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.rdot{width:11px;height:11px;border-radius:50%;background:#bb1919;display:inline-block;flex:0 0 auto;animation:lblink 1.8s infinite}
@keyframes lblink{0%,72%{opacity:1}86%{opacity:.25}100%{opacity:1}}
.bbc-logo{display:flex;gap:4px;text-decoration:none;flex:0 0 auto}
.bbc-logo span{background:#000;color:#fff;font:700 24px/1 Arial,Helvetica,sans-serif;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.subscribe{background:#1c7bbe;color:#fff;font-weight:700;font-size:15px;padding:9px 16px;border-radius:3px;text-decoration:none;white-space:nowrap}
.signin{color:#141414;font-size:16px;text-decoration:none;white-space:nowrap}
.bbcnav{background:#fff;border-bottom:1px solid #e6e6e6;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bbcnav::-webkit-scrollbar{display:none}
.bbcnav .in{display:flex;gap:24px;justify-content:center;max-width:1200px;margin:0 auto;padding:13px 16px;white-space:nowrap}
.bbcnav a{color:#141414;text-decoration:none;font-weight:700;font-size:16px;padding-bottom:5px;border-bottom:3px solid transparent}
.bbcnav a.on{border-bottom-color:#bb1919}
.subnav{background:#fff;border-bottom:1px solid #e6e6e6;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav .in{display:flex;gap:20px;justify-content:center;max-width:1200px;margin:0 auto;padding:10px 16px;white-space:nowrap}
.subnav a{color:#404040;text-decoration:none;font-size:14px}
.sectionhead{text-align:center;padding:22px 16px 2px}
.sectionhead h2{font-family:Georgia,"Times New Roman",serif;color:#bb1919;font-size:30px;margin:0}
.livetag{display:inline-flex;align-items:center;gap:6px;color:#bb1919;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:.6em;letter-spacing:.02em;vertical-align:middle;margin-right:9px;text-transform:uppercase}
.livetag .rdot{width:12px;height:12px}

/* ===== layout ===== */
.page{max-width:1000px;margin:0 auto;padding:0 16px}
.main{width:100%;max-width:680px;margin:0 auto}
.sidebar{max-width:680px;margin:32px auto 0}
.crumb{font-size:13px;color:#777;margin:14px 0 0}
.crumb a{color:#777;text-decoration:none}
.byline{font-size:14px;color:#666;margin-bottom:18px}
.lead{font-weight:700}
.dir{font-style:italic;color:#444}
.bullets{padding-left:0;list-style:none;margin:0 0 1em}
.bullets li{padding-left:24px;position:relative;margin-bottom:6px}
.bullets li::before{content:"●";position:absolute;left:2px;top:0;font-size:12px;color:#bb1919}
.facts{padding-left:20px;margin:0 0 1em}
.facts li{margin-bottom:6px}

/* ===== images / placeholders ===== */
.ph{position:relative;width:100%;background:#e9e9e9;border:2px dashed #a8a8a8;margin:0 0 18px;overflow:hidden;border-radius:4px}
.ph::before{content:"";display:block;padding-top:56.25%}
.ph.r1x1::before{padding-top:100%}
.ph.r9x16::before{padding-top:177.78%}
.ph .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font:500 14px/1.4 Roboto,Arial,sans-serif;color:#666}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph.loaded{border:0;background:none}
.ph.loaded .lbl{display:none}
figure{margin:0 0 18px}
figcaption{font-size:13px;color:#666;margin-top:-10px;margin-bottom:12px}

/* ===== cards / experts ===== */
.expert{display:flex;gap:14px;align-items:flex-start;background:#f6f7f9;padding:14px;border-radius:8px;margin-bottom:14px}
.expert .ph{width:84px;flex:0 0 84px;margin:0;border-radius:50%}
.expert .ph .lbl{font-size:10px;padding:4px}
.expert .who{font-weight:700;margin:0 0 2px}
.expert .ttl{font-size:14px;color:#666;margin:0 0 8px}
.expert q{font-style:italic}

/* ===== steps ===== */
.steps{list-style:none;padding:0;margin:0 0 1em;counter-reset:s}
.steps li{position:relative;padding-left:52px;min-height:40px;margin-bottom:14px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:36px;height:36px;border:2px solid #bb1919;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 16px Oswald,sans-serif;color:#bb1919}
.imp{border-left:4px solid #bb1919;padding:10px 14px;background:#fbeaea}
.imp b{color:#bb1919}
.btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:#bb1919;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:18px;border-radius:4px;letter-spacing:.03em;margin:8px 0 28px}
.btn:hover{background:#8f1313}

/* ===== comments ===== */
.cinput{display:flex;align-items:center;height:48px;border:1px solid #ccc;border-radius:4px;padding:0 14px;color:#999;background:#fafafa;margin-bottom:22px;cursor:pointer;font-size:16px}
.cm{display:flex;gap:12px;margin-bottom:20px}
.cm.rep{margin-left:52px}
.av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e2e2e2;display:flex;align-items:center;justify-content:center;color:#fff;font:700 15px Roboto,sans-serif}.av img{width:100%;height:100%;object-fit:cover}
.cm .nm{font-weight:700;font-size:15px}
.cm .tm{color:#888;font-size:13px;margin-left:6px}
.cm .tx{margin:3px 0 4px;font-size:16px;line-height:1.5}
.cm .rp{font-size:13px;color:#1380a1;text-decoration:none;font-weight:700}

/* ===== sidebar ===== */
.sidebar h3{font-size:16px;letter-spacing:.1em;border-bottom:2px solid #111;padding-bottom:6px;margin-top:0}
.pop{display:flex;gap:12px;align-items:center;text-decoration:none;color:#111;margin-bottom:14px;font-size:15px;line-height:1.35;font-weight:700}
.pop .ph{width:96px;flex:0 0 96px;margin:0}
.pop .ph .lbl{font-size:9px;padding:2px}
footer{border-top:1px solid #e5e5e5;margin-top:36px;padding:18px 16px 40px;text-align:center;font-size:13px;color:#777}
footer a{color:#777}

/* ===== desktop ===== */
@media(min-width:768px){
  h1{font-size:40px}
  .container{padding:0}
  .btn{max-width:420px}
}
@media(min-width:1024px){
  .page{display:flex;gap:40px;align-items:flex-start}
  .main{margin:0}
  .sidebar{width:280px;flex:0 0 280px;margin:48px 0 0;position:sticky;top:110px}
}

/* ===== /start/ chat ===== */
.chatpage{min-height:100vh;min-height:100dvh;background:#0b1220;position:relative;color:#111}
.bg{position:fixed;inset:0;z-index:0}
.bg .ph{height:100%;margin:0;border:0;border-radius:0}
.bg .ph::before{display:none}
.bg .ph .lbl{color:#aaa}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,25,.55) 0%,rgba(5,10,25,.82) 60%,rgba(5,10,25,.95) 100%)}
.chat{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:16px 16px 40px;min-height:100vh;display:flex;flex-direction:column}
.chead{display:flex;align-items:center;gap:12px;padding:6px 0 14px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;margin-bottom:14px}
.chead .ph{width:48px;flex:0 0 48px;margin:0;border-radius:50%;border-width:1px}
.chead .ph .lbl{font-size:8px;padding:2px}
.chead .nm{font-weight:700;font-size:17px}
.chead .st{font-size:13px;color:#cfd6e4;display:flex;align-items:center;gap:6px}
.chead .dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 2px rgba(34,197,94,.3)}
.msgs{flex:1}
.b{max-width:85%;padding:11px 14px;border-radius:16px;margin-bottom:10px;font-size:17px;line-height:1.45;animation:pop .25s ease-out}
.b.in{background:#fff;color:#111;border-bottom-left-radius:4px}
.b.out{background:#2f6fe4;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.typing{display:inline-flex;gap:4px;padding:14px 16px}
.typing i{width:8px;height:8px;background:#999;border-radius:50%;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px;animation:pop .25s ease-out}
.pill{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.7);color:#fff;border-radius:999px;padding:12px 20px;font:700 16px Roboto,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pill:active{background:#fff;color:#111}
.gbtn{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background:#22c55e;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:18px;border-radius:8px;margin-top:8px;letter-spacing:.02em;animation:pop .3s ease-out}
.gbtn:hover{background:#1db054}
.note{text-align:center;color:#9aa3b5;font-size:13px;margin-top:10px}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}

@media(max-width:600px){.watchlive{display:none}.subscribe{display:none}.topbar .in{height:54px}.bbc-logo span{width:30px;height:30px;font-size:20px}.hgroup{gap:14px}.bbcnav .in,.subnav .in{justify-content:flex-start}.sectionhead h2{font-size:26px}}

/* fake video player on studio still -> click goes to TG */
.ph.vid{cursor:pointer}
.vov{position:absolute;inset:0;z-index:2;pointer-events:none}
.play{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:rgba(0,0,0,.62);border:2px solid rgba(255,255,255,.92);box-shadow:0 2px 14px rgba(0,0,0,.35)}
.play::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-left:27px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.vtime{position:absolute;left:10px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;font:700 12px/1 Arial,Helvetica,sans-serif;padding:5px 8px;border-radius:3px}
.vbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.4)}
.vbar i{display:block;width:12%;height:100%;background:#bb1919}
@media(max-width:600px){.play{width:62px;height:62px;margin:-31px 0 0 -31px}.play::after{border-left-width:22px;border-top-width:13px;border-bottom-width:13px}}