/* Extracted from original inline style block: podcast-screenshot-layout. Order is intentional. */
/* Screenshot-style episode stack: large central video and adjacent preview. Sidebar untouched. */
#projects .podcast-stack-view{width:100%;padding:8px 4px 12px;min-height:calc(100dvh - 115px)}
#projects .podcast-display-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(160px,18vw,265px);align-items:center;gap:clamp(14px,2.7vw,40px);width:100%;flex:1;min-height:0}
#projects .podcast-stack-deck{width:100%;height:clamp(480px,75dvh,760px);min-height:0;margin:12px 0 0;perspective:1700px;overflow:visible}
#projects .podcast-sheet{width:100%;height:calc(100% - 76px);top:calc(50% + 15px);border-radius:23px;padding:12px 12px 16px;transform:translate(-50%,-50%) translate3d(var(--sx,0px),var(--sy,0px),var(--sz,0px)) rotateY(var(--ry,0deg)) scale(var(--ss,1));filter:blur(var(--sblur,0px));overflow:hidden}
#projects .podcast-sheet-top{min-height:28px;padding:0 4px 4px;font-size:10px}
#projects .podcast-sheet-content{padding-top:7px}
#projects .podcast-video-wrap{border-radius:14px}
#projects .podcast-stack-deck:after{height:13%;pointer-events:none}
#projects .podcast-preview-rail{height:clamp(520px,79dvh,790px);display:flex;flex-direction:column;align-items:stretch;gap:13px;justify-content:center;min-width:0}
#projects .podcast-rail-arrow{display:grid;place-items:center;margin:auto;width:64px;height:58px;font-size:55px;font-weight:200;line-height:1;color:#84888c;border:0;background:transparent;transition:transform .25s,color .25s}
#projects .podcast-rail-arrow:hover{color:var(--ink,#17243a);transform:scale(1.12)}
#projects .podcast-next-preview{height:clamp(404px,calc(75dvh - 76px),684px);flex-shrink:0;width:100%;position:relative;border:0;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#202c3f 10%,#805144 49%,#ed9f65 100%);color:#fff;box-shadow:0 14px 34px #18293c22;isolation:isolate;transition:transform .35s,box-shadow .35s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
#projects .podcast-next-preview:hover{transform:translateY(-5px);box-shadow:0 20px 38px #18293c35}
#projects .podcast-preview-glow{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(circle at 70% 25%,#ffa77b85,transparent 52%),linear-gradient(120deg,#1e253d9e,#852e256b);filter:blur(12px)}
#projects .podcast-preview-play{height:56px;width:56px;display:grid;place-items:center;border-radius:50%;background:#ffffff30;border:1px solid #ffffff80;backdrop-filter:blur(8px);font-size:20px;padding-left:4px}
#projects .podcast-preview-label{font-size:10px;letter-spacing:.22em;font-weight:800;opacity:.8}
#projects .podcast-preview-title{font:400 clamp(17px,1.65vw,23px)/1.15 Georgia,serif;max-width:90%;text-align:center}
#projects .podcast-next-preview:after{content:'';position:absolute;bottom:0;left:0;right:0;height:28%;pointer-events:none;background:linear-gradient(transparent,var(--paper,#fff));opacity:.95}
#projects .podcast-stack-nav{position:relative;margin:8px auto 0;z-index:4}
#projects .podcast-stack-note{margin:4px auto 0}
body.dark #projects .podcast-next-preview:after,body.night #projects .podcast-next-preview:after,[data-theme="dark"] #projects .podcast-next-preview:after{background:linear-gradient(transparent,#202738)}
@media(max-width:760px){#projects .podcast-display-layout{grid-template-columns:minmax(0,1fr);gap:0}#projects .podcast-stack-deck{height:min(66dvh,640px);min-height:395px;margin-top:32px}#projects .podcast-sheet{height:calc(100% - 65px);padding:8px;border-radius:16px}#projects .podcast-preview-rail{height:auto;flex-direction:row;justify-content:center;gap:12px;margin:5px 0 4px;align-items:center}#projects .podcast-rail-arrow{margin:0;width:44px;height:47px;font-size:37px}#projects .podcast-next-preview{width:min(60%,240px);height:100px;border-radius:15px;gap:4px}#projects .podcast-preview-play{width:30px;height:30px;font-size:12px}#projects .podcast-preview-title{font-size:13px}#projects .podcast-preview-label{font-size:8px}}