/* Figma 262:10433 / 262:11409 / 262:10555 / 262:10921 and original PDF 33–40. */
.editorial-feed-page{max-width:1170px}
.editorial-advanced-filters{margin:0 0 30px;font:400 16px/1.5 var(--font-body)}
.editorial-advanced-filters summary{cursor:pointer;width:fit-content}
.editorial-advanced-filters .editorial-filters{margin:16px 0 0}
@media(min-width:701px){.editorial-feed-page .editorial-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;align-items:start}.editorial-feed-page .editorial-filters>input:not([type=hidden]),.editorial-feed-page .editorial-filters>select{min-width:0;width:100%}}
.editorial-feed-page .tabs{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0 0 32px}
.editorial-feed-page .tabs>a{padding:12px 24px;border:0;border-radius:999px;background:var(--bg);font-family:var(--font-body);font-size:16px;line-height:24px;font-weight:500}
.editorial-feed-page .tabs>a.active{background:var(--yellow);color:var(--ink)}
.editorial-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;margin:32px 0 48px}
.editorial-feed.editorial-feed-masonry{display:block;position:relative;height:var(--editorial-feed-height)}
.editorial-feed-masonry>.editorial-feed-card{position:absolute;left:var(--editorial-card-left);top:var(--editorial-card-top);width:var(--editorial-card-width)}
.editorial-feed>.empty{grid-column:1/-1}
.editorial-feed-card{min-width:0;overflow-wrap:anywhere;color:var(--ink)}
.editorial-feed-card h2{margin:0;font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.22;letter-spacing:-.4px}
.editorial-feed-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:5px}
.editorial-feed-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:24px;font-size:14px;line-height:20px;color:var(--muted)}
.editorial-feed-person{display:flex;align-items:center;gap:12px;margin-bottom:28px;min-width:0}
.editorial-feed-person-photo{display:block;width:70px;height:70px;flex:none;object-fit:cover;border-radius:50%}
.editorial-feed-person-copy{min-width:0}
.editorial-feed-person .story-author-website{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:5px;font:400 12px/18px var(--font-body);text-decoration:underline;text-underline-offset:3px}
.editorial-feed-person .story-author-website>img{flex:none}
.editorial-feed-person .story-author-website>span{min-width:0;overflow-wrap:anywhere}
.editorial-feed-person p{margin:0}
.editorial-feed-person-name{font-family:var(--font-heading);font-size:16px;font-weight:700;line-height:22px;letter-spacing:-.32px}
.editorial-feed-person-caption{padding-top:4px;font-size:12px;line-height:18px;color:var(--muted)}
.editorial-feed-excerpt{margin:14px 0 0;font-family:var(--font-body);font-size:16px;line-height:24px;white-space:pre-line}
.editorial-feed-more{display:table;margin-top:24px;font-size:16px;line-height:24px;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:6px}
.editorial-feed-more:hover{text-decoration-color:var(--ink)}
.editorial-feed-image{display:block;min-width:0;border-radius:24px}
.editorial-feed-image img{display:block;width:100%;height:auto;object-fit:cover;border-radius:inherit}
.editorial-feed-story{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,770fr) minmax(0,370fr);gap:30px;align-items:start}
.editorial-feed-story-body{min-width:0;grid-column:2;grid-row:1}
.editorial-feed-story-image{grid-column:1;grid-row:1}
.editorial-feed-story-image img{aspect-ratio:3/2}
.editorial-feed-story-text{display:block}
.editorial-feed-story-text .editorial-feed-story-body{max-width:770px}
.editorial-feed-review,.editorial-feed-work{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}
.editorial-feed-review-image{margin-top:24px;border-radius:14px}
.editorial-feed-review-image img{aspect-ratio:51/28}
.editorial-feed-work-image{margin-bottom:24px;border-radius:14px}
.editorial-feed-work-image img{aspect-ratio:51/28}
.editorial-feed-work-caption h2{font-size:20px;line-height:26px}
.editorial-feed-work-caption .editorial-feed-excerpt{font-size:14px;line-height:21px}
.editorial-feed-review-content{margin-top:20px;min-width:0}
.editorial-feed-review-content .rich-prose{font:400 16px/24px var(--font-body)}
.editorial-feed-review-content .rich-prose p{margin:0 0 16px}
.editorial-feed-review-content .rich-prose p:last-child{margin-bottom:0}
.editorial-feed-review-content .rich-prose h2{font-size:20px;line-height:26px;margin:24px 0 12px}
.editorial-feed-review-content .rich-prose>:first-child{margin-top:0}
.editorial-feed-review-content .editorial-content-blocks{gap:24px}
.editorial-feed-review-content .editorial-content-text>h2{margin-top:0}
.editorial-feed-review-content .editorial-course-promo:not(.editorial-course-promo-compact){grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}
.editorial-feed-review-content .editorial-promo-copy h2{font-size:24px;line-height:30px;margin:0 0 12px}
.editorial-feed-review-content .editorial-promo-card{max-width:360px;width:100%;margin-inline:auto}
.editorial-feed-work-media{margin-bottom:24px}
.editorial-feed-work-media .editorial-content-image img{aspect-ratio:51/28;object-fit:cover}
.editorial-feed-work-media .editorial-image-open,.editorial-feed-review-content .editorial-image-open,.editorial-feed-card .editorial-content-video iframe{border-radius:16px}
.editorial-feed-course{display:flex;align-items:center;gap:15px;padding:10px;margin-top:30px;background:#f3f3f3;border-radius:16px;min-width:0}
.editorial-feed-course>img{display:block;flex:none;width:70px;height:70px;object-fit:cover;border-radius:10px}
.editorial-feed-course>div{min-width:0}
.editorial-feed-course p{font:700 14px/1.4 var(--font-heading);letter-spacing:-.28px;margin:0 0 4px}
.editorial-feed-course a,.editorial-feed-course span{font:400 12px/18px var(--font-body)}
.editorial-feed-course a{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:1000px){
    .editorial-feed{gap:24px}
    .editorial-feed-story{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px}
    .editorial-feed-review,.editorial-feed-work{padding:24px}
}
@media print{
    .editorial-feed.editorial-feed-masonry{display:grid;height:auto}
    .editorial-feed-masonry>.editorial-feed-card{position:static;width:auto;break-inside:avoid}
}
@media(max-width:700px){
    .editorial-feed-page .tabs{gap:8px;max-width:320px;margin-bottom:24px}
    .editorial-feed-page .tabs>a{padding:12px 20px}
    .editorial-feed{grid-template-columns:minmax(0,1fr);gap:40px;margin:32px 0 40px}
    .editorial-feed-story{display:flex;flex-direction:column;gap:24px}
    .editorial-feed-story-body,.editorial-feed-story-image{width:100%}
    .editorial-feed-card h2{font-size:20px;line-height:24px;letter-spacing:-.25px}
    .editorial-feed-meta{font-size:12px;line-height:18px;margin-bottom:20px}
    .editorial-feed-person{margin-bottom:24px}
    .editorial-feed-review,.editorial-feed-work{padding:20px;border-radius:22px}
    .editorial-feed-story-image{border-radius:16px}
    .editorial-feed-work-image img{aspect-ratio:4/3}
    .editorial-feed-work-image{margin-bottom:20px}
    .editorial-feed-review-content .rich-prose{font-size:14px;line-height:21px}
    .editorial-feed-review-content .rich-prose h2{font-size:18px;line-height:24px}
    .editorial-feed-work-media .editorial-content-image img{aspect-ratio:4/3}
    .editorial-feed-work-media{margin-bottom:20px}
    .editorial-feed-course{border-radius:12px;margin-top:20px}
}

/* Figma work card rhythm; independent of the review/story spacing. */
.editorial-feed-work{display:flex;flex-direction:column;gap:30px}
.editorial-feed-work>.editorial-feed-meta,.editorial-feed-work>.editorial-feed-person,.editorial-feed-work>.editorial-feed-work-image,.editorial-feed-work>.editorial-feed-work-media{margin:0}
.editorial-feed-work-image{border-radius:16px}
.editorial-feed-work .editorial-feed-person-name{line-height:normal}
@media(max-width:700px){.editorial-feed-work{gap:24px}}

/* Editorial review and story refinements, owner approval 169. */
.editorial-feed-review{display:flex;flex-direction:column;gap:30px;scroll-margin-top:24px}
.editorial-feed-review>.editorial-feed-meta,.editorial-feed-review>.editorial-feed-person,.editorial-feed-review>.editorial-feed-review-content{margin:0}
.editorial-feed-review .editorial-content-blocks{gap:16px}
.editorial-feed-person .story-author-website{gap:5px;line-height:normal;text-decoration:none}
.story-author-website:hover>span:first-of-type{text-decoration:underline;text-underline-offset:3px}
.story-author-website .editorial-social-external{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.editorial-feed-story-visual{grid-column:1;grid-row:1;position:relative;min-width:0;overflow:hidden;border-radius:24px}
.editorial-story-overlays{position:absolute;inset:auto 16px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none}
.editorial-story-overlays>*{pointer-events:auto}
/* Story preview: the author remains in the text column; only the course overlays the image. */
.editorial-story-overlays>.editorial-work-course{max-width:min(100%,380px);margin:0;background:rgba(243,243,243,.96);gap:8px}
.editorial-story-overlays>.editorial-work-course>img{width:44px;height:44px}
.editorial-story-overlays>.editorial-work-course p,.editorial-story-overlays>.editorial-work-course span{font-size:12px}
.editorial-story-overlays>.editorial-work-course p{margin-bottom:2px}
.editorial-feed-story-visual{border:1px solid #d9d9d9;box-sizing:border-box;aspect-ratio:770/514}
.editorial-feed-story-visual .editorial-feed-story-image,.editorial-feed-story-visual .editorial-feed-story-image img{height:100%}
.editorial-feed-story-visual .editorial-feed-story-image img{aspect-ratio:auto}
@media(min-width:1001px){
    .editorial-feed-story:not(.editorial-feed-story-text) .editorial-feed-story-body{display:flex;flex-direction:column;align-self:stretch;min-height:0;contain:size}
    .editorial-feed-story-body>.editorial-feed-meta,.editorial-feed-story-body>.editorial-feed-person,.editorial-feed-story-body>h2{flex:none}
    .editorial-feed-story:not(.editorial-feed-story-text) .editorial-feed-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--story-excerpt-lines,6);overflow:hidden;min-height:0;max-height:calc(var(--story-excerpt-lines,6)*24px);flex:0 1 auto}
    .editorial-feed-story:not(.editorial-feed-story-text) .editorial-feed-more{align-self:flex-start;margin-top:auto;padding-top:20px;flex:none}
}
@media(max-width:1000px){
    .editorial-feed-story{display:flex;flex-direction:column;gap:24px}
    .editorial-feed-story-body,.editorial-feed-story-visual{width:100%}
    .editorial-feed-story-visual{order:-1;grid-column:auto;grid-row:auto}
    .editorial-feed-story .editorial-feed-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
}
@media(max-width:700px){
    .editorial-feed-story-visual{border-radius:16px}
    .editorial-story-overlays{inset:auto 8px 8px}
    .editorial-story-overlays>.editorial-work-course{padding:8px;gap:8px;max-width:min(100%,300px)}
    .editorial-story-overlays>.editorial-work-course>img{width:36px;height:36px}
}

.editorial-feed-course-list{display:contents}
.editorial-feed-course-list-title{display:none}
/* Owner's mobile review: one card, one author block and one course group. */
@media(max-width:700px){
 .editorial-feed{gap:28px}
 .editorial-feed-work,.editorial-feed-review,.editorial-feed-story{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;gap:20px}
 .editorial-feed-person{align-items:flex-start;gap:12px}
 .editorial-feed-person-photo{width:56px;height:56px}
 .editorial-feed-person-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}
 .editorial-feed-person-name,.editorial-feed-work .editorial-feed-person-name{font-size:16px;line-height:22px}
 .editorial-feed-person-caption{padding:0;line-height:18px}
 .editorial-feed-person .story-author-website{margin:0;line-height:18px}
 .editorial-feed-person-caption-duplicate{display:none}
 .editorial-feed-story-body{display:flex;flex-direction:column;gap:16px}
 .editorial-feed-story-body>.editorial-feed-meta,.editorial-feed-story-body>.editorial-feed-person,.editorial-feed-story-body>.editorial-feed-excerpt,.editorial-feed-story-body>.editorial-feed-more{margin:0}
 .editorial-feed-story .editorial-feed-excerpt{font-size:14px;line-height:21px;-webkit-line-clamp:5}
 .editorial-feed-story-visual{order:0;aspect-ratio:auto;overflow:visible;border:0;border-radius:12px}
 .editorial-feed-story-visual .editorial-feed-story-image{height:auto;overflow:hidden;border:1px solid var(--line);border-radius:12px}
 .editorial-feed-story-visual .editorial-feed-story-image img{height:auto;aspect-ratio:3/2;object-fit:contain}
 .editorial-story-overlays{position:static;display:block;margin-top:12px}
 .editorial-story-overlays>.editorial-work-course{max-width:none;width:100%;padding:10px;border-radius:12px}
 .editorial-feed-course-list{display:flex;flex-direction:column;gap:0;background:#f3f3f3;border-radius:14px;padding:12px;min-width:0}
 .editorial-feed-course-list-title{display:block;margin:0 0 10px;font:700 14px/20px var(--font-heading)}
 .editorial-feed-course-list>.editorial-work-course{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;background:transparent;border-radius:0;padding:10px 0;margin:0;width:100%}
 .editorial-feed-course-list>.editorial-work-course+.editorial-work-course{border-top:1px solid #dedee1}
 .editorial-feed-course-list>.editorial-work-course:last-child{padding-bottom:0}
 .editorial-feed-course-list>.editorial-work-course>img{grid-column:1;width:44px;height:44px;border-radius:8px}
 .editorial-feed-course-list>.editorial-work-course>div{grid-column:2}
 .editorial-feed-course-list>.editorial-work-course p{display:none}
 .editorial-feed-course-list .editorial-course-title{font-size:13px;line-height:19px}
 .editorial-feed-course-list:not(:has(img))>.editorial-work-course{grid-template-columns:minmax(0,1fr)}
 .editorial-feed-course-list:not(:has(img))>.editorial-work-course>div{grid-column:1}
}