/* Tên trang hiện tại trên header: gradient cầu vồng chạy động (không nhấp nháy) thay cho màu vàng */
html body nav a[aria-current]{
 color:transparent!important;-webkit-text-fill-color:transparent;
 background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
 background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
 border-bottom-color:transparent;border-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff) 1;
 animation:mfxFlow 2.2s linear infinite;
}
@media (orientation:portrait),(max-width:768px){html body nav a[aria-current]{border-image:none}}
@media (prefers-reduced-motion:reduce){html body nav a[aria-current]{animation:none}}

/* Link dạng chữ trong nội dung: rê chuột (hoặc focus) → gradient cầu vồng chạy động thay cho màu vàng */
@media (hover:hover){
 html body .bio a:hover,html body .bio-pos a:hover,html body .au a:hover,html body .donate-text a:hover,html body .m-info a:hover,html body .m-desc a:hover{
  color:transparent!important;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  animation:mfxFlow 1.1s linear infinite;
 }
}
html body .bio a:focus-visible,html body .bio-pos a:focus-visible,html body .au a:focus-visible,html body .donate-text a:focus-visible{
 color:transparent!important;-webkit-text-fill-color:transparent;
 background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
 background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:mfxFlow 1.1s linear infinite;
}
@keyframes mfxFlow{from{background-position:0 0}to{background-position:-200% 0}}

/* Giữ nguyên font RINO cho phần chữ của tiêu đề (span con không được rơi về font nội dung) */
.ph h1 .ht{font-family:inherit}
/* Hiệu ứng rê chuột lên mọi menu: chữ đổi sang gradient cầu vồng chuyển động + nhấp nháy nhẹ */
@media (hover:hover){
 html body nav a:hover,html body nav a:focus-visible{
  color:transparent!important;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  animation:mfxFlow 1.1s linear infinite,mfxBlink .9s ease-in-out infinite;
 }
}
@keyframes mfxBlink{0%,100%{opacity:1}50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){html body nav a:hover,html body nav a:focus-visible{animation:mfxFlow 3s linear infinite}}

/* Tiêu đề lớn của trang con (MUSIC / BOOKS / PODCASTS / CONTACT): chỉ phần chữ (không gồm emoji phía trước) nhấp nháy giật +
   ánh gradient cầu vồng chuyển động, cùng nhịp 3.4s với biểu tượng nốt nhạc, không tỏa chữ ra. Áp dụng cả mobile. */
.ph h1 .ht{
 display:inline-block;
 background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
 background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:var(--ink,#fff);
 animation:phBlink 3.4s steps(1,end) infinite,mfxFlow 1.1s linear infinite;
}
@keyframes phBlink{
 0%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
 28%{-webkit-text-fill-color:transparent;opacity:.55}
 31%{-webkit-text-fill-color:transparent;opacity:1}
 35%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
 39%{-webkit-text-fill-color:transparent;opacity:.55}
 43%{-webkit-text-fill-color:transparent;opacity:1}
 47%{-webkit-text-fill-color:transparent;opacity:.6}
 50%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
 100%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
}
@media (prefers-reduced-motion:reduce){.ph h1 .ht{animation:none}}

/* Trang chủ (PC và mobile): sau splash, menu hiện ra thì từng chữ lần lượt nháy cầu vồng rồi trở về trắng */
:where(body.ready .nav-pos nav>ul>li)>a{
 background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
 background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
 -webkit-text-fill-color:var(--ink,#fff);
 animation:mfxIntro 1s steps(1,end) forwards,mfxFlow .5s linear 2;
 animation-delay:calc(2.1s + var(--k,0) * 1s); /* mỗi chữ nháy đúng 1s rồi về màu gốc, chữ kế tiếp mới bắt đầu → lần lượt từng chữ, không chồng nhau */
}
/* 1 MUSIC, 2 BOOKS, 3 PODCASTS, (4 brk), 5 MERCH, 6 WATCH, 7 CONTACT — lần lượt từ trên xuống */
:where(body.ready .nav-pos nav>ul>li:nth-child(1)){--k:0}
:where(body.ready .nav-pos nav>ul>li:nth-child(2)){--k:1}
:where(body.ready .nav-pos nav>ul>li:nth-child(3)){--k:2}
:where(body.ready .nav-pos nav>ul>li:nth-child(5)){--k:3}
:where(body.ready .nav-pos nav>ul>li:nth-child(6)){--k:4}
:where(body.ready .nav-pos nav>ul>li:nth-child(7)){--k:5}
@keyframes mfxIntro{
 0%{-webkit-text-fill-color:transparent;opacity:.55}
 18%{-webkit-text-fill-color:transparent;opacity:1}
 30%{-webkit-text-fill-color:transparent;opacity:.6}
 45%{-webkit-text-fill-color:transparent;opacity:1}
 60%{-webkit-text-fill-color:transparent;opacity:.75}
 78%{-webkit-text-fill-color:transparent;opacity:1}
 100%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
}
@media (prefers-reduced-motion:reduce){:where(body.ready .nav-pos nav>ul>li)>a{animation:none}}

/* Hiệu ứng cầu vồng nhấp nháy (1 lần) khi rê chuột lên nút đổi theme, đổi ngôn ngữ, lên đầu trang */
.lang-btn{position:relative}
.lang-btn::after,.totop::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,#ff3b3b,#ff9f1c,#ffe600,#2ee66b,#19d3ff,#4d6bff,#c04dff,#ff3b9a,#ff3b3b);background-size:300% 100%}
.lang-btn::after{-webkit-mask:var(--rb-mask) center/contain no-repeat;mask:var(--rb-mask) center/contain no-repeat;--rb-mask:url("../buttons/function%20buttons/btn-lang.webp")}
.theme-btn::after{--rb-mask:url("../buttons/function%20buttons/btn-theme.webp")}
.totop::before{z-index:-1;border-radius:inherit}
@keyframes rb-flash{
 0%{opacity:0;background-position:0 0}
 12%{opacity:1}
 24%{opacity:.25}
 36%{opacity:1}
 48%{opacity:.3}
 60%{opacity:1}
 100%{opacity:0;background-position:100% 0}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .lang-btn:hover::after,.totop:hover::before,.mswitch:hover::after{animation:rb-flash 1.1s ease-out 1 both}
}

/* ===== Cụm nút điều khiển góc dưới trái (PC + mobile) =====
   Từ dưới lên: [switch] → (xổ lên) ngôn ngữ → theme. Mobile: nút nhạc nằm trên cùng (khi thu lại hạ xuống ngay trên nút switch).
   PC: nút switch căn giữa khoảng trống giữa lề trang và lề nội dung (JS đặt --pcl trên <html>), không có nút nhạc (player nằm ở header). */
html body{--mgap:10px;--mb:calc(14px + env(safe-area-inset-bottom,0px));--ml:var(--pcl,calc(14px + env(safe-area-inset-left,0px)));--ms:calc(var(--ctl) + var(--mgap))}
html body .mswitch{display:block;position:fixed;z-index:46;left:var(--ml);bottom:var(--mb);width:var(--ctl);height:var(--ctl);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 6px rgba(3,24,48,.45))}
html body .mswitch img{display:block;width:100%;height:100%}
html body .mswitch{transition:left .35s cubic-bezier(.2,.8,.2,1),bottom .35s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1),opacity .5s ease}
html body.mopen .mswitch{transform:rotate(180deg)}
html body .mswitch:focus-visible{outline:2px solid #0ff;outline-offset:3px}
html body .lang-fixed,html body .theme-fixed{display:block;left:var(--ml);right:auto;top:auto;bottom:var(--mb);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.5);transition:bottom .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .4s}
html body.mopen .lang-fixed,html body.mopen .theme-fixed{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:bottom .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s}
html body.mopen .lang-fixed{bottom:calc(var(--mb) + var(--ms))}
html body.mopen .theme-fixed{bottom:calc(var(--mb) + 2 * var(--ms))}
@media (orientation:portrait),(max-width:768px){
 html body .bgm-m{left:var(--ml);right:auto;top:auto;transition:bottom .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .4s}
 html body .bgm-m{position:fixed;z-index:45;display:block!important;margin:0;width:var(--ctl);height:var(--ctl);bottom:calc(var(--mb) + var(--ms));filter:drop-shadow(0 1px 6px rgba(3,24,48,.45))}
 html body.mopen .bgm-m{bottom:calc(var(--mb) + 3 * var(--ms))}
}
@media (prefers-reduced-motion:reduce){html body .mswitch,html body .lang-fixed,html body .theme-fixed,html body .bgm-m{transition:none!important}}

/* Footer: chừa thêm khoảng trống phía dưới để cụm nút điều khiển không đè lên chữ */
@media (orientation:portrait),(max-width:768px){
 html body footer{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}
}
html body.ctl-tight footer{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}

/* Mobile: logo header — khung ôm đúng logo (để lớp cầu vồng khớp), phóng to + đổi màu khi rê chuột / chạm */
@media (orientation:portrait){
 html body .brand{width:auto;flex:0 0 auto;margin-inline:auto;transition:transform .35s ease;transform-origin:center}
 html body .brand:active{transform:scale(1.08)}
 html body .brand:active::after{animation:rbLogo 1.6s ease-in-out 1 both}
}
@media (orientation:portrait) and (hover:hover){
 html body .brand:hover{transform:scale(1.08)}
}
@media (prefers-reduced-motion:reduce){html body .brand{transition:none}html body .brand:hover,html body .brand:active{transform:none}}

/* ===== Mobile: cụm nút kéo thả được (neo về 2 mép trái/phải khi thả; tải lại trang thì về góc dưới trái) ===== */
@media (orientation:portrait),(max-width:768px){
 html body .mswitch,html body .lang-fixed,html body .theme-fixed,html body .bgm-m{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 html body .lang-fixed,html body .theme-fixed,html body .bgm-m{transition:bottom .4s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .4s}
 html body.mopen .lang-fixed,html body.mopen .theme-fixed{transition:bottom .4s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s}
  html body.mdrag .mswitch,html body.mdrag .lang-fixed,html body.mdrag .theme-fixed,html body.mdrag .bgm-m{transition:none!important}
}

/* Trang chủ mobile: chừa khoảng trống dưới dòng credit để cụm nút không đè lên chữ */
@media (orientation:portrait){
 html body .bio-pos{padding-bottom:calc(14cqw + 215px + env(safe-area-inset-bottom,0px))}
 html body .credit{bottom:calc(205px + env(safe-area-inset-bottom,0px))}
}

/* Trang chủ: sau khi menu nháy cầu vồng xong (JS gắn .intro-done) → trả hẳn về chữ trắng (Safari/iOS đôi khi giữ gradient) */
:where(body.ready .nav-pos nav>ul>li)>a.intro-done{animation:none;background-image:none;-webkit-text-fill-color:var(--ink,#fff);opacity:1}
/* Hover sau intro: vẫn gradient động như các mục khác */
@media (hover:hover){
 :where(body.ready .nav-pos nav>ul>li)>a.intro-done:hover,
 :where(body.ready .nav-pos nav>ul>li)>a.intro-done:focus-visible{
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d)!important;
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  animation:mfxFlow 1.1s linear infinite,mfxBlink .9s ease-in-out infinite!important;
 }
}

/* Mobile: header khớp độ rộng các box nội dung */
@media (orientation:portrait) and (max-width:520px){
 html body header:not(.compact) .brand img{width:calc(100vw - 28px);max-width:none}
 html body header nav>ul{justify-content:space-between}
}

/* Trang MUSIC mobile: các nút "Nghe trên" cùng kích cỡ (mỗi nút 1 hàng, full chiều ngang) */
@media (max-width:860px){
 html body #music-links .links{display:grid;grid-template-columns:1fr;gap:12px}
 html body #music-links .links .lk{width:100%;box-sizing:border-box;flex:none;justify-content:center;padding:13px 24px}
}

/* Mobile: chạm vào cụm nút → nháy cầu vồng 1 lần rồi về màu gốc (JS gắn .rb-tap) */
.lang-btn.rb-tap::after{animation:rb-flash 1.1s ease-out 1 both}
.mswitch .rbo{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;opacity:0;border-radius:50%;background:linear-gradient(115deg,#ff3b3b,#ff9f1c,#ffe600,#2ee66b,#19d3ff,#4d6bff,#c04dff,#ff3b9a,#ff3b3b);background-size:300% 100%;-webkit-mask-image:url("../buttons/function%20buttons/btn-switch.webp");mask-image:url("../buttons/function%20buttons/btn-switch.webp");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.mswitch.rb-tap .rbo{animation:rb-flash 1.1s ease-out 1 both}
.mswitch::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:50%;background:linear-gradient(115deg,#ff3b3b,#ff9f1c,#ffe600,#2ee66b,#19d3ff,#4d6bff,#c04dff,#ff3b9a,#ff3b3b);background-size:300% 100%;-webkit-mask:url("../buttons/function%20buttons/btn-switch.webp") center/contain no-repeat;mask:url("../buttons/function%20buttons/btn-switch.webp") center/contain no-repeat}
@keyframes rb-tapop{0%{opacity:0}12%{opacity:1}24%{opacity:.25}36%{opacity:1}48%{opacity:.3}60%{opacity:1}100%{opacity:0}}
.bgm-m.rb-tap .note-fx .part::after{animation:rb-tapop 1.1s ease-out 1 both,nflow 1.1s linear infinite}
@media (prefers-reduced-motion:reduce){.lang-btn.rb-tap::after,.mswitch.rb-tap::after,.bgm-m.rb-tap .note-fx .part::after,.mswitch.rb-tap .rbo{animation:none}}

/* Cụm nút neo bên phải → nút "lên đầu trang" chuyển sang góc dưới trái để không bị đè */
@media (orientation:portrait),(max-width:768px){
 html body.no-bgm .fx-toggle{bottom:calc(var(--mb) + var(--ms))}
html body.no-bgm.mopen .fx-toggle{bottom:calc(var(--mb) + 3 * var(--ms))}
html body.mright .totop{right:auto!important;left:calc(14px + env(safe-area-inset-left,0px))}
}

/* Trang chủ mobile: nền gradient của chữ menu chỉ phủ đúng khung dòng nên dấu tiếng Việt (Ạ Ế Ộ Ữ...) bị cắt.
   Nới khung vẽ nền lên/xuống bằng padding, bù lại bằng margin âm để bố cục không đổi. */
@media (orientation:portrait){
 html body nav>ul>li>a{padding-top:4.2cqw;padding-bottom:2.2cqw;margin-top:-4.2cqw;margin-bottom:-2.2cqw}
}

/* Mobile: cụm nút switch + nhạc — vừa tải trang 100%, sau ~5s mờ còn 69%; chạm thì 100%, thu gọn 3s sau mờ lại (JS gắn body.mdim) */
@media (orientation:portrait),(max-width:768px){
 html body.mdim .mswitch,html body.mdim .bgm-m,html body.mdim .fx-toggle{opacity:.69}
 /* Nhạc đang phát: nút nhạc luôn 100%; dừng thì theo nhịp mờ 69% như trên */
 html body.mdim .bgm-m.is-playing{opacity:1}
}

/* Tiếng Thái: cho phép xuống dòng linh hoạt, căn đều hai bên (không tràn khung) */
:lang(th) p,:lang(th) .bio-fx,:lang(th) .au,:lang(th) .t,:lang(th) .ts,:lang(th) .m-desc{overflow-wrap:anywhere;word-break:normal;line-break:auto}
:lang(th) .bio-pos,:lang(th) .bio p,:lang(th) .m-desc{text-align:justify;text-justify:inter-character}

/* Header trang con (PC): rê chuột ra khỏi mục menu → nhấp nháy cầu vồng (đang hiện tên bản địa hóa) rồi hoàn nguyên tên + màu gốc */
@keyframes mfxOut{
 0%{-webkit-text-fill-color:transparent;opacity:.55}
 18%{-webkit-text-fill-color:transparent;opacity:1}
 30%{-webkit-text-fill-color:transparent;opacity:.6}
 45%{-webkit-text-fill-color:transparent;opacity:1}
 60%{-webkit-text-fill-color:transparent;opacity:.75}
 78%{-webkit-text-fill-color:transparent;opacity:1}
 100%{-webkit-text-fill-color:var(--ink,#fff);opacity:1}
}
@media (hover:hover){
 html body header nav>ul>li>a.rb-out{
  color:transparent!important;-webkit-text-fill-color:transparent;
  background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
  animation:mfxOut 1.3s steps(1,end) 1 forwards,mfxFlow .8s linear 2;
 }
}
@media (prefers-reduced-motion:reduce){html body header nav>ul>li>a.rb-out{animation:none}}

/* Header trang con (PC): tên bản địa hóa luôn nằm trên cùng một dòng với vị trí chữ gốc — không xuống dòng, không đẩy menu */
@media (hover:hover){
 html body header nav>ul{flex-wrap:nowrap}
 html body header nav>ul>li>a{white-space:nowrap}
 html body header nav>ul>li.loc-lock{position:relative;flex:0 0 auto}
 html body header nav>ul>li.loc-lock>a[data-orig]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:max-content;white-space:nowrap;padding-inline:.12em;box-sizing:content-box}
}

/* Menu TV SHOW / CHARMED: nhấp nháy cầu vồng (header trang con + nav trang chủ) */
html body header nav a.rb-alt,
html body .nav-pos nav a.rb-alt{
 color:transparent!important;-webkit-text-fill-color:transparent;
 background-image:linear-gradient(90deg,#ff5f6d,#ffa45b,#ffe45e,#7bed9f,#4cc9f0,#7b6cff,#e56bff,#ff5f6d);
 background-size:200% 100%;-webkit-background-clip:text;background-clip:text;
 animation:mfxFlow .8s linear 2,mfxBlink .45s ease-in-out 3;
}
@media (prefers-reduced-motion:reduce){
 html body header nav a.rb-alt,
 html body .nav-pos nav a.rb-alt{animation:none}
}
/* Khóa li + chữ bản địa hóa luôn 1 dòng, không xuống dòng / không đẩy layout */
html body header nav>ul>li.loc-lock,
html body .nav-pos nav>ul>li.loc-lock{position:relative;flex:0 0 auto}
html body header nav>ul>li.loc-lock>a[data-orig],
html body .nav-pos nav>ul>li.loc-lock>a[data-orig]{
 position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
 display:block;width:max-content;max-width:none;white-space:nowrap;box-sizing:content-box
}

/* Child pages mobile: có đủ 6 menu (thêm WATCH).
   Header lớn: lưới 2 dòng × 3 nút cân đối; header thu gọn khi cuộn: cả 6 menu 1 dòng, căn đều hai lề. */
@media (orientation:portrait),(max-width:768px){
 html body header:not(.compact) nav>ul{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:2px 0}
 html body header.compact nav>ul{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0}
 html body header.compact nav>ul>li>a{font-size:clamp(10px,3vw,14px);padding:.25em 0;white-space:nowrap}
}
/* Home: CHARMED chỉ hiện mobile (dưới MERCH), luôn 1 dòng */
html body .nav-pos nav>ul>li.charmed-m{display:none}
@media (orientation:portrait){
 html body .nav-pos nav>ul>li.charmed-m{display:list-item}
 html body .nav-pos nav>ul>li.charmed-m>a{white-space:nowrap}
}


/* ===== Nút link (.lk) mọi trang con: mũi tên ↗ căn sát lề phải nút; nội dung (chữ, hoặc cụm emoji + chữ) luôn căn giữa nút
   nhờ đệm trái/phải bằng nhau → không bao giờ đè lên mũi tên. Cụm emoji + chữ: các phần tử căn trái trong khối, cả khối căn giữa. ===== */
html body .lk,html body .donate-btns .lk,html body #podcasts-links .sec-h .lk{--lka:18px;position:relative;box-sizing:border-box;justify-content:center;padding-left:calc(var(--lka) + 20px);padding-right:calc(var(--lka) + 20px);text-align:center}
html body .lk>span{text-align:left}
html body .lk::after{position:absolute;right:var(--lka);top:50%;transform:translateY(-50%);line-height:1;margin:0}
html body #podcasts-links .sec-h .lk{--lka:8px}
@media (max-width:420px){html body #podcasts-links .sec-h .lk{--lka:6px}}
html body .donate-btns .lk.lk-grp{justify-content:flex-start;padding-left:var(--lkpl,calc(var(--lka) + 12px))}