/* Viewer styles are isolated from the existing archive cards and detail pages. */
.mkd-reels[hidden],.mkd-reels__saved[hidden],.mkd-reels__feedback[hidden],.mkd-reels__retry[hidden],.mkd-reels__sample[hidden]{display:none!important}
/* P39.1: reserve separate controls so the official YouTube iframe stays usable. */
.mkd-reels__sheet[hidden],.mkd-reels__copy[hidden],.mkd-reels__more[hidden]{display:none!important}
body.mkd-reels-open{overflow:hidden}
body.mkd-reels-open .floating-contact,body.mkd-reels-open .smart-assistant-launch,body.mkd-reels-open .smart-assistant,body.mkd-reels-open .back-to-top,body.mkd-reels-open .social-video-story{display:none!important}
.mkd-reels{position:fixed;inset:0;z-index:1000000;background:#050b16;color:#fff;font-family:inherit}
.mkd-reels *{box-sizing:border-box}
.mkd-reels__stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;width:100%;height:100dvh;overflow:hidden;background:#050b16}
.mkd-reels__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:calc(env(safe-area-inset-top) + 4px) 12px 4px;background:#07172c;font-size:14px}
.mkd-reels__top button{min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:11px;background:#122c4b;color:#fff;font:inherit}
.mkd-reels__top .mkd-reels__close{font-size:28px}
.mkd-reels__top .mkd-reels__saved-open{font-size:12px;font-weight:700}
.mkd-reels__visual{position:relative;z-index:1;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(circle at center,#11335a,#050b16 75%)}
.mkd-reels__player{width:auto;height:100%;max-height:177.78vw;max-width:100%;aspect-ratio:9/16;background:#071121}
.mkd-reels__player iframe{display:block;width:100%;height:100%;border:0}
.mkd-reels__swipe-zone{position:absolute;top:13%;right:0;bottom:14%;width:clamp(26px,8vw,44px);z-index:2;touch-action:none}
.mkd-reels__feedback{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);width:min(75vw,290px);padding:12px 15px;border-radius:12px;background:#061429e8;text-align:center;font-size:14px;line-height:1.4;pointer-events:none}
.mkd-reels__retry{position:absolute;z-index:4;left:50%;top:56%;transform:translateX(-50%);min-height:44px;padding:8px 20px;border:1px solid #91baff;border-radius:999px;background:#0b62da;color:#fff;font:inherit;font-weight:700}
.mkd-reels__controls{position:relative;z-index:2;display:grid;gap:5px;width:min(100%,500px);margin:0 auto;padding:8px 12px calc(env(safe-area-inset-bottom) + 7px);background:#07172c}
.mkd-reels__caption{position:static;padding:0;background:none;text-shadow:none;min-width:0}
.mkd-reels__topic{display:inline-block;margin:0 0 2px;color:#85bcff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mkd-reels__caption h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 2px;color:#fff;font-size:15px;line-height:1.2}
.mkd-reels__caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 3px;color:#dfebfa;font-size:11px;line-height:1.3}
.mkd-reels__caption .mkd-reels__more,.mkd-reels__detail{display:inline-block;margin:0 12px 0 0;padding:0;border:0;background:none;color:#a9d0ff;font:inherit;font-size:11px;font-weight:700;text-decoration:underline;cursor:pointer}
.mkd-reels__sample{display:block;color:#c0ccdb;font-size:10px}
.mkd-reels__actions{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.mkd-reels__actions button,.mkd-reels__actions a{display:grid;justify-items:center;align-content:center;gap:1px;min-width:0;min-height:42px;padding:2px;border:1px solid #315174;border-radius:8px;background:#102741;color:#fff;font:inherit;font-size:10px;text-align:center;text-decoration:none;text-shadow:none}
.mkd-reels__actions button span{font-size:19px;line-height:1}
.mkd-reels__actions button small{font-size:9px;font-weight:700}
.mkd-reels__actions button[aria-pressed=true]{color:#ff7b95}
.mkd-reels__nav{display:flex;align-items:center;justify-content:space-between;gap:6px}
.mkd-reels__nav button{min-width:85px;min-height:34px;padding:4px 10px;border:1px solid #426990;border-radius:8px;background:#133157;color:#fff;font:inherit;font-size:11px;font-weight:700}
.mkd-reels__nav button:disabled{opacity:.4}
.mkd-reels__position{position:static;color:#d2e6ff;font-size:11px}
.mkd-reels__saved{position:absolute;inset:calc(env(safe-area-inset-top) + 56px) 10px calc(env(safe-area-inset-bottom) + 10px);z-index:5;padding:16px;border:1px solid #29517f;border-radius:18px;background:#0b1b32;overflow:auto;box-shadow:0 18px 50px #0009}
.mkd-reels__saved>div,.mkd-reels__sheet-head{display:flex;justify-content:space-between;align-items:center}
.mkd-reels__saved-close,.mkd-reels__sheet-close{width:44px;height:44px;border:0;border-radius:50%;background:#193759;color:#fff;font-size:24px}
.mkd-reels__saved ul{list-style:none;padding:0;margin:15px 0}
.mkd-reels__saved li{border-top:1px solid #284361;padding:12px 0}
.mkd-reels__saved a{color:#fff;text-decoration:none}
.mkd-reels__sheet{position:absolute;z-index:6;inset:20% 0 0;display:flex;flex-direction:column;padding:16px 18px calc(env(safe-area-inset-bottom) + 16px);border-radius:18px 18px 0 0;background:#0d2139;box-shadow:0 -10px 40px #000a;overscroll-behavior:contain}
.mkd-reels__sheet-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
.mkd-reels__sheet-body h2{font-size:19px;line-height:1.3}
.mkd-reels__sheet-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.mkd-reels__copy{position:absolute;z-index:7;left:12px;right:12px;top:35%;display:grid;gap:12px;max-width:460px;margin:auto;padding:20px;border:1px solid #426990;border-radius:14px;background:#112946;box-shadow:0 0 0 100vmax #0009}
.mkd-reels__copy input{width:100%;min-height:44px;padding:8px;color:#10213a;background:#fff;border-radius:6px}
.mkd-reels__copy button{min-height:44px;border:0;border-radius:8px;background:#1262d4;color:#fff;font:inherit}
.mkd-reels button:focus-visible,.mkd-reels a:focus-visible,.mkd-reels input:focus-visible{outline:3px solid #75b6ff;outline-offset:2px}
.mkd-reels__tools-open,.mkd-reels__actions-head,.mkd-reels__actions .mkd-reels__saved-shortcut,.mkd-reels__actions .mkd-reels__more-rail,.mkd-reels__backdrop{display:none}
@media(max-width:359px){.mkd-reels__controls{padding-inline:8px}.mkd-reels__caption h2{font-size:14px}.mkd-reels__actions button,.mkd-reels__actions a{font-size:9px}}

/* P39.2: native Shorts UI is primary; website controls stay outside the iframe. */
@media(max-width:767px){
  .mkd-reels,.mkd-reels__stage{background:#030913}
  .mkd-reels__stage{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh}
  .mkd-reels__top{z-index:4;justify-content:space-between;min-height:44px;padding:calc(env(safe-area-inset-top) + 2px) 10px 2px;background:#030913}
  .mkd-reels__top strong,.mkd-reels__saved-open{display:none!important}
  .mkd-reels__top .mkd-reels__close,.mkd-reels__top .mkd-reels__tools-open{display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:1px solid #ffffff3b;border-radius:50%;background:#13212f;color:#fff;line-height:1}
  .mkd-reels__top .mkd-reels__close{font-size:26px;font-weight:300}
  .mkd-reels__top .mkd-reels__tools-open{font-size:26px;letter-spacing:1px}
  .mkd-reels__visual{z-index:1;display:block;min-height:0;background:#06111c}
  .mkd-reels__backdrop{position:absolute;inset:-12%;display:block;width:124%;height:124%;object-fit:cover;filter:blur(25px) brightness(.28);pointer-events:none}
  .mkd-reels__player{position:absolute;z-index:1;inset:0 50px 0 0;width:calc(100% - 50px);height:100%;max-width:none;max-height:none;aspect-ratio:auto;background:#050b15}
  .mkd-reels__swipe-zone{top:0;right:0;bottom:0;width:50px;z-index:2;pointer-events:auto;touch-action:pan-x;background:#071322}
  .mkd-reels-panel-open .mkd-reels__player,.mkd-reels-feedback-visible .mkd-reels__player{visibility:hidden}
  .mkd-reels__feedback{display:none;top:45%;z-index:3}
  .mkd-reels-feedback-visible .mkd-reels__feedback{display:block}
  .mkd-reels__controls{position:absolute;z-index:5;top:0;right:56px;left:56px;display:block;width:auto;margin:0;padding:0;background:none;pointer-events:none}
  .mkd-reels__caption{display:none}
  .mkd-reels__nav{display:flex;align-items:center;justify-content:space-between;height:44px;margin:0;pointer-events:none}
  .mkd-reels__nav button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:1px solid #ffffff3b;border-radius:50%;background:#13212f;color:#fff;font-size:0;pointer-events:auto}
  .mkd-reels__nav .mkd-reels__prev::after{content:"↑";font-size:19px}
  .mkd-reels__nav .mkd-reels__next::after{content:"↓";font-size:19px}
  .mkd-reels__position{display:none}
  .mkd-reels__actions{position:fixed;z-index:6;top:35%;right:2px;display:grid;grid-template-columns:44px;gap:7px;width:44px;pointer-events:auto}
  .mkd-reels__actions .mkd-reels__like,.mkd-reels__actions .mkd-reels__save,.mkd-reels__actions .mkd-reels__share,.mkd-reels__actions .mkd-reels__more-rail{display:grid;justify-items:center;align-content:center;gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:14px;background:#162b40;color:#fff;box-shadow:none;text-shadow:none}
  .mkd-reels__actions .mkd-reels__more-rail{display:grid}
  .mkd-reels__actions button span{font-size:23px;line-height:1}
  .mkd-reels__actions button small{display:none}
  .mkd-reels__actions .mkd-reels__like::after{content:attr(data-count);font-size:10px;line-height:1.1}
  .mkd-reels__actions .mkd-reels__actions-head,.mkd-reels__actions .mkd-reels__sound,.mkd-reels__actions .mkd-reels__youtube,.mkd-reels__actions .mkd-reels__saved-shortcut{display:none}
  .mkd-reels-tools-open .mkd-reels__actions{position:fixed;z-index:8;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:20px 12px calc(env(safe-area-inset-bottom) + 16px);border:1px solid #2e506d;border-bottom:0;border-radius:18px 18px 0 0;background:#091b2c;box-shadow:0 0 0 100vmax #0009;pointer-events:auto}
  .mkd-reels-tools-open .mkd-reels__actions{top:auto;grid-template-columns:1fr}
  .mkd-reels-tools-open .mkd-reels__actions .mkd-reels__like,.mkd-reels-tools-open .mkd-reels__actions .mkd-reels__save,.mkd-reels-tools-open .mkd-reels__actions .mkd-reels__share,.mkd-reels-tools-open .mkd-reels__actions .mkd-reels__more-rail{display:none}
  .mkd-reels-tools-open .mkd-reels__actions-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:15px}
  .mkd-reels__actions-head button{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:#19334e;color:#fff;font-size:23px}
  .mkd-reels__actions .mkd-reels__sound{display:none}
  .mkd-reels-tools-open .mkd-reels__actions button,.mkd-reels-tools-open .mkd-reels__actions a{width:auto;min-width:0;min-height:50px;padding:5px 3px;border:1px solid #375b7b;border-radius:10px;background:#102a43;color:#fff;font-size:11px}
  .mkd-reels-tools-open .mkd-reels__actions-head .mkd-reels__tools-close{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:#19334e;font-size:23px}
  .mkd-reels-tools-open .mkd-reels__actions button span{font-size:20px}
  .mkd-reels-tools-open .mkd-reels__actions button small{display:block;font-size:10px}
  .mkd-reels-tools-open .mkd-reels__actions .mkd-reels__like::after{display:none}
  .mkd-reels-tools-open .mkd-reels__actions .mkd-reels__youtube{display:grid}
  .mkd-reels-tools-open .mkd-reels__actions .mkd-reels__saved-shortcut{display:grid;grid-column:1/-1;min-height:40px;font-size:11px;font-weight:700}
  .mkd-reels__sheet{z-index:7;inset:auto 0 0;height:min(68dvh,600px);max-height:calc(100dvh - env(safe-area-inset-top) - 30px);padding:23px 16px calc(env(safe-area-inset-bottom) + 14px);border:1px solid #2e506d;border-bottom:0;border-radius:20px 20px 0 0;background:#091b2c;box-shadow:0 0 0 100vmax #0009}
  .mkd-reels__sheet::before{content:"";position:absolute;top:9px;left:50%;width:36px;height:4px;transform:translateX(-50%);border-radius:8px;background:#a6b8c8}
  .mkd-reels__sheet-body h2{margin:10px 0;font-size:17px}
  .mkd-reels__sheet-body p{font-size:14px;line-height:1.55}
  .mkd-reels__copy{z-index:8;top:auto;right:0;bottom:0;left:0;max-width:none;margin:0;padding:22px 14px calc(env(safe-area-inset-bottom) + 15px);border-radius:18px 18px 0 0;background:#091b2c}
  .mkd-reels__saved{z-index:8;inset:calc(env(safe-area-inset-top) + 50px) 8px calc(env(safe-area-inset-bottom) + 8px)}
}

/* P39.3: mobile controls sit on the poster gutter, clear of the YouTube player. */
.mkd-reels__actions button svg,.mkd-reels__channel{display:none}
.mkd-reels__upcoming,.mkd-reels__upcoming[hidden]{display:none}
@media(max-width:767px){
  .mkd-reels,.mkd-reels__stage{background:#080808}
  .mkd-reels__top{background:#080808;padding-inline:4px}
  .mkd-reels__top .mkd-reels__close{width:44px;min-width:44px;height:44px;min-height:44px;border:0;border-radius:0;background:transparent;font-size:25px;box-shadow:none}
  .mkd-reels__top .mkd-reels__tools-open{display:none}
  .mkd-reels__visual{background:#080808}
  .mkd-reels__backdrop{filter:blur(12px) brightness(.62)}
  .mkd-reels__visual::after{content:"";position:absolute;z-index:2;right:50px;bottom:0;left:0;height:96px;background:linear-gradient(transparent,rgba(0,0,0,.48) 70%,rgba(0,0,0,.68));pointer-events:none}
  .mkd-reels__player{bottom:96px;height:calc(100% - 96px);background:#080808}
  .mkd-reels__swipe-zone{background:transparent}
  .mkd-reels__controls{top:auto;right:0;bottom:0;left:0;height:96px}
  .mkd-reels__caption{position:absolute;right:58px;bottom:calc(env(safe-area-inset-bottom) + 8px);left:12px;display:block;padding:0;background:none;color:#fff;text-shadow:0 1px 3px #0009;pointer-events:none}
  .mkd-reels__channel{display:block;margin-bottom:4px;font-size:13px;line-height:1.2;font-weight:700}
  .mkd-reels__topic,.mkd-reels__caption p,.mkd-reels__detail,.mkd-reels__sample{display:none!important}
  .mkd-reels__caption h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 2px;font-size:13px;line-height:1.25;font-weight:600}
  .mkd-reels__caption .mkd-reels__more{display:inline-block;margin:0;padding:3px 0;border:0;color:#fff;font-size:12px;text-decoration:none;pointer-events:auto}
  .mkd-reels__actions{top:auto;right:3px;bottom:calc(env(safe-area-inset-bottom) + 112px);gap:13px;width:44px;grid-template-columns:44px}
  .mkd-reels__actions .mkd-reels__like,.mkd-reels__actions .mkd-reels__save,.mkd-reels__actions .mkd-reels__share{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:44px;min-width:44px;height:57px;min-height:57px;padding:3px 0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none;text-shadow:0 1px 3px #000b}
  .mkd-reels__actions .mkd-reels__more-rail,.mkd-reels__actions-head,.mkd-reels__sound,.mkd-reels__youtube,.mkd-reels__saved-shortcut{display:none!important}
  .mkd-reels__actions button span{display:none}
  .mkd-reels__actions button svg{display:block;width:29px;height:29px;flex:none;filter:drop-shadow(0 1px 2px #0008)}
  .mkd-reels__actions button small{display:block;color:#fff;font-size:10px;line-height:1.15;font-weight:600;text-shadow:0 1px 3px #000b}
  .mkd-reels__actions .mkd-reels__like small{display:none}
  .mkd-reels__actions .mkd-reels__like::after{font-size:10px;line-height:1.15;font-weight:600}
  .mkd-reels__actions .mkd-reels__like[aria-pressed=true]{color:#ff465d}
  .mkd-reels__actions .mkd-reels__like[aria-pressed=true] svg{fill:#ff465d}
  .mkd-reels__actions .mkd-reels__save[aria-pressed=true] svg{fill:#fff}
  .mkd-reels__nav{position:fixed;top:calc(env(safe-area-inset-top) + 4px);right:57px;left:50px;z-index:7;height:44px;opacity:0;visibility:hidden;transition:opacity .18s ease;pointer-events:none}
  .mkd-reels__nav button{border:0;border-radius:0;background:transparent;box-shadow:none}
  .mkd-reels-nav-visible .mkd-reels__nav,.mkd-reels__nav:focus-within{opacity:1;visibility:visible}
  .mkd-reels-nav-visible .mkd-reels__nav button,.mkd-reels__nav:focus-within button{pointer-events:auto}
  .mkd-reels__nav .mkd-reels__prev::after{content:"↑"}
  .mkd-reels__nav .mkd-reels__next::after{content:"↓"}
  .mkd-reels__close:focus-visible,.mkd-reels__actions button:focus-visible,.mkd-reels__more:focus-visible,.mkd-reels__nav button:focus-visible{outline:2px solid #fff;outline-offset:2px}
}
@media(max-width:767px) and (max-height:620px){.mkd-reels__actions{bottom:calc(env(safe-area-inset-bottom) + 90px);gap:4px}.mkd-reels__actions .mkd-reels__like,.mkd-reels__actions .mkd-reels__save,.mkd-reels__actions .mkd-reels__share{height:50px;min-height:50px}.mkd-reels__player{bottom:80px;height:calc(100% - 80px)}.mkd-reels__controls{height:80px}.mkd-reels__visual::after{height:80px}}

/* P39.4: the YouTube player owns the full mobile viewport; only small controls float above it. */
@media(max-width:767px){
  .mkd-reels__stage{display:block;width:100vw;height:100dvh;padding:0;margin:0}
  .mkd-reels__visual{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
  .mkd-reels__backdrop{display:none}
  .mkd-reels__player{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto}
  .mkd-reels__visual::after{right:0;bottom:0;left:0;width:100%;height:210px;background:linear-gradient(transparent,rgba(0,0,0,.15) 36%,rgba(0,0,0,.56));pointer-events:none}
  .mkd-reels__top{position:absolute;inset:0 0 auto;z-index:6;width:100%;height:calc(env(safe-area-inset-top) + 48px);padding:env(safe-area-inset-top) 4px 0;background:transparent;pointer-events:none}
  .mkd-reels__top .mkd-reels__close{pointer-events:auto;text-shadow:0 1px 4px #000}
  .mkd-reels__swipe-zone{top:19%;right:0;bottom:36%;width:32px;z-index:3;background:transparent;touch-action:none}
  .mkd-reels__controls{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}
  .mkd-reels__caption{position:absolute;right:62px;bottom:calc(env(safe-area-inset-bottom) + 110px);left:12px;width:auto;max-height:100px;text-shadow:0 1px 4px #000,0 0 9px #0008;pointer-events:none}
  .mkd-reels__caption .mkd-reels__more{pointer-events:auto}
  .mkd-reels__actions{position:absolute;top:auto;right:5px;bottom:calc(env(safe-area-inset-bottom) + 103px);left:auto;z-index:6;width:44px;pointer-events:none}
  .mkd-reels__actions .mkd-reels__like,.mkd-reels__actions .mkd-reels__save,.mkd-reels__actions .mkd-reels__share{pointer-events:auto}
}
@media(max-width:767px) and (max-height:620px){
  .mkd-reels__visual,.mkd-reels__player,.mkd-reels__controls{height:100%}
  .mkd-reels__caption{bottom:calc(env(safe-area-inset-bottom) + 95px)}
  .mkd-reels__actions{bottom:calc(env(safe-area-inset-bottom) + 88px)}
}

/* P39.5: desktop theater. Tablet and the approved mobile viewer keep their existing rules. */
@media(min-width:1024px){
  .mkd-reels,.mkd-reels__stage{background:#080e19}
  .mkd-reels__stage{display:grid;grid-template-columns:minmax(0,calc((100dvh - 92px)*9/16)) minmax(280px,360px) 76px;grid-template-rows:minmax(0,1fr);column-gap:clamp(22px,2.5vw,38px);justify-content:center;align-items:stretch;height:100dvh;padding:70px 28px 22px;background:radial-gradient(ellipse at 51% 53%,#17263b 0,#0b1422 42%,#080e19 79%)}
  .mkd-reels__top{position:absolute;inset:0 0 auto;z-index:4;min-height:58px;padding:8px 28px;background:#080e19d9;border-bottom:1px solid #ffffff14}
  .mkd-reels__top strong{margin-right:auto;font-size:16px}
  .mkd-reels__top button{min-height:42px;background:transparent;border:1px solid #ffffff30;border-radius:12px}
  .mkd-reels__top .mkd-reels__close{order:3;min-width:44px;padding:0;border:0;font-size:29px}
  .mkd-reels__visual{grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;border-radius:14px;background:#02050b;box-shadow:0 24px 70px #0008}
  .mkd-reels__player{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:9/16}
  .mkd-reels__swipe-zone{display:none}
  .mkd-reels__controls{position:relative;grid-column:2/4;grid-row:1;display:grid;grid-template-columns:minmax(0,360px) 76px;grid-template-rows:min-content min-content 1fr;column-gap:clamp(22px,2.5vw,38px);align-content:start;width:auto;max-width:none;height:100%;min-height:0;margin:0;padding:clamp(22px,4vh,46px) 0 0;background:transparent}
  .mkd-reels__caption{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;align-content:start;column-gap:14px;min-width:0;padding:0 0 23px;border-bottom:1px solid #ffffff26}
  .mkd-reels__caption .mkd-reels__topic{order:1;width:100%}
  .mkd-reels__caption h2{order:2;width:100%}
  .mkd-reels__caption .mkd-reels__channel{order:3;width:100%}
  .mkd-reels__caption p{order:4;width:100%}
  .mkd-reels__caption .mkd-reels__more{order:5}
  .mkd-reels__caption .mkd-reels__detail{order:6}
  .mkd-reels__caption .mkd-reels__sample{order:7;width:100%}
  .mkd-reels__topic{margin-bottom:12px;color:#49baff;font-size:13px;letter-spacing:.07em}
  .mkd-reels__caption h2{display:block;max-height:none;margin:0 0 18px;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em}
  .mkd-reels__channel{display:block;margin-bottom:14px;color:#f7fbff;font-size:16px;font-weight:700}
  .mkd-reels__caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0 0 7px;color:#d9e4f1;font-size:15px;line-height:1.55}
  .mkd-reels__caption .mkd-reels__more,.mkd-reels__detail{margin-right:14px;color:#55bdff;font-size:14px;text-decoration:none}
  .mkd-reels__caption .mkd-reels__more:hover,.mkd-reels__detail:hover{text-decoration:underline}
  .mkd-reels__sample{margin-top:9px;font-size:12px}
  .mkd-reels__actions{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 0;border-bottom:1px solid #ffffff26}
  .mkd-reels__actions .mkd-reels__like,.mkd-reels__actions .mkd-reels__save,.mkd-reels__actions .mkd-reels__share{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:56px;padding:8px;border:1px solid #ffffff30;border-radius:12px;background:#101b2c;color:#fff;font-size:14px;white-space:nowrap}
  .mkd-reels__actions button span{display:none}
  .mkd-reels__actions button svg{display:block;flex:none;width:25px;height:25px}
  .mkd-reels__actions button small{font-size:12px}
  .mkd-reels__actions .mkd-reels__sound,.mkd-reels__actions .mkd-reels__youtube{display:none}
  .mkd-reels__actions .mkd-reels__like[aria-pressed=true]{color:#ff5872}
  .mkd-reels__upcoming:not([hidden]){grid-column:1;grid-row:3;display:block;min-height:0;overflow:auto;padding-top:14px;scrollbar-width:thin}
  .mkd-reels__upcoming h3{margin:0 0 10px;color:#f7fbff;font-size:19px;line-height:1.2}
  .mkd-reels__upcoming-list{display:grid;gap:6px}
  .mkd-reels__upcoming-item{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:58px;padding:4px;border:1px solid transparent;border-radius:10px;background:#ffffff0d;color:#f7fbff;font:inherit;text-align:left;cursor:pointer}
  .mkd-reels__upcoming-item:hover,.mkd-reels__upcoming-item:focus-visible{border-color:#6d9bd0;background:#ffffff19}
  .mkd-reels__upcoming-item img{display:block;width:88px;height:50px;object-fit:cover;border-radius:7px;background:#17253a}
  .mkd-reels__upcoming-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.3}
  .mkd-reels__nav{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-self:center;justify-content:center;gap:12px;width:76px}
  .mkd-reels__nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:76px;min-width:76px;height:90px;min-height:90px;margin:auto;padding:0;border:0;background:transparent;color:#fff;font-size:0;cursor:pointer}
  .mkd-reels__nav button::before{display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff30;border-radius:50%;background:#1b293bd9;font-size:29px;line-height:1}
  .mkd-reels__nav button::after{font-size:11px;line-height:1.1;white-space:nowrap}
  .mkd-reels__nav .mkd-reels__prev::before{content:'↑'}
  .mkd-reels__nav .mkd-reels__next::before{content:'↓'}
  .mkd-reels__nav .mkd-reels__prev::after{content:'Video trước'}
  .mkd-reels__nav .mkd-reels__next::after{content:'Video tiếp'}
  .mkd-reels__nav button:hover:not(:disabled)::before{background:#294360;border-color:#80bfff}
  .mkd-reels__nav button:disabled{opacity:.35;cursor:not-allowed}
  .mkd-reels__position{color:#bdd0e5;font-size:12px;text-align:center}
  .mkd-reels__sheet{inset:12% auto 8%;left:50%;width:min(560px,calc(100% - 40px));max-height:none;transform:translateX(-50%);border:1px solid #395475;border-radius:18px;box-shadow:0 0 0 100vmax #000b}
}
@media(min-width:1024px) and (max-height:700px){
  .mkd-reels__stage{grid-template-columns:minmax(0,calc((100dvh - 78px)*9/16)) minmax(280px,360px) 76px;padding-top:62px;padding-bottom:16px}
  .mkd-reels__controls{padding-top:8px}
  .mkd-reels__caption{padding-bottom:12px}
  .mkd-reels__caption h2{font-size:21px;margin-bottom:10px}
  .mkd-reels__caption p{-webkit-line-clamp:2}
  .mkd-reels__actions{padding-block:12px}
}

/* YouTube owns touches inside its iframe. Use the video edges for library swipes. */
@media(max-width:767px){
  .mkd-reels__swipe-zone{top:12%;bottom:18%;width:36px}
  .mkd-reels__swipe-zone--left{right:auto;left:0;width:clamp(60px,14vw,105px)}
  .mkd-reels__swipe-zone--left::after{content:'↑\A Vuốt\A ↓';position:absolute;top:50%;left:6px;transform:translateY(-50%);white-space:pre;color:#fff;font-size:11px;font-weight:700;line-height:1.4;text-align:center;text-shadow:0 1px 5px #000;pointer-events:none;animation:mkd-reels-swipe-hint 4s ease .3s both}
}
@keyframes mkd-reels-swipe-hint{0%,100%{opacity:0}12%,65%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.mkd-reels__swipe-zone--left::after{animation:none;opacity:.7}}