:root{--fld-blue:#99c0df;--fld-cream:#eee7d5;--fld-navy:#06131d;--fld-panel:#081924;--fld-panel2:#0b202d;--fld-ink:#9bb0bb;--fld-line:rgba(153,192,223,.18);--fld-display:"Barlow Condensed","Arial Narrow",sans-serif;--fld-body:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.fld-page{width:100%;min-height:100vh;margin:0!important;background:#050d13;color:var(--fld-ink);font-family:var(--fld-body);overflow-x:clip}.fld-page *{box-sizing:border-box}.fld-page a{text-decoration:none}.fld-page button,.fld-page input,.fld-page select{font:inherit}.fld-shell{width:min(1540px,calc(100% - 56px));margin-inline:auto}.fld-kicker{display:block;color:var(--fld-blue);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
/* Hero */
.fld-hero{position:relative;min-height:420px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--fld-line);background:#06131d}.fld-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,15,.96) 0%,rgba(3,10,15,.78) 42%,rgba(3,10,15,.42) 72%,rgba(3,10,15,.62) 100%),url('../images/loon-dock-workspace.webp') center/cover no-repeat;transform:scale(1.01)}.fld-hero-inner{position:relative;z-index:1;padding:78px 0 62px}.fld-hero h1{max-width:930px;margin:11px 0 13px;color:var(--fld-cream);font:italic 700 clamp(54px,6.8vw,104px)/.96 var(--fld-display);letter-spacing:.027em;word-spacing:.055em;text-wrap:balance}.fld-hero p{max-width:720px;margin:0;color:#b2c0c7;font-size:15px;line-height:1.62}.fld-hero-signal{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:8px 11px;border:1px solid rgba(153,192,223,.18);background:rgba(5,17,25,.58);font-size:8px;font-weight:800;letter-spacing:.13em;color:#8fa7b3}.fld-hero-signal i{width:7px;height:7px;border-radius:50%;background:#74ef9c;box-shadow:0 0 10px rgba(116,239,156,.5)}
/* Latest strip */
.fld-now{position:relative;z-index:3;background:#050d13}.fld-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:translateY(-28px);margin-bottom:-10px}.fld-now-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:120px;padding:14px;border:1px solid rgba(153,192,223,.2);background:linear-gradient(135deg,#0b202c,#07151f);color:inherit;box-shadow:0 16px 40px rgba(0,0,0,.25)}.fld-now-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fld-blue)}.fld-now-card img{width:92px;height:92px;object-fit:cover}.fld-now-tag{position:absolute;right:12px;top:10px;color:#63808f;font-size:7px;font-weight:800;letter-spacing:.13em}.fld-now-card small{display:block;color:#7694a3;font-size:8px}.fld-now-card strong{display:block;margin-top:4px;color:var(--fld-cream);font:700 22px/1.08 var(--fld-display);letter-spacing:.018em}.fld-now-card b{display:block;margin-top:9px;color:var(--fld-blue);font-size:8px;letter-spacing:.1em}.fld-feature-action{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border:1px solid rgba(153,192,223,.25);background:#07131c;color:#bcd2dc;font-size:8px;font-weight:800;letter-spacing:.09em}.fld-feature-action:hover{border-color:rgba(153,192,223,.58);color:#fff}
/* Command console */
.fld-command{padding:20px 0 72px}.fld-console{border:1px solid rgba(153,192,223,.22);background:linear-gradient(180deg,#081722,#06121a);box-shadow:0 30px 80px rgba(0,0,0,.28)}.fld-console-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:26px;align-items:end;padding:28px 30px 24px;border-bottom:1px solid var(--fld-line);background:linear-gradient(105deg,#0a1c28,#07131c)}.fld-console-head h2{margin:7px 0 0;color:var(--fld-cream);font:italic 700 48px/1 var(--fld-display);letter-spacing:.03em}.fld-console-head p{margin:0;color:#8399a5;font-size:12px;line-height:1.55;text-align:right}.fld-lanes{display:grid;grid-template-columns:repeat(var(--fld-lane-count,6),1fr);border-bottom:1px solid var(--fld-line);background:#050f16}.fld-lanes button{all:unset;cursor:pointer;position:relative;min-height:74px;padding:13px 15px;border-right:1px solid rgba(153,192,223,.1);color:#728b98;transition:.16s ease}.fld-lanes button:last-child{border-right:0}.fld-lanes button:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--fld-blue);transform:scaleX(0);transform-origin:left;transition:.16s}.fld-lanes button:hover{background:rgba(153,192,223,.035);color:#b7cad3}.fld-lanes button.is-active{background:linear-gradient(180deg,rgba(153,192,223,.055),rgba(153,192,223,.012));color:var(--fld-cream)}.fld-lanes button.is-active:after{transform:scaleX(1)}.fld-lanes button span,.fld-lanes button small{display:block;font-size:7px;font-weight:800;letter-spacing:.13em}.fld-lanes button span{color:#496879}.fld-lanes button b{display:block;margin:6px 0 4px;color:inherit;font:700 18px/1 var(--fld-display);letter-spacing:.03em}.fld-lanes button small{color:#607b89}.fld-panel{padding:34px 30px 40px;animation:fldPanelIn .18s ease}.fld-panel[hidden]{display:none!important}.fld-panel-head,.fld-subhead{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:24px;align-items:end}.fld-panel-head{padding-bottom:22px;border-bottom:1px solid var(--fld-line)}.fld-panel-head>div>span,.fld-subhead>div>span,.fld-support-intro>span{display:block;color:var(--fld-blue);font-size:8px;font-weight:800;letter-spacing:.16em}.fld-panel-head h3,.fld-subhead h4,.fld-support-intro h4{margin:7px 0 0;color:var(--fld-cream);font:italic 700 40px/1.02 var(--fld-display);letter-spacing:.027em}.fld-panel-head p,.fld-subhead p{margin:0;color:#8197a2;font-size:11px;line-height:1.5}.fld-panel-head>a,.fld-subhead>a,.fld-inline-jump{justify-self:end;color:#a7c4d3;font-size:8px;font-weight:800;letter-spacing:.09em;border-bottom:1px solid rgba(153,192,223,.42);padding-bottom:4px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
/* Latest four videos */
.fld-video-top{padding-top:27px}.fld-video-top4{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:10px;margin-top:17px}.fld-video-feature{display:block;min-width:0;border:1px solid rgba(153,192,223,.15);background:#071722;color:inherit;transition:.16s}.fld-video-feature:hover{transform:translateY(-2px);border-color:rgba(153,192,223,.45)}.fld-video-feature-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#020609}.fld-video-feature-media img,.fld-video-tile-media img,.fld-playlist-title-media img{width:100%;height:100%;object-fit:cover;display:block}.fld-video-feature-media i,.fld-video-tile-media i{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:34px;height:30px;background:rgba(3,12,18,.86);border:1px solid rgba(153,192,223,.32);color:var(--fld-blue);font-style:normal}.fld-video-feature-copy{display:block;padding:11px 12px 13px}.fld-video-feature-copy small,.fld-video-tile-copy small{display:block;color:#6e8996;font-size:7px;font-weight:800;letter-spacing:.1em}.fld-video-feature-copy strong,.fld-video-tile-copy strong{display:block;margin-top:5px;color:var(--fld-cream);font:700 18px/1.08 var(--fld-display);letter-spacing:.015em}.fld-video-feature-copy em,.fld-video-tile-copy em{display:block;margin-top:8px;color:#88aabd;font-size:7px;font-weight:800;font-style:normal;letter-spacing:.08em}.fld-video-feature.is-lead .fld-video-feature-copy strong{font-size:24px}
/* Playlist dock */
.fld-playlist-index{margin-top:34px;padding-top:28px;border-top:1px solid var(--fld-line)}.fld-playlist-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.fld-playlist-index-grid button{all:unset;cursor:pointer;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-height:58px;padding:9px 10px;background:#06141d;border:1px solid rgba(153,192,223,.13);transition:.15s}.fld-playlist-index-grid button:hover{border-color:rgba(153,192,223,.38);background:#081a25}.fld-playlist-index-grid button>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;align-self:center;border:1px solid rgba(153,192,223,.15);color:#718e9e;font:700 11px/1 var(--fld-display)}.fld-playlist-index-grid b{align-self:end;color:var(--fld-cream);font:700 15px/1 var(--fld-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-playlist-index-grid small{align-self:start;margin-top:4px;color:#567483;font-size:6px;font-weight:800;letter-spacing:.09em}.fld-playlist-shelves{margin-top:30px}.fld-playlist-shelf{padding:30px 0;border-top:1px solid var(--fld-line);scroll-margin-top:135px}.fld-playlist-shelf:last-child{border-bottom:1px solid var(--fld-line)}.fld-playlist-shelf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:24px;align-items:center;margin-bottom:15px}.fld-playlist-title{display:grid;grid-template-columns:86px minmax(0,1fr);gap:15px;align-items:center;max-width:760px;color:inherit}.fld-playlist-title:hover strong{color:#fff}.fld-playlist-title-media{width:86px;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#02070a;border:1px solid rgba(153,192,223,.16)}.fld-playlist-title-media i{color:#698796;font:italic 700 18px/1 var(--fld-display)}.fld-playlist-title small{display:block;color:#678493;font-size:7px;font-weight:800;letter-spacing:.11em}.fld-playlist-title strong{display:block;margin-top:4px;color:var(--fld-cream);font:italic 700 34px/1 var(--fld-display);letter-spacing:.025em}.fld-playlist-title em{display:block;margin-top:6px;color:#89aabb;font-size:7px;font-weight:800;font-style:normal;letter-spacing:.08em}.fld-playlist-shelf-head>p{margin:0;color:#7f949f;font-size:11px;line-height:1.5;text-align:right}.fld-playlist-videos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fld-video-tile{display:block;min-width:0;background:#07151f;border:1px solid rgba(153,192,223,.12);color:inherit;transition:.16s}.fld-video-tile:hover{transform:translateY(-2px);border-color:rgba(153,192,223,.4)}.fld-video-tile-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#020609}.fld-video-tile-copy{display:block;padding:10px 11px 12px}.fld-video-tile-copy strong{font-size:17px}.fld-playlist-empty{display:block;padding:18px;border:1px dashed rgba(153,192,223,.2);background:#06131c;color:#8199a6}.fld-playlist-empty b{display:block;color:var(--fld-cream);font:700 17px/1 var(--fld-display)}.fld-playlist-empty span{display:block;margin-top:6px;font-size:10px}
/* Podcast dashboard */
.fld-podcast-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px}.fld-podcast-stat{all:unset;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:92px;padding:15px 18px;background:#071722;border:1px solid rgba(153,192,223,.14);transition:.16s}.fld-podcast-stat:hover,.fld-podcast-stat.is-active{border-color:rgba(153,192,223,.48);background:linear-gradient(135deg,#0b2130,#081721)}.fld-podcast-stat small{display:block;color:#667f8e;font-size:8px;font-weight:800;letter-spacing:.12em}.fld-podcast-stat strong{display:block;margin-top:6px;color:var(--fld-cream);font:700 22px/1 var(--fld-display);letter-spacing:.025em}.fld-podcast-stat>b{color:var(--fld-blue);font:700 34px/1 var(--fld-display)}
.fld-tacklebox-tools,.fld-featured-seven,.fld-library{margin-top:30px;padding-top:27px;border-top:1px solid var(--fld-line)}.fld-tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:15px}.fld-tool-grid button{all:unset;cursor:pointer;min-height:94px;padding:12px;background:#06141d;border:1px solid rgba(153,192,223,.12);transition:.15s}.fld-tool-grid button:hover{border-color:rgba(153,192,223,.38);background:#081a25}.fld-tool-grid small,.fld-tool-grid span{display:block;color:#617c8a;font-size:7px;font-weight:800;letter-spacing:.1em}.fld-tool-grid b{display:block;margin:6px 0;color:var(--fld-cream);font:700 19px/1 var(--fld-display)}.fld-featured-seven-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px}.fld-featured-seven-grid article{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:68px;padding:8px 10px;background:#071722;border:1px solid rgba(153,192,223,.12)}.fld-featured-seven-grid article>span{color:#526f7f;font:italic 700 22px/1 var(--fld-display)}.fld-featured-seven-grid small{display:block;color:#6e8996;font-size:7px;font-weight:800;letter-spacing:.1em}.fld-featured-seven-grid strong{display:block;margin-top:4px;color:var(--fld-cream);font:700 16px/1.07 var(--fld-display)}.fld-mini-play{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(153,192,223,.2);color:var(--fld-blue);background:#06131c}
/* Podcast controls + old Dock rows */
.fld-library-controls{display:grid;grid-template-columns:minmax(280px,1.5fr) 1fr 1fr;gap:8px;margin-top:16px}.fld-library-controls label{display:block;padding:10px;background:#06141d;border:1px solid rgba(153,192,223,.13)}.fld-library-controls label>span{display:block;margin-bottom:6px;color:#668392;font-size:7px;font-weight:800;letter-spacing:.11em}.fld-library-controls input,.fld-library-controls select{width:100%;height:38px;padding:0 10px;border:1px solid rgba(153,192,223,.18)!important;border-radius:0!important;background:#040d13!important;color:#d8e1e5!important;box-shadow:none!important;outline:0}.fld-library-controls input:focus,.fld-library-controls select:focus{border-color:rgba(153,192,223,.6)!important}.fld-library-grid{display:grid;gap:8px;margin-top:13px}.fld-library-row{display:grid;grid-template-columns:78px minmax(0,1fr) 160px 78px 82px;gap:14px;align-items:stretch;min-height:126px;background:#071722;border:1px solid rgba(153,192,223,.13);scroll-margin-top:150px}.fld-library-num{display:flex;align-items:center;justify-content:center;color:#385668;font:italic 700 42px/1 var(--fld-display)}.fld-library-copy{align-self:center;min-width:0;padding:16px 0}.fld-library-meta{display:flex;gap:10px;flex-wrap:wrap;color:#688594;font-size:7px;font-weight:800;letter-spacing:.1em}.fld-library-copy strong{display:block;margin-top:7px;color:var(--fld-cream);font:700 24px/1.04 var(--fld-display);letter-spacing:.012em}.fld-library-copy p{margin:7px 0 0;color:#879ca7;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fld-library-side{align-self:center;text-align:right;padding-right:4px}.fld-library-side time{display:block;color:#8297a2;font-size:9px;font-weight:700}.fld-library-metrics{display:flex;justify-content:flex-end;gap:12px;margin-top:9px}.fld-library-metrics span{text-align:center}.fld-library-metrics b{display:block;color:var(--fld-blue);font-size:11px}.fld-library-metrics small{display:block;margin-top:3px;color:#53717f;font-size:6px;font-weight:800;letter-spacing:.08em}.fld-library-actions{display:flex;align-items:center;justify-content:center;gap:7px;border-left:1px solid rgba(153,192,223,.09)}.fld-like,.fld-library-play{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(153,192,223,.2);background:#06131c;color:#8aa8b7}.fld-library-play{border-radius:50%;color:var(--fld-blue)}.fld-like.is-liked{color:#ffb7c8;border-color:rgba(255,183,200,.32)}.fld-notes{display:grid;place-items:center;align-content:center;gap:4px;border-left:1px solid rgba(153,192,223,.09);background:#06141d;color:#7996a5}.fld-notes span{font-size:14px}.fld-notes b{font-size:8px;letter-spacing:.1em}.fld-notes:hover{background:#081b26;color:#c4d7e0}.fld-load-more{all:unset;cursor:pointer;display:block;margin:14px auto 0;padding:11px 16px;border:1px solid rgba(153,192,223,.22);background:#071722;color:#96b1bf;font-size:8px;font-weight:800;letter-spacing:.1em}.fld-library-empty{padding:28px;text-align:center;border:1px dashed rgba(153,192,223,.2)}.fld-library-empty b{display:block;color:var(--fld-cream);font:italic 700 25px/1 var(--fld-display)}.fld-library-empty span{display:block;margin-top:7px;font-size:10px}
/* Compact guide/guest rows */
.fld-episode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}.fld-episode-card{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:9px;align-items:center;min-height:70px;padding:8px 10px;background:#071722;border:1px solid rgba(153,192,223,.12)}.fld-episode-index{color:#537080;font:italic 700 18px/1 var(--fld-display)}.fld-episode-copy small{display:block;color:#6c8795;font-size:7px;font-weight:800;letter-spacing:.1em}.fld-episode-copy strong{display:block;margin-top:4px;color:var(--fld-cream);font:700 17px/1.08 var(--fld-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-play{all:unset;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(153,192,223,.2);color:var(--fld-blue);background:#06131c}
/* Follow + Listen */
.fld-follow-block+.fld-follow-block{margin-top:32px;padding-top:29px;border-top:1px solid var(--fld-line)}.fld-follow-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:24px;align-items:end;margin-bottom:16px}.fld-follow-heading span{grid-column:1;color:var(--fld-blue);font-size:8px;font-weight:800;letter-spacing:.15em}.fld-follow-heading h4{grid-column:1;margin:6px 0 0;color:var(--fld-cream);font:italic 700 36px/1.02 var(--fld-display)}.fld-follow-heading p{grid-column:2;grid-row:1/3;margin:0;color:#8096a1;font-size:11px;line-height:1.5}.fld-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fld-social-card,.fld-platform-card{display:grid;align-items:center;background:#071722;border:1px solid rgba(153,192,223,.13);color:inherit;transition:.15s}.fld-social-card{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:66px;padding:9px 11px}.fld-social-card i{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(153,192,223,.14);color:var(--fld-blue);font-style:normal;font-size:9px;font-weight:800}.fld-social-card small,.fld-platform-copy small{display:block;color:#6c8794;font-size:7px;font-weight:800;letter-spacing:.11em}.fld-social-card strong,.fld-platform-copy strong{display:block;margin-top:4px;color:var(--fld-cream);font:700 17px/1.04 var(--fld-display)}.fld-social-card>b,.fld-platform-card>b{color:#819daa}.fld-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.fld-platform-card{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;min-height:74px;padding:8px 9px}.fld-platform-logo{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(153,192,223,.13);background:transparent;overflow:hidden}.fld-platform-logo img{width:35px;height:35px;object-fit:contain;display:block}.fld-platform-copy em{display:block;margin-top:4px;color:#627c89;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-social-card:hover,.fld-platform-card:hover{transform:translateY(-2px);border-color:rgba(153,192,223,.38)}
/* Support */
.fld-support-intro{max-width:760px}.fld-support-intro h4{font-size:46px}.fld-support-intro p{margin:9px 0 0;font-size:13px;line-height:1.55}.fld-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.fld-support-grid a,.fld-support-grid button{all:unset;cursor:pointer;display:block;min-height:132px;padding:17px;background:#071722;border:1px solid rgba(153,192,223,.13);transition:.15s}.fld-support-grid a:hover,.fld-support-grid button:hover{transform:translateY(-2px);border-color:rgba(153,192,223,.4)}.fld-support-grid small{display:block;color:#6d8794;font-size:7px;font-weight:800;letter-spacing:.11em}.fld-support-grid b{display:block;margin-top:9px;color:var(--fld-cream);font:italic 700 28px/1 var(--fld-display)}.fld-support-grid span{display:block;margin-top:10px;color:#7d95a2;font-size:10px}.fld-castout{padding:28px 0;background:#06131b;border-top:1px solid var(--fld-line)}.fld-castout>.fld-shell{display:grid;grid-template-columns:minmax(280px,.6fr) 1fr;gap:28px;align-items:center}.fld-castout h2{margin:6px 0 0;color:var(--fld-cream);font:italic 700 36px/1 var(--fld-display)}.fld-castout-jump{justify-self:end;min-height:40px!important;padding:0 15px!important;border:1px solid rgba(153,192,223,.25)!important;background:#071722!important;color:#a9c2ce!important;font-size:8px!important;font-weight:800!important;letter-spacing:.09em!important;cursor:pointer!important}.is-deep-target{border-color:rgba(153,192,223,.85)!important;box-shadow:0 0 0 1px rgba(153,192,223,.15),0 0 24px rgba(153,192,223,.1)!important;animation:fldDeepTarget 1s ease-in-out 2}@keyframes fldPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fldDeepTarget{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@media(max-width:1180px){.fld-lanes{grid-template-columns:repeat(3,1fr)}.fld-lanes button:nth-child(3n){border-right:0}.fld-video-top4,.fld-playlist-videos{grid-template-columns:repeat(2,1fr)}.fld-video-feature.is-lead{grid-column:1/-1}.fld-playlist-index-grid{grid-template-columns:repeat(3,1fr)}.fld-tool-grid{grid-template-columns:repeat(3,1fr)}.fld-platform-grid{grid-template-columns:repeat(3,1fr)}.fld-library-row{grid-template-columns:62px minmax(0,1fr) 130px 72px}.fld-notes{grid-column:1/-1;min-height:40px;border-left:0;border-top:1px solid rgba(153,192,223,.09);display:flex;justify-content:center;gap:7px}.fld-support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.fld-shell{width:calc(100% - 28px)}.fld-hero{min-height:360px}.fld-hero-inner{padding:62px 0 46px}.fld-now-grid{grid-template-columns:1fr;transform:translateY(-18px)}.fld-console-head,.fld-panel-head,.fld-subhead,.fld-follow-heading,.fld-playlist-shelf-head{grid-template-columns:1fr}.fld-console-head p,.fld-playlist-shelf-head>p{text-align:left}.fld-panel-head>a,.fld-subhead>a,.fld-inline-jump{justify-self:start}.fld-panel{padding:28px 20px 32px}.fld-playlist-index-grid{grid-template-columns:repeat(2,1fr)}.fld-playlist-title strong{font-size:29px}.fld-podcast-dashboard{grid-template-columns:1fr}.fld-featured-seven-grid{grid-template-columns:1fr}.fld-library-controls{grid-template-columns:1fr 1fr}.fld-search-control{grid-column:1/-1}.fld-library-row{grid-template-columns:52px minmax(0,1fr) 72px}.fld-library-side{grid-column:2;text-align:left;padding:0 0 12px}.fld-library-metrics{justify-content:flex-start}.fld-library-actions{grid-column:3;grid-row:1/3;border-left:1px solid rgba(153,192,223,.09)}.fld-notes{grid-column:1/-1}.fld-platform-grid{grid-template-columns:repeat(2,1fr)}.fld-social-grid{grid-template-columns:repeat(2,1fr)}.fld-castout>.fld-shell{grid-template-columns:1fr}.fld-castout-jump{justify-self:start}}
@media(max-width:560px){.fld-shell{width:calc(100% - 20px)}.fld-hero{min-height:330px}.fld-hero h1{font-size:44px}.fld-hero p{font-size:13px}.fld-now-card{grid-template-columns:72px minmax(0,1fr);padding:11px}.fld-now-card img{width:72px;height:72px}.fld-now-card strong{font-size:18px}.fld-now-tag{display:none}.fld-console-head{padding:22px 15px 18px}.fld-console-head h2{font-size:34px}.fld-lanes{grid-template-columns:repeat(2,1fr)}.fld-lanes button,.fld-lanes button:nth-child(3n){border-right:1px solid rgba(153,192,223,.1)}.fld-lanes button:nth-child(even){border-right:0}.fld-lanes button{min-height:64px;padding:11px}.fld-lanes button b{font-size:16px}.fld-panel{padding:22px 12px 26px}.fld-panel-head h3,.fld-subhead h4{font-size:29px}.fld-video-top4,.fld-playlist-videos{grid-template-columns:1fr}.fld-video-feature.is-lead{grid-column:auto}.fld-playlist-index-grid{grid-template-columns:1fr 1fr}.fld-playlist-index-grid button{min-height:54px;padding:8px}.fld-playlist-title{grid-template-columns:70px minmax(0,1fr);gap:10px}.fld-playlist-title-media{width:70px}.fld-playlist-title strong{font-size:25px}.fld-playlist-title em{display:none}.fld-library-controls{grid-template-columns:1fr}.fld-search-control{grid-column:auto}.fld-library-row{grid-template-columns:38px minmax(0,1fr) 52px;gap:8px;min-height:112px}.fld-library-num{font-size:29px}.fld-library-copy{padding:12px 0}.fld-library-copy strong{font-size:19px}.fld-library-copy p{font-size:10px;-webkit-line-clamp:2}.fld-library-meta{font-size:6px}.fld-library-side{grid-column:2}.fld-library-actions{grid-column:3;grid-row:1/3;flex-direction:column}.fld-like,.fld-library-play{width:34px;height:34px}.fld-tool-grid{grid-template-columns:1fr 1fr}.fld-platform-grid,.fld-social-grid,.fld-support-grid{grid-template-columns:1fr}.fld-episode-grid{grid-template-columns:1fr}.fld-support-grid a,.fld-support-grid button{min-height:105px}.fld-castout h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.fld-panel,.is-deep-target,.fld-video-feature,.fld-video-tile,.fld-social-card,.fld-platform-card{animation:none!important;transition:none!important}}


/* ============================================================
   v1.3.1 — DARK DOCK CONTROLS
   Keep powder blue as an accent/interaction color, never the default fill.
   These selectors intentionally hard-reset theme/global button styles that
   can otherwise turn Dock navigation and playlist jump controls into blue slabs.
   ============================================================ */

/* Main Dock lanes: dark by default, cream text, powder-blue interaction only. */
html body .fld-console .fld-lanes button{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  background:#071722!important;
  background-image:none!important;
  color:#d9e4e9!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:1px solid rgba(153,192,223,.13)!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .fld-console .fld-lanes button span{
  color:#668596!important;
}
html body .fld-console .fld-lanes button b{
  color:#eee7d5!important;
  text-shadow:none!important;
}
html body .fld-console .fld-lanes button small{
  color:#7893a1!important;
}
html body .fld-console .fld-lanes button:hover,
html body .fld-console .fld-lanes button:focus-visible{
  background:#99c0df!important;
  color:#07131c!important;
  border-right-color:#99c0df!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  outline:none!important;
}
html body .fld-console .fld-lanes button:hover span,
html body .fld-console .fld-lanes button:hover b,
html body .fld-console .fld-lanes button:hover small,
html body .fld-console .fld-lanes button:focus-visible span,
html body .fld-console .fld-lanes button:focus-visible b,
html body .fld-console .fld-lanes button:focus-visible small{
  color:#07131c!important;
}
html body .fld-console .fld-lanes button.is-active{
  background:#0a1d29!important;
  color:#eee7d5!important;
  box-shadow:inset 0 3px 0 #99c0df!important;
}
html body .fld-console .fld-lanes button.is-active span{color:#87a9ba!important}
html body .fld-console .fld-lanes button.is-active b{color:#f2ecdc!important}
html body .fld-console .fld-lanes button.is-active small{color:#8ba4b0!important}
html body .fld-console .fld-lanes button.is-active:after{
  background:#99c0df!important;
}

/* Playlist Dock jump cards: same dark-card language. */
html body .fld-console .fld-playlist-index-grid button{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  background:#081923!important;
  background-image:none!important;
  color:#d8e4e9!important;
  border:1px solid rgba(153,192,223,.16)!important;
  border-radius:0!important;
  box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  text-shadow:none!important;
}
html body .fld-console .fld-playlist-index-grid button>span{
  background:#06131d!important;
  color:#86a7b7!important;
  border-color:rgba(153,192,223,.2)!important;
}
html body .fld-console .fld-playlist-index-grid button b{
  color:#eee7d5!important;
  text-shadow:none!important;
}
html body .fld-console .fld-playlist-index-grid button small{
  color:#7692a0!important;
}
html body .fld-console .fld-playlist-index-grid button:hover,
html body .fld-console .fld-playlist-index-grid button:focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
  outline:none!important;
  transform:translateY(-1px);
}
html body .fld-console .fld-playlist-index-grid button:hover>span,
html body .fld-console .fld-playlist-index-grid button:focus-visible>span{
  background:rgba(6,19,29,.12)!important;
  color:#07131c!important;
  border-color:rgba(6,19,29,.22)!important;
}
html body .fld-console .fld-playlist-index-grid button:hover b,
html body .fld-console .fld-playlist-index-grid button:hover small,
html body .fld-console .fld-playlist-index-grid button:focus-visible b,
html body .fld-console .fld-playlist-index-grid button:focus-visible small{
  color:#07131c!important;
}

/* Mobile keeps the same dark default; no giant light-blue tiles. */
@media(max-width:560px){
  html body .fld-console .fld-lanes button{
    background:#071722!important;
  }
  html body .fld-console .fld-playlist-index-grid button{
    background:#081923!important;
    min-height:58px!important;
  }
}


/* ============================================================
   v1.3.2 — DOCK-WIDE DARK CONTROL SYSTEM
   Public Dock rule: no default powder-blue slabs. All interactive cards and
   button-like controls are dark navy by default. Powder blue is reserved for
   hover/focus and thin active accents only. These overrides intentionally use
   high specificity + !important to beat global theme/Elementor button styles.
   ============================================================ */

/* Podcast collection selectors. */
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:#071722!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.16)!important;
  color:#d9e4e9!important;
  box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
  text-shadow:none!important;
}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat small{color:#7893a1!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat strong{color:#eee7d5!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat>b{color:#8eb5cb!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  color:#07131c!important;
  outline:none!important;
  transform:translateY(-1px);
}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover small,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover strong,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover>b,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible small,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible strong,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible>b{color:#07131c!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat.is-active{
  background:#0a1d29!important;
  border-color:rgba(153,192,223,.42)!important;
  box-shadow:inset 3px 0 0 #99c0df,0 8px 18px rgba(0,0,0,.12)!important;
}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat.is-active small{color:#88a5b3!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat.is-active strong{color:#f1ecdc!important}
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat.is-active>b{color:#99c0df!important}

/* Podcast Tacklebox discovery cards. */
html body .fld-page .fld-tool-grid button{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:#071722!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.15)!important;
  color:#d9e4e9!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
  text-shadow:none!important;
}
html body .fld-page .fld-tool-grid button small,
html body .fld-page .fld-tool-grid button span{color:#748f9d!important}
html body .fld-page .fld-tool-grid button b{color:#eee7d5!important}
html body .fld-page .fld-tool-grid button:hover,
html body .fld-page .fld-tool-grid button:focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  color:#07131c!important;
  outline:none!important;
  transform:translateY(-1px);
}
html body .fld-page .fld-tool-grid button:hover small,
html body .fld-page .fld-tool-grid button:hover span,
html body .fld-page .fld-tool-grid button:hover b,
html body .fld-page .fld-tool-grid button:focus-visible small,
html body .fld-page .fld-tool-grid button:focus-visible span,
html body .fld-page .fld-tool-grid button:focus-visible b{color:#07131c!important}
html body .fld-page .fld-tool-grid button.is-active{
  background:#0a1d29!important;
  border-color:rgba(153,192,223,.44)!important;
  box-shadow:inset 0 3px 0 #99c0df!important;
}
html body .fld-page .fld-tool-grid button.is-active small,
html body .fld-page .fld-tool-grid button.is-active span{color:#88a5b3!important}
html body .fld-page .fld-tool-grid button.is-active b{color:#f1ecdc!important}

/* Playlist Dock jump cards: reinforce dark defaults site-wide. */
html body .fld-page .fld-playlist-index-grid button{
  background:#071722!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.15)!important;
  color:#d9e4e9!important;
}
html body .fld-page .fld-playlist-index-grid button:hover,
html body .fld-page .fld-playlist-index-grid button:focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  color:#07131c!important;
}

/* Main Dock lanes: active stays dark, hover alone gets blue fill. */
html body .fld-page .fld-lanes button.is-active{
  background:#0a1d29!important;
  box-shadow:inset 0 3px 0 #99c0df!important;
}

/* Other public button-style controls — dark at rest. */
html body .fld-page .fld-load-more,
html body .fld-page .fld-castout-jump,
html body .fld-page .fld-inline-jump,
html body .fld-page .fld-support-grid button,
html body .fld-page .fld-feature-action,
html body .fld-page .fld-mini-play,
html body .fld-page .fld-play,
html body .fld-page .fld-like,
html body .fld-page .fld-library-play{
  background:#071722!important;
  background-image:none!important;
  border-color:rgba(153,192,223,.20)!important;
  color:#a9c2ce!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .fld-page .fld-load-more:hover,
html body .fld-page .fld-load-more:focus-visible,
html body .fld-page .fld-castout-jump:hover,
html body .fld-page .fld-castout-jump:focus-visible,
html body .fld-page .fld-inline-jump:hover,
html body .fld-page .fld-inline-jump:focus-visible,
html body .fld-page .fld-support-grid button:hover,
html body .fld-page .fld-support-grid button:focus-visible,
html body .fld-page .fld-feature-action:hover,
html body .fld-page .fld-feature-action:focus-visible,
html body .fld-page .fld-mini-play:hover,
html body .fld-page .fld-mini-play:focus-visible,
html body .fld-page .fld-play:hover,
html body .fld-page .fld-play:focus-visible,
html body .fld-page .fld-library-play:hover,
html body .fld-page .fld-library-play:focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  color:#07131c!important;
  outline:none!important;
}

/* Like retains its liked state without becoming a powder-blue slab. */
html body .fld-page .fld-like.is-liked{
  background:#101923!important;
  color:#ffb7c8!important;
  border-color:rgba(255,183,200,.36)!important;
}

/* ============================================================
   v1.3.3 — PODCAST ROW / NOTES REBUILD
   Removes the obsolete heart/like UI, hard-resets all play controls so global
   theme CSS cannot stretch them, and keeps Buzzsprout show notes inside a
   branded Dock modal instead of navigating visitors away.
   ============================================================ */
body.fld-notes-open{overflow:hidden!important}

/* Compact, theme-proof play buttons everywhere in the Dock. */
html body .fld-page button.fld-mini-play,
html body .fld-page button.fld-play,
html body .fld-page button.fld-library-play,
html body .fld-page button.fld-notes,
html body .fld-page button.fld-notes-play,
html body .fld-page button.fld-notes-return,
html body .fld-page button.fld-notes-close{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  text-transform:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body .fld-page button.fld-mini-play,
html body .fld-page button.fld-play{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important;
  padding:0!important;display:grid!important;place-items:center!important;line-height:1!important;border-radius:0!important;
  background:#06131c!important;border:1px solid rgba(153,192,223,.22)!important;color:#99c0df!important;font-size:15px!important;overflow:hidden!important;
}
html body .fld-page button.fld-library-play{
  width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  padding:0!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important;line-height:1!important;border-radius:0!important;
  background:#06131c!important;border:1px solid rgba(153,192,223,.22)!important;color:#99c0df!important;overflow:hidden!important;
}
html body .fld-page button.fld-library-play span{display:block!important;font-size:14px!important;line-height:1!important}
html body .fld-page button.fld-library-play b{display:block!important;color:#8da8b5!important;font-family:var(--fld-body)!important;font-size:6px!important;font-weight:800!important;line-height:1!important;letter-spacing:.1em!important}
html body .fld-page button.fld-mini-play:hover,
html body .fld-page button.fld-mini-play:focus-visible,
html body .fld-page button.fld-play:hover,
html body .fld-page button.fld-play:focus-visible,
html body .fld-page button.fld-library-play:hover,
html body .fld-page button.fld-library-play:focus-visible{
  background:#99c0df!important;border-color:#99c0df!important;color:#06131d!important;outline:none!important;
}
html body .fld-page button.fld-library-play:hover b,
html body .fld-page button.fld-library-play:focus-visible b{color:#06131d!important}

/* Keep compact two-column preview lists from spilling their play controls across cards. */
.fld-featured-seven-grid article{grid-template-columns:40px minmax(0,1fr) 44px!important;gap:10px!important;overflow:hidden!important}
.fld-featured-seven-grid article>button{justify-self:end!important;align-self:center!important}
.fld-episode-card{grid-template-columns:38px minmax(0,1fr) 44px!important;overflow:hidden!important}
.fld-episode-card .fld-play{justify-self:end!important}

/* Full archive: number / copy / activity / play / notes. No heart column. */
.fld-library-row{
  grid-template-columns:64px minmax(0,1fr) 112px 58px 76px!important;
  gap:12px!important;align-items:stretch!important;min-height:122px!important;overflow:hidden!important;
}
.fld-library-actions{display:grid!important;place-items:center!important;border-left:1px solid rgba(153,192,223,.09)!important;padding:0!important;min-width:0!important}
.fld-library-side{align-self:center!important;padding-right:6px!important}
.fld-library-metrics{justify-content:flex-end!important}
.fld-library-metrics span+span{display:none!important}
html body .fld-page button.fld-notes{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0 8px!important;
  display:grid!important;place-items:center!important;align-content:center!important;gap:5px!important;border:0!important;border-left:1px solid rgba(153,192,223,.09)!important;border-radius:0!important;
  background:#06141d!important;color:#7f9aa8!important;cursor:pointer!important;overflow:hidden!important;
}
html body .fld-page button.fld-notes span{font-size:14px!important;line-height:1!important}
html body .fld-page button.fld-notes b{font-family:var(--fld-body)!important;font-size:7px!important;font-weight:800!important;line-height:1!important;letter-spacing:.11em!important;color:#8faab7!important}
html body .fld-page button.fld-notes:hover,
html body .fld-page button.fld-notes:focus-visible{background:#99c0df!important;color:#06131d!important;outline:none!important}
html body .fld-page button.fld-notes:hover b,
html body .fld-page button.fld-notes:focus-visible b{color:#06131d!important}

/* Notes modal. */
.fld-notes-modal{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;padding:22px;font-family:var(--fld-body);color:#c4d1d7}
.fld-notes-modal[hidden]{display:none!important}
.fld-notes-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(2,8,12,.82)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:default!important}
.fld-notes-dialog{position:relative;z-index:1;width:min(920px,calc(100vw - 32px));max-height:min(860px,calc(100dvh - 36px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(153,192,223,.28);border-top:4px solid #99c0df;background:linear-gradient(180deg,#0a1e2a 0%,#06131d 100%);box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 40px rgba(153,192,223,.06)}
.fld-notes-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid rgba(153,192,223,.13);background:#071722}
.fld-notes-brand span{display:block;color:#99c0df;font-size:8px;font-weight:800;letter-spacing:.16em}.fld-notes-brand small{display:block;margin-top:4px;color:#6f8895;font-size:9px}
html body .fld-page button.fld-notes-close{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(153,192,223,.22)!important;border-radius:50%!important;background:#06131d!important;color:#a7c4d2!important;font-size:23px!important;line-height:1!important;cursor:pointer!important}
html body .fld-page button.fld-notes-close:hover,html body .fld-page button.fld-notes-close:focus-visible{background:#99c0df!important;color:#06131d!important;outline:none!important}
.fld-notes-intro{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(153,192,223,.12);background:linear-gradient(105deg,rgba(153,192,223,.035),transparent)}
.fld-notes-art{width:110px;height:110px;overflow:hidden;border:1px solid rgba(153,192,223,.18);background:#fff}.fld-notes-art[hidden]{display:none!important}.fld-notes-art img{display:block;width:100%;height:100%;object-fit:cover}
.fld-notes-meta{display:flex;gap:9px;flex-wrap:wrap;color:#7f9ba9;font-size:8px;font-weight:800;letter-spacing:.1em}.fld-notes-meta span:empty{display:none}
.fld-notes-titleblock h2{margin:7px 0 0;color:#eee7d5;font:italic 700 clamp(30px,5vw,48px)/1.02 var(--fld-display);letter-spacing:.025em}.fld-notes-titleblock>p{margin:8px 0 0;color:#829aa7;font-size:11px}
.fld-notes-body{min-height:0;overflow:auto;padding:26px 28px 34px;scrollbar-width:thin;scrollbar-color:#6d99b0 #06131d;color:#ccd6db;font:400 15px/1.75 var(--fld-body)}
.fld-notes-body::-webkit-scrollbar{width:9px}.fld-notes-body::-webkit-scrollbar-track{background:#06131d}.fld-notes-body::-webkit-scrollbar-thumb{background:#4d7285;border:2px solid #06131d;border-radius:9px}.fld-notes-body::-webkit-scrollbar-thumb:hover{background:#7ba7bd}
.fld-notes-body p{margin:0 0 1.15em;color:#c8d3d8;font:400 15px/1.75 var(--fld-body)}
.fld-notes-body h1,.fld-notes-body h2,.fld-notes-body h3,.fld-notes-body h4{margin:1.15em 0 .45em;color:#eee7d5;font-family:var(--fld-display);font-style:italic;font-weight:700;line-height:1.08;letter-spacing:.02em}.fld-notes-body h1{font-size:34px}.fld-notes-body h2{font-size:30px}.fld-notes-body h3{font-size:25px}.fld-notes-body h4{font-size:21px}
.fld-notes-body ul,.fld-notes-body ol{margin:0 0 1.2em;padding-left:1.35em}.fld-notes-body li{margin:.42em 0;color:#c4d0d6}.fld-notes-body li::marker{color:#99c0df}.fld-notes-body strong{color:#edf0e8;font-weight:700}.fld-notes-body em{color:#b7c8d0}.fld-notes-body a{color:#9fc9df!important;text-decoration:none!important;border-bottom:1px solid rgba(159,201,223,.38);word-break:break-word}.fld-notes-body a:hover{color:#fff!important;border-bottom-color:#fff}.fld-notes-body blockquote{margin:1.25em 0;padding:12px 16px;border-left:3px solid #99c0df;background:rgba(153,192,223,.045);color:#b9cbd4}.fld-notes-body hr{border:0;border-top:1px solid rgba(153,192,223,.15);margin:24px 0}.fld-notes-body img{max-width:100%;height:auto;border:1px solid rgba(153,192,223,.14)}
.fld-notes-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid rgba(153,192,223,.13);background:#071722}
html body .fld-page button.fld-notes-play,html body .fld-page button.fld-notes-return{min-height:42px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(153,192,223,.22)!important;border-radius:0!important;background:#06131d!important;color:#b7cbd4!important;font-family:var(--fld-body)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.09em!important;cursor:pointer!important}
html body .fld-page button.fld-notes-play:hover,html body .fld-page button.fld-notes-play:focus-visible,html body .fld-page button.fld-notes-return:hover,html body .fld-page button.fld-notes-return:focus-visible{background:#99c0df!important;border-color:#99c0df!important;color:#06131d!important;outline:none!important}
html body .fld-page button.fld-notes-play b{font:inherit!important;color:inherit!important}

@media(max-width:1180px){.fld-library-row{grid-template-columns:54px minmax(0,1fr) 100px 54px 70px!important}.fld-library-side{padding-right:2px!important}}
@media(max-width:860px){.fld-library-row{grid-template-columns:44px minmax(0,1fr) 54px 66px!important}.fld-library-side{grid-column:2!important;text-align:left!important;padding:0 0 11px!important}.fld-library-metrics{justify-content:flex-start!important}.fld-library-actions{grid-column:3!important;grid-row:1/3!important}.fld-notes{grid-column:4!important;grid-row:1/3!important;border-top:0!important}.fld-notes-intro{grid-template-columns:82px minmax(0,1fr);padding:16px}.fld-notes-art{width:82px;height:82px}.fld-notes-body{padding:22px 20px 28px}}
@media(max-width:560px){.fld-library-row{grid-template-columns:34px minmax(0,1fr) 46px 58px!important;gap:7px!important;min-height:108px!important}.fld-library-copy{padding:11px 0!important}.fld-library-copy strong{font-size:18px!important}.fld-library-copy p{font-size:10px!important}.fld-library-actions{grid-column:3!important}.fld-notes{grid-column:4!important}.fld-notes-modal{padding:8px}.fld-notes-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.fld-notes-intro{grid-template-columns:1fr;padding:15px 16px}.fld-notes-art{width:70px;height:70px}.fld-notes-titleblock h2{font-size:30px}.fld-notes-body{padding:19px 16px 24px;font-size:14px}.fld-notes-body p{font-size:14px}.fld-notes-footer{padding:10px;flex-direction:column}.fld-notes-footer button{width:100%!important}}


/* ============================================================
   v1.3.4 — NOTES MODAL POLISH
   Keep the modal backdrop visually static on hover/focus and soften the
   episode title to the approved readable Fishing Loons display treatment.
   ============================================================ */

/* The backdrop is a full-screen button for close behavior. Global/theme
   button hover styles must NEVER recolor the page behind the notes dialog. */
html body .fld-page button.fld-notes-backdrop,
html body .fld-page button.fld-notes-backdrop:hover,
html body .fld-page button.fld-notes-backdrop:focus,
html body .fld-page button.fld-notes-backdrop:focus-visible,
html body .fld-page button.fld-notes-backdrop:active{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(2,8,12,.82)!important;
  color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
}

/* Approved Fishing Loons heading treatment: bold enough to brand the page,
   but not the crushed/black poster weight we've explicitly retired. */
html body .fld-page .fld-notes-titleblock h2{
  margin:8px 0 0!important;
  color:#eee7d5!important;
  font-family:var(--fld-display)!important;
  font-style:italic!important;
  font-weight:600!important;
  font-size:clamp(29px,4.15vw,43px)!important;
  line-height:1.075!important;
  letter-spacing:.04em!important;
  word-spacing:.035em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

@media(max-width:560px){
  html body .fld-page .fld-notes-titleblock h2{
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:.035em!important;
  }
}


/* ============================================================
   v1.3.5 — SINGLE PLAYLIST VIEWER
   Playlist choices no longer jump through a 13-shelf document. One selected
   playlist renders directly under the selector and replaces the previous one.
   ============================================================ */
.fld-playlist-viewer{margin-top:24px;border-top:1px solid var(--fld-line);border-bottom:1px solid var(--fld-line);min-height:210px}
.fld-playlist-viewer-inner{min-height:210px}
.fld-playlist-viewer .fld-playlist-shelf{padding:26px 0;border:0!important;margin:0!important}
.fld-playlist-loading,.fld-playlist-livewait{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;background:#06131c;border:1px solid rgba(153,192,223,.12);color:#8199a6}
.fld-playlist-loading span,.fld-playlist-livewait span{color:#7fa2b5;font-size:8px;font-weight:800;letter-spacing:.14em}
.fld-playlist-loading b,.fld-playlist-livewait b{margin-top:6px;color:var(--fld-cream);font:700 20px/1.08 var(--fld-display);letter-spacing:.02em}
.fld-playlist-livewait small{margin-top:8px;max-width:680px;color:#7f949f;font-size:10px;line-height:1.5}
html body .fld-page .fld-playlist-index-grid button.is-active,
html body .fld-page .fld-playlist-index-grid button[aria-pressed="true"]{background:#081a25!important;border-color:rgba(153,192,223,.48)!important;box-shadow:inset 3px 0 0 #99c0df!important}
html body .fld-page .fld-playlist-index-grid button.is-active>span,
html body .fld-page .fld-playlist-index-grid button[aria-pressed="true"]>span{color:#b9d7e8!important;border-color:rgba(153,192,223,.42)!important}
html body .fld-page .fld-playlist-index-grid button.is-active b,
html body .fld-page .fld-playlist-index-grid button[aria-pressed="true"] b{color:#f0eadb!important}
@media(max-width:560px){.fld-playlist-viewer{margin-top:18px}.fld-playlist-viewer .fld-playlist-shelf{padding:20px 0}.fld-playlist-loading,.fld-playlist-livewait{min-height:145px;padding:18px}}


/* ============================================================
   v1.3.6 — HERO STARTS AT THE HERO
   The standalone Dock owns its own branded image hero. Remove the WordPress /
   Blocksy page-title/breadcrumb hero so the page begins immediately with the
   Dock artwork after the shared Fishing Loons header / Loon Wire.
   ============================================================ */
body.fld-public-page .hero-section,
body.fld-public-page .ct-page-title,
body.fld-public-page .page-title-section,
body.fld-public-page .page-header.ct-container-full,
body.fld-public-page main#main > header.entry-header,
body.fld-public-page .site-main > header.entry-header{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Some page-title implementations leave top spacing on the content wrapper
   even after their title node is hidden. Collapse only that Dock-page gap. */
body.fld-public-page .site-main,
body.fld-public-page #main{
  padding-top:0!important;
  margin-top:0!important;
}
body.fld-public-page .fld-page{
  margin-top:0!important;
}


/* ============================================================
   v1.3.7 — LIGHTER DOCK TYPE + CONSISTENT ACTIVE RAIL
   The Dock's branded display system must stay readable: 600 weight, italic
   where appropriate, with more open spacing. Main lane selection now matches
   Playlist Dock selection with a vertical powder-blue rail on the LEFT.
   ============================================================ */

/* Large branded Dock headings: same lighter italic family used across the
   approved Fishing Loons visual system. No 700/800 crushed display weight. */
html body .fld-page .fld-hero h1,
html body .fld-page .fld-console-head h2,
html body .fld-page .fld-panel-head h3,
html body .fld-page .fld-subhead h4,
html body .fld-page .fld-follow-heading h4,
html body .fld-page .fld-support-intro h4,
html body .fld-page .fld-castout h2,
html body .fld-page .fld-playlist-title strong,
html body .fld-page .fld-library-empty b{
  font-weight:600!important;
  letter-spacing:.04em!important;
  word-spacing:.035em!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* The hero needs a little more breathing room because it is the biggest type. */
html body .fld-page .fld-hero h1{
  line-height:1.01!important;
  letter-spacing:.035em!important;
}

/* Section headings shown in the screenshots: Newest uploads, Pick your water,
   Video Dock, The Loon Dock, etc. */
html body .fld-page .fld-console-head h2,
html body .fld-page .fld-panel-head h3,
html body .fld-page .fld-subhead h4{
  line-height:1.06!important;
}

/* Card / navigation display labels should still feel branded but not black. */
html body .fld-page .fld-lanes button b,
html body .fld-page .fld-playlist-index-grid button b,
html body .fld-page .fld-video-feature-copy strong,
html body .fld-page .fld-video-tile-copy strong,
html body .fld-page .fld-podcast-stat strong,
html body .fld-page .fld-tool-grid b,
html body .fld-page .fld-featured-seven-grid strong,
html body .fld-page .fld-library-copy strong,
html body .fld-page .fld-episode-copy strong,
html body .fld-page .fld-social-card strong,
html body .fld-page .fld-platform-copy strong,
html body .fld-page .fld-support-grid b{
  font-weight:600!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* ------------------------------------------------------------
   MAIN DOCK LANES
   Match the Playlist Dock selected state: LEFT vertical blue rail.
   Remove every top/bottom active rule inherited from the older Dock.
   ------------------------------------------------------------ */
html body .fld-page .fld-lanes button{
  position:relative!important;
  box-shadow:none!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Kill the historical horizontal bottom bar entirely. */
html body .fld-page .fld-lanes button:after,
html body .fld-page .fld-lanes button.is-active:after{
  content:none!important;
  display:none!important;
  transform:none!important;
}

/* Active stays dark and gets only a vertical left rail. */
html body .fld-page .fld-lanes button.is-active{
  background:#081a25!important;
  border-color:rgba(153,192,223,.22)!important;
  box-shadow:inset 3px 0 0 #99c0df!important;
}

/* No horizontal accent sneaking back in from focus/hover/theme rules. */
html body .fld-page .fld-lanes button.is-active:hover,
html body .fld-page .fld-lanes button.is-active:focus-visible{
  box-shadow:inset 3px 0 0 #99c0df!important;
}

/* Playlist selected cards use the exact same rail thickness and surface. */
html body .fld-page .fld-playlist-index-grid button.is-active,
html body .fld-page .fld-playlist-index-grid button[aria-pressed="true"]{
  background:#081a25!important;
  border-color:rgba(153,192,223,.22)!important;
  box-shadow:inset 3px 0 0 #99c0df!important;
}

/* Mobile/tablet keep the same vertical rail; no alternate underline. */
@media(max-width:1180px){
  html body .fld-page .fld-lanes button.is-active{
    box-shadow:inset 3px 0 0 #99c0df!important;
  }
}
@media(max-width:560px){
  html body .fld-page .fld-hero h1{
    line-height:1.04!important;
  }
  html body .fld-page .fld-lanes button b{
    font-weight:600!important;
  }
}


/* ============================================================
   v1.3.8 — TARGETED DISPLAY-WEIGHT CORRECTION
   Do NOT globally thin the Dock. "Newest uploads." and "Pick your water."
   were already the approved normal treatment; restore them. The heavier
   Loon Dock / Video Dock headings are the ones that need to visually match.
   ============================================================ */

/* Restore the already-correct secondary section headings. */
html body .fld-page .fld-subhead h4{
  font-family:var(--fld-display)!important;
  font-style:italic!important;
  font-weight:700!important;
  line-height:1.02!important;
  letter-spacing:.027em!important;
  word-spacing:normal!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Bring the heavier Dock headings DOWN to visually match the normal
   secondary treatment instead of thinning everything else. */
html body .fld-page .fld-console-head h2,
html body .fld-page .fld-panel-head h3{
  font-family:var(--fld-display)!important;
  font-style:italic!important;
  font-weight:600!important;
  line-height:1.04!important;
  letter-spacing:.045em!important;
  word-spacing:.025em!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
}

/* Keep the actual giant image-hero statement at its established readable
   700 weight; v1.3.7 should not globally force it thinner either. */
html body .fld-page .fld-hero h1{
  font-weight:700!important;
  letter-spacing:.027em!important;
  word-spacing:.055em!important;
}


/* ============================================================
   v1.3.9 — READABLE DOCK TYPE SCALE
   Tiny 6–8px labels are retired. The Dock needs to be legible at a glance on
   desktop and mobile without losing its dense editorial Fishing Loons feel.
   ============================================================ */

/* Main Dock lane nav. */
html body .fld-page .fld-lanes button{
  min-height:86px!important;
  padding:15px 17px!important;
}
html body .fld-page .fld-lanes button span{
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
}
html body .fld-page .fld-lanes button b{
  margin:7px 0 5px!important;
  font-size:20px!important;
  line-height:1.03!important;
}
html body .fld-page .fld-lanes button small{
  font-size:9.5px!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
}

/* Section eyebrows / supporting copy. */
html body .fld-page .fld-panel-head>div>span,
html body .fld-page .fld-subhead>div>span,
html body .fld-page .fld-support-intro>span{
  font-size:10px!important;
  line-height:1.2!important;
}
html body .fld-page .fld-panel-head p,
html body .fld-page .fld-subhead p,
html body .fld-page .fld-playlist-shelf-head>p{
  font-size:13px!important;
  line-height:1.55!important;
}
html body .fld-page .fld-panel-head>a,
html body .fld-page .fld-subhead>a,
html body .fld-page .fld-inline-jump{
  font-size:10px!important;
  line-height:1.2!important;
}

/* Playlist selector cards. */
html body .fld-page .fld-playlist-index-grid button{
  min-height:72px!important;
  padding:11px 12px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  column-gap:11px!important;
}
html body .fld-page .fld-playlist-index-grid button>span{
  width:34px!important;
  height:34px!important;
  font-size:13px!important;
}
html body .fld-page .fld-playlist-index-grid b{
  font-size:17px!important;
  line-height:1.05!important;
}
html body .fld-page .fld-playlist-index-grid small{
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.095em!important;
}

/* Playlist shelf title metadata and empty-state copy. */
html body .fld-page .fld-playlist-title small,
html body .fld-page .fld-playlist-title em{
  font-size:9.5px!important;
  line-height:1.25!important;
}
html body .fld-page .fld-playlist-empty span{
  font-size:12px!important;
  line-height:1.5!important;
}

/* Podcast tacklebox / collection cards / platform cards: supporting type. */
html body .fld-page .fld-podcast-stat small,
html body .fld-page .fld-tool-grid small,
html body .fld-page .fld-tool-grid span,
html body .fld-page .fld-featured-seven-grid small,
html body .fld-page .fld-episode-card small,
html body .fld-page .fld-social-card small,
html body .fld-page .fld-platform-copy small,
html body .fld-page .fld-support-grid small{
  font-size:9.5px!important;
  line-height:1.25!important;
}
html body .fld-page .fld-tool-grid b,
html body .fld-page .fld-social-card strong,
html body .fld-page .fld-platform-copy strong,
html body .fld-page .fld-support-grid b{
  font-size:18px!important;
  line-height:1.05!important;
}

/* Full podcast archive body/meta. */
html body .fld-page .fld-library-meta{
  font-size:9px!important;
  line-height:1.2!important;
}
html body .fld-page .fld-library-copy p{
  font-size:12px!important;
  line-height:1.55!important;
}
html body .fld-page .fld-library-side,
html body .fld-page .fld-library-metrics{
  font-size:10px!important;
}

@media(max-width:560px){
  html body .fld-page .fld-lanes button{
    min-height:92px!important;
    padding:14px 13px!important;
  }
  html body .fld-page .fld-lanes button span{
    font-size:10px!important;
  }
  html body .fld-page .fld-lanes button b{
    font-size:20px!important;
  }
  html body .fld-page .fld-lanes button small{
    font-size:10px!important;
  }
  html body .fld-page .fld-playlist-index-grid button{
    min-height:74px!important;
  }
  html body .fld-page .fld-playlist-index-grid b{
    font-size:16px!important;
  }
  html body .fld-page .fld-playlist-index-grid small{
    font-size:9px!important;
  }
  html body .fld-page .fld-panel-head p,
  html body .fld-page .fld-subhead p{
    font-size:12.5px!important;
  }
  html body .fld-page .fld-library-meta{
    font-size:8.5px!important;
  }
  html body .fld-page .fld-library-copy p{
    font-size:11.5px!important;
  }
}


/* ============================================================
   v1.3.10 — PODCAST TAB MOBILE / DEVTOOLS HARDENING
   ?tab=podcasts must never establish a layout wider than the viewport.
   Later archive-row overrides had reintroduced desktop-style columns on
   mobile. Collapse those rows properly and hard-contain every Podcast block.
   ============================================================ */

/* The active Podcast panel and every major child must be allowed to shrink.
   This prevents one intrinsic-width child from widening the entire WordPress
   page and making the Header look like a broken desktop layout in DevTools. */
html body .fld-page,
html body .fld-page .fld-shell,
html body .fld-page .fld-console,
html body .fld-page .fld-panel,
html body .fld-page [data-fld-panel="podcasts"],
html body .fld-page .fld-podcast-dashboard,
html body .fld-page .fld-tacklebox-tools,
html body .fld-page .fld-tool-grid,
html body .fld-page .fld-featured-seven,
html body .fld-page .fld-featured-seven-grid,
html body .fld-page .fld-library,
html body .fld-page .fld-library-controls,
html body .fld-page .fld-library-grid,
html body .fld-page .fld-library-row,
html body .fld-page .fld-library-copy,
html body .fld-page .fld-library-side,
html body .fld-page .fld-library-actions{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

html body .fld-page [data-fld-panel="podcasts"]{
  width:100%!important;
  overflow-x:hidden!important;
}

html body .fld-page [data-fld-panel="podcasts"] input,
html body .fld-page [data-fld-panel="podcasts"] select,
html body .fld-page [data-fld-panel="podcasts"] button,
html body .fld-page [data-fld-panel="podcasts"] label{
  max-width:100%!important;
  box-sizing:border-box!important;
}

html body .fld-page [data-fld-panel="podcasts"] strong,
html body .fld-page [data-fld-panel="podcasts"] p,
html body .fld-page [data-fld-panel="podcasts"] span,
html body .fld-page [data-fld-panel="podcasts"] time{
  overflow-wrap:anywhere;
}

/* Runtime mobile state catches live Chrome DevTools transitions immediately,
   even before/independent of the next media-query style recalc. */
html body .fld-page.fld-runtime-mobile [data-fld-panel="podcasts"] .fld-podcast-dashboard,
html body .fld-page.fld-runtime-phone [data-fld-panel="podcasts"] .fld-podcast-dashboard{
  grid-template-columns:1fr!important;
}

html body .fld-page.fld-runtime-mobile [data-fld-panel="podcasts"] .fld-library-controls,
html body .fld-page.fld-runtime-phone [data-fld-panel="podcasts"] .fld-library-controls{
  grid-template-columns:1fr!important;
}

html body .fld-page.fld-runtime-mobile [data-fld-panel="podcasts"] .fld-search-control,
html body .fld-page.fld-runtime-phone [data-fld-panel="podcasts"] .fld-search-control{
  grid-column:auto!important;
}

/* Tablet/mobile Top 7 remains one clean column. */
@media(max-width:860px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-featured-seven-grid{
    grid-template-columns:1fr!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-controls{
    grid-template-columns:1fr!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-search-control{
    grid-column:auto!important;
  }

  /*
   IMPORTANT: override the later v1.3.3 four-column rule.
   Mobile archive becomes:
       [number] [episode copy]
                [date/activity]
       [PLAY spans full width]
       [NOTES spans full width]
   Nothing can establish a desktop min-content width anymore.
  */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:
      "num copy"
      "num side"
      "actions actions"
      "notes notes"!important;
    gap:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    grid-area:num!important;
    align-items:flex-start!important;
    padding-top:17px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    grid-area:copy!important;
    padding:15px 12px 8px 0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    grid-area:side!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:auto!important;
    text-align:left!important;
    padding:0 12px 13px 0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics{
    justify-content:flex-start!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions{
    grid-area:actions!important;
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:7px 11px!important;
    border-left:0!important;
    border-top:1px solid rgba(153,192,223,.09)!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play{
    width:auto!important;
    min-width:92px!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes{
    grid-area:notes!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0 12px!important;
    border-left:0!important;
    border-top:1px solid rgba(153,192,223,.09)!important;
  }
}

/* Phone-specific density: one-column discovery controls prevent long branded
   labels from creating a min-content width wider than a narrow phone. */
@media(max-width:560px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid{
    grid-template-columns:1fr!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-podcast-stat{
    width:100%!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    grid-template-columns:34px minmax(0,1fr)!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    font-size:27px!important;
    padding-top:15px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    padding:13px 9px 7px 0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy strong{
    font-size:18px!important;
    line-height:1.08!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy p{
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-meta{
    font-size:8.5px!important;
    line-height:1.25!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    padding-right:9px!important;
  }
}

/* Very narrow emulated phones get guaranteed edge-safe shell padding. */
@media(max-width:420px){
  html body .fld-page .fld-shell{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
  }

  html body .fld-page .fld-panel{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ============================================================
   v1.3.11 — PODCAST FORM / VISUAL VIEWPORT ZOOM GUARD
   Podcasts is the only Dock lane with search/select controls. Mobile browsers
   and Chrome DevTools device emulation can zoom the visual viewport when a
   focused form control is below the safe 16px text size. Keep those controls
   at 16px and prevent text autosizing from compounding breakpoint transitions.
   ============================================================ */
html body .fld-page [data-fld-panel="podcasts"] .fld-library-controls input,
html body .fld-page [data-fld-panel="podcasts"] .fld-library-controls select{
  font-size:16px!important;
  line-height:1.2!important;
  min-width:0!important;
  max-width:100%!important;
}

html body.fld-public-page,
html body.fld-public-page .fld-page{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

/* Runtime breakpoint classes provide the same 16px form-control floor before
   the next media-query repaint completes during DevTools mode switching. */
html body .fld-page.fld-runtime-mobile [data-fld-panel="podcasts"] input,
html body .fld-page.fld-runtime-mobile [data-fld-panel="podcasts"] select,
html body .fld-page.fld-runtime-phone [data-fld-panel="podcasts"] input,
html body .fld-page.fld-runtime-phone [data-fld-panel="podcasts"] select{
  font-size:16px!important;
}

@media(max-width:860px){
  html body .fld-page [data-fld-panel="podcasts"] input,
  html body .fld-page [data-fld-panel="podcasts"] select{
    font-size:16px!important;
  }
}


/* ============================================================
   v1.3.12 — PODCAST VIEWPORT REPAIR
   Clean form-control rules plus a CSS containment safety net. The JS runtime
   performs the actual self-healing reload only if the browser's visual
   viewport becomes accidentally magnified during a responsive-mode change.
   ============================================================ */

html body .fld-page [data-fld-panel="podcasts"] .fld-library-controls input,
html body .fld-page [data-fld-panel="podcasts"] .fld-library-controls select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  font-size:16px!important;
  line-height:1.25!important;
  touch-action:manipulation!important;
}

html body .fld-page [data-fld-panel="podcasts"],
html body .fld-page [data-fld-panel="podcasts"] .fld-library,
html body .fld-page [data-fld-panel="podcasts"] .fld-library-grid{
  contain:layout style!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:clip!important;
}

/* Never allow a stale mobile archive child to establish a horizontal page. */
@media(max-width:860px){
  html body .fld-page [data-fld-panel="podcasts"]{
    width:100%!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}


/* ============================================================
   v1.3.14 — CHEAP HOVER PAINTS / SMOOTH LOON WIRE
   Hovering one Dock control must not force a global button-style re-evaluation
   or expensive transform/shadow promotion. Interactions stay visually clear
   using color/background/border only.
   ============================================================ */

/* Isolate the paint area of the common interactive cards. */
html body .fld-page :is(
  .fld-lanes button,
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-video-feature,
  .fld-video-tile,
  .fld-social-card,
  .fld-platform-card,
  .fld-support-grid a,
  .fld-support-grid button,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-load-more,
  .fld-castout-jump
){
  contain:paint!important;
  transition-property:background-color,border-color,color,opacity!important;
  transition-duration:.12s!important;
  transition-timing-function:linear!important;
}

/* Do not create/promote new moving layers merely because the pointer entered
   a card. The Fishing Loons hover language is the blue fill/border itself. */
html body .fld-page :is(
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-video-feature,
  .fld-video-tile,
  .fld-social-card,
  .fld-platform-card,
  .fld-support-grid a,
  .fld-support-grid button,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-load-more,
  .fld-castout-jump
):hover,
html body .fld-page :is(
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-video-feature,
  .fld-video-tile,
  .fld-social-card,
  .fld-platform-card,
  .fld-support-grid a,
  .fld-support-grid button,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-load-more,
  .fld-castout-jump
):focus-visible{
  transform:none!important;
  filter:none!important;
}

/* No animated shadow changes on hover; keep hover paint local and cheap. */
html body .fld-page :is(
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-video-feature,
  .fld-video-tile,
  .fld-social-card,
  .fld-platform-card,
  .fld-support-grid a,
  .fld-support-grid button
):hover,
html body .fld-page :is(
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-video-feature,
  .fld-video-tile,
  .fld-social-card,
  .fld-platform-card,
  .fld-support-grid a,
  .fld-support-grid button
):focus-visible{
  box-shadow:none!important;
}


/* ============================================================
   v1.3.15 — POWDER-BLUE HOVER CONTRAST LOCK
   Any Dock control that uses the powder-blue hover surface must switch ALL
   nested copy/icons to Fishing Loons ink. Child elements previously kept
   their own cream/gray declarations, making labels wash out on hover.
   Active/selected dark cards are intentionally excluded.
   ============================================================ */

/* Compact action controls may still use the powder-blue hover surface.
   Large Dock navigation/selection cards are intentionally excluded. */
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):hover,
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):focus-visible{
  background:#99c0df!important;
  border-color:#99c0df!important;
  color:#06131d!important;
}

/* Force every nested text/icon layer to inherit the dark hover contrast.
   This is the part the older hover rules were missing. */
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):hover :is(span,small,b,strong,em,i,p,label,time),
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):focus-visible :is(span,small,b,strong,em,i,p,label,time){
  color:#06131d!important;
  text-shadow:none!important;
}

/* SVG/icon glyphs follow the same ink color. */
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):hover svg,
html body .fld-page :is(
  .fld-load-more,
  .fld-castout-jump,
  .fld-inline-jump,
  .fld-feature-action,
  .fld-mini-play,
  .fld-play,
  .fld-library-play,
  .fld-notes,
  .fld-notes-play,
  .fld-notes-return,
  .fld-notes-close
):focus-visible svg{
  color:#06131d!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}



/* ============================================================
   v1.3.16 — VIDEO PLAY BADGE / THUMBNAIL BRANDING CLEARANCE
   Many Fishing Loons / AOA thumbnails place their own logo in the lower-left.
   Keep our Dock play control out of that artwork by anchoring it lower-right
   across both newest-upload cards and playlist video tiles.
   ============================================================ */

html body .fld-page .fld-video-feature-media i,
html body .fld-page .fld-video-tile-media i{
  left:auto!important;
  right:12px!important;
  bottom:12px!important;
  z-index:3!important;
}

/* Keep the lead/newest card consistent at larger sizes. */
html body .fld-page .fld-video-feature.is-lead .fld-video-feature-media i{
  right:14px!important;
  bottom:14px!important;
}

@media(max-width:560px){
  html body .fld-page .fld-video-feature-media i,
  html body .fld-page .fld-video-tile-media i{
    right:10px!important;
    bottom:10px!important;
  }
}


/* ============================================================
   v1.3.19 — PODCAST TACKLEBOX / ONE DYNAMIC RESULT SHELF
   Guides + Special Guests already exist as primary Dock lanes, so duplicate
   discovery cards are removed. Top 7 / Newest / Random / Rankings now behave
   like the Video playlist picker: one selection row, one result shelf.
   ============================================================ */

html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}

html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button{
  min-height:92px!important;
  padding:18px 20px!important;
}

/* Active = dark Fishing Loons surface with a LEFT powder-blue rail.
   Hover may go powder blue, but selected state never becomes a blue slab. */
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button.is-active{
  position:relative!important;
  background:#0a1d29!important;
  border-color:rgba(153,192,223,.40)!important;
  box-shadow:inset 4px 0 0 #99c0df!important;
}
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button.is-active:before{
  display:none!important;
}
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button.is-active small,
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button.is-active span{
  color:#88a5b3!important;
}
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button.is-active b{
  color:#f1ecdc!important;
}

/* Single viewer below the discovery buttons. */
.fld-podcast-tool-viewer{
  margin-top:18px;
  padding:24px 0 26px;
  border-top:1px solid rgba(153,192,223,.18);
  border-bottom:1px solid rgba(153,192,223,.18);
}
.fld-podcast-tool-viewer[hidden]{
  display:none!important;
}
.fld-podcast-tool-viewer.is-refreshing{
  animation:fldToolShelfIn .18s ease both;
}
@keyframes fldToolShelfIn{
  from{opacity:.55;transform:translateY(4px)}
  to{opacity:1;transform:none}
}

.fld-podcast-tool-viewer-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);
  gap:24px;
  align-items:end;
  margin-bottom:15px;
}
.fld-podcast-tool-viewer-head>div>span{
  display:block;
  color:#99c0df;
  font-size:8px;
  font-weight:800;
  letter-spacing:.16em;
}
.fld-podcast-tool-viewer-head h4{
  margin:7px 0 0;
  color:#eee7d5;
  font:italic 700 36px/1.02 var(--fld-display);
  letter-spacing:.027em;
}
.fld-podcast-tool-viewer-head>p{
  margin:0;
  color:#8197a2;
  font-size:11px;
  line-height:1.5;
  text-align:right;
}

.fld-podcast-tool-viewer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.fld-tool-result-card{
  position:relative;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 54px;
  gap:12px;
  align-items:center;
  min-height:96px;
  padding:13px 12px;
  background:#071722;
  border:1px solid rgba(153,192,223,.14);
  border-radius:0!important;
  overflow:hidden;
}
.fld-tool-result-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:#99c0df;
  opacity:.52;
}
.fld-tool-result-num{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(153,192,223,.15);
  color:#557789;
  font:italic 700 17px/1 var(--fld-display);
}
.fld-tool-result-copy{
  min-width:0;
}
.fld-tool-result-copy small{
  display:block;
  color:#688594;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fld-tool-result-copy strong{
  display:block;
  margin-top:6px;
  color:#eee7d5;
  font:700 20px/1.08 var(--fld-display);
  letter-spacing:.015em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fld-tool-result-copy em{
  display:block;
  margin-top:6px;
  color:#7392a1;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
  font-style:normal;
}
.fld-tool-result-play{
  all:unset;
  cursor:pointer;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  justify-self:end;
  border:1px solid rgba(153,192,223,.23);
  background:#06131c;
  color:#99c0df;
  border-radius:0!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease;
}
.fld-tool-result-play:hover,
.fld-tool-result-play:focus-visible{
  background:#99c0df;
  border-color:#99c0df;
  color:#07131c;
  outline:none;
}

/* Old permanent Top 7 shelf is intentionally retired in v1.3.19. */
.fld-featured-seven{
  display:none!important;
}

@media(max-width:900px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .fld-podcast-tool-viewer-head{
    grid-template-columns:1fr;
    gap:8px;
  }
  .fld-podcast-tool-viewer-head>p{
    text-align:left;
  }
  .fld-podcast-tool-viewer-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button{
    min-height:78px!important;
    padding:13px 14px!important;
  }
  .fld-podcast-tool-viewer{
    margin-top:14px;
    padding:18px 0 20px;
  }
  .fld-podcast-tool-viewer-head h4{
    font-size:29px;
  }
  .fld-tool-result-card{
    grid-template-columns:36px minmax(0,1fr) 44px;
    gap:8px;
    min-height:84px;
    padding:10px 9px;
  }
  .fld-tool-result-num{
    width:31px;
    height:31px;
    font-size:15px;
  }
  .fld-tool-result-copy strong{
    font-size:18px;
  }
  .fld-tool-result-play{
    width:38px;
    height:38px;
  }
}


/* ============================================================
   v1.3.22 — TOP 7 PLAY CONTROLS MATCH PODCAST ARCHIVE
   The dynamic Top 7/Newest/Rankings shelf uses the same compact square
   play-control treatment as the full Podcast Library.
   ============================================================ */

html body .fld-page [data-fld-podcast-tool-viewer] .fld-tool-result-card{
  grid-template-columns:46px minmax(0,1fr) 58px!important;
  align-items:center!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:active,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play[aria-pressed="true"],
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play.is-active,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play.is-playing{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:3px!important;
  line-height:1!important;
  border-radius:0!important;
  border:1px solid rgba(153,192,223,.22)!important;
  background:#06131c!important;
  background-image:none!important;
  color:#99c0df!important;
  box-shadow:none!important;
  text-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transform:none!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:14px!important;
  line-height:1!important;
  transform:none!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#8da8b5!important;
  font-family:var(--fld-body)!important;
  font-size:6px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.1em!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:hover,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:focus-visible{
  background:#99c0df!important;
  background-image:none!important;
  border-color:#99c0df!important;
  color:#06131d!important;
  outline:none!important;
  box-shadow:none!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:hover b,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:focus-visible b{
  color:#06131d!important;
}

/* Keep the play control centred in the compact mobile shelf too. */
@media(max-width:560px){
  html body .fld-page [data-fld-podcast-tool-viewer] .fld-tool-result-card{
    grid-template-columns:36px minmax(0,1fr) 50px!important;
  }
  html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play,
  html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play:active,
  html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play[aria-pressed="true"]{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  html body .fld-page [data-fld-podcast-tool-viewer] button.fld-tool-result-play b{
    font-size:5px!important;
  }
}


/* ============================================================
   v1.3.23 — ONE PODCAST PLAY BUTTON SYSTEM
   Top 7 / Newest / Random Cast / Rankings now literally use the
   same .fld-library-play control as the full Podcast Library.
   Only layout positioning is unique to the discovery shelf.
   ============================================================ */

html body .fld-page [data-fld-podcast-tool-viewer] .fld-tool-result-card{
  grid-template-columns:46px minmax(0,1fr) 58px!important;
  align-items:center!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play{
  justify-self:end!important;
  align-self:center!important;

  /* Exact Podcast Library button geometry/state. */
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:3px!important;
  line-height:1!important;
  border-radius:0!important;
  background:#06131c!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.22)!important;
  color:#99c0df!important;
  overflow:hidden!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
  color:inherit!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#8da8b5!important;
  font-family:var(--fld-body)!important;
  font-size:6px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.1em!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:hover,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:focus-visible{
  background:#99c0df!important;
  background-image:none!important;
  border-color:#99c0df!important;
  color:#06131d!important;
  outline:none!important;
  box-shadow:none!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:hover b,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:focus-visible b{
  color:#06131d!important;
}

/* Player/active state does NOT create a separate light-blue selected slab. */
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:active,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play[aria-pressed="true"],
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play.is-active,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play.is-playing{
  background:#06131c!important;
  background-image:none!important;
  border-color:rgba(153,192,223,.22)!important;
  color:#99c0df!important;
}

html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play:active b,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play[aria-pressed="true"] b,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play.is-active b,
html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play.is-playing b{
  color:#8da8b5!important;
}

@media(max-width:560px){
  html body .fld-page [data-fld-podcast-tool-viewer] .fld-tool-result-card{
    grid-template-columns:36px minmax(0,1fr) 50px!important;
  }

  html body .fld-page [data-fld-podcast-tool-viewer] button.fld-library-play.fld-tool-result-play{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
}


/* ============================================================
   v1.3.24 — MOBILE PODCAST LIBRARY CARD REBUILD
   The archive card must not preserve desktop action columns on phones.
   Mobile structure:
       [episode #] [title / summary]
       [date + plays across full width]
       [PLAY across full width]
       [NOTES across full width]
   Desktop remains untouched.
   ============================================================ */

@media(max-width:700px){

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-grid{
    gap:10px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    grid-template-areas:
      "num copy"
      "side side"
      "actions actions"
      "notes notes"!important;
    column-gap:9px!important;
    row-gap:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#071722!important;
    border:1px solid rgba(153,192,223,.15)!important;
    box-sizing:border-box!important;
  }

  /* Episode number becomes a quiet left marker rather than a desktop column. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    grid-area:num!important;
    width:auto!important;
    min-width:0!important;
    padding:18px 0 0 10px!important;
    display:block!important;
    align-self:start!important;
    justify-self:start!important;
    color:#426476!important;
    font-size:27px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    grid-area:copy!important;
    min-width:0!important;
    width:100%!important;
    padding:17px 13px 13px 0!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-meta{
    display:flex!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    margin:0 0 7px!important;
    color:#7da0b2!important;
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy strong{
    display:block!important;
    margin:0!important;
    color:#eee7d5!important;
    font-size:21px!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy p{
    display:-webkit-box!important;
    margin:9px 0 0!important;
    max-width:none!important;
    overflow:hidden!important;
    color:#b1c0c8!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.5!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }

  /* Date and play count become one calm metadata strip. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    grid-area:side!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 13px 11px 45px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    text-align:left!important;
    border-top:1px solid rgba(153,192,223,.08)!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side time{
    display:block!important;
    margin:0!important;
    color:#91aab6!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.2!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics span{
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
    text-align:left!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics b{
    display:inline!important;
    color:#99c0df!important;
    font-size:12px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics small{
    display:inline!important;
    margin:0!important;
    color:#668594!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.09em!important;
  }

  /* PLAY gets a real full-width action row. No negative/desktop columns. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions{
    grid-area:actions!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 10px!important;
    display:block!important;
    border:0!important;
    border-top:1px solid rgba(153,192,223,.10)!important;
    background:#06141d!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions:empty{
    display:none!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:1px solid rgba(153,192,223,.26)!important;
    border-radius:0!important;
    background:#081b26!important;
    color:#99c0df!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play span{
    display:block!important;
    color:inherit!important;
    font-size:15px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play b{
    display:block!important;
    color:inherit!important;
    font-family:var(--fld-body)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play:hover,
  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play:focus-visible{
    background:#99c0df!important;
    border-color:#99c0df!important;
    color:#06131d!important;
    outline:none!important;
  }

  /* NOTES gets the same clean full-width treatment underneath Play. */
  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes{
    grid-area:notes!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:0!important;
    border-top:1px solid rgba(153,192,223,.10)!important;
    border-radius:0!important;
    background:#06141d!important;
    color:#8faab7!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes span{
    font-size:14px!important;
    line-height:1!important;
    color:inherit!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes b{
    color:inherit!important;
    font-family:var(--fld-body)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes:hover,
  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes:focus-visible{
    background:#99c0df!important;
    color:#06131d!important;
    outline:none!important;
  }

  /* A row without notes should still have a normal bottom edge. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row:not(:has(> .fld-notes)) .fld-library-actions{
    border-bottom:0!important;
  }

  /* Fixed Global Player can cover the final row otherwise. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-grid{
    padding-bottom:96px!important;
  }
}

@media(max-width:420px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    grid-template-columns:32px minmax(0,1fr)!important;
    column-gap:7px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    padding-left:8px!important;
    font-size:25px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    padding-right:10px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy strong{
    font-size:20px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy p{
    font-size:13.5px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    padding-left:39px!important;
    padding-right:10px!important;
  }
}


/* ============================================================
   v1.3.25 — STRUCTURAL MOBILE PODCAST CARD FIX
   Stop forcing independent desktop grid children into a phone layout.
   .fld-library-footer is transparent on desktop and becomes the single
   contained metadata/action region on mobile.
   ============================================================ */

/* Desktop behaviour remains identical: children participate in the existing
   archive row grid as though the wrapper did not exist. */
html body .fld-page .fld-library-footer{
  display:contents;
}

/* The template element is data only and must never affect layout. */
html body .fld-page .fld-library-footer template{
  display:none!important;
}

@media(max-width:700px){

  /*
   CARD
   ----
   Only THREE direct layout participants now exist on mobile:
     number | copy
     footer spans both columns
  */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "num copy"
      "footer footer"!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    align-items:start!important;
    background:#071722!important;
    border:1px solid rgba(153,192,223,.15)!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    grid-area:num!important;
    width:40px!important;
    min-width:40px!important;
    height:auto!important;
    margin:0!important;
    padding:19px 0 0 11px!important;
    display:block!important;
    align-self:start!important;
    justify-self:start!important;
    color:#426476!important;
    font-size:27px!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    grid-area:copy!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:17px 13px 16px 0!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    margin:0 0 7px!important;
    color:#7da0b2!important;
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy strong{
    display:block!important;
    margin:0!important;
    color:#eee7d5!important;
    font-size:21px!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy p{
    display:-webkit-box!important;
    margin:9px 0 0!important;
    overflow:hidden!important;
    color:#b6c5cc!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.5!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
  }

  /*
   FOOTER
   ------
   One contained component. Previous grid-column/grid-row rules on Side,
   Actions and Notes can no longer stretch the parent episode card.
  */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-footer{
    grid-area:footer!important;
    grid-column:1/-1!important;
    grid-row:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto 48px!important;
    grid-template-areas:
      "meta meta"
      "play notes"!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    align-items:stretch!important;
    background:#06141d!important;
    border-top:1px solid rgba(153,192,223,.10)!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    grid-area:meta!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:38px!important;
    margin:0!important;
    padding:9px 12px 9px 40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    align-self:auto!important;
    text-align:left!important;
    background:#071923!important;
    border:0!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side time{
    display:block!important;
    margin:0!important;
    color:#91aab6!important;
    font-size:10.5px!important;
    font-weight:600!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics span{
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
    margin:0!important;
    text-align:left!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics b{
    display:inline!important;
    color:#99c0df!important;
    font-size:11px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-metrics small{
    display:inline!important;
    margin:0!important;
    color:#668594!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.09em!important;
  }

  /* PLAY owns one half of the fixed action row. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions{
    grid-area:play!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:6px!important;
    display:block!important;
    align-self:auto!important;
    overflow:hidden!important;
    background:#06141d!important;
    border:0!important;
    border-right:1px solid rgba(153,192,223,.10)!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions:empty{
    display:none!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid rgba(153,192,223,.24)!important;
    border-radius:0!important;
    background:#081b26!important;
    color:#99c0df!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play span{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:14px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play b{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-family:var(--fld-body)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }

  /* NOTES owns the other half. No more clipped left-edge text. */
  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes{
    grid-area:notes!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:auto!important;
    gap:8px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#06141d!important;
    color:#8faab7!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes span{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:13px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes b{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-family:var(--fld-body)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play:hover,
  html body .fld-page [data-fld-panel="podcasts"] button.fld-library-play:focus-visible,
  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes:hover,
  html body .fld-page [data-fld-panel="podcasts"] button.fld-notes:focus-visible{
    background:#99c0df!important;
    border-color:#99c0df!important;
    color:#06131d!important;
    outline:none!important;
  }

  /*
   Episodes without notes: play takes both columns automatically.
  */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-footer:not(:has(> .fld-notes)){
    grid-template-areas:
      "meta meta"
      "play play"!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-footer:not(:has(> .fld-notes)) .fld-library-actions{
    border-right:0!important;
  }

  /* Fixed player safety. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-grid{
    padding-bottom:96px!important;
  }
}

@media(max-width:420px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    grid-template-columns:34px minmax(0,1fr)!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-num{
    width:34px!important;
    min-width:34px!important;
    padding-left:8px!important;
    font-size:25px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy{
    padding-right:10px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy strong{
    font-size:20px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-copy p{
    font-size:13.5px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    padding-left:34px!important;
    padding-right:9px!important;
  }
}


/* ============================================================
   v1.3.26 — 20-AT-A-TIME ARCHIVE + REAL MOBILE NOTES BUTTON
   ============================================================ */

/* Critical pagination rule:
   author-level display:grid!important can override the browser's [hidden]
   presentation. Explicitly keep hidden archive episodes out of layout. */
html body .fld-page [data-fld-library-item][hidden]{
  display:none!important;
}

/* Desktop: the new structural action wrapper is transparent so the existing
   desktop archive layout remains unchanged. */
html body .fld-page .fld-library-buttons{
  display:contents;
}

html body .fld-page .fld-library-buttons template{
  display:none!important;
}

@media(max-width:700px){

  /* Footer = metadata strip + one controlled action row. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-footer{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "meta"
      "buttons"!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    grid-area:meta!important;
  }

  /* Play + Notes are now owned by one mobile component. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons{
    grid-area:buttons!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:6px!important;
    background:#06141d!important;
    border-top:1px solid rgba(153,192,223,.10)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions{
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes{
    -webkit-appearance:none!important;
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid rgba(153,192,223,.24)!important;
    border-radius:0!important;
    background:#081b26!important;
    background-image:none!important;
    color:#99c0df!important;
    box-shadow:none!important;
    text-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    transform:none!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play span,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:14px!important;
    line-height:1!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play b,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes b{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-family:var(--fld-body)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play:hover,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play:focus-visible,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes:hover,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes:focus-visible{
    background:#99c0df!important;
    background-image:none!important;
    border-color:#99c0df!important;
    color:#06131d!important;
    outline:none!important;
    box-shadow:none!important;
  }

  /* Never let active/global-player state turn either action into a giant slab. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play:active,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play[aria-pressed="true"],
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play.is-playing,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes:active{
    background:#081b26!important;
    background-image:none!important;
    border-color:rgba(153,192,223,.24)!important;
    color:#99c0df!important;
  }

  /* If an episode has no notes, Play gets the entire action row. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons:not(:has(> .fld-notes)){
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  /* Still keep two useful controls on very narrow phones. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons{
    gap:5px!important;
    padding:5px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes{
    padding-inline:7px!important;
  }
}


/* ============================================================
   v1.3.27 — GUIDES + GUESTS MOVE INTO PODCAST TACKLEBOX
   Primary Dock navigation is now intentionally broad:
   Watch / Podcasts / Follow + Listen / Support.
   Podcast sub-types live where they belong: inside Find a cast your way.
   ============================================================ */

html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

/* Six cards need slightly tighter desktop padding without shrinking the text. */
html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery button{
  padding:16px 15px!important;
}

/* Medium desktop/laptop: three across rather than squeezing six tiny cards. */
@media(max-width:1280px) and (min-width:901px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Keep the established two-column phone/tablet treatment. */
@media(max-width:900px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-tool-grid--discovery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* With only four true top-level lanes, give each one comfortable room. */
html body .fld-page .fld-lanes{
  grid-template-columns:repeat(var(--fld-lane-count,4),minmax(0,1fr))!important;
}


/* ============================================================
   v1.3.28 — MOBILE PODCAST ACTIONS MOVE INTO THE OPEN COPY SPACE
   Play + Notes should sit up beside the episode content, not inside a big
   detached footer slab. Metadata stays in a clean strip below.
   ============================================================ */

@media(max-width:700px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-row{
    grid-template-areas:
      "num copy"
      ". buttons"
      "footer footer"!important;
    grid-template-rows:auto auto auto!important;
  }

  /* Break the footer wrapper back out so actions can live in the open space
     under the excerpt while the date/plays strip remains below. */
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-footer{
    display:contents!important;
    background:transparent!important;
    border:0!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons{
    grid-area:buttons!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 13px 12px 0!important;
    background:transparent!important;
    border:0!important;
    box-sizing:border-box!important;
    align-self:start!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-actions{
    grid-area:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-library-play,
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons button.fld-notes{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-side{
    grid-area:footer!important;
    width:100%!important;
    padding:10px 13px 10px 40px!important;
  }

  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons:not(:has(> .fld-notes)){
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  html body .fld-page [data-fld-panel="podcasts"] .fld-library-buttons{
    padding:9px 10px 11px 0!important;
    gap:6px!important;
  }
}


/* ============================================================
   v1.3.29 — KEEP "FISHING LOONS" TOGETHER IN THE DOCK HERO
   The brand name must read as one phrase. On desktop the hero gets enough
   horizontal room for "EVERYTHING FISHING LOONS." to read as one statement.
   ============================================================ */

html body .fld-page .fld-hero h1{
  max-width:1380px!important;
}

html body .fld-page .fld-hero h1 .fld-hero-brand-lock{
  white-space:nowrap!important;
  display:inline!important;
}

/* Keep the wider statement controlled on medium screens. */
@media(max-width:1450px){
  html body .fld-page .fld-hero h1{
    max-width:1180px!important;
    font-size:clamp(54px,6.15vw,96px)!important;
  }
}

/* On narrower layouts the sentence may use additional lines, but the
   Fishing Loons name itself still never breaks in half. */
@media(max-width:900px){
  html body .fld-page .fld-hero h1{
    max-width:100%!important;
  }
}


/* ============================================================
   v1.3.30 — DESKTOP HERO COMPOSITION
   Desktop should read:
     EVERYTHING FISHING LOONS.
     ONE DOCK.
   Mobile keeps its existing wrapping.
   ============================================================ */

html body .fld-page .fld-hero h1 .fld-hero-one-dock{
  white-space:nowrap!important;
}

/* Desktop / large laptop only. */
@media(min-width:901px){
  html body .fld-page .fld-hero h1{
    max-width:none!important;
    width:min(100%,1720px)!important;
    font-size:clamp(76px,5.55vw,100px)!important;
    line-height:.98!important;
  }

  html body .fld-page .fld-hero h1 .fld-hero-one-dock{
    display:block!important;
    margin-top:.05em!important;
  }
}

/* Mobile/tablet: do NOT force the desktop line break. */
@media(max-width:900px){
  html body .fld-page .fld-hero h1 .fld-hero-one-dock{
    display:inline!important;
    margin-top:0!important;
  }
}

/* ============================================================
   v1.3.34 — LOAD MORE EPISODES BUTTON POLISH
   The archive loader should read like a quiet utility control, not another
   oversized display headline. Keep the surface dark and reserve powder blue
   for a restrained border/text lift rather than a full bright fill.
   ============================================================ */
html body .fld-page button.fld-load-more{
  padding:10px 15px!important;
  background:#071722!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.20)!important;
  color:#9fb6c1!important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body .fld-page button.fld-load-more:hover,
html body .fld-page button.fld-load-more:focus-visible{
  background:#0a202b!important;
  border-color:rgba(153,192,223,.42)!important;
  color:#c5d7df!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.035)!important;
}


/* ============================================================
   v1.3.35 — TOP FEATURE PLAY BUTTON POLISH
   The Latest Podcast "Play Here" control should be a restrained utility
   action rather than a heavy display button. Keep it dark at rest and on
   hover, with powder blue used only as a quiet accent.
   ============================================================ */
html body .fld-page .fld-now-card button.fld-feature-action,
html body .fld-page .fld-now-card .fld-feature-action{
  padding:9px 12px!important;
  background:#071722!important;
  background-image:none!important;
  border:1px solid rgba(153,192,223,.22)!important;
  color:#a9c0cb!important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body .fld-page .fld-now-card .fld-feature-action :is(span,b,strong,i,svg){
  color:inherit!important;
  font-family:inherit!important;
  font-weight:600!important;
  text-shadow:none!important;
}
html body .fld-page .fld-now-card .fld-feature-action:hover,
html body .fld-page .fld-now-card .fld-feature-action:focus-visible{
  background:#0a202b!important;
  background-image:none!important;
  border-color:rgba(153,192,223,.42)!important;
  color:#d2dfe4!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.035)!important;
}
html body .fld-page .fld-now-card .fld-feature-action:hover :is(span,b,strong,i,svg),
html body .fld-page .fld-now-card .fld-feature-action:focus-visible :is(span,b,strong,i,svg){
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}


/* ============================================================
   v1.3.37 — SUPPORT HUB SECONDARY COPY CONSISTENCY
   Keep the lower helper line identical across Patreon, Sponsors,
   Linktree and Follow + Listen regardless of anchor vs button markup.
   ============================================================ */
html body .fld-page .fld-support-grid :is(a,button) > span{
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
}


/* ============================================================
   v1.3.38 — SUPPORT HUB CARD ALIGNMENT LOCK
   Anchor and button cards must share identical internal geometry.
   Theme/global button rules may not vertically center the Follow + Listen card.
   ============================================================ */
html body .fld-page .fld-support-grid > :is(a,button){
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  text-align:left!important;
  vertical-align:top!important;
  width:100%!important;
  min-height:132px!important;
  padding:17px!important;
}
html body .fld-page .fld-support-grid > :is(a,button) > small,
html body .fld-page .fld-support-grid > :is(a,button) > b,
html body .fld-page .fld-support-grid > :is(a,button) > span{
  align-self:stretch!important;
  text-align:left!important;
}
@media(max-width:560px){
  html body .fld-page .fld-support-grid > :is(a,button){
    min-height:105px!important;
  }
}


/* ============================================================
   v1.3.39 — SUBTLE LARGE-CONTROL HOVERS
   Large Dock navigation/selector cards must NEVER become powder-blue slabs.
   Powder blue is an accent only: borders, rails, labels and small glyphs.
   Compact playback/utility controls keep their existing hover treatment.
   ============================================================ */
html body .fld-page :is(
  .fld-lanes button,
  .fld-podcast-dashboard .fld-podcast-stat,
  .fld-tool-grid button,
  .fld-playlist-index-grid button,
  .fld-support-grid > a,
  .fld-support-grid > button
){
  background:#071722!important;
  background-image:none!important;
  color:#a9bec8!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html body .fld-page :is(
  .fld-lanes button:not(.is-active),
  .fld-podcast-dashboard .fld-podcast-stat:not(.is-active),
  .fld-tool-grid button:not(.is-active),
  .fld-playlist-index-grid button:not(.is-active):not([aria-pressed="true"]),
  .fld-support-grid > a,
  .fld-support-grid > button
):hover,
html body .fld-page :is(
  .fld-lanes button:not(.is-active),
  .fld-podcast-dashboard .fld-podcast-stat:not(.is-active),
  .fld-tool-grid button:not(.is-active),
  .fld-playlist-index-grid button:not(.is-active):not([aria-pressed="true"]),
  .fld-support-grid > a,
  .fld-support-grid > button
):focus-visible{
  background:#0a202b!important;
  background-image:none!important;
  border-color:rgba(153,192,223,.42)!important;
  color:#d7e3e8!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
  box-shadow:inset 0 0 0 1px rgba(153,192,223,.035)!important;
}

/* Keep nested copy readable on the dark hover surface instead of inheriting
   the old v1.3.15 dark-on-blue contrast rules. */
html body .fld-page .fld-lanes button:hover b,
html body .fld-page .fld-lanes button:focus-visible b,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover strong,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible strong,
html body .fld-page .fld-tool-grid button:hover b,
html body .fld-page .fld-tool-grid button:focus-visible b,
html body .fld-page .fld-playlist-index-grid button:hover b,
html body .fld-page .fld-playlist-index-grid button:focus-visible b,
html body .fld-page .fld-support-grid > :is(a,button):hover b,
html body .fld-page .fld-support-grid > :is(a,button):focus-visible b{
  color:#f0eadb!important;
}

html body .fld-page .fld-lanes button:hover :is(span,small),
html body .fld-page .fld-lanes button:focus-visible :is(span,small),
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover small,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible small,
html body .fld-page .fld-tool-grid button:hover :is(span,small),
html body .fld-page .fld-tool-grid button:focus-visible :is(span,small),
html body .fld-page .fld-playlist-index-grid button:hover :is(span,small),
html body .fld-page .fld-playlist-index-grid button:focus-visible :is(span,small),
html body .fld-page .fld-support-grid > :is(a,button):hover :is(small,span),
html body .fld-page .fld-support-grid > :is(a,button):focus-visible :is(small,span){
  color:#8faab8!important;
}

html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:hover > b,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat:focus-visible > b{
  color:#99c0df!important;
}

/* Selected states remain dark with the established thin powder-blue rail. */
html body .fld-page .fld-lanes button.is-active,
html body .fld-page .fld-podcast-dashboard .fld-podcast-stat.is-active,
html body .fld-page .fld-tool-grid button.is-active,
html body .fld-page .fld-playlist-index-grid button.is-active,
html body .fld-page .fld-playlist-index-grid button[aria-pressed="true"]{
  background:#081a25!important;
  background-image:none!important;
  border-color:rgba(153,192,223,.30)!important;
  box-shadow:inset 3px 0 0 #99c0df!important;
  color:#f0eadb!important;
}

html body .fld-page :is(
  .fld-lanes button.is-active,
  .fld-podcast-dashboard .fld-podcast-stat.is-active,
  .fld-tool-grid button.is-active,
  .fld-playlist-index-grid button.is-active,
  .fld-playlist-index-grid button[aria-pressed="true"]
):hover,
html body .fld-page :is(
  .fld-lanes button.is-active,
  .fld-podcast-dashboard .fld-podcast-stat.is-active,
  .fld-tool-grid button.is-active,
  .fld-playlist-index-grid button.is-active,
  .fld-playlist-index-grid button[aria-pressed="true"]
):focus-visible{
  background:#0a202b!important;
  border-color:rgba(153,192,223,.42)!important;
  box-shadow:inset 3px 0 0 #99c0df!important;
}

/* ============================================================
   v1.3.40 — EPISODE NOTES CLOSE CONTROL
   The Notes modal should use the same sharp, restrained Fishing Loons
   control language as the rest of the Dock. Kill the old circular button
   and keep powder blue as an accent, never the whole hover surface.
   ============================================================ */
html body .fld-page button.fld-notes-close{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(153,192,223,.28)!important;
  border-radius:0!important;
  background:#071722!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
}
html body .fld-page button.fld-notes-close::before,
html body .fld-page button.fld-notes-close::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:15px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#a9c3cf!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
html body .fld-page button.fld-notes-close::before{
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
html body .fld-page button.fld-notes-close::after{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}
html body .fld-page button.fld-notes-close:hover,
html body .fld-page button.fld-notes-close:focus-visible{
  background:#0a1d29!important;
  border-color:rgba(153,192,223,.7)!important;
  color:transparent!important;
  outline:none!important;
  box-shadow:inset 0 2px 0 rgba(153,192,223,.28)!important;
}
html body .fld-page button.fld-notes-close:hover::before,
html body .fld-page button.fld-notes-close:hover::after,
html body .fld-page button.fld-notes-close:focus-visible::before,
html body .fld-page button.fld-notes-close:focus-visible::after{
  background:#d8e5eb!important;
}