/* The podcast home, version 2 (inc/podcast.php, template-parts/podcast-v2.php, assets/js/podcast-page.js).
   Black top with the record label as an emblem, the player and every episode as one line; then white sections, the
   programme colours as full columns, the ochre of the podcast section for the stories, black again for the archive.
   Bands run the full width of the window (.pd-band); their content keeps the page's width. */

body.pd-v2 { overflow-x: clip; } /* the bands reach the window's edges; nothing may scroll sideways */
.pd { --ink: #161614; --ink2: #0f0f0e; --card: #1f1f1c; --ochre: #d4ad52; --gold: #e8c26a; --rule: #a8a8a0; --soft: #4a4a46; --white-line: rgba(255, 255, 255, .2); color: var(--ink); }
.editorial .site-main.pd > * + * { margin-block-start: 0; }
.editorial .site-main.pd > .ed-strip { margin-block-end: 0; } /* the black top starts right under the head */
/* a line in the other script inside a block of this page's script keeps this page's side */
body:not(.lang-ar) .pd [lang="ar"][dir="rtl"] { text-align: left; }
.lang-ar .pd [lang="en"][dir="ltr"] { text-align: right; }
.pd-band { margin-inline: calc(50% - 50vw); padding-inline: calc(50vw - 50%); }
.pd h1, .pd h2, .pd h3 { font-family: var(--font); }
.lang-ar .pd h1, .lang-ar .pd h2, .lang-ar .pd h3 { font-family: var(--font-ar); letter-spacing: 0; text-transform: none; }
.pd [lang="ar"] { font-family: var(--font-ar); letter-spacing: 0; text-transform: none; }
.lang-ar .pd [lang="en"] { font-family: var(--font); }
.pd .play-icon { direction: ltr; } /* the triangle points right in both languages, like the players */
.pd a { text-underline-offset: 3px; }

/* the "on this page" links before page-head.js moves them into the head (and without JavaScript) */
.pd > .pd-nav { display: flex; flex-wrap: wrap; gap: 6px 22px; padding: 14px 0; font-size: 14px; font-weight: 700; }
.pd > .pd-nav a { color: inherit; text-decoration: none; }

.pd-kick { margin: 0 0 14px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.lang-ar .pd-kick { font-size: 15px; letter-spacing: 0; text-transform: none; }
.pd .pd-h2 { margin: 0; color: inherit; font-size: clamp(34px, 3.9vw, 56px); line-height: .95; font-weight: 500; letter-spacing: -.045em; text-transform: uppercase; }
.lang-ar .pd .pd-h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.25; font-weight: 600; }
.pd .pd-h3 { margin: 0 0 14px; padding-bottom: 14px; border-bottom: 3px solid currentColor; font-size: clamp(26px, 2.3vw, 32px); line-height: .95; font-weight: 500; letter-spacing: -.045em; text-transform: uppercase; }
.lang-ar .pd .pd-h3 { line-height: 1.3; font-weight: 600; }
.pd-sec { padding-block: 88px 80px; }
.pd-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px; align-items: end; margin-bottom: 32px; padding-bottom: 16px; border-bottom: 1px solid var(--rule); }
.pd-head p { margin: 0; font-size: 16px; color: var(--soft); }
.pd-head--tools { grid-template-columns: minmax(0, 1fr) auto; }
.pd-head--tools p { margin-top: 10px; }
.pd-tag { display: inline-block; padding: 2px 8px; background: var(--c, #555); color: #fff; font-size: 12px; font-weight: 800; line-height: 1.5; white-space: nowrap; }
.pd-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px; font: inherit; font-size: 15px; font-weight: 800; text-decoration: none; cursor: pointer; }
.pd-btn--ink { border: 0; background: var(--ink); color: #fff; }
.pd-btn--ink:hover { background: #393939; color: #fff; }
.pd-btn--line { border: 2px solid currentColor; background: transparent; color: inherit; }
.pd-btn--line:hover { background: var(--ink); border-color: var(--ink); color: #fff; }

/* ================================================================ the black top */
.pd-top { --d: clamp(560px, 72vw, 1040px); position: relative; overflow: hidden; isolation: isolate; background: var(--ink); color: #fff; padding-block: 64px 0; }
.pd-disc { position: absolute; z-index: -1; width: var(--d); aspect-ratio: 1; inset-inline-end: calc(var(--d) * -.21); top: calc(var(--d) * -.06); border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 50px 120px rgba(0, 0, 0, .6); }
.pd-disc img { position: absolute; left: 50%; top: 50%; width: 104.5%; max-width: none; height: auto; transform: translate(-50%, -50%); }
.pd-top__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; }
.pd .pd-title { margin: 0; color: #fff; font-size: clamp(44px, 6.4vw, 92px); line-height: .9; font-weight: 600; letter-spacing: -.055em; text-transform: uppercase; }
.pd .pd-title > span { display: block; margin-top: .14em; color: var(--gold); font-size: .55em; line-height: 1.25; letter-spacing: 0; text-transform: none; font-weight: 600; }
.lang-ar .pd .pd-title { font-size: clamp(44px, 5.6vw, 84px); line-height: 1.2; font-weight: 700; }
.lang-ar .pd .pd-title > span { font-size: .5em; text-transform: uppercase; letter-spacing: -.04em; }
.pd-lede { margin: 18px 0 0; max-width: 58ch; font-size: 17px; color: #d6d6d0; }

/* the player */
.pd .pd-player { display: block; margin: 30px 0 0; padding: 0; background: var(--card); border: 1px solid var(--white-line); border-radius: 0; color: #fff; }
.pd-player__top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 20px; border-bottom: 1px solid rgba(255, 255, 255, .12); font-size: 13px; }
.pd-player__label { font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); }
.lang-ar .pd-player__label { letter-spacing: 0; }
.pd-player__when { margin-inline-start: auto; color: #b5b5b0; }
.pd-player__main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; padding: 20px 20px 12px; }
.pd .pd-player__play { width: 76px; height: 76px; background: var(--gold); color: var(--ink); }
.pd .pd-player__play:hover { background: #fff; }
.pd .pd-player__play .play-icon { border-block-width: 13px; border-inline-start-width: 20px; margin-inline-start: 6px; }
.pd .pd-player.is-playing .pd-player__play .play-icon { width: 18px; height: 22px; margin: 0; background: linear-gradient(to right, currentColor 0 7px, transparent 7px 11px, currentColor 11px 18px); }
.pd-player__title { margin: 0; font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.pd-player__n { color: var(--gold); }
.pd-player__title a { color: #fff; text-decoration: none; }
.pd-player__title a:hover { text-decoration: underline; }
.pd-player__other { margin: 2px 0 0; color: #cfcfca; font-size: 18px; text-align: start; }
.lang-ar .pd-player__other { font-size: 15px; }
.pd .pd-player__seek { display: block; width: 100%; margin: 12px 0 0; accent-color: var(--gold); }
.pd-player__time { display: flex; justify-content: space-between; margin-top: 4px; color: #b5b5b0; font-size: 12px; font-variant-numeric: tabular-nums; }
.pd-player__controls { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 18px; }
.pd-player__controls button, .pd-player__controls a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .4); background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; }
.pd-player__controls button:hover, .pd-player__controls a:hover { background: #fff; color: var(--ink); }
.pd-player__resume { margin: -6px 20px 14px; }
.pd .pd-player__resume button { color: var(--gold); }
.pd-player__story { padding: 14px 20px 18px; border-top: 1px solid rgba(255, 255, 255, .12); direction: ltr; }
.lang-ar .pd-player__story { direction: rtl; }
.pd-player__story-head { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 10px; color: #b5b5b0; font-size: 13px; }
.pd-player__story-head b { color: #fff; }
.pd-segs { display: flex; gap: 3px; height: 34px; }
.pd-seg { flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .2); color: #fff; font-size: 11px; font-weight: 800; text-decoration: none; }
.pd-seg:hover { background: rgba(255, 255, 255, .38); color: #fff; }
.pd-seg.is-on { background: var(--gold); color: var(--ink); }
.pd-player__single { margin: 0; color: #b5b5b0; font-size: 13px; }
.pd-player__single b { color: #fff; }
.pd-player__single a { color: var(--gold); }
.pd-listen { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 20px 0 0; font-size: 14px; }
.pd-listen > span { color: #b5b5b0; }
.pd-listen a { color: #fff; font-weight: 700; }
.pd-listen a.pd-listen__first { margin-inline-start: auto; color: var(--gold); font-weight: 800; text-decoration: none; }
.pd-listen a.pd-listen__first:hover { text-decoration: underline; }

/* every episode as one line */
.pd-air { margin-top: 56px; }
.pd-air__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 14px; }
.pd-air__head .pd-kick { margin: 0; }
.pd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pd-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.pd-chip__n { opacity: .7; }
.pd-chips--dark .pd-chip { border: 1px solid rgba(255, 255, 255, .35); background: transparent; color: #fff; }
.pd-chips--dark .pd-chip:hover { border-color: #fff; }
.pd-chips--dark .pd-chip[aria-pressed="true"] { border-color: #fff; background: #fff; color: var(--ink); }
.pd-chip__sw { width: 10px; height: 10px; background: var(--c); }
.pd-chips--light .pd-chip { border: 2px solid var(--c); background: #fff; color: var(--ink); font-weight: 800; }
.pd-chips--light .pd-chip[aria-pressed="true"] { background: var(--c); color: #fff; }
.pd-read { display: flex; align-items: baseline; gap: 14px; min-height: 30px; margin: 16px 0 0; padding: 10px 0 12px; border-top: 1px solid var(--white-line); font-size: 13px; color: #b5b5b0; }
.pd-read__n { flex: none; color: var(--c, var(--gold)); font-size: 30px; line-height: 1; font-weight: 600; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.pd-read__t { min-width: 0; color: #fff; font-size: 17px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-read__o { flex: none; color: #cfcfca; font-size: 17px; }
.lang-ar .pd-read__o { font-size: 15px; }
.pd-read__m { flex: none; margin-inline-start: auto; }
.pd-read__m b { color: var(--gold); }
.pd-bars { position: relative; display: flex; align-items: flex-end; gap: 2px; height: 230px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, .4); }
.pd-bar { position: relative; flex: 1 1 0; min-width: 0; height: min(var(--h), 230px); background: var(--c); transition: opacity .25s, background-color .25s; }
.pd-bar:hover, .pd-bar:focus-visible { filter: brightness(1.35); outline: none; }
.pd-bar:focus-visible { box-shadow: 0 0 0 2px #fff; }
.pd-bar.is-on { background: #fff; }
.pd-bar[data-y]::before { content: ""; position: absolute; inset-inline-start: 0; top: 100%; height: 26px; border-inline-start: 1px solid rgba(232, 194, 106, .6); }
.pd-bar[data-y]::after { content: attr(data-y); position: absolute; inset-inline-start: 4px; top: calc(100% + 6px); color: var(--gold); font-size: 13px; font-weight: 800; white-space: nowrap; pointer-events: none; }
.pd-bars__gap { flex: none; width: 62px; align-self: stretch; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 8px; border-inline: 1px dashed rgba(255, 255, 255, .25); color: #8d8d87; font-size: 11px; line-height: 1.25; text-align: center; }
.pd-air__note { margin: 0; color: #a3a39c; font-size: 14px; }
.pd[data-prog] .pd-bar:not(.is-on), .pd[data-prog] .pd-sq { opacity: .14; }
.pd[data-prog="sama"] .pd-bar[data-p="sama"], .pd[data-prog="sama"] .pd-sq[data-p="sama"],
.pd[data-prog="nizamuna"] .pd-bar[data-p="nizamuna"], .pd[data-prog="nizamuna"] .pd-sq[data-p="nizamuna"],
.pd[data-prog="min-al-tarikh"] .pd-bar[data-p="min-al-tarikh"], .pd[data-prog="min-al-tarikh"] .pd-sq[data-p="min-al-tarikh"],
.pd[data-prog="durub-al-nagham"] .pd-bar[data-p="durub-al-nagham"], .pd[data-prog="durub-al-nagham"] .pd-sq[data-p="durub-al-nagham"],
.pd[data-prog="other"] .pd-bar[data-p="other"], .pd[data-prog="other"] .pd-sq[data-p="other"] { opacity: 1; }

.pd-figures { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 40px; border-top: 1px solid var(--white-line); }
.pd-fig { display: flex; flex-direction: column; margin: 0; padding: 22px 20px 36px; border-inline-start: 1px solid var(--white-line); }
.pd-fig:first-child { padding-inline-start: 0; border: 0; }
.pd-fig b { font-size: clamp(40px, 3.9vw, 56px); line-height: 1; font-weight: 600; letter-spacing: -.05em; }
.pd-fig span { margin-top: 4px; color: #b5b5b0; font-size: 14px; }

/* ================================================================ where to start */
.pd-paths__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pd-path { display: flex; flex-direction: column; border: 1px solid var(--ink); border-top: 8px solid var(--c); }
.pd-path__top { padding: 18px 18px 12px; }
.pd .pd-path__name { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.025em; line-height: 1.15; }
.pd-path__other { margin: 2px 0 0; color: var(--c); font-size: 17px; font-weight: 600; }
.lang-ar .pd-path__other { font-size: 14px; font-weight: 700; }
.pd-path__desc { margin: 8px 0 0; color: var(--soft); font-size: 14px; }
.pd-path__meta { margin: 8px 0 0; font-size: 13px; font-weight: 800; }
.pd-path__list { margin: 0; padding: 0 0 6px; list-style: none; border-top: 1px solid #dcdcd8; }
.pd-path__ep { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 40px; padding: 0 18px; border-bottom: 1px solid #ececea; color: var(--ink); font-size: 13.5px; text-decoration: none; }
.pd-path__ep:hover { background: #f2f2f2; }
.pd-path__ep b { color: var(--c); }
.pd-path__ep span:nth-child(2) { min-width: 0; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-path__m { color: #5a5a56; font-size: 12px; }
.pd-path__ep.is-on, .pd-path__ep[aria-current] { background: #ececea; }
.pd-path__play { display: flex; justify-content: space-between; align-items: center; min-height: 48px; margin: auto 18px 18px; padding: 0 16px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.pd-path__play:hover { background: #393939; color: #fff; }
.pd-path__list + .pd-path__play { margin-top: 14px; }

/* ================================================================ four programmes */
.pd-sec--top { padding-block: 0 28px; }
.pd-sec--top .pd-head { margin-bottom: 0; }
.pd-progs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-inline: 0; }
.pd-prog { display: flex; flex-direction: column; gap: 16px; padding: 36px 30px 34px; background: var(--c); color: #fff; border-inline-end: 1px solid rgba(0, 0, 0, .25); }
.pd-prog__other { margin: 0; font-size: 44px; line-height: 1.15; font-weight: 700; }
.lang-ar .pd-prog__other { font-size: 30px; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.pd .pd-prog__name { margin: 0; color: #fff; font-size: 25px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; }
.pd-prog__sub { margin: -12px 0 0; color: rgba(255, 255, 255, .95); font-size: 14px; }
.pd-prog__desc { margin: 0; min-height: 90px; font-size: 15px; }
.pd-prog__nums { display: flex; gap: 26px; margin: 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .35); }
.pd-prog__nums > span { display: flex; flex-direction: column; font-size: 13px; }
.pd-prog__nums b { font-size: 44px; line-height: 1; font-weight: 600; letter-spacing: -.04em; }
.pd-prog__nums b.pd-prog__years { font-size: 22px; line-height: 2; font-weight: 700; letter-spacing: 0; }
.pd-prog__bars { display: flex; align-items: flex-end; gap: 1px; height: 64px; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.pd-prog__bars i { flex: 1 1 0; min-width: 0; height: var(--h); background: rgba(255, 255, 255, .78); }
.pd-prog__label { margin: 0 0 6px; color: rgba(255, 255, 255, .95); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lang-ar .pd-prog__label { letter-spacing: 0; font-size: 14px; }
.pd-prog__ep { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid rgba(255, 255, 255, .25); color: #fff; text-decoration: none; }
.pd-ring { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1.5px solid #fff; border-radius: 50%; box-sizing: border-box; direction: ltr; }
.pd-ring .play-icon { border-block-width: 5px; border-inline-start-width: 8px; margin-left: 3px; }
.pd-prog__ep:hover .pd-ring { background: #fff; color: var(--c); }
.pd-prog__ep:hover .pd-prog__t { text-decoration: underline; }
.pd-prog__t { min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pd-prog__m { color: rgba(255, 255, 255, .95); font-size: 12.5px; }
.pd-prog__all { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: auto; border-bottom: 2px solid #fff; color: #fff; font-size: 15px; font-weight: 800; text-decoration: none; }
.pd-prog__all:hover { color: #fff; border-bottom-width: 4px; }

/* ================================================================ the broadcast calendar */
.pd-calread { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-bottom: 22px; padding: 16px 22px; background: var(--ink); color: #fff; }
.pd-calread__n { color: var(--gold); font-size: 60px; line-height: .9; font-weight: 600; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.pd-calread__body { min-width: 0; }
.pd-calread__line { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.pd-calread__line b { min-width: 0; font-size: 21px; line-height: 1.2; letter-spacing: -.02em; }
.pd-calread__line span { flex: none; max-width: 45%; color: var(--gold); font-size: 19px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lang-ar .pd-calread__line span { font-size: 15px; }
.pd-calread__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 6px; color: #cfcfca; font-size: 13.5px; }
.pd-calread__play { display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px; background: var(--gold); color: var(--ink); font-size: 14px; font-weight: 800; text-decoration: none; }
.pd-calread__play:hover { background: #fff; color: var(--ink); }
.pd-calgrid { --cols: 96px repeat(12, minmax(0, 1fr)) 150px; }
.pd-calrow { display: grid; grid-template-columns: var(--cols); border-bottom: 1px solid var(--ink); }
.pd-calrow--head { border-bottom: 3px solid var(--ink); color: #3a3a37; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lang-ar .pd-calrow--head { font-size: 13px; letter-spacing: 0; }
.pd-calrow--head > span { padding: 8px 8px 8px 0; }
.pd-calrow--head > span + span { padding-inline-start: 8px; border-inline-start: 1px solid #e2e2de; }
.pd-calrow__y { padding: 12px 0; font-size: 26px; font-weight: 700; letter-spacing: -.04em; }
.pd-calrow__m { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 3px; min-height: 60px; padding: 8px; border-inline-start: 1px solid #e2e2de; }
.pd-sq { position: relative; width: 26px; height: 26px; background: var(--c); color: #fff; font-size: 9px; font-weight: 800; line-height: 26px; text-align: center; text-decoration: none; transition: opacity .25s, transform .15s; }
.pd-sq:hover, .pd-sq:focus-visible { z-index: 2; transform: scale(1.18); color: #fff; outline: none; }
.pd-sq:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ink); }
.pd-sq.is-on { outline: 3px solid var(--ink); outline-offset: 1px; }
.pd-calrow__sum { padding: 12px 0 12px 12px; border-inline-start: 1px solid #e2e2de; font-size: 13px; line-height: 1.35; }
.lang-ar .pd-calrow__sum { padding-inline: 12px 0; }
.pd-calrow__sum b { display: block; font-size: 22px; letter-spacing: -.03em; }
.pd-calrow--gap { grid-template-columns: 96px minmax(0, 1fr); align-items: center; min-height: 44px; background: repeating-linear-gradient(135deg, #fff 0 8px, #f0f0ee 8px 9px); }
.pd-calrow--gap > span:first-child { font-size: 15px; font-weight: 800; color: #6a6a66; }
.pd-calrow--gap > span:last-child { padding-inline-start: 8px; color: #5a5a56; font-size: 13.5px; }

/* ================================================================ stories in several parts */
.pd-lad { background: var(--ochre); color: #1f1d16; padding-block: 72px; }
.pd-lad .pd-head { border-color: #1f1d16; }
.pd-lad .pd-head p { color: #1f1d16; }
.pd-lad__row { display: grid; grid-template-columns: 72px minmax(0, 1fr) 150px 560px 90px; gap: 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid #1f1d16; }
.pd-lad__row--head { margin-top: -18px; padding: 0 0 8px; border-bottom: 3px solid #1f1d16; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lang-ar .pd-lad__row--head { font-size: 13px; letter-spacing: 0; }
.pd-lad__row--head > span:last-child, .pd-lad__len { text-align: end; }
.pd-lad__pic { position: relative; display: block; width: 72px; height: 72px; overflow: hidden; background: var(--c); }
.pd-lad__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pd-lad__pic span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 4px; color: #fff; font-size: 13px; line-height: 1.2; font-weight: 800; text-align: center; }
.pd-lad__name { min-width: 0; display: flex; flex-direction: column; }
.pd-lad__name a { color: #1f1d16; font-size: 19px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; text-decoration: none; }
.lang-ar .pd-lad__name a { font-size: 18px; }
.pd-lad__name a:hover { text-decoration: underline; }
.pd-lad__name span { font-size: 17px; font-weight: 600; }
.lang-ar .pd-lad__name span { font-size: 14px; }
.pd-lad__prog { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-size: 13px; }
.pd-lad__parts { display: flex; flex-wrap: wrap; gap: 3px; }
.pd-part { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 43px; height: 48px; background: var(--c); color: #fff; line-height: 1.1; text-decoration: none; }
.pd-part b { font-size: 15px; }
.pd-part span { font-size: 10.5px; }
.pd-part:hover { filter: brightness(1.25); color: #fff; }
.pd-part.is-on { background: var(--ink); }
.pd-lad__len { font-size: 15px; font-weight: 800; }
.pd-lad__more { margin-top: 22px; }
.pd-lad__more > summary { display: inline-flex; align-items: center; min-height: 52px; padding: 0 22px; background: #1f1d16; color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; }
.pd-lad__more > summary::-webkit-details-marker { display: none; }
.pd-lad__more > summary::after { content: "↓"; margin-inline-start: 10px; }
.pd-lad__more[open] > summary::after { content: "↑"; }
.pd-lad__more[open] > summary { margin-bottom: 8px; }

/* ================================================================ voices */
.pd-voices__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 24px 16px; }
.pd-voice { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pd-voice img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; filter: grayscale(1); transition: filter .4s; }
.pd-voice:hover img, .pd-voice:focus-within img { filter: none; }
.pd .pd-voice__name { margin: 4px 0 0; font-size: 16px; font-weight: 800; line-height: 1.2; }
.pd-voice__other { margin: 0; color: #3a3a37; font-size: 15px; }
.lang-ar .pd-voice__other { font-size: 13px; }
.pd-voice__strip { display: flex; gap: 2px; height: 6px; }
.pd-voice__strip i { flex: 1 1 0; background: var(--c); }
.pd-voice__meta { margin: 0; color: #5a5a56; font-size: 12.5px; }
.pd-voice__play { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1.5px solid var(--ink); color: var(--ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.pd-voice__play:hover { background: var(--ink); color: #fff; }
.pd-voice__play .play-icon { border-block-width: 5px; border-inline-start-width: 8px; margin: 0; }
.pd-voice__link { color: var(--ink); font-size: 13px; font-weight: 700; }
.pd-voice--all { justify-content: space-between; aspect-ratio: 3 / 4; padding: 16px; background: #b84329; color: #fff; text-decoration: none; }
.pd-voice--all span { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lang-ar .pd-voice--all span { letter-spacing: 0; font-size: 14px; }
.pd-voice--all b { font-size: 20px; line-height: 1.15; }
.pd-voice--all:hover { background: #9c3822; color: #fff; }

/* ================================================================ all episodes */
.pd-eps { padding-bottom: 80px; }
.pd-eps__bar { background: var(--ink); color: #fff; padding-block: 40px 22px; }
.pd .pd-eps .podcast-browser__head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px; margin: 0; }
.pd-eps__count { color: var(--gold); font-size: .4em; letter-spacing: 0; vertical-align: top; }
.pd .pd-eps .podcast-browser__tools { display: flex; gap: 8px; flex-wrap: wrap; }
.pd .pd-eps .podcast-browser__search { width: 420px; max-width: 100%; height: 48px; padding: 0 16px; border: 0; background: #fff; color: var(--ink); font-size: 15px; }
.pd .pd-eps .podcast-browser__sort { height: 48px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .45); background: transparent; color: #fff; font-size: 14px; font-weight: 700; }
.pd .pd-eps .podcast-browser__sort:hover { background: #fff; color: var(--ink); }
.pd .pd-eps .chip-row { align-items: center; gap: 8px; margin: 22px 0 0; }
.pd .pd-eps .chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 0; background: transparent; color: #fff; font-size: 13px; font-weight: 700; }
.pd .pd-eps .chip::before { content: ""; width: 10px; height: 10px; background: var(--c, #fff); }
.pd .pd-eps .chip:hover { border-color: #fff; }
.pd .pd-eps .chip[aria-pressed="true"] { background: #fff; border-color: #fff; color: var(--ink); }
.pd .pd-eps .podcast-browser__status { margin: 0 0 0 auto; color: #b5b5b0; font-size: 14px; }
.lang-ar .pd .pd-eps .podcast-browser__status { margin: 0 auto 0 0; }
/* the tools docked in the head (page-head.js) keep the head's look */
.ed-strip .podcast-browser__tools .podcast-browser__sort { border-color: var(--sec-line); color: var(--sec-fg); }
.ed-strip .chip-row .chip::before { display: none; }
.pd-eps__head, .pd .episode-row.pd-ep { display: grid; grid-template-columns: 52px 64px minmax(0, 1fr) 170px 150px 110px 150px; gap: 16px; align-items: center; }
.pd-eps__head { padding: 14px 0 10px; border-bottom: 2px solid var(--ink); color: #5a5a56; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lang-ar .pd-eps__head { font-size: 13px; letter-spacing: 0; }
.pd .episode-row.pd-ep { padding: 12px 0; border-bottom: 1px solid #dcdcd8; }
.pd .episode-row.pd-ep[hidden] { display: none; }
.pd .episode-row.pd-ep:hover { background: #f2f2f2; }
.pd .episode-row.pd-ep.is-current { background: #ececea; }
.pd .pd-ep .episode-row__play { width: 44px; height: 44px; border: 1.5px solid var(--ink); background: #fff; color: var(--ink); }
.pd .pd-ep .episode-row__play:hover, .pd .pd-ep .episode-row__play.is-current { background: var(--ink); color: #fff; }
.pd .pd-ep .episode-row__num { color: var(--ink); font-size: 26px; font-weight: 600; letter-spacing: -.04em; }
.pd .pd-ep .episode-row__main { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 2px 16px; }
.pd .pd-ep .episode-row__title { min-width: 0; font-size: 16px; font-weight: 800; line-height: 1.3; }
.pd-ep__other { color: #3a3a37; font-size: 16px; }
.lang-ar .pd-ep__other { font-size: 13.5px; }
.pd .pd-ep .episode-row__terms { flex-basis: 100%; }
.pd .pd-ep__meta { display: contents; color: #4a4a46; font-size: 13.5px; }
.pd-ep__part { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; }
.pd-pips { display: flex; gap: 2px; width: min(120px, 100%); height: 6px; }
.pd-pips i { flex: 1 1 0; background: #d0d0cb; }
.pd-pips i.is-on { background: var(--ink); }
.pd-ep__len { display: flex; align-items: center; gap: 8px; }
.pd-ep__len { white-space: nowrap; }
.pd-ep__len i { flex: none; height: 6px; background: var(--ink); }
.pd .podcast-browser__more { margin-top: 28px; }
.pd .podcast-browser__more .pd-btn { justify-content: center; }

/* ================================================================ archive recordings */
.pd-arch { background: var(--ink); color: #fff; }
.pd-arch .pd-head { border-color: var(--white-line); }
.pd-arch .pd-head p { color: #cfcfca; }
.pd-arch__song { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin: 34px 0 18px; }
.pd-arch__song p { margin: 0; }
.pd-arch__title { font-size: 22px; letter-spacing: -.02em; }
.pd-arch__title b { color: var(--gold); }
.pd-arch__other { color: var(--gold); font-size: 22px; font-weight: 600; }
.lang-ar .pd-arch__other { font-size: 17px; }
.pd-arch__axis { position: relative; height: 34px; margin-bottom: 20px; border-bottom: 2px solid rgba(255, 255, 255, .5); }
.pd-arch__dec { position: absolute; inset-inline-start: var(--x); bottom: 6px; color: #8d8d87; font-size: 12px; font-weight: 700; transform: translateX(-50%); }
.lang-ar .pd-arch__dec { transform: translateX(50%); }
.pd-arch__dot { position: absolute; inset-inline-start: var(--x); bottom: -8px; width: 14px; height: 14px; margin-inline-start: -7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px var(--ink); }
.pd-arch__takes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pd-take { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 3px solid var(--gold); }
.pd-take__y { color: var(--gold); font-size: 64px; line-height: .9; font-weight: 600; letter-spacing: -.05em; }
.pd .pd-take__who { margin: 0; color: #fff; font-size: 20px; font-weight: 800; line-height: 1.2; }
.pd-take__src { margin: 0; color: #b5b5b0; font-size: 14px; }
.pd-take__len { display: flex; align-items: center; gap: 10px; margin: 0; color: #cfcfca; font-size: 13px; }
.pd-take__len span { height: 8px; background: #fff; }
.pd-take__play, .pd-arch__play { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; border: 1.5px solid #fff; background: transparent; color: #fff; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.pd-take__play { align-self: flex-start; padding: 0 16px; }
.pd-arch__play { width: 44px; padding: 0; border-radius: 50%; }
.pd-take__play:hover, .pd-arch__play:hover, .pd-take__play.is-current, .pd-arch__play.is-current { background: #fff; color: var(--ink); }
.pd-take__play.is-playing > .play-icon, .pd-arch__play.is-playing > .play-icon { width: 10px; height: 12px; border: 0; margin: 0; background: linear-gradient(to right, currentColor 0 3px, transparent 3px 7px, currentColor 7px 10px); }
.pd-arch__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--white-line); }
.pd-arch__list li { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.pd-arch__item { min-width: 0; display: flex; flex-direction: column; }
.pd-arch__item b { font-size: 16px; }
.pd-arch__item span { color: #b5b5b0; font-size: 13px; }
.pd-arch__len { color: #cfcfca; font-size: 13px; }

/* ================================================================ glossary */
.pd-gloss { background: var(--ochre); color: #1f1d16; padding-block: 72px; }
.pd-gloss__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; }
.pd-gloss .pd-kick { color: #1f1d16; }
.pd-gloss__grid > div > p { margin: 18px 0 0; max-width: 46ch; font-size: 17px; }
.pd-gloss__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pd-gloss .pd-btn--ink { background: #1f1d16; }
.pd-gloss__note { font-size: 13px !important; }
.pd-terms { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pd-term { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 10px 16px 12px; background: #fff; color: #1f1d16; text-decoration: none; }
.pd-term:hover { background: var(--ink); color: #fff; }
.pd-term [lang="ar"] { font-size: 24px; line-height: 1.3; font-weight: 700; }
.pd-term--l [lang="ar"] { font-size: 38px; }
.pd-term--m [lang="ar"] { font-size: 30px; }
.pd-term [lang="en"] { font-size: 13px; font-weight: 700; opacity: .75; }
.lang-ar .pd-term { align-items: flex-end; }

/* ================================================================ about, listen anywhere, more at AMAR */
.pd-end__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; }
.pd-end p { margin: 0 0 14px; color: #3a3a37; font-size: 16px; }
.pd-end__full summary { font-weight: 800; cursor: pointer; }
.pd-end__full .entry-content { padding: 14px 0 0; font-size: 15px; }
.pd-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 60px; border-bottom: 1px solid var(--rule); color: var(--ink); font-size: 19px; font-weight: 800; text-decoration: none; transition: padding .2s; }
.pd-row:hover { padding-inline-start: 10px; color: var(--ink); }
.pd-row--more { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; font-size: 17px; }
.pd-row--more i { width: 14px; height: 14px; background: var(--c); }
.pd-row--more > span:nth-child(2) { display: flex; flex-direction: column; }
.pd-row--more > span:nth-child(2) span { color: #5a5a56; font-size: 13px; font-weight: 500; }

/* ================================================================ the player bar (podcast.js), docked at the bottom */
.pd-v2 .podcast-bar { background: var(--ink, #161614); border-top: 3px solid #e8c26a; }
.pd-v2 .podcast-bar__play { background: #e8c26a; color: #161614; }
.pd-v2 .podcast-bar__seek { accent-color: #e8c26a; }

/* ================================================================ narrower screens */
@media (max-width: 1279px) {
	.pd-lad__row { grid-template-columns: 72px minmax(0, 1fr) 140px minmax(0, 1fr) 80px; }
	.pd-eps__head, .pd .episode-row.pd-ep { grid-template-columns: 48px 52px minmax(0, 1fr) 150px 120px 100px 140px; gap: 12px; } /* 1 h+ lengths fit (responsive QA 2026-11-05) */
}
@media (max-width: 1023px) {
	.pd-top { --d: max(560px, 92vw); padding-block-start: calc(var(--d) * .62); }
	.pd-disc { inset-inline-end: calc(var(--d) * -.3); top: calc(var(--d) * -.2); }
	.pd-top__grid { grid-template-columns: minmax(0, 1fr); }
	.pd-top__grid > .pd-top__copy { max-width: 720px; }
	.pd-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pd-fig { padding: 16px 0 16px 16px; border-bottom: 1px solid var(--white-line); }
	.pd-fig:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; }
	.pd-fig:last-child { grid-column: 1 / -1; border-bottom: 0; padding-bottom: 28px; }
	.pd-paths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pd-progs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pd-head, .pd-head--tools { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.pd-calgrid { --cols: 64px repeat(12, minmax(0, 1fr)) 0; }
	.pd-calrow__sum, .pd-calrow--head > span:last-child { display: none; }
	.pd-calrow__m { padding: 6px 3px; gap: 2px; }
	.pd-sq { width: 18px; height: 18px; font-size: 0; line-height: 18px; }
	.pd-calrow__y { font-size: 18px; }
	.pd-lad__row { grid-template-columns: 56px minmax(0, 1fr) auto; grid-template-areas: "pic name len" "parts parts parts" "prog prog prog"; gap: 10px 14px; }
	.pd-lad__row--head { display: none; }
	.pd-lad__pic { grid-area: pic; width: 56px; height: 56px; }
	.pd-lad__name { grid-area: name; }
	.pd-lad__len { grid-area: len; }
	.pd-lad__parts { grid-area: parts; }
	.pd-lad__prog { grid-area: prog; flex-direction: row; align-items: center; gap: 10px; }
	.pd-arch__takes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
	.pd-gloss__grid, .pd-end__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.pd-eps__head { display: none; }
	.pd .episode-row.pd-ep { grid-template-columns: 44px minmax(0, 1fr); gap: 4px 12px; align-items: start; }
	.pd .pd-ep .episode-row__num { display: none; }
	.pd .pd-ep .episode-row__main { flex-direction: column; gap: 0; }
	.pd .pd-ep__meta { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12.5px; }
	.pd-ep__part { flex-direction: row; align-items: center; gap: 6px; }
	.pd-pips { width: auto; }
	.pd-pips i { width: 6px; flex: none; }
	.pd-ep__len i { display: none; }
}
@media (max-width: 700px) {
	.pd-top { --d: 520px; padding-block: calc(var(--d) * .64) 0; }
	.pd-disc { inset-inline-end: calc(var(--d) * -.29); top: calc(var(--d) * -.17); }
	.pd .pd-title { font-size: 44px; }
	.lang-ar .pd .pd-title { font-size: 46px; }
	.pd .pd-title > span { font-size: 34px; }
	.lang-ar .pd .pd-title > span { font-size: 22px; }
	.pd-lede { font-size: 15px; }
	.pd-player__main { grid-template-columns: 60px minmax(0, 1fr); gap: 16px; padding: 16px; }
	.pd .pd-player__play { width: 60px; height: 60px; }
	.pd-player__top, .pd-player__controls, .pd-player__story { padding-inline: 16px; }
	.pd-player__when { width: 100%; margin: 0; }
	.pd-player__controls a[data-pd="dl"] { display: none; }
	.pd-listen a.pd-listen__first { margin-inline-start: 0; }
	.pd-air { margin-top: 36px; }
	.pd-chips--dark, .pd-chips--light, .pd .pd-eps .chip-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
	.pd-chip, .pd .pd-eps .chip { flex: none; }
	.pd-read { flex-wrap: wrap; gap: 4px 10px; }
	.pd-read__t { flex: 1 1 60%; font-size: 15px; white-space: normal; }
	.pd-read__o { display: none; }
	.pd-read__m { width: 100%; margin: 0; }
	.pd-bars { height: 120px; gap: 1px; }
	.pd-bar { height: calc(min(var(--h), 230px) * .52); }
	.pd-bars__gap { width: 14px; font-size: 0; padding: 0; }
	.pd-bar[data-y]::after { font-size: 11px; }
	.pd-bar[data-y]:not([data-y="2013"]):not([data-y="2015"]):not([data-y="2017"]):not([data-y="2021"])::after { display: none; }
	.pd-sec { padding-block: 56px 48px; }
	.pd-paths__grid { display: flex; overflow-x: auto; gap: 12px; margin-inline: -16px; padding-inline: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.pd-path { flex: none; width: 290px; scroll-snap-align: start; }
	.pd-progs__grid { grid-template-columns: minmax(0, 1fr); }
	.pd-prog { padding: 26px 16px; gap: 12px; }
	.pd-prog__desc { min-height: 0; }
	.pd-calread { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 12px 14px; }
	.pd-calread__n { font-size: 40px; }
	.pd-calread__line { display: block; }
	.pd-calread__line span { display: none; }
	.pd-calread__line b { font-size: 15px; }
	.pd-calread__play { grid-column: 1 / -1; justify-content: center; height: 44px; }
	.pd-calrow--head { display: none; }
	.pd-calrow { grid-template-columns: minmax(0, 1fr); padding: 12px 0; }
	.pd-calrow__y { padding: 0 0 8px; font-size: 20px; }
	.pd-calrow > .pd-calrow__m { display: contents; }
	.pd-calrow:not(.pd-calrow--gap):not(.pd-calrow--head) { display: flex; flex-wrap: wrap; gap: 2px; }
	.pd-calrow:not(.pd-calrow--gap) > .pd-calrow__y { width: 100%; }
	.pd-sq { width: 20px; height: 20px; }
	.pd-calrow--gap { display: grid; grid-template-columns: 70px minmax(0, 1fr); padding: 10px 0; }
	.pd-lad { padding-block: 56px 48px; }
	.pd-part { width: 32px; height: 40px; }
	.pd-part b { font-size: 13px; }
	.pd-part span { font-size: 9.5px; }
	.pd-voices__grid { display: flex; overflow-x: auto; gap: 12px; margin-inline: -16px; padding-inline: 16px; scrollbar-width: none; }
	.pd-voice { flex: none; width: 140px; }
	.pd-voice--all { width: 140px; }
	.pd-eps__bar { padding-block: 28px 16px; }
	.pd .pd-eps .podcast-browser__search { width: 100%; }
	.pd .pd-eps .podcast-browser__tools { width: 100%; }
	.pd .pd-eps .podcast-browser__status { display: none; }
	.pd-arch__takes { gap: 22px 14px; }
	.pd-take__y { font-size: 40px; }
	.pd .pd-take__who { font-size: 15px; }
	.pd-arch__song { margin-top: 20px; }
	.pd-arch__title, .pd-arch__other { font-size: 17px; }
	.pd-term--l [lang="ar"] { font-size: 30px; }
	.pd-term--m [lang="ar"] { font-size: 26px; }
	.pd-row { font-size: 17px; min-height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
	.pd-bar, .pd-sq, .pd-voice img, .pd-row { transition: none; }
}

/* ================================================================ refined top (user 2026-10-13): the home page's title size,
   a smaller disc, a lighter player */
.pd .pd-title { font-size: clamp(36px, 4.4vw, 62px); line-height: .96; letter-spacing: -.05em; text-wrap: balance; }
.pd .pd-title > span { margin-top: .2em; font-size: .52em; }
.lang-ar .pd .pd-title { font-size: clamp(32px, 4vw, 56px); line-height: 1.3; }
.lang-ar .pd .pd-title > span { font-size: .45em; }
.pd-top { --d: clamp(420px, 40vw, 600px); padding-block-start: 56px; }
.pd-disc { inset-inline-end: calc(var(--d) * -.1); top: 36px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 30px 70px rgba(0, 0, 0, .5); }
.pd-lede { font-size: 16px; }
.pd .pd-player { max-width: 620px; margin-top: 26px; background: rgba(31, 31, 28, .92); border-color: rgba(255, 255, 255, .14); }
.pd-player__top { padding: 10px 16px; font-size: 12px; }
.pd-player__label { font-size: 11px; }
.pd-player__main { gap: 14px; padding: 14px 16px 8px; }
.pd .pd-player__play { width: 48px; height: 48px; }
.pd .pd-player__play .play-icon { border-block-width: 8px; border-inline-start-width: 13px; margin-inline-start: 4px; }
.pd .pd-player.is-playing .pd-player__play .play-icon { width: 12px; height: 14px; background: linear-gradient(to right, currentColor 0 4px, transparent 4px 8px, currentColor 8px 12px); }
.pd-player__title { font-size: 17px; font-weight: 700; }
.pd-player__other { font-size: 14px; }
.lang-ar .pd-player__other { font-size: 13px; }
.pd .pd-player__seek { margin-top: 8px; height: 14px; }
.pd-player__time { font-size: 11px; }
.pd-player__controls { gap: 4px; padding: 0 16px 12px; }
.pd-player__controls button, .pd-player__controls a { min-height: 30px; padding: 0 10px; border-color: rgba(255, 255, 255, .22); font-size: 12px; font-weight: 600; }
.pd-player__story { padding: 10px 16px 12px; }
.pd-player__story-head { margin-bottom: 7px; font-size: 12px; }
.pd-segs { height: 20px; gap: 2px; }
.pd-seg { font-size: 10px; background: rgba(255, 255, 255, .14); }
@media (max-width: 1023px) {
	.pd-top { --d: 440px; padding-block-start: calc(var(--d) * .7); }
	.pd-disc { inset-inline-end: calc(var(--d) * -.18); top: calc(var(--d) * -.12); }
}
@media (max-width: 700px) {
	.pd-top { --d: 340px; padding-block-start: calc(var(--d) * .76); }
	.pd-disc { inset-inline-end: calc(var(--d) * -.22); top: calc(var(--d) * -.14); }
	.pd .pd-title { font-size: 36px; }
	.lang-ar .pd .pd-title { font-size: 34px; }
	.pd .pd-title > span { font-size: 22px; }
	.lang-ar .pd .pd-title > span { font-size: 16px; }
	.pd-player__main { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 12px; }
	.pd .pd-player__play { width: 44px; height: 44px; }
	.pd-player__top, .pd-player__controls, .pd-player__story { padding-inline: 12px; }
}

/* no figures strip (user 2026-10-13): the black top ends with the stripes */
.pd-top { padding-block-end: 44px; }

/* ================================================================ version E of the top (user 2026-10-13)
   1. every episode hangs from the head: the years in the head's colour, the lines below them, full width, all starting
      at the same level and the longer going further down; the band follows the head when the page scrolls (docked,
      shorter: podcast-page.js);
   2. the label is the player: title centred, the latest episode | the disc with its play button and progress ring |
      its story. */
.pd-wave { position: relative; z-index: 45; margin-inline: calc(50% - 50vw); }
.pd-wave__in { background: var(--ink, #161614); }
.pd-wave.is-docked .pd-wave__in { position: fixed; inset-inline: 0; top: var(--pd-dock, 0px); box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.pd-wave__years { position: relative; height: 24px; background: var(--sec-bg, #d4ad52); }
.pd-wave__years span { position: absolute; bottom: 0; inset-inline-start: var(--x); padding: 0 0 4px 5px; border-inline-start: 1px solid rgba(31, 29, 22, .45); color: var(--sec-fg, #1f1d16); font-size: 12px; font-weight: 800; line-height: 1; }
.lang-ar .pd-wave__years span { padding: 0 5px 4px 0; }
.pd .pd-wave__bars { display: flex; align-items: flex-start; gap: 1px; height: 116px; margin: 0; border: 0; transition: height .3s; }
.pd .pd-wave .pd-bar { height: calc(var(--h) * .5); transition: height .3s, opacity .25s, background-color .25s; }
.pd .pd-wave .pd-bar[data-y]::before, .pd .pd-wave .pd-bar[data-y]::after { display: none; }
.pd .pd-wave .pd-bars__gap { flex: 6 1 0; width: auto; border: 0; padding: 0; }
.pd-wave__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 6px max(var(--edge), calc(50vw - 720px)) 14px; }
.pd .pd-wave .pd-read { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; min-height: 0; }
.pd .pd-wave .pd-read__n { font-size: 22px; }
.pd .pd-wave .pd-read__t, .pd .pd-wave .pd-read__o { font-size: 15px; }
.pd-wave .pd-chips { flex: none; gap: 6px; }
.pd-wave .pd-chip { min-height: 32px; padding: 0 10px; font-size: 12px; }
.pd-wave.is-docked .pd-wave__bars { height: 44px; }
.pd-wave.is-docked .pd-bar { height: calc(var(--h) * .19); }
.pd-wave.is-docked .pd-wave__foot { display: none; }

.pd-top { padding-block: 54px 64px; }
.pd-e { text-align: center; }
.pd-e .pd-kick { margin-bottom: 8px; }
.pd .pd-e .pd-title > span { display: block; margin-top: .18em; }
.pd .pd-e__row.pd-player { display: grid; grid-template-columns: minmax(0, 1fr) 260px minmax(0, 1fr); gap: 48px; align-items: center; max-width: none; margin: 34px 0 0; padding: 0; background: none; border: 0; text-align: start; }
.pd-e__ep { text-align: end; }
.pd-e__ep p, .pd-e__story p { margin: 0; }
.pd-e__label { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.lang-ar .pd-e__label { font-size: 13px; letter-spacing: 0; }
.pd-e__title { margin-top: 4px !important; font-size: 22px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.pd-e__title a { color: #fff; text-decoration: none; }
.pd-e__title a:hover { text-decoration: underline; }
.pd-e__other { margin-top: 2px !important; color: #b5b5b0; font-size: 16px; }
.lang-ar .pd-e__other { font-size: 14px; }
body:not(.lang-ar) .pd .pd-e__ep [lang="ar"][dir="rtl"] { text-align: right; }
.lang-ar .pd .pd-e__ep [lang="en"][dir="ltr"] { text-align: left; }
.pd-e__meta { margin-top: 10px !important; display: flex; justify-content: flex-end; align-items: center; gap: 10px; font-size: 13px; }
.pd-e__meta a { color: #fff; font-weight: 700; }
.pd-e__disc { --p: 0; position: relative; width: 260px; height: 260px; margin: 0 auto 40px; }
.pd-e__ring { position: absolute; inset: -9px; border-radius: 50%; background: conic-gradient(var(--gold) calc(var(--p) * 1turn), rgba(255, 255, 255, .14) 0); }
.pd-e__ring::after { content: ""; position: absolute; inset: 2px; border-radius: 50%; background: var(--ink); }
.pd-e__img { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; }
.pd-e__img img { position: absolute; left: 50%; top: 50%; width: 104.5%; max-width: none; height: auto; transform: translate(-50%, -50%); }
.pd .pd-e__disc .pd-player__play { position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; transform: translate(-50%, -50%); background: var(--gold); color: var(--ink); box-shadow: 0 6px 20px rgba(0, 0, 0, .45); transition: transform .2s; }
.pd .pd-e__disc .pd-player__play:hover { transform: translate(-50%, -50%) scale(1.06); background: #fff; }
.pd-e__time { position: absolute; inset-inline: 0; bottom: -30px; color: #8d8d87; font-size: 11.5px; text-align: center; font-variant-numeric: tabular-nums; direction: ltr; }
.pd .pd-e__seek { position: absolute; left: 30px; right: 30px; bottom: -44px; width: auto; margin: 0; height: 10px; opacity: .55; }
.pd .pd-e__seek:hover, .pd .pd-e__seek:focus-visible { opacity: 1; }
.pd .pd-e__story .pd-player__story { padding: 0; border: 0; max-width: 360px; }
.pd-e__ctl { display: flex; gap: 14px; margin-top: 12px !important; font-size: 12.5px; }
.pd-e__ctl button, .pd-e__ctl a { padding: 0; border: 0; background: none; color: #cfcfca; font: inherit; font-size: 12.5px; font-weight: 600; text-decoration: none; cursor: pointer; }
.pd-e__ctl button:hover, .pd-e__ctl a:hover { color: #fff; text-decoration: underline; }
.pd-e__listen { margin-top: 10px !important; color: #b5b5b0; font-size: 13px; }
.pd-e__listen a { color: #fff; font-weight: 700; }
.pd-e__first { margin-top: 4px !important; font-size: 13px; }
.pd-e__first a { color: var(--gold); font-weight: 800; text-decoration: none; }
.pd-e__first a:hover { text-decoration: underline; }
@media (max-width: 1023px) {
	.pd-top { padding-block: 40px 48px; }
	.pd .pd-e__row.pd-player { grid-template-columns: minmax(0, 1fr); gap: 52px; justify-items: center; text-align: center; }
	.pd-e__disc { order: -1; margin-bottom: 20px; }
	.pd-e__ep { text-align: center; }
	.pd-e__meta { justify-content: center; }
	body:not(.lang-ar) .pd .pd-e__ep [lang="ar"][dir="rtl"], .lang-ar .pd .pd-e__ep [lang="en"][dir="ltr"] { text-align: center; }
	.pd .pd-e__story .pd-player__story { margin: 0 auto; }
	.pd-e__ctl { justify-content: center; }
	.pd-wave__foot { flex-wrap: wrap; }
	.pd-wave .pd-chips { width: 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}
@media (max-width: 700px) {
	.pd-wave__years span:not(.is-key) { display: none; }
	.pd .pd-wave__bars { height: 70px; gap: 0; }
	.pd .pd-wave .pd-bar { height: calc(var(--h) * .3); }
	.pd .pd-wave .pd-read__o { display: none; }
	.pd-wave.is-docked .pd-wave__bars { height: 30px; }
	.pd-wave.is-docked .pd-bar { height: calc(var(--h) * .13); }
	.pd-e__disc { width: 210px; height: 210px; }
}
.pd .pd-e .pd-title > span { text-align: center !important; }
.lang-ar .pd .pd-e__row.pd-player { direction: rtl; }
.pd-e__time, .pd .pd-e__seek, .pd-e__ctl { direction: ltr; }
.lang-ar .pd-e__ctl { justify-content: flex-end; }
.pd-wave.is-docked .pd-wave__years { box-shadow: 0 -16px 0 var(--sec-bg, #d4ad52); }
.pd-wave__in { overflow: hidden; }
.pd-wave.is-docked .pd-wave__in { overflow: visible; }
.pd-wave__years { overflow: hidden; }
.pd-wave__years span { inset-inline-start: auto; left: var(--x); }
.lang-ar .pd-wave__years span { left: auto; right: var(--x); }

/* ================================================================ smoother lines (user 2026-10-13): sticky, never taken
   out of the page (no white gap), only a little shorter once riding with the head; read-out + programme buttons in the head */
.pd-wave { position: sticky; top: var(--pd-dock, 0px); }
.pd-wave.is-docked .pd-wave__in { position: static; box-shadow: 0 10px 22px rgba(0, 0, 0, .22); }
.pd-wave__years { box-shadow: 0 -18px 0 var(--sec-bg, #d4ad52); }
.pd .pd-wave__bars { height: 112px; }
.pd .pd-wave .pd-bar { height: calc(var(--h) * .5); }
.pd-wave.is-docked .pd-wave__bars { height: 84px; }
.pd-wave.is-docked .pd-bar { height: calc(var(--h) * .37); }
.pd-headtools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; width: 100%; }
.pd-headtools .pd-read { flex: 1 1 320px; min-width: 0; display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 0; border: 0; min-height: 0; color: var(--sec-muted, #4b4229); font-size: 13px; }
.pd-headtools .pd-read__n { color: var(--sec-fg, #1f1d16) !important; font-size: 20px; }
.pd-headtools .pd-read__t { color: var(--sec-fg, #1f1d16); font-size: 15px; }
.pd-headtools .pd-read__o { color: var(--sec-muted, #4b4229); font-size: 15px; }
.pd-headtools .pd-read__m b { color: var(--sec-fg, #1f1d16); }
.pd-chips--head { gap: 6px; }
.pd-chips--head .pd-chip { min-height: 34px; padding: 0 10px; border: 1px solid rgba(31, 29, 22, .35); background: transparent; color: var(--sec-fg, #1f1d16); font-size: 12.5px; }
.pd-chips--head .pd-chip:hover { border-color: var(--sec-fg, #1f1d16); }
.pd-chips--head .pd-chip[aria-pressed="true"] { background: var(--sec-fg, #1f1d16); border-color: var(--sec-fg, #1f1d16); color: var(--sec-bg, #d4ad52); }
.pd-chips--head .pd-chip__sw { background: var(--c); }
@media (max-width: 700px) {
	.pd .pd-wave__bars { height: 64px; }
	.pd .pd-wave .pd-bar { height: calc(var(--h) * .28); }
	.pd-wave.is-docked .pd-wave__bars { height: 50px; }
	.pd-wave.is-docked .pd-bar { height: calc(var(--h) * .22); }
	.pd-headtools .pd-read__o, .pd-headtools .pd-read__m { display: none; }
	.pd-chips--head { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: 100%; }
	.pd-chips--head .pd-chip { flex: none; }
}
.pd-wave__years span { white-space: nowrap; }
@media (max-width: 700px) {
	.pd-wave__years span.is-late { transform: translateX(-100%); padding: 0 5px 4px 0; border-inline-start: 0; border-right: 1px solid rgba(31, 29, 22, .45); }
	.lang-ar .pd-wave__years span.is-late { transform: translateX(100%); padding: 0 0 4px 5px; border-right: 0; border-left: 1px solid rgba(31, 29, 22, .45); }
}
@media (max-width: 700px) { .pd-wave__years span.is-end { left: auto; right: 0; border-inline-start: 0; } .lang-ar .pd-wave__years span.is-end { right: auto; left: 0; } }

/* tighter head (user 2026-10-13): years and lines right under the buttons, read-out right above them */
body.pd-v2 .ed-strip__tools { padding-top: 4px; padding-bottom: 4px; }
.pd-headtools { row-gap: 2px; }
.pd-headtools .pd-read { line-height: 1.25; }
.pd-wave__years { height: 17px; }
.pd-wave__years span { padding-bottom: 2px; font-size: 11.5px; }
body.pd-v2 .ed-strip .ed-strip__tools { padding-top: 4px !important; padding-bottom: 4px !important; }

/* transparent band (user 2026-10-13): only the lines show, over whatever is below them */
.pd-wave__in, .pd-wave.is-docked .pd-wave__in { background: transparent; box-shadow: none; }
.pd .pd-wave .pd-bar.is-on { background: #fff; box-shadow: 0 0 0 1px #161614; }

/* a light veil behind the lines while they ride with the head (user 2026-10-13); none at the top of the page */
.pd-wave .pd-wave__bars { transition: height .3s, background-color .3s; }
.pd-wave.is-docked .pd-wave__bars { background: rgba(255, 255, 255, .82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* the veil follows the lines (user 2026-10-13): behind each line and the hairlines between them, not the whole band */
.pd-wave.is-docked .pd-wave__bars { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.pd-wave.is-docked .pd-bar { box-shadow: 0 3px 0 1px rgba(255, 255, 255, .85); }
.pd-wave.is-docked .pd-bar.is-on { box-shadow: 0 0 0 1px #161614, 0 3px 0 2px rgba(255, 255, 255, .85); }

/* a little room at both window edges (user 2026-10-13): years and lines start 20px in */
.pd-wave { --wave-pad: 20px; }
.pd .pd-wave__bars { padding-inline: var(--wave-pad); }
.pd-wave__yin { position: absolute; inset: 0 var(--wave-pad); }
@media (max-width: 700px) { .pd-wave { --wave-pad: 12px; } }

/* black behind the lines at the top of the page; transparent (with the veil) once they follow the head */
.pd-wave:not(.is-docked) .pd-wave__bars { background: var(--ink, #161614); }

/* a shorter head on the podcast page (user 2026-10-13) */
body.pd-v2 .ed-head { padding-block: calc(var(--cap-h) + 14px) 6px; }
body.pd-v2 .ed-head__desc { margin-top: 4px; line-height: 1.35; }
body.pd-v2 .ed-strip.has-rail .ev-nav { gap: 2px; }
body.pd-v2 .ed-strip.has-rail .ev-nav a { line-height: 1.2; }
.pd-headtools .pd-read__t { flex: none; max-width: 50%; }
.pd-headtools .pd-read__o { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* docked but still over the black top: stay black, no veil (user 2026-10-13: no white while starting to scroll) */
.pd-wave.is-docked.is-over-dark .pd-wave__bars { background: var(--ink, #161614); }
.pd-wave.is-docked.is-over-dark .pd-bar { box-shadow: none; }
.pd-wave.is-docked.is-over-dark .pd-bar.is-on { box-shadow: 0 0 0 1px #161614; }

/* scrolling: the band is always transparent (user 2026-10-13); over the black top the veil behind each line is dark, over light sections it is light */
.pd-wave.is-docked.is-over-dark .pd-wave__bars { background: transparent; }
.pd-wave.is-docked.is-over-dark .pd-bar { box-shadow: 0 3px 0 1px rgba(22, 22, 20, .85); }
.pd-wave.is-docked.is-over-dark .pd-bar.is-on { box-shadow: 0 0 0 1px #161614, 0 3px 0 2px rgba(22, 22, 20, .85); }

/* scrolling (user 2026-10-13): a see-through black band, the page faintly visible behind it, never white */
.pd-wave.is-docked .pd-wave__bars, .pd-wave.is-docked.is-over-dark .pd-wave__bars { background: rgba(22, 22, 20, .84); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.pd-wave.is-docked .pd-bar, .pd-wave.is-docked.is-over-dark .pd-bar { box-shadow: none; }
.pd-wave.is-docked .pd-bar.is-on, .pd-wave.is-docked.is-over-dark .pd-bar.is-on { box-shadow: none; }

/* near the top the band is over the page ground, not over the black: keep it solid ink there (user 2026-10-13, grey band) */
.pd .pd-wave.is-docked.is-over-dark .pd-wave__bars { background: var(--ink, #161614); -webkit-backdrop-filter: none; backdrop-filter: none; }

/* scrolling: the band is fully transparent — no fill, no veil, no blur (user 2026-10-13); black stays only at rest */
.pd .pd-wave.is-docked .pd-wave__bars, .pd .pd-wave.is-docked.is-over-dark .pd-wave__bars { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.pd .pd-wave.is-docked .pd-bar, .pd .pd-wave.is-docked.is-over-dark .pd-bar { box-shadow: none; }
.pd .pd-wave.is-docked .pd-bar.is-on, .pd .pd-wave.is-docked.is-over-dark .pd-bar.is-on { box-shadow: 0 0 0 1px #161614; }

/* the black top runs up behind the band, so the transparent band never shows the light ground; the band takes no room in the flow (no jump when it docks) */
.pd { --wave-rest: 129px; --wave-dock: 101px; }
.pd .pd-wave { margin-bottom: calc(-1 * var(--wave-rest)); }
.pd .pd-wave.is-docked { margin-bottom: calc(-1 * var(--wave-dock)); }
.pd .pd-top { padding-block-start: calc(54px + var(--wave-rest)); }
@media (max-width: 1023px) { .pd .pd-top { padding-block-start: calc(40px + var(--wave-rest)); } }
@media (max-width: 700px) { .pd { --wave-rest: 81px; --wave-dock: 67px; } }

/* Four programmes: lighter type, figures as one quiet line, rows aligned across the columns (user 2026-10-13: too large and bulky) */
.pd-progs__grid { grid-template-rows: auto; }
.pd .pd-prog { display: grid; grid-row: span 8; grid-template-rows: subgrid; row-gap: 12px; align-content: start; padding: 28px 24px 26px; }
.pd .pd-prog__other { font-size: 26px; font-weight: 700; line-height: 1.2; }
.lang-ar .pd .pd-prog__other { font-size: 21px; font-weight: 700; letter-spacing: -.02em; }
.pd .pd-prog__name { align-self: end; font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
.pd .pd-prog__sub { margin: -8px 0 0; font-size: 13px; }
.pd .pd-prog__desc { min-height: 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .92); }
.pd .pd-prog__nums { flex-wrap: wrap; align-items: baseline; gap: 4px 16px; padding-top: 10px; }
.pd .pd-prog__nums > span { flex-direction: row; align-items: baseline; gap: 5px; font-size: 12.5px; color: rgba(255, 255, 255, .95); }
.pd .pd-prog__nums b, .pd .pd-prog__nums b.pd-prog__years { color: #fff; font-size: 14px; line-height: 1.3; font-weight: 800; letter-spacing: 0; }
.pd .pd-prog__bars { align-self: end; height: 40px; }
.pd .pd-prog__bars i { height: calc(var(--h) * .62); }
.pd .pd-prog__label { font-size: 11px; }
.lang-ar .pd .pd-prog__label { font-size: 13px; }
.pd .pd-prog__ep { grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; padding: 7px 0; }
.pd .pd-prog__ep .pd-ring { width: 26px; height: 26px; }
.pd .pd-prog__ep .pd-ring .play-icon { border-block-width: 4px; border-inline-start-width: 6px; margin-left: 2px; }
.pd .pd-prog__t { font-size: 13.5px; }
.pd .pd-prog__m { font-size: 12px; }
.pd .pd-prog__all { align-self: end; justify-self: start; min-height: 40px; font-size: 14px; }
@media (max-width: 700px) { .pd .pd-prog { padding: 24px 16px; } }

/* head readout always on its own line above the chips; it never runs under them */
.pd-headtools .pd-read { flex: 1 1 100%; overflow: hidden; }
.pd-headtools .pd-read__m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ================================================================ responsive QA 2026-11-05 (upgrade/responsive-2026-11-05) */
/* phones held sideways: the episode wave scrolls with the page instead of docking under the head (it left ~40px to read) */
@media (max-width: 1023px) and (max-height: 500px) { .pd .pd-wave { position: relative; top: auto; } }
/* phones and tablets: the hero controls and story parts get finger-sized targets */
@media (max-width: 1023px) {
	.pd .pd-e__ctl { gap: 4px; }
	.pd .pd-e__ctl button, .pd .pd-e__ctl a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 40px; padding: 0 8px; font-size: 14px; }
	.lang-ar .pd-e__ctl { justify-content: center; }
	.pd .pd-segs { height: 32px; gap: 3px; }
	.pd .pd-seg { min-width: 22px; font-size: 12px; }
}
@media (max-width: 700px) {
	.pd-sq { width: 24px; height: 24px; }
	/* the one-row docked search covers the docked wave */
	body:has(.ed-strip.has-docked) .pd .pd-wave.is-docked { visibility: hidden; }
}
/* 1024-1279: the broadcast calendar heading keeps room beside its chips (it was squeezed into 130px) */
@media (min-width: 1024px) and (max-width: 1279px) {
	.pd-head--tools { grid-template-columns: minmax(300px, 1fr) minmax(0, max-content); }
	.pd-head--tools > .pd-chips { justify-content: flex-end; }
}
/* tablets: calendar squares at a 24px pitch; touch screens >= 1024: finger-sized player controls and parts */
@media (min-width: 701px) and (max-width: 1023px) { .pd-calrow__m { padding-inline: 2px; } .pd-sq { width: 22px; height: 22px; line-height: 22px; } }
@media (min-width: 1024px) and (not ((hover: hover) and (pointer: fine))) {
	.pd .pd-segs { height: 32px; }
	.pd .pd-seg { min-width: 22px; font-size: 12px; }
	.pd .pd-e__ctl { gap: 4px; }
	.pd .pd-e__ctl button, .pd .pd-e__ctl a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 40px; padding: 0 8px; font-size: 14px; }
}