/* Editorial Garden theme — Blog & Podcast section (WordPress build) */
.blog-podcast-wp-root {
  --ink: #17212d;
  --cypress: #1f6a5a;
  --saffron: #d97724;
  --paper: #f6f1e6;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  font-family: "Vazirmatn", sans-serif;
}
.blog-podcast-wp-root * { box-sizing: border-box; }
.blog-podcast-wp-root button:not(:disabled),
.blog-podcast-wp-root [role="button"]:not([aria-disabled="true"]),
.blog-podcast-wp-root [type="button"]:not(:disabled),
.blog-podcast-wp-root [type="submit"]:not(:disabled),
.blog-podcast-wp-root a[href],
.blog-podcast-wp-root input[type="checkbox"]:not(:disabled),
.blog-podcast-wp-root input[type="radio"]:not(:disabled) { cursor: pointer; }
.blog-podcast-wp-root button:focus-visible,
.blog-podcast-wp-root input:focus-visible { outline: 3px solid rgb(217 119 36 / 35%); outline-offset: 3px; }

.blog-podcast-section { position: relative; overflow: hidden; isolation: isolate; background: var(--paper); color: var(--ink); padding: clamp(2rem, 5vw, 5rem) 0 clamp(3rem, 7vw, 6rem); }
.section-paper-texture { position: absolute; inset: 0; z-index: -2; background: radial-gradient(120% 90% at 15% 0%, rgb(31 106 90 / 6%), transparent 55%), radial-gradient(120% 90% at 100% 100%, rgb(217 119 36 / 6%), transparent 55%), var(--paper); }
.section-paper-texture::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgb(246 241 230 / .84), rgb(246 241 230 / .66)); }
.blog-podcast-shell { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }

.section-intro { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding-bottom: 1.55rem; border-bottom: 1px solid rgb(31 106 90 / 24%); }
.section-intro::after { content: ""; position: absolute; right: 0; bottom: -2px; width: 9.6rem; height: 3px; background: linear-gradient(90deg, var(--saffron) 0 12%, var(--cypress) 12% 88%, transparent 88%); border-radius: 99px; }
.section-title-group { display: flex; gap: 1rem; align-items: center; }.section-title-group > div:last-child { position: relative; padding-right: .08rem; }.section-title-group > div:last-child::after { content: ""; position: absolute; top: .08rem; right: -.55rem; width: .24rem; height: 1.2rem; border-top: 2px solid var(--saffron); border-right: 2px solid var(--saffron); opacity: .88; }
.brand-mark-wrap { display: grid; place-items: center; flex: 0 0 auto; width: 4.2rem; height: 4.2rem; border-radius: 1.1rem .45rem 1.1rem .45rem; background: linear-gradient(135deg, #eef5ed, #d7e6db); border: 1px solid rgb(31 106 90 / 28%); box-shadow: inset 0 0 0 5px rgb(255 253 249 / 45%), 0 10px 22px rgb(31 106 90 / 10%); }
.brand-mark-wrap svg { width: 2.85rem; height: 2.85rem; }
.section-kicker, .content-eyebrow, .form-kicker, .rail-card-heading p, .nownavar-heading p { margin: 0 0 .2rem; color: var(--cypress); font-size: .73rem; font-weight: 700; letter-spacing: -.015em; }
.section-intro h2 { margin: 0; font-size: clamp(1.82rem, 3.25vw, 2.75rem); line-height: 1.1; font-weight: 800; letter-spacing: -.07em; }
.submit-toggle, .submit-form-button, .load-more-button, .feed-error button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 0; font-family: inherit; font-weight: 700; transition: transform 160ms var(--ease-out), background-color 180ms var(--ease-out), color 180ms var(--ease-out), box-shadow 180ms var(--ease-out); }
.submit-toggle { color: #fffaf3; background: var(--cypress); padding: .75rem 1rem; border-radius: .8rem .8rem .25rem .8rem; box-shadow: 0 10px 20px rgb(31 106 90 / 18%); }
.submit-toggle svg { transition: transform 220ms var(--ease-out); }
.submit-toggle.is-open svg { transform: rotate(180deg); }
.submit-toggle:hover { background: #175144; transform: translateY(-2px); }
.submit-toggle:active, .submit-form-button:active, .load-more-button:active, .feed-error button:active { transform: scale(.97); }

.topic-bar { display: flex; align-items: center; gap: 1rem; padding: 1.15rem 0 1.65rem; overflow: hidden; }
.topic-bar-label { color: #65766f; white-space: nowrap; font-size: .77rem; font-weight: 700; }
.axis-pills { display: flex; align-items: center; gap: .48rem; overflow-x: auto; padding: .25rem 0 .5rem; scrollbar-width: thin; }
.axis-pills::-webkit-scrollbar { height: 5px; }.axis-pills::-webkit-scrollbar-thumb { background: #d5c8b5; border-radius: 999px; }
.axis-pill { display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto; border: 1px solid #ded6c7; color: #59625f; background: rgb(255 253 249 / 60%); padding: .54rem .74rem; border-radius: 999px; font: 600 .77rem/1 "Vazirmatn", sans-serif; transition: border-color 170ms var(--ease-out), background-color 170ms var(--ease-out), color 170ms var(--ease-out), transform 170ms var(--ease-out); }
.axis-pill i, .axis-selector i { width: .48rem; height: .48rem; border-radius: 50%; display: inline-block; }
.axis-pill:hover { border-color: rgb(31 106 90 / 58%); color: var(--cypress); transform: translateY(-1px); }
.axis-pill.is-active { color: #fffdf9; background: var(--ink); border-color: var(--ink); box-shadow: 0 7px 14px rgb(23 33 45 / 14%); }

.submission-drawer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 320ms var(--ease-in-out), opacity 220ms var(--ease-out), margin 280ms var(--ease-in-out); margin: 0; }
.submission-drawer.is-open { grid-template-rows: 1fr; opacity: 1; margin: 0 0 1.85rem; }
.submission-drawer-inner { min-height: 0; overflow: hidden; }
.submission-drawer.is-open .submission-drawer-inner { padding-top: .3rem; }
.submission-drawer-inner { display: grid; grid-template-columns: 154px minmax(175px, .6fr) minmax(0, 1.65fr); gap: 1.4rem; align-items: stretch; padding: 0; border-radius: 1.1rem; background: #fffaf1; border: 1px solid #e5d6be; box-shadow: 0 17px 40px rgb(70 55 34 / 8%); }
.submission-art { position: relative; overflow: hidden; min-height: 100%; background: #dde9df; border-radius: 1.1rem 0 0 1.1rem; }.submission-art svg { display: block; width: 100%; height: 100%; }
.submission-copy { padding: 1.6rem 0 1.4rem; }.submission-copy h3 { margin: 0 0 .5rem; max-width: 14ch; font-size: 1.18rem; line-height: 1.55; font-weight: 800; letter-spacing: -.035em; }.submission-copy > p:last-child { margin: 0; color: #66706d; font-size: .78rem; line-height: 1.9; }
.submission-form { padding: 1.25rem 1.25rem 1.2rem 0; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .85rem; }.field { display: grid; gap: .37rem; color: #4e5855; font-size: .76rem; font-weight: 650; }.field b, .axis-selector b { color: var(--saffron); }.field input { width: 100%; border: 1px solid #d9d3c6; border-radius: .55rem; background: #fffefa; padding: .61rem .68rem; color: var(--ink); font: 500 .82rem/1.4 "Vazirmatn", sans-serif; transition: border-color 160ms var(--ease-out), box-shadow 160ms var(--ease-out); }.field input::placeholder { color: #a09a90; }.field input:focus { border-color: var(--cypress); box-shadow: 0 0 0 3px rgb(31 106 90 / 10%); outline: 0; }.field em, .upload-field em, .axis-selector em { color: #b64435; font-style: normal; font-size: .67rem; line-height: 1.5; }.field.has-error input, .upload-field.has-error, .axis-selector.has-error { border-color: #d47c70; }
.file-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .85rem; margin-top: .9rem; }.upload-field { position: relative; display: flex; align-items: center; gap: .6rem; min-height: 3.9rem; padding: .55rem .63rem; border: 1px dashed #cfc4ae; border-radius: .65rem; color: #58635d; background: #fffcf6; transition: background-color 150ms var(--ease-out), border-color 150ms var(--ease-out); }.upload-field:hover { background: #f9f1e3; border-color: var(--saffron); }.upload-field input { position: absolute; opacity: 0; inset: 0; width: 100%; cursor: pointer; }.upload-field > :not(input) { pointer-events: none; }.upload-field .upload-icon { display: grid; place-items: center; flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: .5rem; color: var(--cypress); background: #e9f0e8; }.upload-field strong, .upload-field small { display: block; max-width: 14ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.upload-field strong { font-size: .72rem; }.upload-field small { margin-top: .16rem; color: #8b8b82; font-size: .62rem; }.upload-field > svg { margin-right: auto; flex: 0 0 auto; color: var(--saffron); }.upload-field button { position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; border: 0; padding: 0; border-radius: 50%; color: #a54d3d; background: #fae9e2; cursor: pointer; }.upload-field em { position: absolute; top: calc(100% + .15rem); right: 0; }.upload-field:has(em) { margin-bottom: 1.05rem; }
.axis-selector { margin: 1rem 0 0; padding: 0; border: 0; }.axis-selector legend { margin-bottom: .5rem; color: #4e5855; font-size: .76rem; font-weight: 650; }.axis-selector > div { display: flex; flex-wrap: wrap; gap: .45rem; }.axis-selector label { position: relative; }.axis-selector input { position: absolute; opacity: 0; }.axis-selector label span { display: inline-flex; align-items: center; gap: .35rem; padding: .38rem .56rem; border: 1px solid #e0d7c7; border-radius: 999px; color: #68716c; background: #fffcf6; font-size: .7rem; transition: color 150ms var(--ease-out), border-color 150ms var(--ease-out), background-color 150ms var(--ease-out); }.axis-selector input:checked + span { border-color: var(--cypress); color: #fffdf9; background: var(--cypress); }.axis-selector input:focus-visible + span { outline: 3px solid rgb(217 119 36 / 35%); outline-offset: 2px; }.axis-selector > em { display: block; margin-top: .35rem; }
.upload-progress { margin-top: .95rem; padding: .6rem .68rem; border-radius: .6rem; background: #eff5ec; }.upload-progress.error { background: #fff0ec; }.upload-progress > div { display: flex; justify-content: space-between; gap: 1rem; color: #456456; font-size: .68rem; font-weight: 700; }.upload-progress.error > div { color: #a85142; }.progress-track { display: block; overflow: hidden; height: .27rem; margin-top: .45rem; border-radius: 99px; background: rgb(31 106 90 / 14%); }.progress-track i { display: block; height: 100%; border-radius: inherit; background: var(--cypress); transition: width 170ms var(--ease-out); }.upload-progress.error .progress-track i { background: #bc5b4b; }.upload-progress p { display: flex; align-items: flex-start; gap: .35rem; margin: .5rem 0 0; color: #466655; font-size: .68rem; line-height: 1.7; }.upload-progress.error p { color: #a85142; }.upload-progress p svg { flex: 0 0 auto; margin-top: .05rem; }
.submit-form-button { margin-top: 1rem; padding: .66rem .82rem; border-radius: .65rem .65rem .2rem .65rem; color: #fffaf3; background: var(--saffron); box-shadow: 0 8px 14px rgb(217 119 36 / 18%); font-size: .78rem; }.submit-form-button:hover:not(:disabled) { background: #bd5f17; transform: translateY(-1px); }.submit-form-button:disabled { opacity: .68; cursor: progress; }

.content-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(18rem, 21.75rem); grid-template-areas: "feed rail"; gap: clamp(1.3rem, 3vw, 3.3rem); align-items: start; }.feed-column { grid-area: feed; min-width: 0; }.listen-rail { grid-area: rail; display: grid; gap: 1rem; position: sticky; top: 1rem; }.feed-heading-row { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.15rem; padding-right: .95rem; }.feed-heading-row::before { content: ""; position: absolute; right: 0; bottom: .15rem; width: .34rem; height: 1.45rem; background: var(--cypress); border-radius: 99px; box-shadow: -.38rem .2rem 0 -.11rem var(--saffron); }.feed-heading-row h3 { margin: 0; font-size: 1.25rem; letter-spacing: -.045em; line-height: 1.4; }.post-count { color: #858980; font-size: .7rem; white-space: nowrap; }.feed-stack { display: grid; gap: .85rem; }
.post-card, .feed-skeleton { position: relative; display: grid; grid-template-columns: 170px minmax(0,1fr); grid-template-areas: "media copy"; min-height: 13rem; overflow: hidden; border: 1px solid rgb(199 186 162 / 60%); border-radius: .95rem .95rem .25rem .95rem; background: rgb(255 253 249 / 84%); box-shadow: 0 10px 27px rgb(73 60 39 / 6%); }.post-card { animation: card-in 520ms var(--ease-out) both; transition: transform 220ms var(--ease-out), box-shadow 220ms var(--ease-out), border-color 220ms var(--ease-out); }.post-card:hover { border-color: rgb(31 106 90 / 35%); box-shadow: 0 16px 32px rgb(55 62 51 / 11%); transform: translateY(-3px); }.post-card-copy { grid-area: copy; display: flex; flex-direction: column; padding: 1.1rem 1.2rem 1rem; }.post-meta-row { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; color: #85877e; font-size: .66rem; }.category-badge { display: inline-flex; align-items: center; gap: .25rem; color: var(--cypress); background: #e8f1e9; padding: .2rem .4rem; border-radius: .22rem; font-weight: 700; }.category-badge::before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--cypress); }.meta-dot { display: block; width: .2rem; height: .2rem; border-radius: 50%; background: var(--saffron); }.post-card-link { display: block; color: inherit; text-decoration: none; }
.post-card-link:hover h4, .post-card:hover .post-card-link h4 { color: var(--cypress); text-decoration: underline; }
.post-media { display: flex; }
.post-card h4 { margin: .7rem 0 .45rem; color: #16212a; font-size: clamp(1rem,1.8vw,1.23rem); line-height: 1.68; font-weight: 800; letter-spacing: -.04em; transition: color 150ms var(--ease-out); }.post-card > .post-card-copy > p { display: -webkit-box; overflow: hidden; margin: 0; color: #6a706b; font-size: .76rem; line-height: 1.9; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.post-footer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: auto; padding-top: .75rem; }.author-chip { display: flex; align-items: center; gap: .4rem; color: #59635d; font-size: .68rem; }.author-chip span { display: grid; place-items: center; width: 1.68rem; height: 1.68rem; border-radius: 50%; color: #fffdf9; background: #546f68; font-size: .62rem; font-weight: 700; }.bookmark-button { display: inline-flex; align-items: center; gap: .28rem; padding: .28rem .4rem; border: 0; border-radius: .35rem; color: #72817a; background: transparent; font: 650 .67rem/1 "Vazirmatn", sans-serif; transition: color 150ms var(--ease-out), background-color 150ms var(--ease-out), transform 150ms var(--ease-out); }.bookmark-button:hover { color: var(--saffron); background: #fff0dc; }.bookmark-button.is-saved { color: #9f4c17; background: #fff0dc; }.bookmark-button:active { transform: scale(.95); }.post-media { grid-area: media; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .45rem; color: #6d897f; background: #e8f0e8; }.post-media.has-image { background: #dbe8e2; }.post-media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(150deg, rgb(31 106 90 / 16%), transparent 52%, rgb(217 119 36 / 13%)); mix-blend-mode: multiply; }.post-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.77) contrast(.98); }.post-media span { font-size: .65rem; font-weight: 700; }
@media (min-width: 721px) { .post-card:first-child { grid-template-columns: minmax(14.8rem, 34%) minmax(0,1fr); min-height: 16.1rem; border-color: rgb(31 106 90 / 42%); }.post-card:first-child .post-card-copy { padding: 1.45rem 1.55rem 1.25rem; background: linear-gradient(110deg, #fffdf9 65%, #f5f9f3); }.post-card:first-child h4 { max-width: 20ch; font-size: clamp(1.28rem, 2.2vw, 1.6rem); line-height: 1.55; }.post-card:first-child .post-media { border-left: 3px solid var(--saffron); }.post-card:nth-child(3n) { grid-template-columns: 132px minmax(0,1fr); margin-right: 2.2rem; }.post-card:nth-child(3n) .post-card-copy { background: #fcf9f2; }.post-card:nth-child(3n) h4 { font-size: 1.06rem; } }
.feed-skeleton { opacity: .72; pointer-events: none; }.skeleton-lines { grid-area: copy; display: grid; align-content: center; gap: .75rem; padding: 1.2rem; }.skeleton-line, .skeleton-image { display: block; border-radius: 999px; background: linear-gradient(90deg, #e7e1d5 25%, #f4efe5 50%, #e7e1d5 75%); background-size: 200% 100%; animation: shimmer 1.45s linear infinite; }.skeleton-line { height: .68rem; width: 94%; }.skeleton-line--short { width: 32%; }.skeleton-line--medium { width: 68%; }.skeleton-image { grid-area: media; border-radius: 0; }.feed-skeleton--compact { min-height: 8rem; }.feed-skeleton--compact .skeleton-lines { gap: .55rem; }.feed-skeleton--compact .skeleton-line { height: .55rem; }
.load-more-button { margin: 1.2rem auto 0; padding: .73rem 1rem; border: 1px solid rgb(31 106 90 / 22%); border-radius: 999px; color: var(--cypress); background: rgb(255 253 249 / 74%); font-size: .76rem; }.load-more-button:hover:not(:disabled) { color: #fffdf9; border-color: var(--cypress); background: var(--cypress); transform: translateY(-2px); }.load-more-button:disabled { opacity: .7; }.button-orbit { width: .67rem; height: .67rem; border: 2px solid var(--saffron); border-left-color: transparent; border-radius: 50%; }.load-more-button:hover .button-orbit { border-color: #ffd6b5; border-left-color: transparent; }
.feed-error, .empty-feed { display: flex; align-items: center; gap: .8rem; padding: 1.2rem; border: 1px solid #e7c5bc; border-radius: .85rem; color: #8a4135; background: #fff5f0; }.feed-error strong { font-size: .82rem; }.feed-error p { margin: .2rem 0 0; font-size: .72rem; }.feed-error button { margin-right: auto; flex: 0 0 auto; padding: .5rem .65rem; border-radius: .5rem; color: #9b4435; background: #f7ded7; font-size: .69rem; }.empty-feed { flex-direction: column; justify-content: center; min-height: 15rem; color: #61736d; text-align: center; border-style: dashed; background: rgb(255 253 249 / 55%); }.empty-feed h4 { margin: .3rem 0 0; font-size: .95rem; }.empty-feed p { margin: 0; font-size: .73rem; }

.rail-card { overflow: hidden; border: 1px solid rgb(202 190 170 / 70%); border-radius: .9rem .9rem .25rem .9rem; background: rgb(255 253 249 / 84%); box-shadow: 0 10px 26px rgb(73 60 39 / 5%); }.rail-card-heading { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1rem .8rem 1rem; }.rail-card-heading h3, .nownavar-heading h3 { margin: 0; color: #22312d; font-size: .92rem; font-weight: 800; letter-spacing: -.035em; }.rail-card-heading > svg { color: var(--saffron); }.audience-list { padding: 0 .72rem .7rem; }.audio-item { border-top: 1px solid #eee7da; }.audio-trigger { display: flex; width: 100%; align-items: center; gap: .55rem; padding: .75rem .25rem; border: 0; color: inherit; background: transparent; text-align: right; }.audio-avatar { display: grid; place-items: center; flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 50% 50% .75rem 50%; color: #fffdf9; background: #567b70; font-size: .61rem; font-weight: 700; }.audio-title { min-width: 0; flex: 1; }.audio-title b, .audio-title small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.audio-title b { color: #455651; font-size: .68rem; }.audio-title small { margin-top: .15rem; color: #81877f; font-size: .61rem; }.audio-play { display: grid; place-items: center; flex: 0 0 auto; width: 1.85rem; height: 1.85rem; border-radius: 50%; color: #fff8ef; background: var(--saffron); transition: transform 160ms var(--ease-out), background-color 160ms var(--ease-out); }.audio-trigger:hover .audio-play { background: #bc5f18; transform: scale(1.07); }.inline-player { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 220ms var(--ease-out), padding 220ms var(--ease-out); }.audio-item.is-open .inline-player { grid-template-rows: 1fr; padding: 0 .25rem .75rem; }.inline-player > audio { min-width: 0; width: 100%; align-self: end; }.audio-item.is-open .audio-avatar { background: var(--cypress); }.audio-item.is-open .audio-play { background: var(--ink); }
.nownavar-card { position: relative; color: #f9f1e6; border-color: #33414c; background: #17212d; box-shadow: 0 16px 29px rgb(23 33 45 / 21%); }.audio-orbit-bg { position: absolute; inset: 0; opacity: .5; background: radial-gradient(60% 60% at 30% 20%, rgb(217 119 36 / 30%), transparent 60%), radial-gradient(50% 50% at 80% 80%, rgb(31 106 90 / 35%), transparent 65%); }.nownavar-heading { position: relative; display: flex; justify-content: space-between; align-items: flex-start; padding: 1rem 1rem .75rem; border-bottom: 1px solid rgb(217 119 36 / 25%); }.nownavar-heading p { color: #eab976; }.nownavar-heading h3 { color: #fff8ef; }.nownavar-heading > span { padding: .25rem .45rem; border: 1px solid rgb(31 106 90 / 74%); border-radius: 999px; color: #e4f2ea; background: rgb(31 106 90 / 25%); font-size: .61rem; }.dotcast-frame { position: relative; z-index: 1; overflow: hidden; margin: .7rem; border: 1px solid rgb(217 119 36 / 38%); border-radius: .5rem; background: #1a1a2d; box-shadow: 0 0 0 5px rgb(31 106 90 / 13%); }.dotcast-frame iframe { display: block; }
.topics-card { padding-bottom: 1rem; }.tag-cloud { display: flex; flex-wrap: wrap; gap: .45rem; padding: 0 1rem; }.tag-cloud button { padding: .4rem .55rem; border: 1px solid #ddd3c2; border-radius: .4rem; color: #64736c; background: #fffdf9; font: 600 .68rem/1.2 "Vazirmatn", sans-serif; transition: color 150ms var(--ease-out), background-color 150ms var(--ease-out), border-color 150ms var(--ease-out), transform 150ms var(--ease-out); }.tag-cloud button:hover, .tag-cloud button.is-active { color: #fffdf9; border-color: var(--cypress); background: var(--cypress); transform: translateY(-1px); }

.spin { animation: spin 850ms linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }@keyframes shimmer { to { background-position: -200% 0; } }@keyframes card-in { from { opacity: 0; transform: translateY(13px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .blog-podcast-wp-root *, .blog-podcast-wp-root *::before, .blog-podcast-wp-root *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 900px) { .submission-drawer-inner { grid-template-columns: 120px minmax(0, .6fr) minmax(0, 1.65fr); gap: 1rem; }.content-layout { grid-template-columns: minmax(0,1fr) minmax(16.5rem,19rem); gap: 1.4rem; }.post-card, .feed-skeleton { grid-template-columns: 140px minmax(0,1fr); } }
@media (max-width: 720px) { .blog-podcast-shell { width: min(100% - 1.25rem, 1180px); }.section-intro { align-items: flex-start; flex-direction: column; padding-bottom: 1.1rem; }.submit-toggle { width: 100%; justify-content: space-between; }.topic-bar { align-items: flex-start; flex-direction: column; gap: .2rem; padding-bottom: 1.25rem; }.axis-pills { width: 100%; }.submission-drawer-inner { grid-template-columns: 1fr; gap: 0; }.submission-art { display: none; }.submission-copy { padding: 1.2rem 1.15rem .55rem; }.submission-copy h3 { max-width: none; }.submission-form { padding: 1rem 1.15rem 1.2rem; }.content-layout { grid-template-columns: 1fr; grid-template-areas: "feed" "rail"; }.listen-rail { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }.nownavar-card { grid-column: 1 / -1; }.post-card, .feed-skeleton { grid-template-columns: 104px minmax(0,1fr); min-height: 11.6rem; }.post-card-copy { padding: .9rem .85rem; }.post-meta-row { gap: .28rem; font-size: .61rem; }.post-card h4 { margin: .5rem 0 .3rem; font-size: .94rem; }.post-card > .post-card-copy > p { -webkit-line-clamp: 2; font-size: .7rem; }.post-footer { padding-top: .5rem; }.author-chip b { max-width: 8.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.bookmark-button span { display: none; }.post-media span { display: none; } }
@media (max-width: 480px) { .blog-podcast-section { padding-top: 1.4rem; }.section-intro h2 { font-size: 1.7rem; }.form-grid, .file-row { grid-template-columns: 1fr; }.listen-rail { grid-template-columns: 1fr; }.nownavar-card { grid-column: auto; }.post-card, .feed-skeleton { grid-template-columns: 82px minmax(0,1fr); min-height: 11.4rem; }.post-card h4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.post-card > .post-card-copy > p { -webkit-line-clamp: 1; }.post-media svg { width: 24px; }.feed-error { align-items: flex-start; flex-wrap: wrap; }.feed-error button { margin-right: 0; } }