@font-face{font-family:"Roboto";src:url("/static/fonts/Roboto-Variable.b7627e3c9663.woff2") format("woff2-variations"),url("/static/fonts/Roboto-Variable.b7627e3c9663.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap} @font-face{font-family:"Roboto Mono";src:url("/static/fonts/RobotoMono-Variable.99073479f71f.woff2") format("woff2-variations"),url("/static/fonts/RobotoMono-Variable.99073479f71f.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap} @font-face{font-family:"Ubuntu";src:url("/static/fonts/Ubuntu-Bold.1459703cdb29.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:"Ubuntu";src:url("/static/fonts/Ubuntu-Medium.4bc57d2a6cd2.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap} @view-transition{navigation:auto} @layer base,components,modals;@layer base{:root{--dc-ink:#0d0d0d;--dc-heading:var(--dc-surface-deep);--dc-paper:#f9f9f9;--dc-muted:#5f635d;--dc-line:#d8d8d8;--dc-accent:#2d8260;--dc-accent-dark:#14513a;--dc-django:#0ea342;--cast-player-accent:#1f6647;--cast-player-on-accent:#ffffff;--cast-player-bg:var(--dc-paper);--cast-player-surface:transparent;--cast-player-fg:#1a1a1a;--cast-player-muted:var(--dc-muted);--cast-player-line:#cfe0d7;--cast-player-progress-track:#c9d8cf;--cast-player-focus:var(--dc-accent);--dc-django-aaa:#0a7d33;--dc-django-aaa-light:#17b650;--dc-green-on-dark:var(--dc-django-aaa-light);--dc-django-soft:rgb(14 163 66 / 0.08);--dc-django-soft:color-mix(in srgb,var(--dc-django) 8%,transparent);--dc-django-tint:rgb(14 163 66 / 0.1);--dc-django-tint:color-mix(in srgb,var(--dc-django) 10%,transparent);--dc-django-hover:rgb(14 163 66 / 0.12);--dc-django-hover:color-mix(in srgb,var(--dc-django) 12%,transparent);--dc-django-veil:rgb(14 163 66 / 0.14);--dc-django-veil:color-mix(in srgb,var(--dc-django) 14%,transparent);--dc-surface-django-tint:#dfeede;--dc-error:#c0392b;--dc-paper-texture:linear-gradient(rgb(255 255 255 / 0.2),rgb(255 255 255 / 0.2)),url("../img/simple-horizontal-light.1dd496a86519.png");--s-3:0.25rem;--s-2:0.5rem;--s-1:0.75rem;--s0:1rem;--s1:1.5rem;--s2:2rem;--s3:3rem;--s5:5rem;--dc-radius:0.25rem;--dc-radius-card:0.75rem;--dc-radius-pill:999px;--dc-tap:2.75rem;--dc-gutter:1rem;--dc-container-max:70rem;--dc-container:min(var(--dc-container-max),100% - 2 * var(--dc-gutter));--dc-topbar-h:7rem;--dc-surface-deep:#09201D;--z-popover:20;--z-topbar:50;--z-hero-morph:60;--z-skip-link:100;--font-body:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:"Ubuntu","Roboto",system-ui,sans-serif;--font-mono:"Roboto Mono",ui-monospace,monospace;--text-xs:0.78rem;--text-sm:0.9rem;--text-base:1.06rem;--text-md:1.08rem;--text-lg:1.2rem;--text-xl:1.4rem;--text-h2:clamp(1.6rem,1.6vw + 0.8rem,2.2rem);--text-h1:clamp(2.4rem,4vw + 1rem,3.5rem);--text-episode-hero:clamp(1.8rem,4cqi,2.4rem);--text-platform-link:clamp(0.82rem,0.25vw + 0.78rem,0.96rem);--text-callout:clamp(1.05rem,0.5vw + 0.95rem,1.2rem);--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-flat:1;--leading-heading:1.1;--leading-snug:1.25;--leading-tagline:1.45;--leading-body:1.55;--tracking-caps:0.06em;--dc-measure:60ch;--dc-transition-colors:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;--dc-focus-ring-soft:0 0 0 3px var(--dc-accent);--dc-focus-outline:3px solid var(--dc-accent);--dc-shadow-sm:0 1px 0 rgb(13 13 13 / 0.02);--dc-shadow-sm:0 1px 0 color-mix(in srgb,var(--dc-ink),transparent 98%);--dc-shadow-md:0 8px 22px rgb(13 13 13 / 0.06);--dc-shadow-md:0 8px 22px color-mix(in srgb,var(--dc-ink),transparent 94%);--dc-shadow-lg:0 18px 36px rgb(13 13 13 / 0.1);--dc-shadow-lg:0 18px 36px color-mix(in srgb,var(--dc-ink),transparent 90%);--dc-shadow-xl:0 24px 64px rgb(13 13 13 / 0.22);--dc-shadow-xl:0 24px 64px color-mix(in srgb,var(--dc-ink),transparent 78%);--dc-aside-width:clamp(14.375rem,24cqi,17.5rem);--dc-aside-column-gap:clamp(1.5rem,4cqi,3rem)} cast-audio-player .cast-player__transport{border:none !important;background:transparent !important;padding-left:0} .audio-panel .cast-panel__toggle{border:none !important;background:transparent !important;padding:0.1rem 0 !important;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--text-sm) !important;font-weight:var(--weight-semibold) !important;text-transform:uppercase;letter-spacing:var(--tracking-caps) !important;color:var(--dc-muted) !important} .audio-panel .cast-panel__chevron{display:none !important} .audio-panel .cast-panel__toggle::before{content:"";flex:0 0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;transform:rotate(-90deg);transition:transform 0.22s cubic-bezier(0.16,1,0.3,1)} .audio-panel .cast-panel.is-open .cast-panel__toggle::before{transform:rotate(0deg)} .audio-panel .cast-panel__toggle:hover,.audio-panel .cast-panel.is-open .cast-panel__toggle{background:transparent !important;border:none !important;color:var(--dc-ink) !important} .audio-panel .cast-transcript__iconpref{display:none !important} @media (prefers-reduced-motion:reduce){.audio-panel .cast-panel__toggle::before{transition:none}} .audio-panel .cast-player__panels{margin-top:var(--s-2) !important;row-gap:0 !important} .audio-panel .cast-panel__clip>:first-child{margin-top:var(--s-2) !important} .audio-panel .cast-panel__reveal{border:none !important;border-radius:0 !important} .audio-panel .cast-panel__scroll{contain:content;scrollbar-color:var(--dc-django) transparent !important} .audio-panel .cast-panel__scroll::-webkit-scrollbar-thumb{background:var(--dc-django) !important} @media (min-width:48rem){:root{--dc-gutter:2rem}} *,*::before,*::after{box-sizing:border-box} html{-webkit-font-smoothing:antialiased;text-size-adjust:100%;background-color:var(--dc-surface-deep);overflow-x:clip;scroll-padding-top:var(--dc-topbar-h)} body{margin:0;min-height:100svh;overflow-x:clip;display:flex;flex-direction:column;background-color:var(--dc-ink);color:var(--dc-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-wrap:pretty} body>.site-content{flex:1 0 auto;background-color:#ffffff;background-image:var(--dc-paper-texture);background-attachment:fixed} .audio-panel,.audio-panel *{view-transition-name:none} a{color:var(--dc-accent-dark);text-decoration-thickness:0.08em;text-underline-offset:0.18em} a:hover,a:focus{color:var(--dc-accent-dark);text-decoration-color:var(--dc-django)} a:focus-visible{outline:var(--dc-focus-outline);outline-offset:3px;border-radius:2px} button:focus-visible{outline:var(--dc-focus-outline);outline-offset:3px} h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-heading);margin:0;text-wrap:balance;color:var(--dc-heading)} h1{font-size:var(--text-h1)} h2{font-size:var(--text-h2)} h3{font-size:var(--text-lg)} .eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--dc-muted);margin:0 0 var(--s-2)} :where(button,input,select,textarea){font:inherit} .filter-control-button,.filter-popover-icon-button,.filter-date-day,.filter-date-actions button,.filter-select-option,button.feed-action,button.share-pill,.share-mastodon-change,.share-mastodon-row button{cursor:pointer} .skip-link{position:fixed;top:var(--s-2);left:var(--s-2);z-index:var(--z-skip-link);padding:var(--s-2) var(--s0);background:var(--dc-paper);color:var(--dc-accent-dark);border:2px solid var(--dc-accent-dark);border-radius:var(--dc-radius);font-weight:var(--weight-semibold);text-decoration:none;transform:translateY(calc(-100% - var(--s1)));transition:transform 0.15s ease} .skip-link:focus-visible{transform:translateY(0);outline:var(--dc-focus-outline);outline-offset:2px} @media (prefers-reduced-motion:reduce){.skip-link{transition:none}} #main-content:focus{outline:none} .site-footer{background:var(--dc-surface-deep);color:var(--dc-paper)} .site-footer a{color:var(--dc-paper);text-decoration:none} .site-footer a:hover,.site-footer a:focus{color:var(--dc-django)} .site-footer{container-type:inline-size;container-name:site-footer} .site-footer-inner,.page-content{width:var(--dc-container);margin:0 auto} .site-header{position:sticky;top:0;z-index:var(--z-topbar);background:var(--dc-surface-deep);color:var(--dc-paper);font-family:var(--font-heading);line-height:normal;border-bottom:1px solid var(--dc-django);container-type:inline-size;container-name:topbar;--show-hero-brand-render-h:18rem} .site-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s-1);height:var(--dc-topbar-h);padding-block:var(--s-2);padding-inline:clamp(0.4rem,3cqw,2rem);margin:0} .brand{display:inline-flex;align-items:center;gap:0.6rem;min-height:var(--dc-tap);color:var(--dc-paper);text-decoration:none} .brand-mark{height:var(--show-hero-brand-logo-h,3.8rem);width:auto;display:block;margin-bottom:-0.5rem} .brand-mark-fly{display:none} .brand-name{font-weight:var(--weight-bold);font-size:1.4rem;letter-spacing:0.03em;color:var(--dc-paper)} .brand:hover .brand-name,.brand:focus-visible .brand-name{color:var(--dc-green-on-dark);text-shadow:0 0 .5px currentColor} .nav-links{display:flex;gap:clamp(0.5rem,2.5cqw,2rem);margin:0;padding:0;list-style:none;font-size:clamp(0.82rem,1.5cqw + 0.5rem,0.95rem);font-weight:var(--weight-medium);letter-spacing:0.04em} .nav-links a{display:inline-flex;align-items:center;min-height:var(--dc-tap);color:var(--dc-paper);text-decoration:none} .nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current="page"]{color:var(--dc-green-on-dark);text-shadow:0 0 .5px currentColor} body:has([data-show-hero-shell]) .brand{visibility:hidden;pointer-events:none} @media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll(root block)){body:has([data-show-hero-shell][data-show-hero-morph]) .brand{visibility:visible;pointer-events:auto} body:has([data-show-hero-shell][data-show-hero-morph]) .brand-mark{opacity:0;animation-name:show-hero-mark-dock-in;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:scroll(root block);animation-range:var(--show-hero-morph-dock-start,27vh) var(--show-hero-morph-end,30vh)} body:has([data-show-hero-shell][data-show-hero-morph]) .brand-mark-fly{display:block;position:absolute;left:0;top:50%;margin-top:calc(var(--show-hero-brand-render-h,18rem) / -2);height:var(--show-hero-brand-render-h,18rem);width:auto;transform-origin:left center;pointer-events:none;z-index:calc(var(--z-hero-morph) + 1);animation-name:show-hero-logo-fly,show-hero-fly-out;animation-fill-mode:both,both;animation-timing-function:cubic-bezier(.2,.7,.2,1),linear;animation-timeline:scroll(root block),scroll(root block);animation-range:var(--show-hero-morph-start,0vh) var(--show-hero-morph-end,30vh),var(--show-hero-morph-dock-start,27vh) var(--show-hero-morph-end,30vh)} body:has([data-show-hero-shell][data-show-hero-morph]) .brand-name{animation-name:show-hero-brand-text;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-timeline:scroll(root block);animation-range:var(--show-hero-morph-text-start,25vh) var(--show-hero-morph-text-end,32vh)} body:has([data-show-hero-shell][data-show-hero-morph]) .show-hero-logo-bubble{visibility:hidden}}} @keyframes show-hero-logo-fly{from{transform:translate(var(--show-hero-fly-from-tx,0),var(--show-hero-fly-from-ty,0)) scale(var(--show-hero-fly-from-scale,1))} to{transform:translate(var(--show-hero-fly-to-tx,0),var(--show-hero-fly-to-ty,0)) scale(var(--show-hero-fly-to-scale,0.16))}} @keyframes show-hero-fly-out{from{opacity:1} to{opacity:0}} @keyframes show-hero-mark-dock-in{from{opacity:0} to{opacity:1}} @keyframes show-hero-brand-text{from{opacity:0;transform:translateX(-0.6rem)} to{opacity:1;transform:translateX(0)}} @container topbar (max-width:42rem){.site-nav{flex-direction:column;align-items:stretch;gap:clamp(0.6rem,1.6cqi,1rem);height:auto;padding:clamp(0.4rem,1.6cqi,1rem) 0 0} .brand{width:100%;justify-content:center;padding-inline:var(--dc-gutter)} .brand-mark{height:clamp(3rem,3.5cqi + 2.2rem,3.8rem);margin-bottom:-0.4rem} .nav-links{width:100%;justify-content:space-between;gap:clamp(0.5rem,2cqw,1.5rem);font-size:clamp(0.95rem,4.5cqw,1.25rem);background:color-mix(in srgb,var(--dc-surface-deep),#ffffff 8%);padding-block:clamp(0.15rem,0.5cqi,0.5rem);padding-inline:var(--dc-gutter)} .nav-links a{min-height:2.25rem}}} @layer components{.show-artwork{width:100%;max-width:17.5rem;height:auto;aspect-ratio:1 / 1;justify-self:end;object-fit:cover;border-radius:var(--dc-radius);box-shadow:var(--dc-shadow-lg)} .show-artwork--default{aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0.3125rem 0.375rem 3px color-mix(in srgb,var(--dc-ink),transparent 55%))} .show-hero{--show-hero-accent:#41fcb9;--show-hero-listen-up-size:clamp(3rem,23cqw,29rem);--show-hero-ease-out:cubic-bezier(.2,.7,.2,1);--show-hero-logo-w:clamp(8rem,calc(9rem + 3.5rem * clamp(0,(100cqw - 400px) / 368px,1) + 3.5rem * clamp(0,(100cqw - 768px) / 512px,1) + 3rem * clamp(0,(100cqw - 1280px) / 640px,1)),19rem);--show-hero-bubble-ty:calc(12.25vh + (15.5vh - 12.25vh) * clamp(0,(100cqw - 380px) / 20px,1) + (11vh - 15.5vh) * clamp(0,(100cqw - 400px) / 420px,1) + (2.5vh - 11vh) * clamp(0,(100cqw - 820px) / 204px,1) + (-10vw - 2.5vh) * clamp(0,(100cqw - 1024px) / 376px,1) + (-12rem - -10vw) * clamp(0,(100cqw - 1400px) / 520px,1));--show-hero-bubble-w-base:max(22rem,min(calc(var(--show-hero-h1) * (7.5 - 0.7 * clamp(0,(1500px - 100cqw) / 600px,1))),calc(100cqw - 2 * var(--dc-gutter) + 10px)));--show-hero-bubble-w:max(var(--show-hero-bubble-w-base),calc(var(--show-hero-bubble-w-base) + (100cqw - 10px - var(--show-hero-bubble-w-base)) * clamp(0,(600px - 100cqw) / 120px,1)));--show-hero-h1:min(12cqw,clamp(2.5rem,calc(3.5rem + 2.5rem * clamp(0,(100cqw - 400px) / 624px,1) + 1rem * clamp(0,(100cqw - 1024px) / 896px,1)),9rem));--show-hero-subtitle:clamp(1.06rem,calc(1.06rem + 0.49rem * clamp(0,(100cqw - 400px) / 1520px,1)),1.55rem);--show-hero-bubble-inset-top:calc(12% + 12% * clamp(0,(100cqw - 820px) / 580px,1) - 2% * clamp(0,(100cqw - 1400px) / 520px,1));--show-hero-hp-w:clamp(5rem,calc(26vh + (50vh - 26vh) * clamp(0,(100cqw - 400px) / 624px,1) + (30vw - 50vh) * clamp(0,(100cqw - 1024px) / 896px,1)),32rem);--show-hero-hp-bottom:calc(9vh + (11vw - 9vh) * clamp(0,(100cqw - 380px) / 20px,1) + (13vw - 11vw) * clamp(0,(100cqw - 400px) / 624px,1));--show-hero-hp-right:calc(2rem + (0% - 2rem) * clamp(0,(100cqw - 380px) / 644px,1));--show-hero-ep-tracking:calc(-0.045em + 0.085em * clamp(0,(100cqw - 820px) / 1100px,1));--show-hero-ep-inset:calc(5.3cqw + (1.5rem - 5.3cqw) * clamp(0,(100cqw - 1024px) / 896px,1));--show-hero-ep-desktop-lift:20px;--show-hero-ep-bottom:calc(16cqw + (1.5rem + var(--show-hero-ep-desktop-lift) - 16cqw) * clamp(0,(100cqw - 1024px) / 6px,1));--show-hero-ep-i-offset:37.9cqw;--show-hero-descend:calc(clamp(0px,(100svh - var(--dc-topbar-h) - 950px) * 0.65,15rem) * clamp(0,(100cqw - 1200px) / 240px,1));--show-hero-mobile-lift:calc(2.5vh * clamp(0,(640px - 100cqw) / 220px,1));--show-hero-logo-od:calc(53% + 14% * clamp(0,(1500px - 100cqw) / 1100px,1));--show-hero-logo-pop:calc(var(--show-hero-logo-w) / 6);--show-hero-logo-nudge-x:calc(3px * clamp(0,(600px - 100cqw) / 200px,1));position:relative;display:flex;flex-direction:column;align-items:center;overflow-x:clip;overflow-y:visible;min-height:calc(100svh - var(--dc-topbar-h));max-height:calc(100svh - var(--dc-topbar-h));padding-block:0 clamp(5rem,14vh,11rem);color:var(--dc-paper);background-color:var(--dc-surface-deep);font-family:var(--font-heading);line-height:normal;container-type:inline-size;container-name:show-hero} .show-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none} .show-hero-bg img{display:block;width:100%;height:100%;object-fit:cover} .show-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(9,32,29,.45),rgba(9,32,29,.55));background:linear-gradient(180deg,color-mix(in srgb,var(--dc-surface-deep) 45%,transparent),color-mix(in srgb,var(--dc-surface-deep) 55%,transparent))} .show-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,var(--dc-surface-deep))} .show-hero-headphones{position:absolute;right:var(--show-hero-hp-right);bottom:var(--show-hero-hp-bottom);width:var(--show-hero-hp-w);height:auto;z-index:2;color:var(--show-hero-accent);pointer-events:none;translate:var(--show-hero-px-hp-x,0) var(--show-hero-px-hp-y,0);will-change:translate} .show-hero-headphones path{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;fill:none} .show-hero-listen-up-stage{position:absolute;left:0;right:0;bottom:0;height:var(--show-hero-listen-up-size);z-index:3;pointer-events:none} .show-hero-listen-up{position:absolute;left:50%;bottom:0;font-weight:var(--weight-bold);font-size:var(--show-hero-listen-up-size);line-height:0.82;letter-spacing:-0.045em;white-space:nowrap;user-select:none;text-align:center} .show-hero-listen-up--fill{color:rgba(14,163,66,.35);color:color-mix(in srgb,var(--dc-django) 35%,transparent);transform:translate(-49.5%,5%);translate:var(--show-hero-px-fill-x,0) var(--show-hero-px-fill-y,0);will-change:translate} .show-hero-listen-up--outline{color:transparent;-webkit-text-stroke:1px var(--show-hero-accent);text-stroke:1px var(--show-hero-accent);transform:translate(-50.5%,-1%);translate:var(--show-hero-px-outline-x,0) var(--show-hero-px-outline-y,0);will-change:translate} .show-hero-center{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;margin-inline:auto;top:calc(var(--show-hero-descend,0px) - var(--show-hero-mobile-lift,0px));width:min(100%,calc(var(--show-hero-bubble-w) + var(--show-hero-logo-w) * .4));padding-inline:clamp(1rem,3cqw,2rem)} .show-hero-bubble,.show-hero-logo-bubble{grid-column:1;grid-row:1} .show-hero-bubble{position:relative;z-index:5;width:var(--show-hero-bubble-w);aspect-ratio:1039 / 908;transform:translateY(var(--show-hero-bubble-ty));clip-path:inset(calc(-1 * (var(--show-hero-bubble-ty) + var(--show-hero-descend,0px) - var(--show-hero-mobile-lift,0px))) -100vmax -100vmax -100vmax);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:calc(var(--show-hero-bubble-inset-top) * (908 / 1039)) calc(15% * (908 / 1039));padding-inline:8.5%} .show-hero-bubble>svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.25))} .show-hero-bubble-content{position:relative;z-index:1;max-width:min(100%,calc(100cqw - 2rem));display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,1.5cqw,1.75rem);text-align:center;color:var(--dc-ink)} .show-hero-bubble-content h1{margin:0;color:var(--dc-django);font-weight:var(--weight-bold);font-size:var(--show-hero-h1);letter-spacing:-0.025em;line-height:.92;white-space:nowrap} .show-hero-bubble-content p{margin:0;font-family:var(--font-body);font-size:var(--show-hero-subtitle);line-height:1.45;max-width:47ch} .show-hero-bubble-content p a{font-weight:var(--weight-bold);color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease} .show-hero-bubble-content p a:hover{border-bottom-color:var(--dc-django)} .show-hero-subscribe,.sponsor-shoutout-cta{display:inline-flex;align-items:stretch;gap:0;color:var(--dc-ink);font-weight:var(--weight-bold);letter-spacing:0.04em;text-decoration:none} .show-hero-subscribe:hover,.show-hero-subscribe:focus-visible,.sponsor-shoutout-cta:hover,.sponsor-shoutout-cta:focus-visible{transform:translateY(-1px)} .show-hero-subscribe:focus-visible,.sponsor-shoutout-cta:focus-visible{outline-offset:3px;border-radius:var(--dc-radius-pill)} @media (prefers-reduced-motion:reduce){.show-hero-subscribe,.sponsor-shoutout-cta{transition:none} .show-hero-subscribe:hover,.show-hero-subscribe:focus-visible,.sponsor-shoutout-cta:hover,.sponsor-shoutout-cta:focus-visible{transform:none}} .show-hero-subscribe-cap,.sponsor-shoutout-cta-cap,.show-hero-subscribe-field,.sponsor-shoutout-cta-field{background:var(--dc-django-aaa-light);border:1px solid var(--dc-django-aaa-light)} .show-hero-subscribe-cap,.sponsor-shoutout-cta-cap{flex:0 0 auto;border-radius:var(--dc-radius-pill) 0 0 var(--dc-radius-pill)} .show-hero-subscribe-field,.sponsor-shoutout-cta-field{display:inline-flex;align-items:center;border-radius:0 var(--dc-radius-pill) var(--dc-radius-pill) 0} .show-hero-subscribe-wave,.sponsor-shoutout-cta-wave{flex:0 0 auto;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:0.14em;padding-inline:0.14em} .show-hero-subscribe-wave i,.sponsor-shoutout-cta-wave i{display:block;width:0.18em;border-radius:var(--dc-radius-pill);background:var(--dc-django-aaa-light)} .show-hero-subscribe-wave i:nth-child(1),.sponsor-shoutout-cta-wave i:nth-child(1){height:40%} .show-hero-subscribe-wave i:nth-child(2),.sponsor-shoutout-cta-wave i:nth-child(2){height:76%} .show-hero-subscribe-wave i:nth-child(3),.sponsor-shoutout-cta-wave i:nth-child(3){height:100%} .show-hero-subscribe-wave i:nth-child(4),.sponsor-shoutout-cta-wave i:nth-child(4){height:58%} .show-hero-subscribe-wave i:nth-child(5),.sponsor-shoutout-cta-wave i:nth-child(5){height:46%} .show-hero-subscribe:hover .show-hero-subscribe-cap,.show-hero-subscribe:focus-visible .show-hero-subscribe-cap,.show-hero-subscribe:hover .show-hero-subscribe-field,.show-hero-subscribe:focus-visible .show-hero-subscribe-field,.sponsor-shoutout-cta:hover .sponsor-shoutout-cta-cap,.sponsor-shoutout-cta:focus-visible .sponsor-shoutout-cta-cap,.sponsor-shoutout-cta:hover .sponsor-shoutout-cta-field,.sponsor-shoutout-cta:focus-visible .sponsor-shoutout-cta-field{background:var(--dc-accent-dark);border-color:var(--dc-accent-dark)} .show-hero-subscribe:hover .show-hero-subscribe-wave i,.show-hero-subscribe:focus-visible .show-hero-subscribe-wave i,.sponsor-shoutout-cta:hover .sponsor-shoutout-cta-wave i,.sponsor-shoutout-cta:focus-visible .sponsor-shoutout-cta-wave i{background:var(--dc-accent-dark)} .show-hero-subscribe{justify-self:center;font-size:clamp(1rem,1.4cqw,1.4rem);transition:transform .15s var(--show-hero-ease-out)} .show-hero-subscribe:focus-visible{outline:2px solid var(--show-hero-accent)} .show-hero-subscribe-cap{display:inline-flex;align-items:center;justify-content:center;padding-inline:clamp(.7rem,1.7cqw,1.05rem) clamp(.35rem,1cqw,.6rem);transition:background .15s var(--show-hero-ease-out),border-color .15s var(--show-hero-ease-out),color .15s var(--show-hero-ease-out)} .show-hero-subscribe-cap svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto} .show-hero-subscribe-cap svg circle{fill:currentColor;stroke:none} .show-hero-subscribe-wave i{transition:background .15s var(--show-hero-ease-out)} .show-hero-subscribe-field{padding-block:clamp(.85rem,1.2cqw,1.1rem);padding-inline:clamp(.5rem,1cqw,.75rem) clamp(.7rem,1.7cqw,1.05rem);transition:background .15s var(--show-hero-ease-out),border-color .15s var(--show-hero-ease-out),color .15s var(--show-hero-ease-out)} .show-hero-subscribe:hover .show-hero-subscribe-cap,.show-hero-subscribe:focus-visible .show-hero-subscribe-cap,.show-hero-subscribe:hover .show-hero-subscribe-field,.show-hero-subscribe:focus-visible .show-hero-subscribe-field{color:var(--dc-paper)} .show-hero-logo-bubble{position:relative;width:var(--show-hero-logo-w);aspect-ratio:442 / 399;transform:translate(calc(-22cqw - 7cqw * clamp(0,(100cqw - 393px) / 631px,1) + 2cqw * clamp(0,(100cqw - 1024px) / 656px,1)),calc(13cqw - 17cqw * clamp(0,(100cqw - 393px) / 1047px,1)));z-index:var(--z-hero-morph)} .show-hero-logo-bubble img{width:100%;height:100%;display:block} .show-hero-episodes{position:absolute;left:var(--show-hero-ep-inset);bottom:var(--show-hero-ep-bottom);z-index:4;display:inline-flex;flex-direction:column;align-items:center;gap:.1em;color:var(--dc-paper);font-weight:var(--weight-bold);font-size:var(--text-h2);line-height:1;letter-spacing:var(--show-hero-ep-tracking);text-decoration:none;filter:drop-shadow(0 0.25em 0.7em var(--dc-surface-deep)) drop-shadow(0 0.05em 0.2em var(--dc-surface-deep))} .show-hero-episodes svg{width:1.75rem;height:1.75rem;fill:currentColor} @media (prefers-reduced-motion:no-preference){.show-hero-episodes svg{animation:show-hero-episodes-tap 4s ease-in-out infinite}} @keyframes show-hero-episodes-tap{0%,77%,100%{translate:0 0} 83%{translate:0 0.45rem} 88%{translate:0 -0.06rem} 94%{translate:0 0.2rem} 99%{translate:0 -0.02rem}} @container show-hero (max-width:64rem){.show-hero-episodes{left:calc(50% - var(--show-hero-ep-i-offset));transform:translateX(-50%)}} @container show-hero (max-width:75rem){.show-hero-center{width:100%}} @supports (offset-path:ellipse(50% 50%)){.show-hero-logo-bubble{offset-path:ellipse(calc(var(--show-hero-bubble-w) * 0.5 + var(--show-hero-logo-pop,0px)) calc(var(--show-hero-bubble-w) * 0.39376 + var(--show-hero-logo-pop,0px)) at 50% calc(var(--show-hero-bubble-ty) + var(--show-hero-bubble-w) * 0.39376));offset-distance:var(--show-hero-logo-od,75%);offset-rotate:0deg;transform:translateX(var(--show-hero-logo-nudge-x,0px))}} .stack{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--stack-space,var(--s1))} .cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-space,var(--s0));justify-content:var(--cluster-justify,flex-start);align-items:var(--cluster-align,center)} .grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min,16rem),100%),1fr));gap:var(--grid-space,var(--s1))} .button-primary,.platform-band-links a,.feed-action,.filter-form button[type="submit"],.filter-clear-all,.footer-mastodon-button,.share-pill,.pagination-nav a{display:inline-flex;align-items:center;border-radius:var(--dc-radius-pill);text-decoration:none} .platform-band-links a:hover,.platform-band-links a:focus,.filter-clear-all:hover,.filter-clear-all:focus,.share-pill:hover,.share-pill:focus-visible,.pagination-nav a:hover,.pagination-nav a:focus{background:var(--dc-django-tint);border-color:var(--dc-django);color:var(--dc-accent-dark)} .button-primary{justify-content:center;min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid var(--dc-accent-dark);background:var(--dc-accent-dark);color:var(--dc-paper);font-weight:var(--weight-semibold)} .button-primary:hover,.button-primary:focus,.feed-action--primary:hover,.feed-action--primary:focus-visible,.feed-action[data-copied],.sponsor-cta-button:hover,.sponsor-cta-button:focus-visible,.share-mastodon-row button:hover,.share-mastodon-row button:focus-visible{background:var(--dc-django);border-color:var(--dc-django);color:var(--dc-ink)} .button-icon{width:1.125rem;height:1.125rem;margin-right:var(--s-2);fill:none;flex:0 0 auto;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.75} .button-icon circle{fill:currentcolor;stroke:none} .platform-band{container-type:inline-size;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s1);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-1px;margin-bottom:var(--s3);padding:clamp(2.5rem,5vw,5rem) max(var(--dc-gutter),calc(50vw - var(--dc-container-max) / 2));background-color:var(--dc-surface-deep);color:var(--dc-paper);position:relative;z-index:2} .platform-band h2{margin:var(--s-2) 0 var(--s-1);text-wrap:balance;color:var(--dc-green-on-dark)} .platform-band p{margin:0;color:inherit} .platform-band .eyebrow{color:color-mix(in srgb,var(--dc-paper) 70%,transparent)} .platform-band-links{--cluster-space:clamp(0.5rem,0.4vw + 0.375rem,0.75rem);--cluster-justify:center;width:100%} .platform-band-links a{justify-content:center;gap:clamp(0.375rem,0.3vw + 0.3125rem,0.625rem);min-height:clamp(2.375rem,0.7vw + 2.125rem,2.875rem);min-width:clamp(8.75rem,22vw,11.25rem);max-inline-size:clamp(8.75rem,22vw,11.25rem);padding-inline:clamp(0.875rem,0.6vw + 0.6875rem,1.125rem);border:1px solid color-mix(in srgb,var(--dc-paper) 35%,transparent);color:var(--dc-paper);font-size:var(--text-platform-link);font-weight:var(--weight-bold);background-color:transparent;white-space:nowrap;transition:var(--dc-transition-colors)} .platform-band-links a:hover,.platform-band-links a:focus,.platform-band-links a:focus-visible{background:color-mix(in srgb,var(--dc-paper) 12%,transparent);border-color:var(--dc-paper);color:var(--dc-paper)} .platform-band-links a>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis} @container (min-width:70rem){.platform-band-links a{min-width:8.75rem;max-inline-size:none}} @container (max-width:37.5rem){.platform-band-links{--platform-mobile-gap:clamp(0.875rem,3vw,1.125rem);display:grid;grid-template-columns:1fr 1fr;gap:var(--platform-mobile-gap)} .platform-band-links a{min-width:0;max-inline-size:none} .platform-band-links a:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - var(--platform-mobile-gap)) / 2)}} @media (max-width:37.5rem){.platform-band{padding-block:3.5rem}} .platform-icon,.feed-action-icon,.footer-mastodon-icon,.share-pill-icon{width:1.125rem;height:1.125rem;flex-shrink:0} .platform-icon{display:inline-block;background-color:currentColor;-webkit-mask-image:var(--platform-icon-url);mask-image:var(--platform-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:background-color 0.15s ease} .episode-section-heading{margin:var(--s-2) 0 var(--s0)} h2[data-vt-episode-title]{font-size:clamp(1.4rem,1.6vw + 0.8rem,2.2rem)} .filter-form-wrap{container-type:inline-size;container-name:filter-form} .filter-form{display:grid;grid-template-columns:1fr;gap:var(--s-1);width:100vw;margin:0 calc(50% - 50vw) var(--s1);padding:0 max(var(--dc-gutter),calc(50vw - var(--dc-container-max) / 2));scroll-margin-top:var(--s5)} .filter-more-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid var(--dc-line);border-radius:var(--dc-radius-pill);color:var(--dc-ink);font-weight:var(--weight-semibold);font-size:var(--text-base);cursor:pointer;user-select:none} .filter-more-toggle:hover,.filter-extras-toggle:focus-visible + .filter-search + .filter-more-toggle,.filter-extras-toggle:focus-visible~.filter-more-toggle{border-color:var(--dc-django);color:var(--dc-accent-dark)} .filter-more-chevron{transition:transform 0.18s ease} .filter-extras-toggle:checked~.filter-more-toggle .filter-more-chevron{transform:rotate(180deg)} .filter-extras{display:grid;grid-template-columns:1fr;gap:var(--s-1);align-items:center} .filter-form:where(:not(:has(.filter-extras-toggle:checked))) .filter-extras{display:none} @container filter-form (min-width:46.25rem){.filter-more-toggle{display:none} .filter-form .filter-extras{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1)} .filter-extras>.filter-date{flex:1 1 16.25rem;min-width:0} .filter-extras>select{flex:1 1 10rem;min-width:0} .filter-extras>button[type="submit"],.filter-extras>.filter-clear-all{flex:0 0 auto}} @container filter-form (min-width:62.5rem){.filter-form{grid-template-columns:minmax(13.75rem,2fr) auto;align-items:center}} .filter-form input:not([type="checkbox"]),.filter-form select{width:100%;min-height:var(--dc-tap);padding:0 var(--s-1);border-radius:var(--dc-radius-pill);font-size:var(--text-base)} .filter-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dc-accent-dark) 50%),linear-gradient(135deg,var(--dc-accent-dark) 50%,transparent 50%);background-position:calc(100% - 1.125rem) 50%,calc(100% - 0.75rem) 50%;background-repeat:no-repeat;background-size:0.375rem 0.375rem,0.375rem 0.375rem;padding-right:2.125rem} .filter-control{position:relative;display:block;min-width:0} .filter-form .filter-native-control{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none} .filter-control-button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--dc-tap);gap:var(--s-2);padding:0 var(--s-1);border:1px solid var(--dc-line);border-radius:var(--dc-radius-pill);background:var(--dc-paper);color:var(--dc-ink);font-size:var(--text-base);text-align:left} .filter-control-button:hover,.filter-control-button:focus{border-color:var(--dc-django);color:var(--dc-ink)} .filter-control-button:focus-visible{box-shadow:var(--dc-focus-ring-soft);outline:0} .filter-control-button[aria-expanded="true"]{border-color:var(--dc-accent);box-shadow:0 0 0 3px rgb(14 163 66 / 0.16)} .filter-control-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .filter-date-button.is-empty{color:var(--dc-muted)} .filter-calendar-icon{position:relative;flex:0 0 auto;width:1.0625rem;height:1.0625rem;border:2px solid currentColor;border-radius:3px} .filter-calendar-icon::before{content:"";position:absolute;top:3px;left:-2px;right:-2px;border-top:2px solid currentColor} .filter-calendar-icon::after{content:"";position:absolute;top:-5px;left:3px;width:0.4375rem;height:0.3125rem;border-left:2px solid currentColor;border-right:2px solid currentColor} .filter-select-icon{flex:0 0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--dc-accent-dark)} .filter-popover{position:absolute;top:calc(100% + 0.5rem);left:0;z-index:var(--z-popover);display:none;border:1px solid var(--dc-surface-django-tint);border-radius:0.875rem;background:var(--dc-paper);box-shadow:0 16px 34px color-mix(in srgb,var(--dc-ink),transparent 82%);color:var(--dc-ink)} .filter-popover--align-right{right:0;left:auto} .filter-popover.is-open{display:block} .filter-date-popover{width:min(18.75rem,calc(100vw - 2.5rem));padding:var(--s-1)} .filter-date-popover-header{display:grid;grid-template-columns:2.375rem 1fr 2.375rem;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2)} .filter-date-popover-header strong{text-align:center} .filter-popover-icon-button,.filter-date-day,.filter-date-actions button,.filter-select-option{border:0;background:transparent;color:inherit} .filter-popover-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:var(--dc-radius-pill);color:var(--dc-accent-dark);font-size:1.6rem;line-height:var(--leading-flat)} .filter-popover-icon-button:hover,.filter-popover-icon-button:focus,.filter-date-day:hover,.filter-date-day:focus,.filter-date-actions button:hover,.filter-date-actions button:focus,.filter-select-option:hover,.filter-select-option:focus{background:var(--dc-django-hover);outline:0} .filter-date-weekdays,.filter-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s-3)} .filter-date-weekdays{margin-bottom:var(--s-3);color:var(--dc-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center} .filter-date-day{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;border-radius:var(--dc-radius-pill);color:var(--dc-ink);font-size:var(--text-sm);line-height:var(--leading-flat)} .filter-date-day.is-outside-month{color:var(--dc-muted)} .filter-date-day.is-today{box-shadow:inset 0 0 0 1px var(--dc-django)} .filter-date-day.is-selected,.filter-select-option.is-selected{background:var(--dc-accent-dark);color:var(--dc-paper);font-weight:var(--weight-bold)} .filter-date-actions{display:flex;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-1);padding-top:var(--s-1);border-top:1px solid var(--dc-line)} .filter-date-actions button{min-height:2.125rem;padding:0 var(--s-2);border-radius:var(--dc-radius-pill);color:var(--dc-accent-dark);font-weight:var(--weight-bold)} .filter-select-popover{min-width:100%;max-width:calc(100vw - 2.5rem);overflow:hidden;padding:var(--s-2)} .filter-select-option{display:flex;align-items:center;width:100%;min-height:2.375rem;padding:0 var(--s-1);border-radius:0.5625rem;text-align:left;white-space:nowrap} .filter-search{position:relative;min-width:0} .filter-search--with-clear input{padding-right:2.375rem} .filter-search-clear{align-items:center;border-radius:50%;color:var(--dc-muted);display:flex;font-size:var(--text-xl);font-weight:400;height:1.75rem;justify-content:center;line-height:var(--leading-flat);position:absolute;right:0.5rem;text-decoration:none;top:50%;transform:translateY(-50%);width:1.75rem} .filter-search-clear:hover,.filter-search-clear:focus{background:var(--dc-django-hover);color:var(--dc-accent-dark)} .filter-search-clear:focus-visible{outline:var(--dc-focus-outline);outline-offset:2px} :is(.filter-form input:not([type="checkbox"]),.filter-form select,.share-mastodon-row input,.share-startat-time input,.share-copy input,.embed-snippet textarea){border:1px solid var(--dc-line);background:var(--dc-paper);color:var(--dc-ink);transition:border-color 0.15s ease,box-shadow 0.15s ease} :is(.filter-form :is(input,select),.share-mastodon-row input,.share-startat-time input,.share-copy input,.embed-snippet textarea):focus{border-color:var(--dc-django);box-shadow:var(--dc-focus-ring-soft);outline:0} .filter-date{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--s-2);min-width:0} .filter-date>span[aria-hidden="true"]{color:var(--dc-muted);font-weight:var(--weight-bold)} .filter-date input{min-width:0} .visually-hidden,.filter-extras-toggle,.sponsor-stats-defs,.share-startat legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .filter-clear-all{justify-content:center;min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid var(--dc-line);color:var(--dc-muted);font-size:var(--text-base);font-weight:var(--weight-bold)} @container filter-form (max-width:37.4375rem){.filter-extras>button[type="submit"],.filter-extras>.filter-clear-all{width:100%}} .episode-list{--episode-badge-size:clamp(4.5rem,9vw,9rem);display:grid;padding:0 0 3.5rem;container-type:inline-size;container-name:episode-list} .episode-row{display:grid;grid-template-columns:var(--episode-badge-size) 1fr;gap:clamp(0.75rem,2.5vw,1.5rem);align-items:center;padding:var(--s1) 0;border-top:1px solid var(--dc-line);text-decoration:none;color:inherit;position:relative;isolation:isolate} .episode-row:first-child{border-top:0} .episode-row::before{content:"";position:absolute;inset:1px calc(-1 * clamp(0.5rem,1.5vw,1.25rem)) 0;background:transparent;border-radius:var(--dc-radius-card);z-index:-1;transition:background-color 0.15s ease;pointer-events:none} .episode-row:hover::before{background:var(--dc-django-soft)} .episode-number-badge{background:var(--dc-accent-dark);border-radius:0.3125rem;display:grid;font-family:var(--font-body);font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:900;height:var(--episode-badge-size);justify-items:center;line-height:0.64;overflow:hidden;padding:var(--s-3);place-content:center;position:relative;text-transform:uppercase;width:var(--episode-badge-size)} .episode-number-badge span{display:block} .episode-number-hash{fill:var(--dc-django);height:2.2em;left:50%;opacity:0.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.15em;z-index:1} .episode-number-badge span:last-child{color:var(--dc-green-on-dark);z-index:2} .episode-number-badge--detail{--episode-badge-size:var(--episode-cover-size);display:inline-grid;font-size:clamp(4rem,9vw,6.5rem);line-height:0.78} .episode-row h2{margin:2px 0 var(--s-2)} .episode-summary{color:var(--dc-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;max-width:80ch;text-wrap:balance} @container episode-list (max-width:48rem){.episode-row{align-items:start} .episode-number-badge{margin-top:var(--s-3)} .episode-summary{-webkit-line-clamp:3}} .no-results{padding:var(--s3) 0;text-align:center;color:var(--dc-muted)} .page-header-wrap{container-type:inline-size;container-name:page-header} .page-header{--page-header-bubble-width:min(calc(100cqw + max(0px,calc((41.25rem - 100cqw) * 0.15))),66rem);--page-header-bubble-height:calc(var(--page-header-bubble-width) * (908.39 / 1039.04));--page-header-bubble-overlap:calc(var(--page-header-bubble-height) * clamp(0.15,calc(0.15 + 0.1 * clamp(0,(100cqw - 20rem) / 10rem,1) + 0.25 * clamp(0,(100cqw - 30rem) / 11.25rem,1)),0.5));--page-header-bubble-content-top:2rem;--page-header-bubble-content-bottom:calc(var(--page-header-bubble-height) * 0.1);--page-header-top-fade-height:4rem;--page-header-bottom-gap:0px;position:relative;width:100%;display:flex;justify-content:center;align-items:flex-start;padding-block:0 var(--page-header-bottom-gap);overflow-x:clip;overflow-y:visible;isolation:isolate} .page-header-tint{background:var(--dc-django-veil)} .page-header-bubble-fade{display:none;position:absolute;top:var(--page-header-bubble-overlap);left:0;right:0;z-index:1;height:var(--page-header-top-fade-height);background:linear-gradient(to bottom,var(--dc-accent-dark) 0%,var(--dc-accent-dark) 35%,rgb(20 81 58 / 0) 100%);pointer-events:none} @container page-header (max-width:37.5rem){.page-header-bubble-fade{display:block}} @container page-header (max-width:34.375rem){.page-header{--page-header-top-fade-height:7rem}} @container page-header (max-width:32.5rem){.page-header{--page-header-bottom-gap:clamp(1.25rem,calc(1.25rem + (32.5rem - 100cqw) * 0.08),2.25rem);--page-header-top-fade-height:clamp(7rem,calc(7rem + (32.5rem - 100cqw) * 0.8),9.5rem)}} @container page-header (max-width:25rem){.page-header{--page-header-top-fade-height:clamp(10rem,calc(10rem + (25rem - 100cqw) * 0.4),11.5rem)}} .page-header-bubble{position:relative;width:var(--page-header-bubble-width);flex-shrink:0;min-height:var(--page-header-bubble-height);margin-top:calc(-1 * var(--page-header-bubble-overlap));clip-path:inset(max(0px,calc(var(--page-header-bubble-overlap) - var(--dc-topbar-h))) -100vmax -100vmax -100vmax)} @container page-header (max-width:20rem){.page-header{--page-header-bubble-content-bottom:max(calc(var(--page-header-bubble-height) * 0.1),5.5rem);--page-header-top-fade-height:clamp(11.5rem,calc(11.5rem + (20rem - 100cqw) * 3.5),15.75rem)}} .page-header-bubble>svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--page-header-bubble-height);pointer-events:none} .page-header-bubble-content{position:relative;z-index:2;margin-inline:auto;max-width:calc(100cqw - 2rem);padding-block:calc(var(--page-header-bubble-overlap) + var(--page-header-bubble-content-top)) var(--page-header-bubble-content-bottom);padding-inline:1.5%;display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,1cqw,.9rem);text-align:center;color:var(--dc-paper)} .page-header-bubble-content .eyebrow{margin:0;color:var(--dc-paper)} .page-header-bubble-content h1{margin:0;font-size:clamp(2.4rem,3.5vw + 1.5rem,4.5rem);line-height:1.05;letter-spacing:-0.015em;color:var(--dc-paper)} @container page-header (max-width:30rem){.page-header-bubble-content h1{font-size:clamp(1.85rem,6vw,var(--text-h1))}} .page-header-bubble-content .page-header-tagline{margin:0;margin-top:clamp(0px,1.1cqw - 0.3rem,0.65rem);max-width:min(var(--dc-measure),calc(var(--page-header-bubble-width) * 0.6));font-size:var(--text-md);line-height:var(--leading-body);color:var(--dc-paper)} @container page-header (max-width:31.1875rem){.page-header-bubble-content .page-header-tagline{max-width:none}} .card{padding:var(--s1) clamp(1.25rem,3vw,1.875rem) var(--s1);background:var(--dc-paper);border:1px solid var(--dc-line);border-radius:var(--dc-radius-card);box-shadow:var(--dc-shadow-sm);transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease} .card:hover,.card:focus-within{border-color:rgb(14 163 66 / 0.45);box-shadow:var(--dc-shadow-md);transform:translateY(-1px)} @media (prefers-reduced-motion:no-preference){html.js-reveal :is(.sponsor-slot,.sponsor-tier,.sponsor-callout,.subscribe-feature,.subscribe-why){translate:0 2rem;transition:translate 0.32s ease-in,transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease} html.js-reveal :is(.sponsor-slot,.sponsor-tier,.sponsor-callout,.subscribe-feature,.subscribe-why).is-in-view{translate:0 0;transition:translate 0.95s cubic-bezier(0.65,0,0.35,1),transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}} #subscribe-main{container-type:inline-size;container-name:subscribe-page} .subscribe-header .page-header{--page-header-bottom-gap:0px} .subscribe-page{padding:2.75rem 0 4.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem} @container subscribe-page (max-width:48.624rem){.subscribe-page{padding-top:var(--s0)}} .subscribe-page>*{min-width:0} .feed-card{--stack-space:var(--s-1)} .feed-card-title{font-size:var(--text-xl);margin:0} .feed-card-title--compact{font-size:var(--text-lg)} .feed-card-desc,.subscribe-audio-intro{color:var(--dc-muted);margin:0;max-width:var(--dc-measure)} .feed-card-url{margin:var(--s-3) 0 0;padding:var(--s-1);background:var(--dc-surface-django-tint);border:1px solid var(--dc-line);border-radius:0.625rem;overflow-x:auto} .feed-card-url code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dc-ink);white-space:nowrap} .feed-card-actions{--cluster-space:var(--s-2);margin-top:var(--s-3)} .feed-action{gap:var(--s-2);min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid var(--dc-line);background:var(--dc-paper);color:var(--dc-ink);font-size:var(--text-base);font-weight:var(--weight-semibold);transition:background 160ms ease,border-color 160ms ease,color 160ms ease} .feed-action:hover,.feed-action:focus-visible{border-color:var(--dc-django);color:var(--dc-accent-dark)} .feed-action--primary{background:var(--dc-accent-dark);border-color:var(--dc-accent-dark);color:var(--dc-paper)} .feed-action--app-link{display:none} .platform-ios .feed-action--app-link{display:inline-flex} .subscribe-audio{--stack-space:var(--s0)} .subscribe-audio-heading{margin:0} .audio-feeds{--stack-space:var(--s1);list-style:none;margin:var(--s-3) 0 0;padding:0} .audio-feed{padding-bottom:var(--s1);border-bottom:1px solid var(--dc-line)} .audio-feeds .audio-feed:last-child{border-bottom:none;padding-bottom:0} .subscribe-why{padding:var(--s0);border-left:0.375rem solid var(--dc-django);background:rgb(14 163 66 / 0.05);border-radius:0 var(--dc-radius-card) var(--dc-radius-card) 0;display:grid;gap:var(--s-2);justify-items:start;font-size:var(--text-sm)} .subscribe-why-mark{width:2.75rem;height:auto;color:var(--dc-django)} .subscribe-why-title{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin:var(--s-3) 0 0;color:var(--dc-heading)} .subscribe-why-list{margin:0;padding-left:1.1em;color:var(--dc-ink)} .subscribe-why-list li + li{margin-top:var(--s-2)} @container subscribe-page (min-width:48.625rem){.subscribe-page{grid-template-columns:minmax(0,1fr) var(--dc-aside-width);column-gap:var(--dc-aside-column-gap);align-items:start} .subscribe-feature{grid-column:1;align-self:stretch} .subscribe-audio{grid-column:1} .subscribe-why{grid-column:2;grid-row:1;align-self:stretch;position:sticky;top:calc(var(--dc-topbar-h) + var(--s2));margin-top:0}} .sponsor-page{padding:0 0 4.5rem;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem)} .sponsor-section-heading{margin:0 0 var(--s0)} .sponsor-stats .sponsor-section-heading{margin:0;color:var(--dc-heading)} .sponsor-stats-head{display:grid;gap:var(--s-2);justify-items:center;text-align:center} .sponsor-stats-intro{font-size:var(--text-md);color:var(--dc-ink);max-width:70ch} .sponsor-stats-intro p{margin:0} .sponsor-stats{position:relative;isolation:isolate;padding:0 0 clamp(1.5rem,3vw,2.75rem);color:var(--dc-ink);container-type:inline-size;container-name:sponsor-stats} .sponsor-stats::before{content:"";position:absolute;inset-block:0;inset-inline:calc(50% - 50vw);z-index:-1;background:var(--dc-django-veil);border-bottom:3px solid var(--dc-django)} .sponsor-stats-inner{--stack-space:clamp(0.75rem,1.8vw,1.375rem)} .sponsor-stats-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:clamp(0.875rem,2vw,1.625rem) clamp(2.5rem,6vw,4.5rem)} @container sponsor-stats (min-width:50rem){.sponsor-stats-grid{grid-template-columns:repeat(4,1fr);justify-content:stretch;column-gap:clamp(0.5rem,2vw,1.5rem)}} .sponsor-stat{display:grid;gap:clamp(0.375rem,1vw,0.875rem);align-content:start;justify-items:center;text-align:center} .sponsor-stat-figure{position:relative;width:clamp(8.125rem,7vw + 7rem,13rem);aspect-ratio:1;display:grid;place-items:center;container-type:inline-size} .sponsor-stat-figure::before{content:"";position:absolute;inset:10%;z-index:2;border-radius:50%;border:1px solid rgb(108 197 129 / 0.5);background:var(--dc-paper);box-shadow:inset 0 0 0.22rem rgb(255 255 255 / 0.68),inset 0 0 0.8rem rgb(9 32 29 / 0.16),0 0 0.6rem rgb(9 32 29 / 0.16)} .sponsor-stat-figure::after{content:"";position:absolute;inset:-3%;z-index:0;border-radius:50%;border:1px solid rgb(108 197 129 / 0.15);background:rgb(255 255 255 / 0.4);box-shadow:inset 0 0 0.22rem rgb(255 255 255 / 0.68),inset 0 0 0.36rem rgb(9 32 29 / 0.36)} .sponsor-stat-ring{position:relative;z-index:1;width:100%;height:100%;transform:rotate(-90deg);overflow:visible} .sponsor-stat-ring-fill{fill:none;stroke:url(#sponsor-stat-ring-gradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:292.17;stroke-dashoffset:0;transition:stroke-dashoffset 1200ms cubic-bezier(0.22,1,0.36,1)} .sponsor-stat-value{position:absolute;z-index:3;inset:0;display:grid;place-items:center;font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:clamp(1rem,17cqi,2.2rem);line-height:var(--leading-flat);color:var(--dc-django-aaa)} .has-js-stats .sponsor-stat .sponsor-stat-ring-fill{stroke-dashoffset:292.17} .has-js-stats .sponsor-stat.is-revealed .sponsor-stat-ring-fill{stroke-dashoffset:0} .sponsor-stat-label{font-size:clamp(1rem,0.4vw + 0.9rem,1.1rem);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--dc-ink);max-width:26ch} .sponsor-slots{container-type:inline-size;container-name:sponsor-slots} .sponsor-slots-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s0)} @container sponsor-slots (min-width:60rem){.sponsor-slots-grid{grid-template-columns:repeat(4,1fr)}} .sponsor-slot{--stack-space:var(--s-2)} .sponsor-slot-name{font-size:var(--text-md);margin:0;color:var(--dc-accent-dark)} .sponsor-slot-desc{margin:0;color:var(--dc-ink)} .sponsor-callout{display:flex;align-items:flex-start;gap:var(--s0);margin:var(--s1) 0 0;padding:var(--s1);background:var(--dc-django-tint);border:2px solid var(--dc-django-aaa-light);border-radius:0.875rem;color:var(--dc-ink)} .sponsor-callout-icon{flex-shrink:0;width:1.75rem;height:1.75rem;margin-top:2px;color:var(--dc-accent-dark)} .sponsor-callout-text{margin:0;font-size:var(--text-callout);font-weight:var(--weight-semibold);line-height:var(--leading-body)} .sponsor-pricing-grid{--grid-min:15rem;--grid-space:var(--s0);list-style:none;margin:0 0 var(--s1);padding:0} .sponsor-tier{--stack-space:var(--s-3)} .sponsor-tier-name{margin:0;font-size:var(--text-md);color:var(--dc-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)} .sponsor-tier-price{margin:0;font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:clamp(1.8rem,2vw + 1rem,2.4rem);color:var(--dc-django-aaa);line-height:var(--leading-flat)} .sponsor-tier-desc{margin:0;color:var(--dc-muted);font-size:var(--text-base)} .sponsor-cta{--stack-space:var(--s-1);margin-top:clamp(1.25rem,3vw,2rem);text-align:center} .sponsor-cta-lead{margin:0;font-size:clamp(1.1rem,0.6vw + 1rem,1.3rem);font-weight:var(--weight-semibold);color:var(--dc-ink)} .sponsor-cta-button{display:inline-flex;align-self:center;align-items:center;gap:var(--s-1);min-height:3.5rem;padding:0 var(--s2);background:var(--dc-accent-dark);color:var(--dc-paper);border:2px solid var(--dc-accent-dark);border-radius:var(--dc-radius-pill);font-family:var(--font-heading);font-size:var(--text-callout);font-weight:var(--weight-bold);text-decoration:none;box-shadow:0 8px 22px rgb(20 81 58 / 0.25);transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease} .sponsor-cta-button:hover,.sponsor-cta-button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgb(20 81 58 / 0.32)} .sponsor-cta-icon{width:1.25rem;height:1.25rem;flex-shrink:0} .sponsor-hosts{border-top:1px solid var(--dc-line);padding-top:clamp(1.25rem,2.5vw,2rem)} .sponsor-hosts-bio{color:var(--dc-ink);font-size:var(--text-md);line-height:var(--leading-body);max-width:clamp(28ch,66%,66ch)} .sponsor-hosts-bio p{margin:0 0 0.8em} .sponsor-hosts-bio p:last-child{margin-bottom:0} @media (max-width:37.5rem){.sponsor-hosts-bio{max-width:none}} .sponsor-reviews-intro{margin:0 0 var(--s0);color:var(--dc-muted);max-width:65ch} .sponsor-reviews-reel{position:relative} .sponsor-reviews-reel::after{content:"";position:absolute;top:0.25rem;bottom:0.875rem;right:0;width:0.375rem;background:var(--dc-django);border-radius:var(--dc-radius-pill);pointer-events:none;z-index:2} .sponsor-reviews-grid{list-style:none;margin:0;padding:var(--s0) 0 var(--s1);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min(100%,17.5rem),20rem);gap:var(--s0);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--dc-django) transparent} .sponsor-reviews-grid::-webkit-scrollbar{height:0.375rem} .sponsor-reviews-grid::-webkit-scrollbar-track,.transcript-content::-webkit-scrollbar-track{background:transparent} .sponsor-reviews-grid::-webkit-scrollbar-thumb,.transcript-content::-webkit-scrollbar-thumb{background:var(--dc-django);border-radius:3px} .sponsor-reviews-grid:focus-visible{outline:2px solid var(--dc-django);outline-offset:4px;border-radius:0.25rem} .sponsor-review{--stack-space:var(--s-2);scroll-snap-align:start} .sponsor-review-decoration{margin-top:auto;margin-left:auto;margin-bottom:-8px;margin-right:-8px;width:clamp(7.5rem,70%,12.5rem);height:auto;opacity:0.4;pointer-events:none} .sponsor-review-stars{margin:0;color:var(--dc-django);letter-spacing:0.15em;font-size:var(--text-base);line-height:var(--leading-flat)} .sponsor-review-title{margin:0;font-size:var(--text-md);color:var(--dc-accent-dark)} .sponsor-review-body{margin:0;color:var(--dc-ink);font-size:var(--text-base);line-height:var(--leading-body)} .sponsor-pdf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s0);padding:var(--s1) clamp(1.25rem,3vw,1.75rem);background:var(--dc-django-soft);border:1px solid rgb(14 163 66 / 0.35);border-radius:var(--dc-radius-card)} .sponsor-pdf-text{flex:1 1 18rem;min-width:0} .sponsor-pdf-heading{margin:0 0 var(--s-3);font-size:var(--text-md)} .sponsor-pdf-desc{margin:0;color:var(--dc-muted)} .sponsor-pdf-button{background:var(--dc-paper);border-color:var(--dc-django);color:var(--dc-accent-dark)} #episode-detail-main{container-type:inline-size;container-name:episode-detail} .episode-detail{--episode-sticky-gap:var(--s2);--episode-natural-top-gap:4.875rem;--episode-cover-size:clamp(11.25rem,25cqi,15rem);padding:clamp(0.75rem,3vw,2.25rem) 0 4rem;display:grid;grid-template-columns:minmax(0,1fr) var(--dc-aside-width);column-gap:var(--dc-aside-column-gap);align-items:start} .episode-main{grid-column:1;min-width:0} .episode-sidebar{grid-column:2;position:sticky;top:calc(var(--dc-topbar-h) + var(--episode-sticky-gap));align-self:start;display:flex;flex-direction:column;padding-left:var(--s2);border-left:1px solid var(--dc-line);gap:var(--s1);height:calc(100dvh - var(--dc-topbar-h) - 2 * var(--episode-natural-top-gap));min-height:max-content} .episode-sidebar>.show-artwork.show-artwork--default{max-height:var(--episode-cover-size);width:auto} .episode-sidebar>.show-artwork{order:-1;margin-right:auto} .back-link{grid-column:1 / -1;display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--dc-tap);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--dc-muted);text-decoration:none;margin-bottom:clamp(0.375rem,1.7vw,0.625rem);justify-self:start} .episode-action-rail{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--dc-muted);padding-top:var(--s2);border-top:1px solid var(--dc-line)} .rail-item{display:grid;grid-template-columns:1.375rem 1fr;align-items:center;gap:var(--s-1);min-height:var(--dc-tap);background:none;border:0;border-bottom:1px solid var(--dc-line);color:inherit;letter-spacing:inherit;padding:var(--s-1) 0;text-align:left;text-decoration:none;text-transform:inherit;width:100%} .rail-item:hover,.rail-item:focus-visible{color:var(--dc-ink);outline:none;box-shadow:inset 2px 0 0 var(--dc-ink)} .rail-icon{width:1.375rem;height:1.375rem;justify-self:center;color:currentColor;flex-shrink:0} .episode-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s1);align-items:start;margin-bottom:var(--s1)} .episode-hero .visually-hidden{grid-column:1} .episode-hero-content{display:flex;flex-direction:column;min-width:0;min-height:var(--episode-cover-size);border-bottom:1px solid var(--dc-line)} .episode-hero-content:has(.cast-panel.is-open),.episode-hero[data-hero-overflow] .episode-hero-content{min-height:0;border-bottom-color:transparent} .episode-hero:has(.cast-panel.is-open),.episode-hero[data-hero-overflow]{border-bottom:1px solid var(--dc-line);padding-bottom:var(--s0)} .episode-hero h1{margin:0 0 var(--s0);font-size:var(--text-episode-hero)} @container episode-detail (max-width:48.5625rem){.episode-detail{grid-template-columns:1fr} .episode-main,.episode-sidebar{grid-column:1;grid-row:auto;display:block} .episode-hero{grid-template-columns:1fr;row-gap:var(--s1)} .episode-sidebar{border-left:none;padding-left:0;position:static;height:auto;min-height:0;margin-top:var(--s2)} .episode-sidebar .show-artwork{display:block;max-width:12.5rem;margin:var(--s1) auto 0} .episode-body{border-top:none;padding-top:0} .episode-action-rail{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--s-3) var(--s0);padding-top:var(--s1)} .rail-item{display:inline-flex;align-items:center;gap:var(--s-2);width:auto;border-bottom:none;padding:var(--s-1) 2px}} .episode-contributors{margin:0 0 var(--s1)} .episode-contributors__heading{margin:0 0 var(--s0);font-size:var(--text-sm);font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:var(--dc-muted)} .episode-contributors__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s1)} .episode-contributors__item{display:flex;align-items:center;gap:var(--s-2)} .episode-contributors__identity{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--dc-ink);text-decoration:none} .episode-contributors__identity--link:hover .episode-contributors__name,.episode-contributors__identity--link:focus-visible .episode-contributors__name{color:var(--dc-accent-dark);text-decoration:underline} .episode-contributors__avatar{width:2.5rem;height:2.5rem;border-radius:var(--dc-radius-pill);object-fit:cover;background:var(--dc-surface-django-tint)} .episode-contributors__avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;color:var(--dc-accent-dark);background:var(--dc-surface-django-tint)} .episode-contributors__name{font-weight:600} .episode-contributors__role{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.03em;color:var(--dc-accent-dark);background:var(--dc-surface-django-tint);border-radius:var(--dc-radius-pill);padding:0.15rem var(--s-2)} .audio-panel{width:min(37.5rem,100%);margin:var(--s-2) 0 0} .audio-panel p{margin:0;color:var(--dc-muted);font-weight:var(--weight-semibold)}} @layer components{.episode-body{padding-top:var(--s2);border-top:1px solid var(--dc-line)} .episode-hero + .episode-body{border-top:none} .transcript-content{display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:var(--s-2);column-gap:var(--s1);padding-top:var(--s1);max-height:calc(100dvh - var(--dc-topbar-h) - 2 * var(--episode-natural-top-gap));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dc-django) transparent} .transcript-content::-webkit-scrollbar{width:0.375rem} .transcript-segment{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline} .transcript-segment-time{grid-column:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dc-django);white-space:nowrap} .transcript-segment-speaker{grid-column:1;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--dc-ink)} .transcript-segment-text{grid-column:2;margin:0;max-width:var(--dc-measure)} .transcript-segment--cue .transcript-segment-time{grid-row:1} .transcript-segment--cue .transcript-segment-speaker{grid-row:2} .transcript-segment--cue .transcript-segment-text{grid-row:2} @container episode-detail (max-width:48.5625rem){.transcript-content{max-height:none;overflow-y:visible}} .show-notes-title{font-family:var(--font-body);font-weight:var(--weight-bold);margin:0 0 var(--s1)} .show-notes{--show-note-icon-size:2.5rem;--show-note-icon-gap:0.5rem;--show-note-text-indent:calc(var(--show-note-icon-size) + var(--show-note-icon-gap));--show-note-bullet-size:0.44rem;max-width:45rem;font-size:var(--text-base)} .show-notes h2,.show-notes h3{font-family:var(--font-body);font-weight:var(--weight-bold)} .show-notes h2{font-size:var(--text-lg);margin:var(--s3) 0 var(--s-1)} .show-notes h3{display:flex;align-items:center;gap:var(--show-note-icon-gap);font-size:1.3rem;color:var(--dc-heading);margin:var(--s2) 0 var(--s-1)} .show-notes p{margin:0 0 var(--s-1)} .show-notes p:last-child{margin-bottom:0} .show-notes ul,.show-notes ol{margin:var(--s-3) 0 var(--s0)} .show-notes ul{padding-left:0} .show-notes ol{padding-left:var(--s1)} .show-notes ul{list-style:none} .sponsor-shoutout{--sponsor-shoutout-pad:var(--show-note-text-indent);--sponsor-shoutout-pad-y:var(--s2);--sponsor-shoutout-border:2px;margin:calc(var(--s-1) + 0.3rem) 0 var(--s2) calc(var(--show-note-text-indent) - var(--sponsor-shoutout-pad));max-width:calc(100% - var(--show-note-text-indent) + var(--sponsor-shoutout-pad))} @container episode-detail (min-width:48.5625rem){.sponsor-shoutout{width:calc(100cqw - var(--dc-aside-width) - var(--dc-aside-column-gap));max-width:none}} .sponsor-shoutout-tab{position:relative;z-index:2;display:inline-flex;align-items:center;padding:var(--s0) var(--sponsor-shoutout-pad);background:var(--dc-django-aaa-light);color:var(--dc-ink);border-radius:var(--dc-radius-card) var(--dc-radius-card) 0 0;font:var(--weight-semibold) var(--text-sm) / 1.1 var(--font-heading);letter-spacing:0.01em} .sponsor-shoutout-msg{position:relative;margin-top:-1px;display:flex;flex-direction:column;align-items:flex-start;background:var(--dc-surface-django-tint);border:var(--sponsor-shoutout-border) solid var(--dc-django-aaa-light);border-radius:0 0.9rem 0.9rem 0.9rem;padding:var(--sponsor-shoutout-pad-y) var(--sponsor-shoutout-pad);padding-left:calc(var(--sponsor-shoutout-pad) - var(--sponsor-shoutout-border))} .sponsor-shoutout-cta{align-self:flex-end;font-size:var(--text-sm);transition:transform 0.15s ease} .sponsor-shoutout-cta:focus-visible{outline:var(--dc-focus-outline)} .sponsor-shoutout-cta-cap{width:1.35rem;transition:background 0.15s ease,border-color 0.15s ease} .sponsor-shoutout-cta-field{padding-block:0.55rem;padding-inline:0.8rem 1.35rem;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease} .sponsor-shoutout-cta-wave i{transition:background 0.15s ease} .sponsor-shoutout-msg .sponsor-shoutout-cta,.sponsor-shoutout-msg .sponsor-shoutout-cta .sponsor-shoutout-cta-field{color:var(--dc-ink)} .sponsor-shoutout-msg .sponsor-shoutout-cta:hover,.sponsor-shoutout-msg .sponsor-shoutout-cta:focus-visible,.sponsor-shoutout-msg .sponsor-shoutout-cta:hover .sponsor-shoutout-cta-field,.sponsor-shoutout-msg .sponsor-shoutout-cta:focus-visible .sponsor-shoutout-cta-field{color:var(--dc-paper)} .show-notes li{position:relative;margin-bottom:var(--s-3)} .show-notes ul>li{padding-left:var(--show-note-text-indent)} .show-notes ul>li::before{content:"";position:absolute;top:0.68em;left:calc((var(--show-note-icon-size) - var(--show-note-bullet-size)) / 2);width:var(--show-note-bullet-size);height:var(--show-note-bullet-size);border-radius:50%;background:var(--dc-accent-dark)} .show-notes li:last-child{margin-bottom:0} .show-notes ul + h3,.show-notes ol + h3,.show-notes p + h3{margin-top:var(--s3)} .show-notes a{color:var(--dc-accent-dark)} .show-note-icon{display:inline-flex;flex:0 0 var(--show-note-icon-size);align-items:center;justify-content:center;width:var(--show-note-icon-size);height:var(--show-note-icon-size);border-radius:50%;background:var(--dc-accent-dark);color:var(--dc-paper)} .show-note-icon svg{width:72%;height:72%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35} .show-note-icon--projects svg{width:66%;height:66%} .show-note-icon .show-note-fill{fill:currentColor;stroke:none} .show-note-icon--sponsor svg,.show-note-icon--sponsors svg,.show-note-icon--sponsoring_options svg{width:76%;height:76%} .show-note-icon--dashboards svg{width:63%;height:63%} .show-note-icon--default svg{width:64%;height:64%} .show-note-icon--books svg{stroke-width:1.2} .show-note-icon--shameless_plugs svg{transform:translateY(-5%)} .pagination-nav{display:flex;align-items:center;justify-content:center;gap:var(--s-1);padding:var(--s1) 0 3.5rem;font-weight:var(--weight-semibold)} .pagination-nav a{min-height:2.5rem;padding:0 var(--s0);border:1px solid var(--dc-line);color:var(--dc-ink)} .site-footer-inner{--cluster-space:var(--s0);--cluster-justify:space-between;padding:var(--s1) 0;font-size:var(--text-sm)} @container site-footer (max-width:48rem){.site-footer-inner{flex-direction:column;--cluster-justify:center;text-align:center}} .footer-mastodon-button{gap:var(--s-2);min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid color-mix(in srgb,var(--dc-paper) 35%,transparent);color:var(--dc-paper);font-weight:var(--weight-semibold);transition:var(--dc-transition-colors)} .footer-mastodon-button:hover,.footer-mastodon-button:focus{background-color:color-mix(in srgb,var(--dc-django) 15%,transparent);border-color:var(--dc-django);color:var(--dc-django)} .site-footer .footer-cast-link{color:var(--dc-django);font-weight:var(--weight-bold);text-decoration:none} .site-footer .footer-cast-link:hover,.site-footer .footer-cast-link:focus{color:var(--dc-paper)} .status-page{padding:var(--s5) 0;text-align:center} .status-page h1{margin-bottom:var(--s-1)} .status-page p{color:var(--dc-muted)}} ::view-transition-group(root),::view-transition-group(hero-logo),::view-transition-group(hero-copy){animation-duration:0.4s;animation-timing-function:cubic-bezier(0.4,0,0.2,1)} ::view-transition-old(root),::view-transition-new(root),::view-transition-old(hero-logo),::view-transition-new(hero-logo),::view-transition-old(hero-copy),::view-transition-new(hero-copy){animation-duration:0.4s;animation-timing-function:ease-out} @media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:dc-vt-root-out 360ms ease both} ::view-transition-new(root){animation:dc-vt-root-in 460ms ease both} ::view-transition-group(dc-episode-badge),::view-transition-group(dc-episode-title),::view-transition-group(dc-episode-eyebrow){animation-duration:820ms;animation-timing-function:cubic-bezier(0.22,1,0.36,1)} ::view-transition-old(dc-episode-badge),::view-transition-new(dc-episode-badge),::view-transition-old(dc-episode-title),::view-transition-new(dc-episode-title){height:100%;object-fit:contain} html:active-view-transition-type(episode)::view-transition-old(root),html:active-view-transition-type(episode)::view-transition-new(root){animation-duration:560ms} html:active-view-transition-type(episode)::view-transition-old(root){animation-name:dc-vt-episode-root-out} html:active-view-transition-type(episode)::view-transition-new(root){animation-name:dc-vt-episode-root-in} html:active-view-transition-type(filter)::view-transition-old(root),html:active-view-transition-type(filter)::view-transition-new(root){animation:none} html:active-view-transition-type(filter)::view-transition-old(dc-episode-results){animation:dc-vt-filter-out 420ms ease both} html:active-view-transition-type(filter)::view-transition-new(dc-episode-results){animation:dc-vt-filter-in 520ms ease both} html[data-vt-same-pagination]::view-transition-old(root),html[data-vt-same-pagination]::view-transition-new(root){animation:none} html[data-vt-same-pagination]::view-transition-old(dc-episode-results){animation:dc-vt-page-crossfade-out 820ms ease both} html[data-vt-same-pagination]::view-transition-new(dc-episode-results){animation:dc-vt-page-crossfade-in 940ms ease both}} @media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:1ms !important;animation-iteration-count:1 !important}} @keyframes dc-vt-root-out{to{opacity:0.82;transform:scale(0.995)}} @keyframes dc-vt-root-in{from{opacity:0;transform:scale(1.005)}} @keyframes dc-vt-episode-root-out{to{opacity:0;transform:translateX(-28px) scale(0.99)}} @keyframes dc-vt-episode-root-in{from{opacity:0;transform:translateX(2.125rem) scale(1.01)}} @keyframes dc-vt-filter-out{to{opacity:0;filter:blur(2px);transform:scale(0.985)}} @keyframes dc-vt-filter-in{from{opacity:0;filter:blur(2px);transform:scale(1.015)}} @keyframes dc-vt-page-crossfade-out{to{opacity:0;transform:scale(0.985)}} @keyframes dc-vt-page-crossfade-in{from{opacity:0;transform:scale(1.015)}} @layer components{@container episode-detail (max-width:47.5rem){.episode-detail .show-artwork{justify-self:start;max-width:13.75rem}}} @layer components{@container filter-form (max-width:30rem){.filter-date{grid-template-columns:1fr} .filter-date>span[aria-hidden="true"]{display:none}} .button-primary,.platform-band-links a,.footer-mastodon-button,.filter-clear-all,.pagination-nav a{transition:var(--dc-transition-colors),transform 0.12s ease} .button-primary:hover,.platform-band-links a:hover,.footer-mastodon-button:hover,.filter-clear-all:hover,.pagination-nav a:hover{transform:translateY(1px)} .button-primary:active,.platform-band-links a:active,.footer-mastodon-button:active,.filter-clear-all:active,.pagination-nav a:active{transform:translateY(2px)} @media (prefers-reduced-motion:reduce){.button-primary,.platform-band-links a,.footer-mastodon-button,.filter-clear-all,.pagination-nav a,.sponsor-cta-button{transition:var(--dc-transition-colors);transform:none} .button-primary:hover,.button-primary:focus-visible,.button-primary:active,.platform-band-links a:hover,.platform-band-links a:focus-visible,.platform-band-links a:active,.footer-mastodon-button:hover,.footer-mastodon-button:focus-visible,.footer-mastodon-button:active,.filter-clear-all:hover,.filter-clear-all:focus-visible,.filter-clear-all:active,.pagination-nav a:hover,.pagination-nav a:focus-visible,.pagination-nav a:active,.sponsor-cta-button:hover,.sponsor-cta-button:focus-visible,.sponsor-cta-button:active{transform:none}} @media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes dc-row-rise{from{opacity:0;transform:translateY(2.75rem)} to{opacity:1;transform:translateY(0)}} @keyframes dc-badge-land{0%{opacity:0;transform:translateX(-30px)} 70%{opacity:1;transform:translateX(0.375rem)} 100%{opacity:1;transform:translateX(0)}} .episode-list .episode-row{animation:dc-row-rise linear both;animation-timeline:view();animation-range:entry 0% cover 20%} .episode-list .episode-row .episode-number-badge{animation:dc-badge-land linear both;animation-timeline:view();animation-range:entry 25% cover 40%}}}} @layer modals{.share-modal{border:0;padding:0;background:transparent;color:var(--dc-ink);max-width:none;width:fit-content;opacity:0;transition:opacity 280ms ease,display 320ms allow-discrete,overlay 320ms allow-discrete} .share-modal[open],.share-modal:not([open]):target{opacity:1} @starting-style{.share-modal[open],.share-modal:not([open]):target{opacity:0}} .share-modal:not([open]):target,.share-modal[open]::backdrop{background:color-mix(in srgb,var(--dc-ink),transparent 45%);backdrop-filter:blur(0.375rem)} .share-modal:not([open]):target{display:flex;position:fixed;inset:0;margin:0;width:100vw;height:100dvh;align-items:center;justify-content:center;overflow:auto} .share-modal[open]::backdrop{transition:opacity 280ms ease,display 280ms allow-discrete,overlay 280ms allow-discrete} @starting-style{.share-modal[open]::backdrop{opacity:0}} .share-modal[open]::backdrop{opacity:1} .share-modal-inner{--stack-space:var(--s1);padding:var(--s1);background:var(--dc-surface,var(--dc-paper));border-radius:1rem;max-width:30rem;width:min(30rem,calc(100vw - 2 * var(--dc-gutter)));box-shadow:var(--dc-shadow-xl);opacity:0;transform:translateY(2rem) scale(0.88);transition:opacity 320ms cubic-bezier(0.16,1,0.3,1),transform 320ms cubic-bezier(0.16,1,0.3,1);container-type:inline-size;container-name:share-modal} .share-modal[open] .share-modal-inner,.share-modal:not([open]):target .share-modal-inner{opacity:1;transform:translateY(0) scale(1)} @starting-style{.share-modal[open] .share-modal-inner,.share-modal:not([open]):target .share-modal-inner{opacity:0;transform:translateY(2rem) scale(0.88)}} @media (prefers-reduced-motion:reduce){.share-modal,.share-modal-inner,.share-modal::backdrop{transition:none}} html:has(.share-modal[open]),html:has(.share-modal:not([open]):target),body:has(.share-modal[open]),body:has(.share-modal:not([open]):target){overflow:hidden} .share-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s0);padding-bottom:var(--s0);border-bottom:1px solid var(--dc-line)} .share-channels{--stack-space:var(--s-1);padding-bottom:var(--s1);border-bottom:1px solid var(--dc-line)} .share-controls{--stack-space:var(--s0)} .share-modal-header h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0} .share-modal-close{background:none;border:0;width:2.625rem;height:2.625rem;border-radius:var(--dc-radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--dc-ink);transition:var(--dc-transition-colors)} .share-modal-close:hover{background:var(--dc-django-tint);color:var(--dc-accent-dark)} .share-modal-close:focus-visible{outline:none;background:var(--dc-django-tint);color:var(--dc-accent-dark);box-shadow:var(--dc-focus-ring-soft)} .share-pills{--cluster-space:var(--s-2)} .share-pill{gap:var(--s-2);min-height:2.5rem;padding:0 var(--s0);border:1px solid var(--dc-line);color:var(--dc-ink);background:transparent;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:var(--dc-transition-colors)} .share-pill:hover,.share-pill:focus-visible{outline:none} .share-mastodon-prompt{--stack-space:var(--s-2);background:color-mix(in srgb,var(--dc-ink),transparent 96%);padding:var(--s-1) var(--s0);border-radius:0.625rem} .share-mastodon-prompt[hidden]{display:none} .share-mastodon-status{display:flex;align-items:center;justify-content:space-between;gap:var(--s-1);margin:0;font-size:var(--text-sm);color:var(--dc-muted)} .share-mastodon-status[hidden]{display:none} .share-mastodon-status strong{color:var(--dc-ink);font-weight:var(--weight-semibold)} .share-mastodon-change{background:none;border:0;padding:0;font-size:var(--text-sm);color:var(--dc-accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .share-mastodon-change:hover{color:var(--dc-django)} .share-mastodon-change:focus-visible{outline:var(--dc-focus-outline);outline-offset:3px;border-radius:2px} .share-mastodon-prompt label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--dc-muted)} .share-mastodon-row{display:flex;align-items:center;gap:var(--s-2)} .share-mastodon-prefix{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dc-muted)} .share-mastodon-row input{flex:1;min-width:0;border-radius:var(--dc-radius-pill);padding:0 var(--s-1);min-height:2.375rem} .share-mastodon-row input[aria-invalid="true"]{border-color:var(--dc-error)} .share-mastodon-row button{display:inline-flex;align-items:center;justify-content:center;min-height:2.375rem;padding:0 var(--s0);border:1px solid var(--dc-accent-dark);border-radius:var(--dc-radius-pill);background:var(--dc-accent-dark);color:var(--dc-paper);font-weight:var(--weight-semibold);transition:var(--dc-transition-colors)} .share-mastodon-row button:hover,.share-mastodon-row button:focus-visible{outline:none} .share-mastodon-hint{font-size:var(--text-xs);color:var(--dc-muted);margin:0} .share-mastodon-hint a{color:inherit;text-decoration:underline} .share-startat{--cluster-space:var(--s0);border:0;padding:0;margin:0} .share-startat-toggle{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);cursor:pointer} .share-startat-time input{width:5.5rem;border-radius:var(--dc-radius-pill);padding:var(--s-2) var(--s-1);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center} .share-startat-time input:disabled{background:color-mix(in srgb,var(--dc-ink),transparent 97%);color:var(--dc-muted)} .share-startat-toggle input[type="checkbox"]{accent-color:var(--dc-django);width:1rem;height:1rem} .share-copy{display:flex;align-items:stretch;gap:var(--s-2)} .share-copy input{flex:1;min-width:0;border-radius:var(--dc-radius-pill);padding:0 var(--s0);min-height:2.625rem;font-family:var(--font-mono);font-size:var(--text-sm)} .share-copy .share-copy-button{gap:var(--s-2);padding:0 var(--s0)} @container share-modal (max-width:30rem){.share-pill{padding:0 var(--s-1);font-size:var(--text-sm)}} .embed-modal .share-modal-inner{max-width:35rem;width:min(35rem,calc(100vw - 2 * var(--dc-gutter)))} .embed-info{--stack-space:var(--s-2);padding-bottom:var(--s1);border-bottom:1px solid var(--dc-line)} .embed-info-body{display:flex;align-items:center;gap:var(--s0);padding:var(--s0);border-radius:var(--dc-radius-card);background:var(--dc-django-soft)} .embed-info-logo{width:4rem;height:auto;flex-shrink:0;filter:drop-shadow(2px 3px 1px color-mix(in srgb,var(--dc-ink),transparent 82%))} .embed-info-text{display:flex;flex-direction:column;gap:var(--s-3);min-width:0} .embed-info-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--dc-heading)} .embed-info-hint{margin:0;font-size:var(--text-sm);line-height:var(--leading-tagline);color:var(--dc-accent-dark)} .embed-snippet-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--dc-muted);margin:0} .embed-snippet{align-items:flex-start} .embed-snippet .share-copy-button{align-self:flex-start;flex:0 0 auto;width:auto} .embed-snippet textarea{flex:1;min-width:0;border-radius:var(--dc-radius-card);padding:var(--s-1);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-tagline);resize:vertical} .comment-confirm{border:0;padding:0;background:transparent;color:var(--dc-ink);max-width:none;width:fit-content;opacity:0;transition:opacity 200ms ease,display 240ms allow-discrete,overlay 240ms allow-discrete} .comment-confirm[open]{opacity:1} @starting-style{.comment-confirm[open]{opacity:0}} .comment-confirm[open]::backdrop{background:color-mix(in srgb,var(--dc-ink),transparent 45%);backdrop-filter:blur(0.375rem)} .comment-confirm-inner{--stack-space:var(--s0);padding:var(--s2);background:var(--dc-surface,var(--dc-paper));border-radius:1rem;width:min(26rem,calc(100vw - 2 * var(--dc-gutter)));box-shadow:var(--dc-shadow-xl);opacity:0;transform:translateY(1rem) scale(0.94);transition:opacity 240ms cubic-bezier(0.16,1,0.3,1),transform 240ms cubic-bezier(0.16,1,0.3,1)} .comment-confirm[open] .comment-confirm-inner{opacity:1;transform:none} @starting-style{.comment-confirm[open] .comment-confirm-inner{opacity:0;transform:translateY(1rem) scale(0.94)}} @media (prefers-reduced-motion:reduce){.comment-confirm,.comment-confirm-inner,.comment-confirm::backdrop{transition:none}} .comment-confirm-title{margin:0;font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--dc-heading)} .comment-confirm-text{margin:0;color:var(--dc-ink)} .comment-confirm-actions{--cluster-space:var(--s0);justify-content:flex-end;margin-top:var(--s1)} .comment-confirm-cancel,.comment-confirm-delete{display:inline-flex;align-items:center;min-height:var(--dc-tap);padding:0 var(--s1);border-radius:var(--dc-radius-pill);font:inherit;font-weight:var(--weight-semibold);cursor:pointer} .comment-confirm-cancel{border:1px solid var(--dc-line);background:transparent;color:var(--dc-ink)} .comment-confirm-cancel:hover,.comment-confirm-cancel:focus-visible{border-color:var(--dc-django);background:var(--dc-django-tint);color:var(--dc-accent-dark)} .comment-confirm-delete{border:1px solid var(--dc-error);background:var(--dc-error);color:var(--dc-paper)} .comment-confirm-delete:hover,.comment-confirm-delete:focus-visible{background:color-mix(in srgb,var(--dc-error),black 12%);border-color:color-mix(in srgb,var(--dc-error),black 12%)}} @layer components{.comments-section{grid-column:1;--stack-space:var(--s2);margin-top:var(--s3);padding-top:var(--s2);padding-bottom:var(--s3);border-top:1px solid var(--dc-line)} .comments-title{font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-h2);line-height:var(--leading-heading);color:var(--dc-heading)} .comments{display:flex;flex-direction:column;gap:var(--s1)} .comments:not(.empty){padding-bottom:var(--s2);border-bottom:1px solid var(--dc-line)} .comment-list-wrapper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)} .comment-list-wrapper .comment-list-wrapper{margin-top:var(--s1);margin-left:var(--s1);padding-left:var(--s1);border-left:2px solid var(--dc-line)} .comment-wrapper{list-style:none} .comment{background:var(--dc-paper);border:1px solid var(--dc-line);border-left:3px solid var(--dc-django);border-radius:var(--dc-radius-card);box-shadow:var(--dc-shadow-sm);padding:var(--s1) clamp(1rem,2.5vw,1.5rem)} .comment-list-wrapper .comment-list-wrapper .comment{border-left-color:var(--dc-accent-dark)} .comment-preview-label{margin:0 0 var(--s-1);font-size:var(--text-sm);color:var(--dc-muted)} .comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1);margin:0 0 var(--s-1);font-size:var(--text-sm)} .comment-author{font-weight:var(--weight-semibold);color:var(--dc-heading)} .comment-date{color:var(--dc-muted)} .comment-moderated-flag{color:var(--dc-error);font-variant:small-caps} .comment-reply-link{margin-left:auto;color:var(--dc-django-aaa)} .comment-text{color:var(--dc-ink)} .comment-text>:first-child{margin-top:0} .comment-text>:last-child{margin-bottom:0} .comment-form{--stack-space:var(--s1)} .comment-wrapper>.comment-form{margin-top:var(--s1);padding-left:var(--s1);border-left:3px solid var(--dc-accent-dark);background:none} .comment-field{display:flex;flex-direction:column;gap:var(--s-2)} .comment-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1)} @container episode-detail (max-width:48.5625rem){.comment-field-row{grid-template-columns:1fr}} .comment-field label{font-weight:var(--weight-medium);font-size:var(--text-sm)} .comment-field input,.comment-field textarea{width:100%;padding:var(--s-1) var(--s0);font:inherit;color:var(--dc-ink);background:var(--dc-paper);border:1px solid var(--dc-line);border-radius:var(--dc-radius)} .comment-field input{min-height:var(--dc-tap);padding:0 var(--s-1);border-radius:var(--dc-radius-pill)} .comment-field textarea{height:100px;min-height:5rem;resize:vertical;border-radius:var(--dc-radius-card)} .comment-field input:focus-visible,.comment-field textarea:focus-visible{outline:var(--dc-focus-outline);outline-offset:3px} .comment-field--honeypot{display:none} .comment-field--error input,.comment-field--error textarea,.comment-field:has(.js-errors) input,.comment-field:has(.js-errors) textarea{border-color:var(--dc-error)} .js-errors{color:var(--dc-error);font-size:var(--text-sm)} .comment-form-actions{--cluster-space:var(--s0);align-items:center} .comment-preview-button{display:inline-flex;align-items:center;min-height:var(--dc-tap);padding:0 var(--s0);border:1px solid var(--dc-line);border-radius:var(--dc-radius-pill);background:transparent;color:var(--dc-ink);cursor:pointer} .comment-waiting{color:var(--dc-muted);font-size:var(--text-sm)} .comment-added-message{color:var(--dc-django-aaa)} .comment-cancel-reply-link{color:var(--dc-muted)} .js-comments-form-orig-position .comment-cancel-reply-link{display:none} .comments-closed{color:var(--dc-muted)} .comment-author-actions{display:inline-flex;gap:var(--s-1)} .comment-edit-link,.comment-delete-link{color:var(--dc-muted);text-decoration:none} .comment-edit-link:hover,.comment-edit-link:focus-visible{color:var(--dc-django-aaa)} .comment-delete-link:hover,.comment-delete-link:focus-visible{color:var(--dc-error)} .comment-edited-flag{color:var(--dc-muted);font-style:italic} .comment-edit-form{margin-top:var(--s-1)} .comment-edit-textarea{display:block;width:100%;min-height:5rem;margin-bottom:var(--s-1);padding:var(--s-1) var(--s0);font:inherit;color:var(--dc-ink);background:var(--dc-paper);border:1px solid var(--dc-line);border-radius:var(--dc-radius-card);resize:vertical} .comment-edit-textarea:focus-visible{outline:var(--dc-focus-outline);outline-offset:3px} .comment-edit-note{margin:0 0 var(--s-1);color:var(--dc-muted);font-size:var(--text-sm)} .comment-edit-save,.comment-edit-cancel{display:inline-flex;align-items:center;min-height:var(--dc-tap);padding:0 var(--s0);border-radius:var(--dc-radius-pill);font:inherit;cursor:pointer} .comment-edit-save{margin-right:var(--s-1);border:1px solid var(--dc-accent-dark);background:var(--dc-accent-dark);color:var(--dc-paper)} .comment-edit-save:hover{filter:brightness(1.12)} .comment-edit-cancel{border:1px solid var(--dc-line);background:transparent;color:var(--dc-ink)} .comment-edit-cancel:hover{background:var(--dc-django-hover)} .comment-edit-status{display:block;margin-top:var(--s-1);color:var(--dc-muted);font-size:var(--text-sm)}}