/* Platform pages: each platform borrows the layout language of its own product.
   Loaded on single platform pages only. Logical properties throughout, so RTL mirrors by itself. */

.pl{--pl-bg:#fff}
.pl .tn-crumbs{margin-block-end:.6em}
.pl-h{font-size:1.25rem;margin-block:1.4em .6em;letter-spacing:0}
.pl-avatar{display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;border-radius:50%;background:var(--pc);color:#fff}
.pl-avatar.sm{inline-size:36px;block-size:36px}
.pl-avatar.sm .tn-icon{inline-size:18px;block-size:18px}
.pl-avatar.lg{inline-size:clamp(84px,11vw,132px);block-size:clamp(84px,11vw,132px);border:5px solid #fff}
.pl-avatar.lg .tn-icon{inline-size:46%;block-size:46%}
.pl .tn-list li{align-items:flex-start}
.pl .tn-btn-primary{background:var(--pc);border-color:var(--pc);box-shadow:none;color:#fff}
.pl .tn-btn-primary:hover{background:var(--pd);border-color:var(--pd)}

/* ───────── YouTube: a watch page ───────── */
.pl-youtube{background:#fff}
.pl-watch{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;padding-block:24px 56px;align-items:start}
.pl-player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0F0F0F}
.pl-player .tn-art{position:absolute;inset:0;block-size:100%;inline-size:100%;border-radius:0;background:#0F0F0F}
.pl-player svg{block-size:100%;inline-size:100%;object-fit:cover}
.pl-bar{position:absolute;inset-inline:0;inset-block-end:0;block-size:5px;background:rgba(255,255,255,.28)}
.pl-bar i{display:block;block-size:100%;inline-size:34%;background:#FF0000}
.pl-bar i::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:34%;inline-size:13px;block-size:13px;margin:-6.5px;border-radius:50%;background:#FF0000}
.pl-title{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:700;margin-block:.3em .6em;letter-spacing:0}
.pl-channel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block-end:14px}
.pl-chname{display:flex;flex-direction:column;flex:1 1 200px;min-inline-size:0;line-height:1.3}
.pl-chname small{color:var(--ink-2);font-size:.86rem}
.pl-youtube .tn-btn{border-radius:999px;background:#0F0F0F;border-color:#0F0F0F}
.pl-youtube .tn-btn:hover{background:#FF0000;border-color:#FF0000}
.pl-desc{padding:16px 18px;border-radius:12px;background:#F2F2F2}
.pl-desc .tn-chips{margin-block:0 .8em}
.pl-youtube .tn-chips li{border:0;background:#E5E5E5;border-radius:8px;color:#0F0F0F;font-weight:600}
.pl-youtube .tn-chips li:first-child{background:#0F0F0F;color:#fff}
.pl-youtube .tn-prose{color:#0F0F0F;font-size:.96rem}
.pl-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:22px 14px}
.pl-video{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-content:start}
.pl-video .pl-thumb{grid-column:1/-1;position:relative;aspect-ratio:16/9;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0F0F0F,#3a3a3a)}
.pl-video:nth-child(3n+2) .pl-thumb{background:linear-gradient(135deg,#C40000,#FF4E45)}
.pl-video:nth-child(3n) .pl-thumb{background:linear-gradient(135deg,#272727,#717171)}
.pl-thumb .tn-icon{inline-size:34px;block-size:34px;opacity:.95}
.pl-len{position:absolute;inset-inline-end:8px;inset-block-end:8px;inline-size:34px;block-size:16px;border-radius:4px;background:rgba(0,0,0,.8)}
.pl-video .pl-avatar{margin-block-start:6px}
.pl-video h3{font-size:.98rem;line-height:1.35;margin-block:6px 2px;font-weight:600}
.pl-video p{margin:0;font-size:.86rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pl-youtube .pl-side .pl-h{margin-block-start:0}
.pl-youtube .tn-steps{display:flex;flex-direction:column;gap:0;border:1px solid #E5E5E5;border-radius:12px;overflow:hidden}
.pl-youtube .tn-steps li{display:grid;grid-template-columns:34px 1fr;gap:0 12px;align-items:start;padding:12px 14px;border:0;border-block-end:1px solid #EEE;margin:0;background:#fff}
.pl-youtube .tn-steps li:last-child{border-block-end:0}
.pl-youtube .tn-steps li:first-child{background:#F2F2F2}
.pl-youtube .tn-steps li::before{grid-row:1/3;margin:0;inline-size:28px;block-size:28px;background:transparent;color:#0F0F0F;font-size:.85rem}
.pl-youtube .tn-steps li:first-child::before{content:"";background:#FF0000;clip-path:polygon(20% 12%,20% 88%,90% 50%);inline-size:20px;block-size:20px;margin-block-start:4px}
.pl-youtube .tn-steps h3{font-size:.95rem;margin:0}
.pl-box{margin-block-start:16px;padding:16px 18px;border-radius:12px;background:#F2F2F2}
.pl-box h3{font-size:1rem;margin-block-end:.6em}
.pl-youtube .pl-tail.tn-section-soft{background:#F9F9F9}

/* ───────── Facebook: a page profile and its feed ───────── */
.pl-facebook{background:#F0F2F5}
.pl-cover{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.pl-banner{aspect-ratio:3.2/1;max-block-size:340px;min-block-size:150px;border-radius:0 0 12px 12px;overflow:hidden;background:linear-gradient(135deg,#1877F2,#0A2A5E);display:grid}
.pl-banner .tn-art{border-radius:0;background:transparent;block-size:100%}
.pl-banner svg{block-size:100%;inline-size:100%;object-fit:cover}
.pl-profile{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:0 clamp(8px,2vw,24px) 20px;margin-block-start:-38px;position:relative}
.pl-who{flex:1 1 260px;min-inline-size:0;padding-block-start:44px}
.pl-who h1{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0;letter-spacing:0}
.pl-who p{margin:.2em 0 0;color:var(--ink-2)}
.pl-facebook .tn-btn{border-radius:8px;background:#1877F2;border-color:#1877F2}
.pl-feed{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;padding-block:16px 56px;align-items:start}
.pl-intro{position:sticky;inset-block-start:calc(var(--head-h) + 12px);display:flex;flex-direction:column;gap:16px}
.pl-posts{display:flex;flex-direction:column;gap:16px;max-inline-size:700px}
.pl-post{padding:16px 18px;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.pl-post .pl-h{margin-block-start:0;font-size:1.15rem}
.pl-posthead{display:flex;align-items:center;gap:10px;margin-block-end:10px}
.pl-posthead strong{font-size:.98rem}
.pl-post p{margin:0;font-size:.97rem}
.pl-facebook .tn-chips li{border:0;background:#E7F0FE;color:#0F5BC8;border-radius:6px;font-weight:600}
.pl-react{display:flex;align-items:center;gap:0;margin-block-start:14px;padding-block-start:10px;border-block-start:1px solid #E4E6EB}
.pl-react span{inline-size:20px;block-size:20px;border-radius:50%;border:2px solid #fff;margin-inline-end:-6px}
.pl-react .like{background:#1877F2}.pl-react .love{background:#F33E58}
.pl-react i{margin-inline-start:14px;inline-size:60px;block-size:8px;border-radius:4px;background:#E4E6EB}
.pl-facebook .tn-steps{display:flex;flex-direction:column;gap:0;border-inline-start:2px solid #CCE0FD;margin-inline-start:14px}
.pl-facebook .tn-steps li{border:0;padding:0 0 16px 0;padding-inline-start:26px;position:relative;background:none}
.pl-facebook .tn-steps li::before{position:absolute;inset-inline-start:-15px;inset-block-start:0;margin:0;inline-size:28px;block-size:28px;background:#1877F2}
.pl-facebook .tn-steps h3{font-size:1rem;margin:2px 0}
.pl-facebook .pl-tail.tn-section-soft{background:#E7EAEF}

/* ───────── Amazon Prime: a Prime Video title page ───────── */
.pl-amazon{background:#0F171E;color:#fff}
.pl-hero-prime{position:relative;overflow:hidden;background:#0F171E}
.pl-hero-prime .pl-backdrop{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(62%,820px);opacity:.95}
.pl-hero-prime .pl-backdrop .tn-art{block-size:100%;border-radius:0;background:linear-gradient(135deg,#16324a,#0b1a28);aspect-ratio:auto}
.pl-hero-prime .pl-backdrop svg{block-size:100%;inline-size:100%;object-fit:cover}
.pl-hero-prime::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#0F171E 34%,rgba(15,23,30,.78) 58%,rgba(15,23,30,.1) 100%)}
[dir="rtl"] .pl-hero-prime::after{background:linear-gradient(to left,#0F171E 34%,rgba(15,23,30,.78) 58%,rgba(15,23,30,.1) 100%)}
.pl-hero-prime .tn-wrap{position:relative;z-index:1;padding-block:clamp(40px,7vw,96px)}
.pl-hero-copy{max-inline-size:min(100%,560px)}
.pl-amazon .tn-crumbs,.pl-amazon .tn-crumbs a,.pl-amazon .tn-crumbs span{color:#9FB0C0}
.pl-primebadge{display:inline-flex;align-items:center;gap:.5em;padding:.3em .8em .3em .4em;padding-inline:.4em .8em;border-radius:999px;background:rgba(0,168,225,.16);color:#4CC9F4;font-weight:800;font-size:.9rem}
.pl-primebadge .tn-icon{inline-size:22px;block-size:22px;padding:3px;border-radius:50%;background:#00A8E1;color:#fff}
.pl-amazon h1{font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.05;letter-spacing:0;color:#fff;margin-block:.35em .25em}
.pl-amazon .tn-lead{color:#C5D2DE;max-inline-size:52ch}
.pl-amazon .tn-chips{margin-block:.9em}
.pl-amazon .tn-chips li{background:transparent;border:0;padding:0;color:#9FB0C0;font-weight:600;border-radius:0}
.pl-amazon .tn-chips li+li::before{content:"·";margin-inline:.6em;color:#5b6d7e}
.pl-amazon .tn-chips li[data-b]::before{display:none}
.pl-actions-prime{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:1.2em}
.pl-amazon .pl-watch-btn{display:inline-flex;align-items:center;gap:.7em;padding:.85em 1.6em;padding-inline:1.2em 1.7em;border-radius:6px;background:#1A98FF;color:#fff;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.pl-amazon .pl-watch-btn .tn-icon{inline-size:26px;block-size:26px}
.pl-amazon .pl-watch-btn:hover{background:#4FB1FF;transform:translateY(-1px)}
.pl-amazon .tn-notice{background:#19222D;border-color:#2A3846;color:#C5D2DE}
.pl-amazon .pl-h{color:#fff;margin-block:0 .8em;font-size:1.3rem}
.pl-section{padding-block:clamp(24px,4vw,44px)}
.pl-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-block-end:10px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:#2A3846 transparent}
.pl-tile{flex:0 0 min(78%,280px);scroll-snap-align:start;border-radius:10px;background:#19222D;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.pl-tile:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #1A98FF}
.pl-poster{display:grid;place-items:center;aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg,#0d2b44,#00A8E1)}
.pl-tile:nth-child(3n+2) .pl-poster{background:linear-gradient(135deg,#1a1f4d,#4d5bff)}
.pl-tile:nth-child(3n) .pl-poster{background:linear-gradient(135deg,#102a2f,#12a5a0)}
.pl-poster .tn-icon{inline-size:40px;block-size:40px}
.pl-tile h3{font-size:1rem;margin:12px 14px 4px;color:#fff;unicode-bidi:plaintext;text-align:start}
.pl-tile p{margin:0 14px 16px;font-size:.88rem;color:#9FB0C0;unicode-bidi:plaintext;text-align:start}
.pl-episodes .tn-steps{display:flex;flex-direction:column;gap:0;counter-reset:s}
.pl-episodes .tn-steps li{display:grid;grid-template-columns:44px 140px 1fr;gap:0 16px;align-items:center;padding:14px 10px;margin:0;border:0;border-block-end:1px solid #24313F;border-radius:0;background:none;color:#fff}
.pl-episodes .tn-steps li:last-child{border-block-end:0}
.pl-episodes .tn-steps li:hover{background:#19222D}
.pl-episodes .tn-steps li::before{grid-row:1/3;margin:0;background:transparent;color:#9FB0C0;font-size:1.3rem;font-weight:600;inline-size:44px;block-size:auto}
.pl-episodes .tn-steps li::after{content:"";grid-column:2;grid-row:1/3;aspect-ratio:16/9;border-radius:6px;background:linear-gradient(135deg,#0d2b44,#00A8E1)}
.pl-episodes .tn-steps li h3{grid-column:3;font-size:1.02rem;margin:0;color:#fff}
.pl-episodes .tn-steps li p{grid-column:3;color:#9FB0C0;-webkit-line-clamp:2;margin:0}
.pl-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.pl-details>div{padding:22px;border-radius:10px;background:#19222D}
.pl-details h3{font-size:1.05rem;margin:0 0 .8em;color:#fff}
.pl-amazon .tn-list li{color:#E3EAF1}
.pl-amazon .tn-list .tn-icon{color:#4CC9F4}
.pl-amazon .tn-prose{color:#C5D2DE}
.pl-amazon .pl-tail.tn-section-soft{background:#141D27}
.pl-amazon .pl-tail{color:#fff}
.pl-amazon .pl-tail h2,.pl-amazon .pl-tail h3{color:#fff}
.pl-amazon .pl-tail .tn-faq-item{background:#0F171E;border-color:#24313F;color:#fff}
.pl-amazon .pl-tail .tn-faq-answer{color:#9FB0C0}

/* ───────── Music: a playlist page ───────── */
.pl-music{background:#121212;color:#fff}
.pl-music .pl-hero{background:linear-gradient(180deg,#1b6a3a 0%,#154d2c 55%,#121212 100%);padding-block:clamp(36px,6vw,72px) 28px}
.pl-herogrid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,4vw,44px);align-items:end}
.pl-cover-art{border-radius:6px;overflow:hidden;box-shadow:0 24px 50px -12px rgba(0,0,0,.65);aspect-ratio:1/1;background:#1DB954}
.pl-cover-art .tn-art{border-radius:0;block-size:100%;background:#1DB954}
.pl-cover-art svg{block-size:100%;inline-size:100%;object-fit:cover}
.pl-music h1{font-size:clamp(2.4rem,6.6vw,5rem);line-height:1.02;letter-spacing:0;color:#fff;margin-block:.15em .12em}
.pl-music .tn-lead{color:#e3f6ea;font-size:1.05rem;max-inline-size:56ch}
.pl-music .tn-crumbs,.pl-music .tn-crumbs a,.pl-music .tn-crumbs span{color:#cfe8d8}
.pl-music .tn-chips li{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:999px}
.pl-playrow{margin-block-start:1.2em}
.pl-play{display:inline-flex;align-items:center;gap:.7em;padding:.35em 1.3em .35em .35em;padding-inline:.35em 1.4em;border-radius:999px;background:#1DB954;color:#000;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}
.pl-play .tn-icon{inline-size:48px;block-size:48px;padding:13px;border-radius:50%;background:#121212;color:#1DB954}
.pl-play:hover{background:#1ED760;transform:scale(1.04)}
.pl-body{padding-block:8px 56px}
.pl-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.pl-music .pl-h{color:#fff}
.pl-music .tn-steps{display:flex;flex-direction:column;gap:0}
.pl-music .tn-steps li{display:grid;grid-template-columns:44px 1fr;gap:0 10px;align-items:center;padding:12px 14px;margin:0;border:0;border-radius:6px;background:none;color:#fff}
.pl-music .tn-steps li:hover{background:rgba(255,255,255,.1)}
.pl-music .tn-steps li::before{grid-row:1/3;margin:0;background:transparent;color:#B3B3B3;font-size:1rem}
.pl-music .tn-steps li:hover::before{color:#1DB954}
.pl-music .tn-steps h3{font-size:1rem;margin:0;color:#fff}
.pl-music .tn-steps p{color:#B3B3B3;-webkit-line-clamp:2}
.pl-albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px}
.pl-album{padding:14px;border-radius:8px;background:#181818;transition:background .2s}
.pl-album:hover{background:#282828}
.pl-sleeve{display:grid;place-items:center;aspect-ratio:1;border-radius:6px;margin-block-end:12px;color:#fff;background:linear-gradient(135deg,#1DB954,#12803A);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.pl-album:nth-child(3n+2) .pl-sleeve{background:linear-gradient(135deg,#7358FF,#2D1E8C)}
.pl-album:nth-child(3n) .pl-sleeve{background:linear-gradient(135deg,#FF6437,#A02A0C)}
.pl-sleeve .tn-icon{inline-size:42px;block-size:42px}
.pl-album h3{font-size:1rem;margin:0 0 4px;color:#fff}
.pl-album p{margin:0;font-size:.88rem;color:#B3B3B3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pl-about{padding:24px;border-radius:8px;background:#181818}
.pl-about .tn-prose,.pl-about p{color:#B3B3B3}
.pl-about .tn-prose strong{color:#fff}
.pl-about h3{margin-block:1.4em .6em;font-size:1.05rem;color:#fff}
.pl-music .tn-list .tn-icon{color:#1DB954}
.pl-music .tn-list li{color:#e6e6e6}
.pl-music .tn-notice,.pl-music .tn-fallback{background:#181818;color:#B3B3B3;border-color:#2a2a2a}
.pl-music .pl-tail.tn-section-soft{background:#181818}
.pl-music .pl-tail{color:#fff}
.pl-music .pl-tail h2,.pl-music .pl-tail h3{color:#fff}
.pl-music .pl-tail .tn-faq-item{background:#121212;border-color:#2a2a2a;color:#fff}
.pl-music .pl-tail .tn-faq-answer{color:#B3B3B3}

@media (max-width:1100px){
	.pl-watch{grid-template-columns:1fr}
	.pl-cols{grid-template-columns:1fr}
}
@media (max-width:820px){
	.pl-feed{grid-template-columns:1fr}
	.pl-intro{position:static}
	.pl-herogrid{grid-template-columns:1fr;align-items:start}
	.pl-cover-art{max-inline-size:220px}
	.pl-hero-prime .pl-backdrop{inline-size:100%;opacity:.45}
	.pl-episodes .tn-steps li{grid-template-columns:34px 1fr}
	.pl-episodes .tn-steps li::after{display:none}
	.pl-episodes .tn-steps li h3,.pl-episodes .tn-steps li p{grid-column:2}
	.pl-profile{margin-block-start:-30px}
}

/* English fallback text inside an RTL page (and the reverse): each paragraph takes its own direction. */
.pl .tn-prose p,.pl .tn-prose li,.pl .tn-list span,.pl-video h3,.pl-video p,.pl-post p,.pl-prod h3,.pl-prod p,.pl-album h3,.pl-album p,.pl .tn-steps h3,.pl .tn-steps p,.pl-title{unicode-bidi:plaintext;text-align:start}