:root {
    --et-blog-ink: var(--et-text, #17202b);
    --et-blog-muted: var(--et-text-soft, #657184);
    --et-blog-card: var(--et-card, #fff);
    --et-blog-canvas: var(--et-bg, #f4f6f8);
    --et-blog-soft: var(--et-card-soft, #eef2f5);
    --et-blog-line: var(--et-border, #d9e0e7);
    --et-blog-accent: #f6c515;
    --et-blog-accent-dark: #8e6800;
    --et-blog-serif: Georgia, Cambria, "Times New Roman", Times, serif;
    --et-blog-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
    --et-blog-ink: #eef2f6;
    --et-blog-muted: #a5b0be;
    --et-blog-card: #111923;
    --et-blog-canvas: #0a1119;
    --et-blog-soft: #17212c;
    --et-blog-line: #2b3744;
    --et-blog-accent-dark: #f6c515;
}

.et-blog-page,
.et-article-page,
.et-editorial-studio { color: var(--et-blog-ink); font-family: var(--et-blog-sans); }

.et-blog-page,
.et-article-page {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 70px;
}

.et-blog-eyebrow,
.et-blog-category {
    display: inline-flex;
    align-items: center;
    width: max-content;
    color: var(--et-blog-accent-dark);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Editorial home */
.et-blog-masthead {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr);
    gap: 48px;
    align-items: end;
    border-bottom: 1px solid var(--et-blog-line);
    padding: 24px 0 27px;
}

.et-blog-masthead h1 {
    max-width: 780px;
    margin: 10px 0 9px;
    font-family: var(--et-blog-serif);
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 700;
    letter-spacing: -.045em;
    line-height: 1;
}

.et-blog-masthead p { max-width: 710px; margin: 0; color: var(--et-blog-muted); font-size: 17px; line-height: 1.55; }
.et-blog-masthead-actions { display: grid; gap: 11px; justify-items: end; }
.et-blog-masthead-actions form {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    width: min(100%, 510px);
    overflow: hidden;
    border: 1px solid var(--et-blog-line);
    border-radius: 999px;
    background: var(--et-blog-card);
    padding-left: 15px;
}
.et-blog-masthead-actions input { min-width: 0; border: 0; outline: 0; background: transparent; color: var(--et-blog-ink); padding: 12px 10px; font: inherit; }
.et-blog-masthead-actions button,
.et-blog-write,
.et-blog-empty a,
.et-blog-editorial-cta > a {
    border: 0;
    border-radius: 999px;
    background: var(--et-blog-accent);
    color: #171717;
    padding: 11px 17px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}
.et-blog-masthead-actions form button { margin: 4px; padding: 9px 15px; }
.et-blog-write { padding: 8px 13px; font-size: 12px; }

.et-blog-categories { display: flex; gap: 2px; margin: 0 0 25px; overflow-x: auto; border-bottom: 1px solid var(--et-blog-line); scrollbar-width: thin; }
.et-blog-categories a { flex: 0 0 auto; display: inline-flex; gap: 7px; align-items: center; border-bottom: 3px solid transparent; color: var(--et-blog-muted); padding: 14px 13px 11px; font-size: 13px; font-weight: 800; text-decoration: none; }
.et-blog-categories a:hover { color: var(--et-blog-ink); }
.et-blog-categories a.active { border-bottom-color: var(--et-blog-accent); color: var(--et-blog-ink); }
.et-blog-categories a span { border-radius: 999px; background: var(--et-blog-soft); padding: 2px 7px; font-size: 10px; }

.et-blog-notice { display: flex; gap: 8px; margin: 0 0 20px; border: 1px solid #83d2a3; border-radius: 12px; background: color-mix(in srgb, #2fb56d 9%, var(--et-blog-card)); padding: 13px 16px; }
.et-blog-lead { display: grid; grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr); gap: 18px; }
.et-blog-featured { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(0, .95fr); min-height: 355px; overflow: hidden; border: 1px solid var(--et-blog-line); border-radius: 18px; background: var(--et-blog-card); }
.et-blog-featured-art,
.et-blog-story-art { display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg, #101827, #294267 55%, #f6c515); color: #fff; text-decoration: none; }
.et-blog-featured-art img,
.et-blog-story-art img { width: 100%; height: 100%; object-fit: cover; }
.et-blog-featured-art > span { font-size: 70px; font-weight: 1000; letter-spacing: -.09em; }
.et-blog-featured-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 34px; }
.et-blog-featured-copy h2 { margin: 10px 0 12px; font-family: var(--et-blog-serif); font-size: clamp(31px, 3.2vw, 45px); letter-spacing: -.035em; line-height: 1.04; }
.et-blog-featured-copy h2 a,
.et-blog-story h2 a,
.et-article-related h3 a { color: inherit; text-decoration: none; }
.et-blog-featured-copy > p { margin: 0 0 22px; color: var(--et-blog-muted); line-height: 1.6; }
.et-story-author { display: flex; gap: 10px; align-items: center; }
.et-story-author img { display: block; width: 39px; height: 39px; border-radius: 50%; object-fit: cover; }
.et-story-author div { display: grid; gap: 1px; }
.et-story-author a { color: var(--et-blog-ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.et-story-author small { color: var(--et-blog-muted); font-size: 11px; }
.et-story-author.is-compact img { width: 30px; height: 30px; }
.et-story-author.is-compact { margin-bottom: 13px; }

.et-blog-promise { display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--et-blog-line); border-radius: 18px; background: linear-gradient(150deg, color-mix(in srgb, var(--et-blog-accent) 13%, var(--et-blog-card)), var(--et-blog-card)); padding: 25px; }
.et-blog-promise > span { color: var(--et-blog-accent-dark); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.et-blog-promise h2 { margin: 10px 0; font-family: var(--et-blog-serif); font-size: 28px; line-height: 1.04; }
.et-blog-promise p { margin: 0 0 22px; color: var(--et-blog-muted); font-size: 13px; line-height: 1.65; }
.et-blog-promise a { color: var(--et-blog-ink); font-weight: 900; text-decoration: none; }
.et-blog-promise a span { color: var(--et-blog-accent-dark); }

.et-blog-section-head,
.et-blog-results-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 38px 0 12px; border-bottom: 1px solid var(--et-blog-line); padding-bottom: 12px; }
.et-blog-section-head span,
.et-blog-results-head span { color: var(--et-blog-accent-dark); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.et-blog-section-head h2,
.et-blog-results-head h2 { margin: 4px 0 0; font-family: var(--et-blog-serif); font-size: 31px; line-height: 1; }
.et-blog-section-head p,
.et-blog-results-head strong { margin: 0; color: var(--et-blog-muted); font-size: 13px; }
.et-blog-feed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
.et-blog-story { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 22px; min-height: 245px; border-bottom: 1px solid var(--et-blog-line); padding: 24px 0; }
.et-blog-story-copy { min-width: 0; }
.et-blog-story h2 { margin: 7px 0 8px; font-family: var(--et-blog-serif); font-size: 27px; letter-spacing: -.025em; line-height: 1.08; }
.et-blog-story p { margin: 0 0 15px; color: var(--et-blog-muted); font-size: 14px; line-height: 1.55; }
.et-blog-story footer { display: flex; align-items: center; justify-content: space-between; color: var(--et-blog-muted); font-size: 11px; }
.et-blog-story footer a { color: var(--et-blog-ink); font-weight: 900; text-decoration: none; }
.et-blog-story-art { align-self: stretch; min-height: 170px; border-radius: 12px; }
.et-blog-story-art > span { font-size: 54px; font-weight: 1000; }
.et-blog-story:nth-child(4n+2) .et-blog-story-art.is-placeholder { background: linear-gradient(145deg, #40203e, #8c476f 60%, #f0a15e); }
.et-blog-story:nth-child(4n+3) .et-blog-story-art.is-placeholder { background: linear-gradient(145deg, #073631, #14796d 60%, #f6c515); }
.et-blog-story:nth-child(4n+4) .et-blog-story-art.is-placeholder { background: linear-gradient(145deg, #342b0d, #826b16 60%, #e8d48d); }
.et-blog-empty { display: grid; place-items: center; min-height: 280px; border: 1px solid var(--et-blog-line); border-radius: 18px; background: var(--et-blog-card); text-align: center; }
.et-blog-empty > span { font-size: 35px; }
.et-blog-empty h2 { margin: 8px 0 0; font-family: var(--et-blog-serif); font-size: 32px; }
.et-blog-empty p { margin: 5px 0 18px; color: var(--et-blog-muted); }
.et-blog-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin: 32px 0; }
.et-blog-pagination a { color: var(--et-blog-ink); font-weight: 900; text-decoration: none; }
.et-blog-pagination a:last-child { justify-self: end; }
.et-blog-pagination strong { color: var(--et-blog-muted); font-size: 12px; }
.et-blog-editorial-cta { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; margin-top: 44px; border: 1px solid var(--et-blog-line); border-radius: 18px; background: var(--et-blog-card); padding: 32px; }
.et-blog-editorial-cta h2 { margin: 7px 0; font-family: var(--et-blog-serif); font-size: 34px; line-height: 1.05; }
.et-blog-editorial-cta p { max-width: 760px; margin: 0; color: var(--et-blog-muted); line-height: 1.6; }

/* Medium-inspired reader */
.et-article-page { max-width: 1160px !important; background: transparent !important; border-radius: 0 !important; }
.et-article-breadcrumb { display: flex; gap: 7px; margin: 0 auto 23px; width: min(760px, 100%); color: var(--et-blog-muted); font-size: 12px; }
.et-article-breadcrumb a { color: inherit; text-decoration: none; }
.et-article-header { width: min(850px, 100%); margin: 0 auto 30px; }
.et-article-header h1 { margin: 12px 0 16px; font-family: var(--et-blog-serif); font-size: clamp(42px, 6vw, 67px); font-weight: 700; letter-spacing: -.045em; line-height: 1.01; }
.et-article-summary { max-width: 780px; margin: 0; color: var(--et-blog-muted); font-family: var(--et-blog-serif); font-size: clamp(20px, 2.4vw, 25px); line-height: 1.45; }
.et-article-author-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; border-top: 1px solid var(--et-blog-line); border-bottom: 1px solid var(--et-blog-line); padding: 13px 0; }
.et-article-author { display: flex; gap: 10px; align-items: center; color: var(--et-blog-ink); text-decoration: none; }
.et-article-author img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
.et-article-author span { display: grid; }
.et-article-author b { font-size: 13px; }
.et-article-author small,
.et-article-updated { color: var(--et-blog-muted); font-size: 11px; }
.et-article-actions { display: flex; gap: 7px; }
.et-article-actions button { border: 1px solid var(--et-blog-line); border-radius: 999px; background: transparent; color: var(--et-blog-muted); padding: 8px 12px; cursor: pointer; }
.et-article-actions button:hover { border-color: var(--et-blog-ink); color: var(--et-blog-ink); }
.et-article-updated { width: min(850px, 100%); margin: 8px auto 0; }
.et-article-cover { width: 100%; aspect-ratio: 16 / 7.4; margin: 0 0 37px; overflow: hidden; border-radius: 15px; background: var(--et-blog-soft); }
.et-article-cover img { width: 100%; height: 100%; object-fit: cover; }
.et-article-auto-cover { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(8, minmax(120px, 1fr)); gap: 14px; padding: 42px 44px; background: #070b17; }
.et-article-auto-cover::before,
.et-article-auto-cover::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.et-article-auto-cover::before { background: linear-gradient(90deg, rgba(3, 6, 18, .88), rgba(3, 6, 18, .14) 38%, rgba(3, 6, 18, .6)); }
.et-article-auto-cover::after { border: 1px solid rgba(255, 255, 255, .14); box-shadow: inset 0 -120px 120px rgba(0, 0, 0, .44); }
.et-article-auto-cover img { position: relative; z-index: 0; min-width: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; box-shadow: 0 22px 42px rgba(0,0,0,.38); transform: translateY(var(--cover-lift, 0)); }
.et-article-auto-cover img:nth-child(2n) { --cover-lift: -22px; }
.et-article-auto-cover img:nth-child(3n) { --cover-lift: 18px; }
.et-article-layout { display: grid; grid-template-columns: 190px minmax(0, 740px); gap: 45px; justify-content: center; align-items: start; }
.et-article-toc { position: sticky; top: 92px; display: grid; gap: 12px; border-left: 2px solid var(--et-blog-accent); padding: 3px 0 3px 14px; }
.et-article-toc > strong { font-size: 12px; }
.et-article-toc nav { display: grid; gap: 9px; }
.et-article-toc a { color: var(--et-blog-muted); font-size: 12px; line-height: 1.35; text-decoration: none; }
.et-article-toc a.is-subheading { padding-left: 12px; font-size: 11px; }
.et-article-toc a:hover { color: var(--et-blog-ink); }
.et-article-answer { margin: 0 0 35px; border-left: 3px solid var(--et-blog-accent); background: color-mix(in srgb, var(--et-blog-accent) 8%, var(--et-blog-card)); padding: 17px 20px; }
.et-article-answer span { color: var(--et-blog-accent-dark); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.et-article-answer p { margin: 5px 0 0; color: var(--et-blog-ink); font-family: var(--et-blog-serif); font-size: 19px; line-height: 1.65; }
.et-article-content { max-width: none !important; color: var(--et-blog-ink) !important; font-family: var(--et-blog-serif) !important; font-size: 19px; line-height: 1.65; }
.et-article-content h1,
.et-article-content h2,
.et-article-content h3,
.et-article-content h4 { font-family: var(--et-blog-sans) !important; }
.et-article-content h2 { scroll-margin-top: 90px; margin: 48px 0 14px; font-size: 33px; letter-spacing: -.035em; line-height: 1.12; }
.et-article-content h3 { margin: 31px 0 10px; font-size: 24px; letter-spacing: -.02em; line-height: 1.2; }
.et-article-content h4 { margin: 25px 0 8px; font-size: 19px; }
.et-article-content p { margin: 0 0 24px; }
.et-article-content ul,
.et-article-content ol { margin: 0 0 25px; padding-left: 27px; }
.et-article-content li { margin: 7px 0; padding-left: 3px; }
.et-article-content a { color: var(--et-blog-accent-dark); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.et-article-content blockquote { margin: 32px 0; border-left: 3px solid var(--et-blog-ink); padding: 2px 0 2px 22px; font-size: 19px; font-style: italic; line-height: 1.65; }
.et-article-content hr { width: 45px; margin: 44px auto; border: 0; border-top: 3px dotted var(--et-blog-line); }
.et-article-content figure { margin: 34px -55px; }
.et-article-content img { display: block; max-width: 100%; max-height: 640px; margin: 30px auto; border-radius: 10px; object-fit: contain; }
.et-article-content figure img { width: 100%; margin: 0; }
.et-article-content figcaption { margin-top: 8px; color: var(--et-blog-muted); font-family: var(--et-blog-sans); font-size: 11px; text-align: center; }
.et-article-content pre { overflow-x: auto; border-radius: 10px; background: #101827; color: #ecf2f8; padding: 18px; font: 14px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }
.et-article-content code { border-radius: 4px; background: var(--et-blog-soft); padding: 2px 5px; font-size: .82em; }

.et-article-connections { margin-top: 48px; border-top: 1px solid var(--et-blog-line); padding-top: 28px; }
.et-article-connections header h2 { margin: 6px 0; font-family: var(--et-blog-serif); font-size: 31px; }
.et-article-connections header p { margin: 0 0 17px; color: var(--et-blog-muted); font-size: 13px; line-height: 1.55; }
.et-article-connections > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.et-article-connections a { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-width: 0; border: 1px solid var(--et-blog-line); border-radius: 11px; color: var(--et-blog-ink); padding: 8px; text-decoration: none; }
.et-article-connections a:hover { border-color: var(--et-blog-accent); }
.et-article-connections img { width: 52px; height: 62px; border-radius: 7px; object-fit: cover; }
.et-article-connections a > span { display: grid; min-width: 0; }
.et-article-connections small { color: var(--et-blog-accent-dark); font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.et-article-connections b,
.et-article-connections em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-article-connections b { font-size: 13px; }
.et-article-connections em { color: var(--et-blog-muted); font-size: 10px; font-style: normal; }
.et-article-connections i { color: var(--et-blog-muted); font-style: normal; }
.et-article-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }
.et-article-tags a { border-radius: 999px; background: var(--et-blog-soft); color: var(--et-blog-muted); padding: 7px 11px; font-size: 11px; font-weight: 800; text-decoration: none; }
.et-article-faq { margin-top: 48px; border-top: 1px solid var(--et-blog-line); padding-top: 28px; }
.et-article-faq h2 { margin: 6px 0 14px; font-family: var(--et-blog-serif); font-size: 34px; }
.et-article-faq details { border-top: 1px solid var(--et-blog-line); padding: 16px 0; }
.et-article-faq details:last-child { border-bottom: 1px solid var(--et-blog-line); }
.et-article-faq summary { display: flex; justify-content: space-between; gap: 15px; cursor: pointer; font-size: 15px; font-weight: 900; list-style: none; }
.et-article-faq summary::-webkit-details-marker { display: none; }
.et-article-faq summary i { color: var(--et-blog-accent-dark); font-style: normal; }
.et-article-faq details[open] summary i { transform: rotate(45deg); }
.et-article-faq details p { margin: 11px 30px 0 0; color: var(--et-blog-muted); font-family: var(--et-blog-serif); font-size: 17px; line-height: 1.6; }
.et-article-author-card { display: grid; grid-template-columns: 76px 1fr; gap: 18px; margin-top: 48px; border-top: 1px solid var(--et-blog-line); border-bottom: 1px solid var(--et-blog-line); padding: 25px 0; }
.et-article-author-card > img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; }
.et-article-author-card span { color: var(--et-blog-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.et-article-author-card h2 { margin: 3px 0; font-family: var(--et-blog-serif); font-size: 25px; }
.et-article-author-card h2 a,
.et-article-author-card div > a { color: var(--et-blog-ink); text-decoration: none; }
.et-article-author-card p { margin: 0 0 6px; color: var(--et-blog-muted); font-size: 13px; line-height: 1.5; }
.et-article-author-card div > a { font-size: 11px; font-weight: 900; }
.et-article-cta { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; margin-top: 40px; border-radius: 16px; background: #101827; color: #fff; padding: 25px; }
.et-article-cta h2 { margin: 6px 0; font-family: var(--et-blog-serif); font-size: 27px; }
.et-article-cta p { margin: 0; color: #c5cfdb; font-size: 13px; line-height: 1.5; }
.et-article-cta > a { border-radius: 999px; background: var(--et-blog-accent); color: #171717; padding: 10px 14px; font-size: 12px; font-weight: 900; text-decoration: none; }
.et-article-related { margin-top: 58px; border-top: 1px solid var(--et-blog-line); padding-top: 27px; }
.et-article-related > header h2 { margin: 5px 0 16px; font-family: var(--et-blog-serif); font-size: 34px; }
.et-article-related > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.et-article-related article { border: 1px solid var(--et-blog-line); border-radius: 13px; background: var(--et-blog-card); padding: 18px; }
.et-article-related h3 { margin: 8px 0; font-family: var(--et-blog-serif); font-size: 22px; line-height: 1.18; }
.et-article-related p { margin: 0 0 14px; color: var(--et-blog-muted); font-size: 12px; line-height: 1.5; }
.et-article-related article > a { color: var(--et-blog-ink); font-size: 11px; font-weight: 900; text-decoration: none; }

/* Editorial Studio */
.et-editorial-studio { min-height: 100vh; background: var(--et-blog-canvas); }
.et-editorial-form { margin: 0; }
.et-editorial-topbar { position: sticky; z-index: 40; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; min-height: 62px; border-bottom: 1px solid var(--et-blog-line); background: color-mix(in srgb, var(--et-blog-card) 94%, transparent); padding: 8px max(18px, calc((100vw - 1500px) / 2)); backdrop-filter: blur(16px); }
.et-editorial-brand { display: flex; gap: 10px; align-items: center; min-width: 0; }
.et-editorial-brand > a { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: var(--et-blog-accent); color: #171717; font-size: 12px; font-weight: 1000; text-decoration: none; }
.et-editorial-brand > span { font-family: var(--et-blog-serif); font-size: 18px; font-weight: 800; }
.et-editorial-brand > i { color: var(--et-blog-muted); font-size: 10px; font-style: normal; }
.et-editorial-save-state { display: flex; gap: 6px; align-items: center; color: var(--et-blog-muted); font-size: 10px; }
.et-editorial-save-state > span { width: 7px; height: 7px; border-radius: 50%; background: #46bd72; }
.et-editorial-save-state.is-saving > span { background: var(--et-blog-accent); }
.et-editorial-save-state.is-dirty > span { background: #e98b4b; }
.et-editorial-top-actions { display: flex; gap: 7px; align-items: center; justify-content: flex-end; }
.et-editorial-top-actions > span { margin-right: 5px; color: var(--et-blog-muted); font-size: 10px; }
.et-editorial-top-actions button { border: 1px solid var(--et-blog-line); border-radius: 999px; background: var(--et-blog-card); color: var(--et-blog-ink); padding: 8px 13px; font: 800 11px var(--et-blog-sans); cursor: pointer; }
.et-editorial-top-actions .et-editorial-publish { border-color: var(--et-blog-accent); background: var(--et-blog-accent); color: #171717; }
.et-editorial-top-actions .et-editorial-quiet { border-color: transparent; background: transparent; }
.et-editorial-alert { display: flex; gap: 8px; width: min(1460px, calc(100% - 32px)); margin: 14px auto 0; border: 1px solid; border-radius: 10px; padding: 11px 14px; font-size: 12px; }
.et-editorial-alert.is-error { border-color: #e68b8b; background: color-mix(in srgb, #d74f4f 8%, var(--et-blog-card)); }
.et-editorial-alert.is-success { border-color: #66c88b; background: color-mix(in srgb, #2caf64 8%, var(--et-blog-card)); }
.et-editorial-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 22px; width: min(1460px, calc(100% - 32px)); margin: 22px auto 0; align-items: start; }
.et-editorial-paper { min-width: 0; border: 1px solid var(--et-blog-line); border-radius: 16px; background: var(--et-blog-card); padding: clamp(28px, 5vw, 72px); }
.et-editorial-story-head,
.et-editor-surface,
.et-editor-connections { width: min(820px, 100%); margin-right: auto; margin-left: auto; }
.et-editorial-kicker { color: var(--et-blog-accent-dark); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
#et-editorial-title,
#et-editorial-excerpt {
    display: block;
    width: 100% !important;
    min-height: 0;
    overflow: hidden;
    resize: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--et-blog-ink) !important;
    padding: 0 !important;
}
.et-editorial-story-head textarea[name="title"] { margin-top: 9px; font-family: var(--et-blog-serif); font-size: clamp(42px, 5vw, 65px); font-weight: 700; letter-spacing: -.045em; line-height: 1.04; }
.et-editorial-story-head textarea[name="excerpt"] { margin-top: 8px; color: var(--et-blog-muted); font-family: var(--et-blog-serif); font-size: 21px; line-height: 1.45; }
.et-editorial-story-head textarea::placeholder,
.et-editor-canvas:empty::before { color: color-mix(in srgb, var(--et-blog-muted) 58%, transparent); }
.et-editor-connections { margin-top: 32px; border-top: 1px solid var(--et-blog-line); border-bottom: 1px solid var(--et-blog-line); padding: 20px 0; }
.et-editor-connections > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.et-editor-connections > header span { color: var(--et-blog-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.et-editor-connections h2 { margin: 3px 0 0; font-family: var(--et-blog-serif); font-size: 22px; }
.et-editor-connections > header > small { max-width: 330px; color: var(--et-blog-muted); font-size: 10px; line-height: 1.4; text-align: right; }
.et-entity-picker { position: relative; margin-top: 13px; }
.et-entity-picker > label { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; border: 1px solid var(--et-blog-line); border-radius: 10px; background: var(--et-blog-soft); padding: 0 12px; }
.et-entity-picker input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--et-blog-ink); padding: 10px 0; font: 12px var(--et-blog-sans); }
.et-entity-results { position: absolute; z-index: 15; top: calc(100% + 6px); right: 0; left: 0; max-height: 320px; overflow-y: auto; border: 1px solid var(--et-blog-line); border-radius: 12px; background: var(--et-blog-card); box-shadow: 0 20px 45px rgba(12, 20, 30, .18); padding: 6px; }
.et-entity-results > p { margin: 0; color: var(--et-blog-muted); padding: 13px; font-size: 11px; }
.et-entity-results > button { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%; border: 0; border-radius: 8px; background: transparent; color: var(--et-blog-ink); padding: 7px; text-align: left; cursor: pointer; }
.et-entity-results > button:hover { background: var(--et-blog-soft); }
.et-entity-results > button:disabled { opacity: .55; cursor: default; }
.et-entity-results img { width: 38px; height: 45px; border-radius: 6px; object-fit: cover; }
.et-entity-results button > span { display: grid; min-width: 0; }
.et-entity-results small { color: var(--et-blog-accent-dark); font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.et-entity-results b,
.et-entity-results em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-entity-results b { font-size: 12px; }
.et-entity-results em { color: var(--et-blog-muted); font-size: 9px; font-style: normal; }
.et-entity-results i { color: var(--et-blog-accent-dark); font-size: 10px; font-style: normal; font-weight: 900; }
.et-selected-entities { display: flex; gap: 7px; margin-top: 9px; overflow-x: auto; }
.et-selected-entities > p { margin: 4px 0 0; color: var(--et-blog-muted); font-size: 10px; }
.et-selected-entities article { flex: 0 0 220px; display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; gap: 7px; align-items: center; border: 1px solid var(--et-blog-line); border-radius: 8px; padding: 5px; }
.et-selected-entities img { width: 31px; height: 38px; border-radius: 5px; object-fit: cover; }
.et-selected-entities article > div { display: grid; min-width: 0; }
.et-selected-entities span { color: var(--et-blog-accent-dark); font-size: 7px; font-weight: 900; text-transform: uppercase; }
.et-selected-entities b,
.et-selected-entities small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-selected-entities b { font-size: 10px; }
.et-selected-entities small { color: var(--et-blog-muted); font-size: 8px; }
.et-selected-entities button { border: 0; background: transparent; color: var(--et-blog-muted); cursor: pointer; }

.et-editor-surface { margin-top: 25px; }
.et-editor-toolbar { position: sticky; z-index: 12; top: 71px; display: flex; gap: 4px; align-items: center; width: max-content; max-width: 100%; overflow-x: auto; border: 1px solid var(--et-blog-line); border-radius: 999px; background: color-mix(in srgb, var(--et-blog-card) 95%, transparent); box-shadow: 0 8px 25px rgba(12, 20, 30, .08); padding: 4px; backdrop-filter: blur(12px); }
.et-editor-toolbar > span { width: 1px; height: 21px; background: var(--et-blog-line); }
.et-editor-toolbar button { flex: 0 0 auto; min-width: 31px; border: 0; border-radius: 999px; background: transparent; color: var(--et-blog-ink); padding: 7px 9px; font: 800 10px var(--et-blog-sans); cursor: pointer; }
.et-editor-toolbar button:hover { background: var(--et-blog-soft); }
.et-editor-canvas { min-height: 460px; outline: 0; padding: 36px 0 55px; }
.et-editor-canvas:empty::before { content: attr(data-placeholder); font-family: var(--et-blog-serif); font-size: 19px; }
.et-editor-canvas,
.et-editor-preview-paper .et-article-content { font-family: var(--et-blog-serif) !important; font-size: 19px; line-height: 1.65; }
.et-editor-canvas h2,
.et-editor-canvas h3 { margin: 36px 0 11px; font-family: var(--et-blog-sans); }
.et-editor-canvas p { margin: 0 0 22px; }
.et-editor-canvas blockquote { border-left: 3px solid var(--et-blog-ink); margin: 28px 0; padding-left: 20px; font-size: 19px; font-style: italic; line-height: 1.65; }
.et-editor-canvas img { display: block; max-width: 100%; max-height: 600px; margin: 25px auto; border-radius: 9px; }

.et-editorial-sidebar { position: sticky; top: 84px; display: grid; gap: 11px; max-height: calc(100vh - 100px); overflow-y: auto; padding-right: 2px; scrollbar-width: thin; }
.et-editorial-setting,
.et-editorial-checklist { border: 1px solid var(--et-blog-line); border-radius: 12px; background: var(--et-blog-card); }
.et-editorial-setting > header,
.et-editorial-setting > summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; padding: 15px; }
.et-editorial-setting > summary::-webkit-details-marker { display: none; }
.et-editorial-setting header > div,
.et-editorial-setting summary > span { display: grid; gap: 2px; }
.et-editorial-setting b { font-size: 12px; }
.et-editorial-setting small { color: var(--et-blog-muted); font-size: 9px; }
.et-editorial-setting summary > i { color: var(--et-blog-muted); font-style: normal; }
.et-editorial-setting[open] summary > i { transform: rotate(180deg); }
.et-editorial-fields { display: grid; gap: 12px; border-top: 1px solid var(--et-blog-line); padding: 15px; }
.et-editorial-fields label { display: grid; gap: 5px; }
.et-editorial-fields label > span { display: flex; justify-content: space-between; font-size: 10px; font-weight: 900; }
.et-editorial-fields label > span em { color: var(--et-blog-muted); font-size: 9px; font-style: normal; font-weight: 600; }
.et-editorial-fields label > span em.is-over { color: #db5959; }
.et-editorial-fields input,
.et-editorial-fields select,
.et-editorial-fields textarea,
.et-faq-row input,
.et-faq-row textarea { width: 100%; border: 1px solid var(--et-blog-line); border-radius: 8px; outline: 0; background: var(--et-blog-soft); color: var(--et-blog-ink); padding: 9px 10px; font: 11px/1.4 var(--et-blog-sans); }
.et-editorial-fields input:focus,
.et-editorial-fields select:focus,
.et-editorial-fields textarea:focus,
.et-faq-row input:focus,
.et-faq-row textarea:focus { border-color: var(--et-blog-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--et-blog-accent) 20%, transparent); }
.et-editorial-fields label > small { color: var(--et-blog-muted); font-size: 9px; }
.et-editor-cover-field input[type="file"] { padding: 6px; }
.et-editor-cover-field input[type="file"]::file-selector-button { border: 0; border-radius: 6px; background: var(--et-blog-card); color: var(--et-blog-ink); padding: 6px 8px; font-weight: 800; }
.et-editor-cover-field figure { height: 105px; overflow: hidden; margin: 4px 0 0; border-radius: 8px; }
.et-editor-cover-field figure img { width: 100%; height: 100%; object-fit: cover; }
.et-editorial-drafts > div { display: grid; max-height: 210px; overflow-y: auto; border-top: 1px solid var(--et-blog-line); padding: 5px; }
.et-editorial-drafts a { display: grid; gap: 2px; border-radius: 7px; color: var(--et-blog-ink); padding: 8px 9px; text-decoration: none; }
.et-editorial-drafts a:hover,
.et-editorial-drafts a.active { background: var(--et-blog-soft); }
.et-faq-builder { border-top: 1px solid var(--et-blog-line); padding: 12px; }
.et-faq-row { position: relative; display: grid; gap: 5px; margin-bottom: 9px; border-bottom: 1px solid var(--et-blog-line); padding: 0 27px 9px 0; }
.et-faq-row button { position: absolute; top: 0; right: 0; border: 0; background: transparent; color: var(--et-blog-muted); cursor: pointer; }
.et-faq-builder > button { width: 100%; border: 1px dashed var(--et-blog-line); border-radius: 8px; background: transparent; color: var(--et-blog-ink); padding: 8px; font-size: 10px; font-weight: 900; cursor: pointer; }
.et-editorial-checklist { padding: 15px; }
.et-editorial-checklist > b { font-size: 12px; }
.et-editorial-checklist ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 10px 0; padding: 0; list-style: none; }
.et-editorial-checklist li { color: var(--et-blog-muted); font-size: 9px; }
.et-editorial-checklist li::before { content: '○'; margin-right: 5px; }
.et-editorial-checklist li.is-ready { color: #249c57; }
.et-editorial-checklist li.is-ready::before { content: '●'; }
.et-editorial-checklist p { margin: 0; color: var(--et-blog-muted); font-size: 9px; line-height: 1.45; }
.et-editor-preview-modal[hidden] { display: none; }
.et-editor-preview-modal { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 20px; }
.et-editor-preview-backdrop { position: absolute; inset: 0; background: rgba(7, 12, 18, .72); backdrop-filter: blur(8px); }
.et-editor-preview-modal > article { position: relative; width: min(880px, 100%); max-height: calc(100vh - 40px); overflow: hidden; border-radius: 16px; background: var(--et-blog-card); box-shadow: 0 30px 90px rgba(0, 0, 0, .35); }
.et-editor-preview-modal > article > header { display: flex; justify-content: space-between; border-bottom: 1px solid var(--et-blog-line); padding: 12px 17px; font-size: 11px; font-weight: 900; }
.et-editor-preview-modal header button { border: 0; background: transparent; color: var(--et-blog-ink); font-size: 20px; cursor: pointer; }
.et-editor-preview-paper { max-height: calc(100vh - 90px); overflow-y: auto; padding: clamp(28px, 7vw, 75px); }
.et-editor-preview-paper > span { color: var(--et-blog-accent-dark); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.et-editor-preview-paper > h1 { margin: 10px 0; font-family: var(--et-blog-serif); font-size: clamp(38px, 6vw, 62px); line-height: 1; }
.et-editor-preview-paper > p { color: var(--et-blog-muted); font-family: var(--et-blog-serif); font-size: 20px; }
.et-editor-preview-paper > div { display: flex; gap: 8px; margin: 20px 0 30px; font-size: 11px; }
.et-editor-preview-paper > div small { color: var(--et-blog-muted); }
body.et-preview-open { overflow: hidden; }

@media (max-width: 1080px) {
    .et-blog-feed { grid-template-columns: 1fr; }
    .et-blog-story { grid-template-columns: minmax(0, 1fr) 220px; }
    .et-blog-masthead { grid-template-columns: 1fr; gap: 22px; }
    .et-blog-masthead-actions { justify-items: start; }
    .et-blog-lead { grid-template-columns: 1fr; }
    .et-blog-promise { display: grid; grid-template-columns: 1fr 2fr auto; gap: 18px; align-items: center; }
    .et-blog-promise h2 { margin: 0; }
    .et-blog-promise p { margin: 0; }
    .et-editorial-workspace { grid-template-columns: minmax(0, 1fr) 305px; }
}

@media (max-width: 860px) {
    .et-blog-featured { grid-template-columns: 1fr; }
    .et-blog-featured-art { min-height: 280px; aspect-ratio: 16 / 8; }
    .et-blog-promise { display: flex; }
    .et-article-layout { grid-template-columns: 1fr; gap: 22px; }
    .et-article-toc { position: static; width: min(740px, 100%); margin: 0 auto; border: 1px solid var(--et-blog-line); border-left: 3px solid var(--et-blog-accent); border-radius: 10px; padding: 15px; }
    .et-editorial-topbar { grid-template-columns: 1fr auto; }
    .et-editorial-save-state { display: none; }
    .et-editorial-workspace { grid-template-columns: 1fr; }
    .et-editorial-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; overflow: visible; }
    .et-editorial-sidebar > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .et-blog-page,
    .et-article-page { width: calc(100% - 22px); padding: 14px 0 46px; }
    .et-blog-masthead { padding-top: 15px; }
    .et-blog-masthead h1 { font-size: 43px; }
    .et-blog-masthead p { font-size: 15px; }
    .et-blog-masthead-actions,
    .et-blog-masthead-actions form { width: 100%; }
    .et-blog-categories { margin-bottom: 17px; }
    .et-blog-featured { min-height: 0; border-radius: 13px; }
    .et-blog-featured-art { min-height: 205px; }
    .et-blog-featured-copy { padding: 22px 18px; }
    .et-blog-featured-copy h2 { font-size: 32px; }
    .et-blog-promise { border-radius: 13px; padding: 20px; }
    .et-blog-section-head p { display: none; }
    .et-blog-story { grid-template-columns: minmax(0, 1fr) 105px; gap: 14px; min-height: 190px; padding: 19px 0; }
    .et-blog-story h2 { font-size: 23px; }
    .et-blog-story p { display: none; }
    .et-blog-story-art { min-height: 118px; }
    .et-blog-editorial-cta { grid-template-columns: 1fr; gap: 20px; padding: 23px 18px; }
    .et-article-breadcrumb { margin-bottom: 18px; }
    .et-article-header h1 { font-size: 42px; }
    .et-article-summary { font-size: 19px; }
    .et-article-actions button span { display: none; }
    .et-article-cover { aspect-ratio: 16 / 10; margin-bottom: 25px; border-radius: 10px; }
    .et-article-content { font-size: 19px; line-height: 1.65; }
    .et-article-content h2 { margin-top: 40px; font-size: 28px; }
    .et-article-content figure { margin-right: 0; margin-left: 0; }
    .et-article-connections > div { grid-template-columns: 1fr; }
    .et-article-author-card { grid-template-columns: 58px 1fr; }
    .et-article-author-card > img { width: 58px; height: 58px; }
    .et-article-cta { grid-template-columns: 1fr; }
    .et-article-related > div { grid-template-columns: 1fr; }
    .et-editorial-topbar { position: sticky; min-height: 55px; padding: 7px 10px; }
    .et-editorial-brand > span,
    .et-editorial-brand > i,
    .et-editorial-top-actions > span,
    .et-editorial-top-actions .et-editorial-quiet { display: none; }
    .et-editorial-top-actions button { padding: 8px 10px; }
    .et-editorial-workspace { width: 100%; margin-top: 0; }
    .et-editorial-paper { border-right: 0; border-left: 0; border-radius: 0; padding: 30px 17px; }
    .et-editorial-story-head textarea[name="title"] { font-size: 42px; }
    .et-editorial-story-head textarea[name="excerpt"] { font-size: 18px; }
    .et-editor-connections > header { display: block; }
    .et-editor-connections > header > small { display: block; margin-top: 5px; text-align: left; }
    .et-editor-toolbar { top: 62px; width: 100%; border-radius: 9px; }
    .et-editor-canvas { min-height: 360px; padding-bottom: 30px; font-size: 19px; }
    .et-editorial-sidebar { grid-template-columns: 1fr; width: calc(100% - 20px); margin: 0 auto 30px; }
    .et-editorial-sidebar > :last-child { grid-column: auto; }
    .et-editorial-alert { width: calc(100% - 20px); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; }
}

@media print {
    body > header,
    body > footer,
    .et-article-breadcrumb,
    .et-article-actions,
    .et-article-toc,
    .et-article-cta,
    .et-article-related { display: none !important; }
    .et-article-page { width: 100%; padding: 0; }
    .et-article-layout { display: block; }
    .et-article-content { color: #111 !important; }
}

/* Editorial library v2: a reading feed, not a marketing landing page. */
.et-blog-home {
    width: min(1500px, calc(100% - 40px));
    padding-top: 0;
}
.et-blog-library-head {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(260px, 430px) auto;
    gap: 24px;
    align-items: center;
    min-height: 92px;
    border-bottom: 1px solid var(--et-blog-line);
}
.et-blog-library-head h1 {
    margin: 3px 0 0;
    font-family: var(--et-blog-serif) !important;
    font-size: clamp(25px, 2.6vw, 38px);
    letter-spacing: -.035em;
    line-height: 1.05;
}
.et-blog-library-head form {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 42px;
    border: 1px solid var(--et-blog-line);
    border-radius: 999px;
    background: var(--et-blog-soft);
    padding: 0 15px;
}
.et-blog-library-head input {
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--et-blog-ink);
    padding: 10px 0;
    font: 14px var(--et-blog-sans);
}
.et-blog-library-grid {
    display: grid;
    grid-template-columns: 190px minmax(0, 760px) minmax(245px, 310px);
    gap: clamp(24px, 3vw, 48px);
    justify-content: center;
    align-items: start;
}
.et-blog-library-nav,
.et-blog-discovery {
    position: sticky;
    top: 82px;
    padding-top: 28px;
}
.et-blog-library-nav nav { display: grid; gap: 4px; }
.et-blog-library-nav nav a {
    display: flex;
    gap: 11px;
    align-items: center;
    border-radius: 8px;
    color: var(--et-blog-muted) !important;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}
.et-blog-library-nav nav a span { width: 22px; color: var(--et-blog-ink); text-align: center; }
.et-blog-library-nav nav a:hover,
.et-blog-library-nav nav a.active { background: var(--et-blog-soft); color: var(--et-blog-ink); }
.et-blog-library-nav > p {
    margin: 24px 10px 0;
    border-top: 1px solid var(--et-blog-line);
    color: var(--et-blog-muted);
    padding-top: 18px;
    font-size: 11px;
    line-height: 1.55;
}
.et-blog-library-main { min-width: 0; border-right: 1px solid var(--et-blog-line); border-left: 1px solid var(--et-blog-line); padding: 0 clamp(20px, 3vw, 42px) 50px; }
.et-blog-library-main .et-blog-categories { margin-bottom: 0; }
.et-blog-library-main .et-blog-results-head { margin-top: 28px; }
.et-blog-stream-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 28px;
    align-items: center;
    min-height: 250px;
    border-bottom: 1px solid var(--et-blog-line);
    padding: 28px 0;
}
.et-blog-stream-copy { min-width: 0; }
.et-blog-stream-story .et-story-author { margin-bottom: 10px; }
.et-blog-stream-story .et-story-author span { color: var(--et-blog-muted); font-size: 11px; }
.et-blog-stream-story h2 {
    margin: 0 0 8px;
    font-family: var(--et-blog-sans) !important;
    font-size: clamp(23px, 2.15vw, 31px);
    letter-spacing: -.035em;
    line-height: 1.12;
}
.et-blog-stream-story h2 a { color: var(--et-blog-ink); text-decoration: none; }
.et-blog-stream-story p { margin: 0 0 17px; color: var(--et-blog-muted); font-family: var(--et-blog-serif); font-size: 16px; line-height: 1.5; }
.et-blog-stream-story footer {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 0;
    margin: 0;
    border: 0;
    background: transparent !important;
    color: var(--et-blog-muted);
    padding: 0 !important;
    font-size: 11px;
}
.et-blog-stream-story footer :is(span, time) { color: var(--et-blog-muted) !important; }
.et-blog-stream-story footer a { border-radius: 999px; background: var(--et-blog-soft); color: var(--et-blog-ink) !important; padding: 5px 9px; font-weight: 750; text-decoration: none; }
.et-blog-stream-story footer .et-story-edit { margin-left: auto; background: transparent; color: var(--et-blog-accent-dark) !important; }
.et-blog-stream-art { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 7px; background: linear-gradient(145deg, #08182b, #1f4167 58%, #f6c515); color: #fff; text-decoration: none; }
.et-blog-stream-art img { width: 100%; height: 100%; object-fit: cover; }
.et-blog-stream-art > span { font-size: 32px; font-weight: 1000; }
.et-blog-auto-cover { position: relative; isolation: isolate; display: grid !important; width: 100%; height: 100%; grid-template-columns: repeat(4, minmax(24px, 1fr)); gap: 5px; overflow: hidden; padding: 8px; background: #07111f; }
.et-blog-auto-cover::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(4, 9, 18, .72), rgba(4, 9, 18, .1) 44%, rgba(4, 9, 18, .55)); pointer-events: none; }
.et-blog-auto-cover img { width: 100%; height: 100%; min-width: 0; object-fit: cover; border: 1px solid rgba(255,255,255,.14); border-radius: 5px; box-shadow: 0 14px 26px rgba(0,0,0,.35); transform: translateY(var(--et-blog-cover-lift, 0)); transition: transform .35s ease; }
.et-blog-auto-cover img:nth-child(2n) { --et-blog-cover-lift: -8px; }
.et-blog-auto-cover img:nth-child(3n) { --et-blog-cover-lift: 9px; }
.et-blog-lead-art .et-blog-auto-cover { grid-template-columns: repeat(6, minmax(70px, 1fr)); gap: 12px; padding: 28px; }
.et-blog-lead-art .et-blog-auto-cover img { border-radius: 8px; }
.et-blog-discovery { display: grid; gap: 28px; max-height: calc(100vh - 90px); overflow-y: auto; padding-right: 3px; scrollbar-width: thin; }
.et-blog-discovery section { border-bottom: 1px solid var(--et-blog-line); padding-bottom: 25px; }
.et-blog-discovery h2 { margin: 0 0 13px; font-family: var(--et-blog-sans) !important; font-size: 18px; letter-spacing: -.02em; }
.et-blog-write-card { border: 1px solid var(--et-blog-line) !important; border-radius: 13px; background: color-mix(in srgb, var(--et-blog-accent) 8%, var(--et-blog-card)); padding: 20px !important; }
.et-blog-write-card h2 { margin-top: 9px; font-family: var(--et-blog-serif) !important; font-size: 25px; line-height: 1.08; }
.et-blog-write-card p { margin: 0 0 15px; color: var(--et-blog-muted); font-size: 12px; line-height: 1.55; }
.et-blog-write-card > a { color: var(--et-blog-ink); font-size: 12px; font-weight: 900; text-decoration: none; }
.et-blog-topic-cloud > div { display: flex; flex-wrap: wrap; gap: 8px; }
.et-blog-topic-cloud a { display: inline-flex; gap: 8px; align-items: center; border: 1px solid var(--et-blog-line); border-radius: 999px; color: var(--et-blog-ink); padding: 8px 11px; font-size: 11px; text-decoration: none; }
.et-blog-topic-cloud a span { color: var(--et-blog-muted); }
.et-blog-writers > a { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; align-items: center; color: var(--et-blog-ink); padding: 8px 0; text-decoration: none; }
.et-blog-writers img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.et-blog-writers span { display: grid; min-width: 0; }
.et-blog-writers b,
.et-blog-writers small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.et-blog-writers b { font-size: 12px; }
.et-blog-writers small { color: var(--et-blog-muted); font-size: 10px; }
.et-blog-writers i { border: 1px solid var(--et-blog-line); border-radius: 999px; padding: 5px 8px; font-size: 9px; font-style: normal; font-weight: 800; }

/* The writer and reader use one deliberate typographic scale. */
.et-article-layout { grid-template-columns: 190px minmax(0, 720px); }
.et-article-header { width: min(900px, 100%); }
.et-article-header h1 { font-size: clamp(47px, 6vw, 72px) !important; }
.et-article-summary { font-size: clamp(22px, 2.4vw, 27px) !important; }
.et-article-content,
.et-editor-preview-paper .et-article-content {
    font-size: 19px !important;
    line-height: 1.65 !important;
}
.et-article-content h2 { margin-top: 56px; font-size: 38px !important; line-height: 1.12; }
.et-article-content h3 { margin-top: 38px; font-size: 29px !important; }
body.et-route-public .et-article-content h2,
body.et-route-public .et-article-content h3,
body.et-route-public .et-editor-canvas h2,
body.et-route-public .et-editor-canvas h3 { font-family: var(--et-blog-sans) !important; }
.et-article-content p { margin-bottom: 30px; }
.et-article-answer p { font-size: 19px; line-height: 1.65; }
.et-article-actions .et-article-edit,
.et-article-actions button {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    border: 1px solid var(--et-blog-line);
    border-radius: 999px;
    background: transparent;
    color: var(--et-blog-muted);
    padding: 8px 12px;
    font: inherit;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}
.et-article-actions .et-article-edit { border-color: color-mix(in srgb, var(--et-blog-accent) 75%, var(--et-blog-line)); color: var(--et-blog-ink); font-weight: 800; }

/* Keep public articles in one comfortable reading column on tablets and phones.
   This must remain after the desktop article-grid declaration above. */
@media (max-width: 860px) {
    body.et-route-public .et-article-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        width: 100%;
    }
    body.et-route-public .et-article-toc {
        position: static;
        top: auto;
        width: 100%;
        max-width: none;
        margin: 0;
    }
    body.et-route-public .et-article-main,
    body.et-route-public .et-article-content {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    body.et-route-public .et-article-layout { gap: 24px; }
    body.et-route-public .et-article-toc {
        border-radius: 12px;
        padding: 16px 18px;
    }
    body.et-route-public .et-article-answer { margin-bottom: 30px; }
}

/* Editorial Studio: content first, controls remain reachable throughout. */
.et-editorial-topbar {
    z-index: 1100;
    top: var(--et-flat-nav-height, 62px);
}
.et-editorial-workspace { grid-template-columns: minmax(0, 1fr) 330px; width: min(1480px, calc(100% - 32px)); }
.et-editorial-paper { padding: clamp(38px, 6vw, 86px); }
.et-editorial-story-head,
.et-editor-surface { width: min(760px, 100%); }
#et-editorial-title {
    margin-top: 14px !important;
    font-family: var(--et-blog-serif) !important;
    font-size: clamp(48px, 5.4vw, 72px) !important;
    font-weight: 500 !important;
    letter-spacing: -.045em !important;
    line-height: 1.03 !important;
}
#et-editorial-excerpt {
    margin-top: 15px !important;
    color: var(--et-blog-muted) !important;
    font-family: var(--et-blog-serif) !important;
    font-size: 25px !important;
    line-height: 1.42 !important;
}
.et-editor-surface { margin-top: 32px; border-top: 1px solid var(--et-blog-line); padding-top: 18px; }
.et-editor-toolbar {
    z-index: 1090;
    top: calc(var(--et-flat-nav-height, 62px) + 72px);
    box-shadow: 0 13px 34px rgba(7, 14, 24, .14);
}
.et-editor-toolbar button { min-width: 36px; padding: 9px 11px; font-size: 11px; }
.et-editor-toolbar button.is-active { background: var(--et-blog-ink); color: var(--et-blog-card); }
.et-editor-toolbar.is-docked {
    position: fixed;
    top: calc(var(--et-flat-nav-height, 62px) + 72px);
    left: var(--et-editor-toolbar-left, 20px);
    width: var(--et-editor-toolbar-width, auto);
    max-width: calc(100vw - 24px);
    z-index: 1190;
}
.et-editor-canvas {
    min-height: 720px;
    padding: 42px 0 90px;
    font-size: 19px !important;
    line-height: 1.65 !important;
}
.et-editor-canvas h2 { margin-top: 54px; font-size: 38px !important; line-height: 1.12; }
.et-editor-canvas h3 { margin-top: 38px; font-size: 29px !important; line-height: 1.2; }
.et-editor-canvas p { margin-bottom: 30px; }
.et-editorial-sidebar { top: calc(var(--et-flat-nav-height, 62px) + 78px); max-height: calc(100vh - var(--et-flat-nav-height, 62px) - 94px); }
.et-editorial-sidebar .et-editor-connections {
    width: auto;
    margin: 0;
    border: 0;
    padding: 0 15px 15px;
}
.et-editorial-sidebar .et-editor-connections > p { margin: 0 0 10px; color: var(--et-blog-muted); font-size: 10px; line-height: 1.45; }
.et-editorial-sidebar .et-entity-picker { margin-top: 0; }
.et-editorial-sidebar .et-selected-entities { display: grid; max-height: 230px; overflow-y: auto; }
.et-editorial-sidebar .et-selected-entities article { width: 100%; flex-basis: auto; }
.et-editorial-sidebar .et-entity-results { right: auto; width: min(420px, calc(100vw - 42px)); }

@media (max-width: 1180px) {
    .et-blog-library-grid { grid-template-columns: minmax(0, 760px) minmax(245px, 300px); }
    .et-blog-library-nav { display: none; }
}

@media (max-width: 860px) {
    .et-blog-library-head { grid-template-columns: 1fr auto; gap: 14px; padding: 18px 0; }
    .et-blog-library-head form { grid-column: 1 / -1; grid-row: 2; }
    .et-blog-library-grid { display: block; }
    .et-blog-library-main { border: 0; padding: 0; }
    .et-blog-discovery { position: static; max-height: none; overflow: visible; border-top: 1px solid var(--et-blog-line); padding-top: 28px; }
    .et-blog-discovery section:not(.et-blog-topic-cloud) { display: none; }
    .et-blog-topic-cloud { padding-bottom: 0 !important; }
    .et-editorial-topbar { top: var(--et-flat-nav-height, 62px); }
    .et-editorial-workspace { grid-template-columns: minmax(0, 1fr); }
    .et-editorial-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; overflow: visible; }
}

@media (max-width: 640px) {
    .et-blog-home { width: calc(100% - 28px); padding-top: 0; }
    .et-blog-library-head h1 { font-size: 27px; }
    .et-blog-library-head .et-blog-eyebrow { font-size: 9px; }
    .et-blog-stream-story { grid-template-columns: minmax(0, 1fr) 104px; gap: 15px; min-height: 190px; padding: 22px 0; }
    .et-blog-stream-story h2 { font-size: 22px; }
    .et-blog-stream-story p { display: none; }
    .et-blog-stream-art { aspect-ratio: 1 / 1; }
    .et-blog-stream-story footer { gap: 7px; }
    .et-blog-stream-story footer .et-story-edit { margin-left: 0; }
    .et-article-header h1 { font-size: 44px !important; }
    .et-article-summary { font-size: 21px !important; }
    .et-article-content,
    .et-editor-preview-paper .et-article-content { font-size: 19px !important; line-height: 1.65 !important; }
    .et-article-content h2 { font-size: 31px !important; }
    .et-article-content h3 { font-size: 25px !important; }
    #et-editorial-title { font-size: 43px !important; }
    #et-editorial-excerpt { font-size: 21px !important; }
    .et-editorial-workspace { width: 100%; }
    .et-editorial-paper { width: 100%; }
    .et-editorial-sidebar { grid-template-columns: minmax(0, 1fr); width: calc(100% - 20px); }
    .et-editor-surface { margin-top: 25px; }
    .et-editor-toolbar { top: calc(var(--et-flat-nav-height, 55px) + 62px); }
    .et-editor-toolbar.is-docked {
        top: calc(var(--et-flat-nav-height, 55px) + 62px);
        left: 10px;
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
    }
    .et-editor-canvas { min-height: 600px; font-size: 19px !important; line-height: 1.65 !important; }
    .et-editor-canvas h2 { font-size: 31px !important; }
    .et-editor-canvas h3 { font-size: 25px !important; }
}

/* Editorial library v3: full-width publication shell matched to the supplied desktop reference. */
body.et-route-blog {
    --et-blog-ink: #242424;
    --et-blog-muted: #6b6b6b;
    --et-blog-card: #fff;
    --et-blog-canvas: #fff;
    --et-blog-soft: #f2f2f2;
    --et-blog-line: #e6e6e6;
    background: var(--et-blog-canvas) !important;
}
html[data-theme="dark"] body.et-route-blog {
    --et-blog-ink: #f2f2f2;
    --et-blog-muted: #a8a8a8;
    --et-blog-card: #151515;
    --et-blog-canvas: #151515;
    --et-blog-soft: #242424;
    --et-blog-line: #333;
}
body.et-route-blog > .et-navbar,
body.et-route-blog > .et-site-footer { display: none !important; }
body.et-route-blog > .et-page-shell {
    width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    background: var(--et-blog-canvas) !important;
    padding: 0 !important;
}
body.et-route-blog .et-blog-home {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: var(--et-blog-canvas);
    padding: 0 !important;
}
body.et-route-blog .et-blog-library-head {
    position: sticky;
    z-index: 1200;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 78px;
    border-bottom: 1px solid var(--et-blog-line);
    background: color-mix(in srgb, var(--et-blog-card) 96%, transparent);
    padding: 0 32px;
    backdrop-filter: blur(14px);
}
.et-blog-brand-cluster,
.et-blog-top-actions { display: flex; align-items: center; }
.et-blog-brand-cluster { min-width: 0; gap: 19px; }
.et-blog-menu-button { display: grid; gap: 4px; width: 26px; padding: 3px; color: inherit; background: transparent; border: 0; cursor: pointer; text-decoration: none; }
.et-blog-menu-button span { display: block; width: 20px; height: 1.5px; background: var(--et-blog-muted); }
.et-blog-wordmark {
    color: var(--et-blog-ink) !important;
    font-family: var(--et-blog-serif);
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1;
    text-decoration: none;
}
body.et-route-blog .et-blog-library-head form {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 8px;
    width: 325px;
    min-height: 42px;
    border: 0;
    border-radius: 999px;
    background: var(--et-blog-soft);
    padding: 0 14px;
}
body.et-route-blog .et-blog-library-head form svg,
.et-blog-write-link svg,
.et-blog-primary-nav svg,
.et-story-utilities svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.et-route-blog .et-blog-library-head form svg { width: 22px; height: 22px; color: var(--et-blog-muted); }
body.et-route-blog .et-blog-library-head input { height: 42px; padding: 0; font-size: 15px; }
.et-blog-top-actions { gap: 23px; }
.et-blog-top-actions a { color: var(--et-blog-ink); text-decoration: none; }
.et-blog-app-link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    border-radius: 999px;
    background: var(--et-blog-ink);
    color: var(--et-blog-card) !important;
    padding: 10px 17px;
    font-size: 14px;
    font-weight: 700;
}
.et-blog-write-link { display: inline-flex; gap: 7px; align-items: center; font-size: 15px; }
.et-blog-write-link svg { width: 24px; height: 24px; }
.et-blog-notification {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: var(--et-blog-muted);
}
.et-blog-notification svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.et-blog-account { display: block; width: 38px; height: 38px; overflow: hidden; border-radius: 50%; background: var(--et-blog-soft); }
.et-blog-account img { width: 100%; height: 100%; object-fit: cover; }

body.et-route-blog .et-blog-library-grid {
    display: grid;
    grid-template-columns: clamp(240px, 16.15vw, 322px) minmax(680px, 1162px) minmax(330px, 1fr);
    gap: 0;
    width: 100%;
    align-items: stretch;
}
body.et-route-blog .et-blog-library-nav {
    position: sticky;
    top: 78px;
    align-self: start;
    height: calc(100vh - 78px);
    border-right: 1px solid var(--et-blog-line);
    padding: 47px 32px 30px;
}
.et-blog-primary-nav { display: grid; gap: 3px; }
body.et-route-blog .et-blog-primary-nav a {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 14px;
    align-items: center;
    border-radius: 0;
    color: var(--et-blog-muted) !important;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
}
.et-blog-primary-nav a::before { content: ''; position: absolute; left: 0; width: 2px; height: 32px; background: transparent; }
.et-blog-primary-nav a.active { color: var(--et-blog-ink) !important; background: transparent !important; }
.et-blog-primary-nav a.active::before { background: var(--et-blog-ink); }
.et-blog-primary-nav svg { width: 23px; height: 23px; }
.et-blog-following { margin-top: 34px; border-top: 1px solid var(--et-blog-line); padding-top: 27px; }
.et-blog-following h2 { margin: 0 0 17px; font-size: 15px; font-weight: 600; }
.et-blog-following > a { display: flex; gap: 11px; align-items: center; min-height: 38px; color: var(--et-blog-muted); font-size: 14px; text-decoration: none; }
.et-blog-following img { width: 25px; height: 25px; border-radius: 50%; object-fit: cover; }
.et-blog-following i { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: #1a8917; }
.et-blog-following .et-blog-find-writers { align-items: flex-start; margin-top: 13px; line-height: 1.4; }
.et-blog-find-writers b { font-size: 24px; font-weight: 300; line-height: 1; }
.et-blog-following .et-blog-see-suggestions { min-height: 0; margin: 9px 0 0 35px; color: var(--et-blog-muted); text-decoration: underline; }

body.et-route-blog .et-blog-library-main {
    min-width: 0;
    min-height: calc(100vh - 78px);
    border: 0;
    border-right: 1px solid var(--et-blog-line);
    padding: 0 clamp(64px, 6.2vw, 124px) 60px;
}
body.et-route-blog .et-blog-categories {
    gap: 29px;
    height: 78px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid var(--et-blog-line);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body.et-route-blog .et-blog-categories::-webkit-scrollbar { display: none; }
body.et-route-blog .et-blog-categories a {
    border-bottom: 1px solid transparent;
    color: var(--et-blog-muted);
    padding: 31px 1px 22px;
    font-size: 14px;
    font-weight: 500;
}
body.et-route-blog .et-blog-categories a.active { border-bottom-color: var(--et-blog-ink); color: var(--et-blog-ink); }
body.et-route-blog .et-blog-results-head { margin: 30px 0 0; }
body.et-route-blog .et-blog-stream-story {
    grid-template-columns: minmax(0, 1fr) 214px;
    gap: 44px;
    min-height: 292px;
    border-bottom: 1px solid var(--et-blog-line);
    padding: 35px 0;
}
body.et-route-blog .et-blog-stream-story .et-story-author { margin-bottom: 17px; }
body.et-route-blog .et-blog-stream-story .et-story-author img { width: 27px; height: 27px; }
body.et-route-blog .et-blog-stream-story .et-story-author span { color: var(--et-blog-muted); font-size: 13px; }
body.et-route-blog .et-blog-stream-story .et-story-author a { font-size: 13px; font-weight: 500; }
body.et-route-blog .et-blog-stream-story h2 {
    margin: 0 0 8px;
    font-size: clamp(25px, 1.62vw, 32px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.14;
}
body.et-route-blog .et-blog-stream-story p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 22px;
    color: var(--et-blog-muted);
    font-family: var(--et-blog-sans);
    font-size: 17px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
body.et-route-blog .et-blog-stream-story footer { justify-content: space-between; }
.et-story-signals,
.et-story-utilities { display: flex; gap: 14px; align-items: center; }
.et-story-signals { color: var(--et-blog-muted); }
.et-story-signals .et-story-spark { color: #f6c515 !important; font-size: 18px; }
body.et-route-blog .et-blog-stream-story footer .et-story-signals a {
    border: 0;
    background: transparent;
    color: var(--et-blog-muted) !important;
    padding: 0;
    font-weight: 400;
}
.et-story-utilities a {
    display: grid;
    place-items: center;
    min-width: 29px;
    min-height: 29px;
    border: 0 !important;
    background: transparent !important;
    color: var(--et-blog-muted) !important;
    padding: 0 !important;
    font-size: 16px;
}
.et-story-utilities svg { width: 22px; height: 22px; }
body.et-route-blog .et-story-utilities .et-story-edit { min-width: auto; color: var(--et-blog-accent-dark) !important; font-size: 12px; }
body.et-route-blog .et-blog-stream-art { width: 214px; height: 143px; border-radius: 1px; aspect-ratio: auto; }
body.et-route-blog .et-blog-stream-art > span { display: none; font-size: 34px; }
body.et-route-blog .et-blog-stream-art.is-placeholder > img { display: none; }
body.et-route-blog .et-blog-stream-art.is-placeholder > span { display: block; }
body.et-route-blog .et-blog-stream-story:nth-child(3n + 1) .et-blog-stream-art.is-placeholder { background: linear-gradient(135deg, #0b1c30 0 47%, #1f4568 47% 74%, #f5c518 74%); }
body.et-route-blog .et-blog-stream-story:nth-child(3n + 2) .et-blog-stream-art.is-placeholder { background: linear-gradient(145deg, #252229, #875f4e 58%, #e7c8a4); }
body.et-route-blog .et-blog-stream-story:nth-child(3n) .et-blog-stream-art.is-placeholder { background: linear-gradient(145deg, #132b26, #387060 58%, #bfd6b7); }

body.et-route-blog .et-blog-discovery {
    position: static;
    display: grid;
    align-content: start;
    gap: 0;
    max-height: none;
    overflow: visible;
    padding: 48px clamp(30px, 2.75vw, 55px) 40px;
}
body.et-route-blog .et-blog-discovery section { border-bottom: 0; padding: 0 0 35px; }
body.et-route-blog .et-blog-discovery h2 { margin: 0 0 20px; font-size: 19px; font-weight: 750; }
body.et-route-blog .et-blog-write-card {
    overflow: hidden;
    margin-bottom: 43px;
    border: 1px solid var(--et-blog-line) !important;
    border-radius: 12px;
    background: var(--et-blog-card);
    padding: 0 25px 25px !important;
}
.et-blog-write-promo-art {
    display: flex;
    gap: 12px;
    align-items: center;
    height: 150px;
    margin: 0 -25px 27px;
    background: linear-gradient(145deg, color-mix(in srgb, #9bbd75 82%, var(--et-blog-card)), color-mix(in srgb, #d7e4c8 85%, var(--et-blog-card)));
    padding: 22px;
}
.et-blog-write-promo-art span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--et-blog-muted); border-radius: 50%; font-size: 26px; font-weight: 300; }
.et-blog-write-promo-art em { color: color-mix(in srgb, var(--et-blog-muted) 72%, transparent); font-family: var(--et-blog-serif); font-size: 22px; font-style: normal; }
body.et-route-blog .et-blog-write-card h2 { margin: 0 0 20px; font-family: var(--et-blog-sans) !important; font-size: 20px; line-height: 1.12; }
body.et-route-blog .et-blog-write-card p { margin-bottom: 13px; font-size: 14px; line-height: 1.55; }
body.et-route-blog .et-blog-write-card > a { display: block; color: var(--et-blog-muted); padding: 4px 0; font-size: 14px; font-weight: 400; }
.et-blog-staff-picks,
.et-blog-topic-cloud,
.et-blog-writers,
.et-blog-reading-list { border-bottom: 1px solid var(--et-blog-line) !important; margin-bottom: 34px; }
.et-blog-staff-picks > a,
.et-blog-reading-list > a { display: grid; gap: 6px; margin-bottom: 25px; color: var(--et-blog-ink); text-decoration: none; }
.et-blog-staff-picks small,
.et-blog-reading-list small,
.et-blog-reading-list time { color: var(--et-blog-muted); font-size: 12px; }
.et-blog-staff-picks b,
.et-blog-reading-list b { font-size: 16px; line-height: 1.25; }
body.et-route-blog .et-blog-topic-cloud > div { gap: 10px 8px; }
body.et-route-blog .et-blog-topic-cloud a { padding: 8px 13px; font-size: 13px; }
body.et-route-blog .et-blog-writers > a { grid-template-columns: 42px minmax(0, 1fr) auto; padding: 10px 0; }
body.et-route-blog .et-blog-writers img { width: 42px; height: 42px; }
body.et-route-blog .et-blog-writers b { font-size: 14px; }
body.et-route-blog .et-blog-writers small { margin-top: 3px; font-size: 12px; }
body.et-route-blog .et-blog-writers i { border-color: var(--et-blog-ink); padding: 7px 13px; font-size: 11px; }
body.et-route-blog .et-blog-writers .et-blog-more-suggestions { display: block; color: var(--et-blog-muted); padding: 12px 0 0; font-size: 13px; }
.et-blog-mini-footer { display: flex; flex-wrap: wrap; gap: 5px 12px; }
.et-blog-mini-footer a { color: var(--et-blog-muted); font-size: 11px; text-decoration: none; }

@media (max-width: 1450px) {
    body.et-route-blog .et-blog-library-grid { grid-template-columns: 230px minmax(630px, 1fr) 330px; }
    body.et-route-blog .et-blog-library-main { padding-right: 55px; padding-left: 55px; }
    body.et-route-blog .et-blog-stream-story { grid-template-columns: minmax(0, 1fr) 180px; gap: 28px; }
    body.et-route-blog .et-blog-stream-art { width: 180px; height: 120px; }
}
@media (max-width: 1180px) {
    body.et-route-blog .et-blog-library-grid { grid-template-columns: minmax(0, 1fr) 320px; }
    body.et-route-blog .et-blog-library-nav { display: none; }
    body.et-route-blog.is-blog-nav-open .et-blog-library-nav {
        position: fixed;
        z-index: 1250;
        top: 78px;
        bottom: 0;
        left: 0;
        display: block;
        width: min(310px, 86vw);
        height: auto;
        border-right: 1px solid var(--et-blog-line);
        background: var(--et-blog-card);
        box-shadow: 15px 0 40px rgba(0, 0, 0, .14);
    }
    .et-blog-wordmark { font-size: 30px; }
    body.et-route-blog .et-blog-library-head form { width: 270px; }
}
@media (max-width: 860px) {
    body.et-route-blog .et-blog-library-head { min-height: 64px; padding: 0 14px; }
    body.et-route-blog .et-blog-library-grid { display: block; }
    body.et-route-blog .et-blog-library-main { min-height: 0; border: 0; padding: 0 22px 45px; }
    body.et-route-blog .et-blog-discovery { border-top: 1px solid var(--et-blog-line); padding: 30px 22px; }
    body.et-route-blog .et-blog-discovery section { display: block; }
    .et-blog-menu-button { display: none; }
    .et-blog-app-link,
    .et-blog-notification { display: none; }
    body.et-route-blog .et-blog-library-head form { width: min(250px, 35vw); }
}
@media (max-width: 640px) {
    .et-blog-wordmark { font-size: 25px; }
    body.et-route-blog .et-blog-library-head form { display: none; }
    .et-blog-top-actions { gap: 14px; }
    .et-blog-write-link { font-size: 13px; }
    .et-blog-account { width: 33px; height: 33px; }
    body.et-route-blog .et-blog-categories { height: 61px; }
    body.et-route-blog .et-blog-categories a { padding-top: 22px; }
    body.et-route-blog .et-blog-stream-story { grid-template-columns: minmax(0, 1fr) 104px; gap: 16px; min-height: 190px; padding: 25px 0; }
    body.et-route-blog .et-blog-stream-story .et-story-author { margin-bottom: 11px; }
    body.et-route-blog .et-blog-stream-story h2 { font-size: 21px; }
    body.et-route-blog .et-blog-stream-story p { display: none; }
    body.et-route-blog .et-blog-stream-art { width: 104px; height: 104px; }
    .et-story-signals .et-story-spark,
    .et-story-utilities a:first-child { display: none; }
    .et-story-signals { gap: 8px; }
    body.et-route-blog .et-blog-discovery { padding-right: 14px; padding-left: 14px; }
}

/* Editorial Studio v3: a calm, contextual writing surface. */
body[class*="et-route-post-"] {
    background: var(--et-blog-card) !important;
}
body[class*="et-route-post-"] > .et-navbar,
body[class*="et-route-post-"] > .et-site-footer,
body[class*="et-route-post-"] > .et-mobile-app-nav { display: none !important; }
html body.et-route-public[class*="et-route-post-"] {
    margin: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}
body[class*="et-route-post-"] > .et-page-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--et-blog-card) !important;
}
html body.et-route-public[class*="et-route-post-"] > .et-page-shell,
body[class*="et-route-post-"] .et-editorial-studio,
body[class*="et-route-post-"] .et-editorial-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body[class*="et-route-post-"] .et-editorial-studio { background: var(--et-blog-card); }
body[class*="et-route-post-"] .et-editorial-form { padding-top: 64px; }
body[class*="et-route-post-"] .et-editorial-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1400;
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    border-color: var(--et-blog-line);
    background: color-mix(in srgb, var(--et-blog-card) 96%, transparent);
    padding: 8px clamp(18px, 4vw, 62px);
}
body[class*="et-route-post-"] .et-editorial-brand { gap: 14px; }
body[class*="et-route-post-"] .et-editorial-brand > a {
    display: inline;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: var(--et-blog-ink);
    font-family: var(--et-blog-serif);
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -.035em;
}
body[class*="et-route-post-"] .et-editorial-brand > i { font-size: 12px; }
body[class*="et-route-post-"] .et-editorial-save-state {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
}
body[class*="et-route-post-"] .et-editorial-top-actions { gap: 9px; }
body[class*="et-route-post-"] .et-editorial-top-actions > span { font-size: 11px; }
body[class*="et-route-post-"] .et-editorial-top-actions button {
    border-radius: 999px;
    padding: 9px 15px;
    font-size: 12px;
}
body[class*="et-route-post-"] .et-editorial-settings-button { background: var(--et-blog-soft); }
body[class*="et-route-post-"] .et-editorial-workspace {
    display: block;
    width: 100%;
    margin: 0;
}
body[class*="et-route-post-"] .et-editorial-paper {
    width: min(900px, 100%);
    min-height: calc(100vh - 64px);
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: clamp(62px, 8vh, 96px) 70px 140px;
}
body[class*="et-route-post-"] .et-editorial-story-head,
body[class*="et-route-post-"] .et-editor-surface { width: min(740px, 100%); }
body[class*="et-route-post-"] .et-editorial-kicker { display: none; }
body[class*="et-route-post-"] #et-editorial-title {
    margin: 0 !important;
    font-family: var(--et-blog-serif) !important;
    font-size: clamp(48px, 4.3vw, 62px) !important;
    font-weight: 500 !important;
    letter-spacing: -.04em !important;
    line-height: 1.04 !important;
}
body[class*="et-route-post-"] #et-editorial-excerpt {
    margin: 12px 0 0 !important;
    font-family: var(--et-blog-serif) !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
}
body[class*="et-route-post-"] .et-editor-surface {
    position: relative;
    margin-top: 28px;
    border: 0;
    padding: 0;
}
body[class*="et-route-post-"] .et-editor-canvas {
    min-height: 62vh;
    padding: 8px 0 120px;
    color: var(--et-blog-ink);
    font-family: var(--et-blog-serif) !important;
    font-size: 19px !important;
    line-height: 1.65 !important;
}
body[class*="et-route-post-"] .et-editor-canvas:empty::before { font-size: 19px; }
body[class*="et-route-post-"] .et-editor-canvas :is(p, li) {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
body[class*="et-route-post-"] .et-editor-canvas p { margin: 0 0 28px; }
body[class*="et-route-post-"] .et-editor-canvas h2 { margin: 48px 0 16px; font-size: 36px !important; line-height: 1.16; }
body[class*="et-route-post-"] .et-editor-canvas h3 { margin: 38px 0 14px; font-size: 28px !important; line-height: 1.2; }

body[class*="et-route-post-"] .et-editor-insert-toggle {
    position: absolute;
    z-index: 1220;
    top: var(--et-editor-insert-top, 10px);
    left: -52px;
    display: none;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--et-blog-muted);
    border-radius: 50%;
    background: var(--et-blog-card);
    color: var(--et-blog-muted);
    padding: 0;
    font: 300 25px/1 var(--et-blog-sans);
    cursor: pointer;
}
body[class*="et-route-post-"] .et-editor-insert-toggle.is-visible { display: grid; }
body[class*="et-route-post-"] .et-editor-insert-toggle[aria-expanded="true"] { border-color: var(--et-blog-ink); color: var(--et-blog-ink); transform: rotate(45deg); }
body[class*="et-route-post-"] .et-editor-toolbar,
body[class*="et-route-post-"] .et-editor-toolbar.is-docked {
    position: fixed;
    z-index: 1450;
    top: var(--et-context-top, 80px);
    left: var(--et-context-left, 20px);
    display: none;
    width: max-content;
    max-width: min(760px, calc(100vw - 24px));
    overflow: visible;
    border: 0;
    border-radius: 7px;
    background: #242424;
    color: #fff;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .28);
    padding: 5px;
    transform: none;
}
body[class*="et-route-post-"] .et-editor-toolbar.is-visible { display: flex; }
body[class*="et-route-post-"] .et-editor-toolbar::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #242424;
    transform: translateX(-50%) rotate(45deg);
}
body[class*="et-route-post-"] .et-editor-toolbar.is-below::after { top: -6px; bottom: auto; }
body[class*="et-route-post-"] .et-editor-toolbar > span { background: #555; }
body[class*="et-route-post-"] .et-editor-toolbar button {
    min-width: 34px;
    background: transparent;
    color: #fff;
    padding: 8px 10px;
    font-size: 11px;
}
body[class*="et-route-post-"] .et-editor-toolbar button:hover,
body[class*="et-route-post-"] .et-editor-toolbar button.is-active { background: #454545; color: #fff; }
body[class*="et-route-post-"] .et-editor-toolbar.is-selection [data-editor-image],
body[class*="et-route-post-"] .et-editor-toolbar.is-selection [data-editor-entity],
body[class*="et-route-post-"] .et-editor-toolbar.is-selection [data-editor-divider] { display: none; }

/* Inline EpisodeTime records and reusable catalogue artwork. */
:is(.et-article-content, .et-editor-canvas) figure[data-et-entity] {
    overflow: hidden;
    border: 1px solid var(--et-blog-line);
    border-radius: 14px;
    background: var(--et-blog-card);
    box-shadow: 0 12px 34px rgba(11, 18, 28, .08);
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-entity] > a { display: block; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-entity] img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: stretch;
    width: min(620px, 100%);
    min-height: 176px;
    margin: 42px auto;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] > a { min-height: 176px; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 24px;
    text-align: left;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption strong { font: 800 24px/1.15 var(--et-blog-sans); }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption em { margin-top: 8px; color: var(--et-blog-muted); font: 400 13px/1.45 var(--et-blog-sans); }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption a { color: var(--et-blog-ink); text-decoration: none; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] {
    width: min(390px, 82%);
    margin: 44px auto;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] img { aspect-ratio: 2 / 3; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] { margin: 46px -54px; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] img { aspect-ratio: 16 / 9; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] figcaption,
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] figcaption {
    margin: 0;
    padding: 10px 14px 12px;
    font: 400 11px/1.45 var(--et-blog-sans);
    text-align: center;
}

.et-inline-entity-modal[hidden] { display: none; }
.et-inline-entity-modal { position: fixed; z-index: 1800; inset: 0; display: grid; place-items: center; padding: 20px; }
.et-inline-entity-backdrop { position: absolute; inset: 0; border: 0; background: rgba(5, 10, 16, .72); backdrop-filter: blur(8px); }
.et-inline-entity-modal > section {
    position: relative;
    width: min(780px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    overflow: hidden;
    border: 1px solid var(--et-blog-line);
    border-radius: 18px;
    background: var(--et-blog-card);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .35);
}
.et-inline-entity-modal > section > header { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--et-blog-line); padding: 22px 24px 18px; }
.et-inline-entity-modal header span { color: var(--et-blog-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.et-inline-entity-modal header h2 { margin: 5px 0; font: 800 26px/1.1 var(--et-blog-sans); letter-spacing: -.025em; }
.et-inline-entity-modal header p { margin: 0; color: var(--et-blog-muted); font-size: 12px; line-height: 1.5; }
.et-inline-entity-modal header > button { align-self: start; border: 0; background: transparent; color: var(--et-blog-muted); font-size: 27px; cursor: pointer; }
.et-inline-entity-search { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; margin: 18px 24px 12px; border: 1px solid var(--et-blog-line); border-radius: 999px; background: var(--et-blog-soft); padding: 0 15px; }
.et-inline-entity-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--et-blog-ink); padding: 13px 0; font: 14px var(--et-blog-sans); }
.et-inline-entity-results { display: grid; gap: 8px; max-height: min(500px, calc(100vh - 250px)); overflow-y: auto; padding: 0 24px 24px; }
.et-inline-entity-results > p { margin: 0; color: var(--et-blog-muted); padding: 18px 4px; font-size: 12px; line-height: 1.55; }
.et-inline-entity-results article { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 13px; align-items: center; border: 1px solid var(--et-blog-line); border-radius: 12px; padding: 9px; }
.et-inline-entity-results article > img { grid-row: 1 / span 2; width: 62px; height: 78px; border-radius: 8px; object-fit: cover; }
.et-inline-entity-results article > div { display: grid; min-width: 0; }
.et-inline-entity-results small { color: var(--et-blog-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.et-inline-entity-results b { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.et-inline-entity-results em { overflow: hidden; color: var(--et-blog-muted); font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.et-inline-entity-results footer { grid-column: 2; display: flex; flex-wrap: wrap; gap: 6px; min-height: 0; margin: 0; border: 0 !important; background: transparent !important; padding: 0; color: inherit !important; }
.et-inline-entity-results footer button { border: 1px solid var(--et-blog-line); border-radius: 999px; background: var(--et-blog-card); color: var(--et-blog-ink); padding: 7px 10px; font-size: 10px; font-weight: 800; cursor: pointer; }
.et-inline-entity-results footer button:first-child { border-color: var(--et-blog-accent); background: var(--et-blog-accent); color: #171717; }
body.et-inline-entity-open { overflow: hidden; }

body[class*="et-route-post-"] .et-editor-outline {
    display: grid;
    gap: 10px;
    padding: 0 15px 16px;
}
body[class*="et-route-post-"] .et-editor-outline > p {
    margin: 0;
    color: var(--et-blog-muted);
    font-size: 11px;
    line-height: 1.5;
}
body[class*="et-route-post-"] .et-editor-outline > .et-editor-outline-ready { color: #16834a; }
body[class*="et-route-post-"] .et-editor-outline > .et-editor-outline-warning { color: #b45309; }
body[class*="et-route-post-"] .et-editor-outline nav { display: grid; gap: 3px; }
body[class*="et-route-post-"] .et-editor-outline button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--et-blog-ink);
    padding: 7px 8px;
    text-align: left;
    cursor: pointer;
}
body[class*="et-route-post-"] .et-editor-outline button:hover { background: var(--et-blog-soft); }
body[class*="et-route-post-"] .et-editor-outline button.is-subheading { padding-left: 24px; }
body[class*="et-route-post-"] .et-editor-outline button span {
    color: var(--et-blog-muted);
    font: 700 9px/1 var(--et-blog-sans);
    letter-spacing: .08em;
}
body[class*="et-route-post-"] .et-editor-outline button b {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[class*="et-route-post-"] .et-editorial-settings-backdrop {
    position: fixed;
    z-index: 1240;
    inset: 64px 0 0;
    visibility: hidden;
    border: 0;
    background: rgba(0, 0, 0, .24);
    opacity: 0;
    transition: opacity .18s ease, visibility .18s ease;
}
body[class*="et-route-post-"] .et-editorial-sidebar {
    position: fixed;
    z-index: 1300;
    top: 64px;
    right: 0;
    display: block;
    width: min(410px, 100vw);
    height: calc(100vh - 64px);
    max-height: none;
    overflow-y: auto;
    border-left: 1px solid var(--et-blog-line);
    background: var(--et-blog-card);
    box-shadow: -18px 0 48px rgba(0, 0, 0, .12);
    padding: 0 14px 32px;
    transform: translateX(105%);
    transition: transform .2s ease;
    scrollbar-width: thin;
}
body.is-editor-settings-open { overflow: hidden; }
body.is-editor-settings-open .et-editorial-settings-backdrop { visibility: visible; opacity: 1; }
body.is-editor-settings-open .et-editorial-sidebar { transform: translateX(0); }
body[class*="et-route-post-"] .et-editorial-settings-head {
    position: sticky;
    z-index: 3;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -14px 12px;
    border-bottom: 1px solid var(--et-blog-line);
    background: color-mix(in srgb, var(--et-blog-card) 96%, transparent);
    padding: 18px 17px;
    backdrop-filter: blur(12px);
}
body[class*="et-route-post-"] .et-editorial-settings-head > div { display: grid; gap: 2px; }
body[class*="et-route-post-"] .et-editorial-settings-head b { font-size: 17px; }
body[class*="et-route-post-"] .et-editorial-settings-head small { color: var(--et-blog-muted); font-size: 11px; }
body[class*="et-route-post-"] .et-editorial-settings-head button { border: 0; background: transparent; color: var(--et-blog-muted); font-size: 26px; cursor: pointer; }
body[class*="et-route-post-"] .et-editorial-sidebar > :not(.et-editorial-settings-head) { margin-bottom: 11px; }
body[class*="et-route-post-"] .et-editorial-alert { margin-top: 12px; }

@media (max-width: 760px) {
    body[class*="et-route-post-"] .et-editorial-form { padding-top: 58px; }
    body[class*="et-route-post-"] .et-editorial-topbar { min-height: 58px; padding: 7px 12px; }
    body[class*="et-route-post-"] .et-editorial-brand > a { font-size: 22px; }
    body[class*="et-route-post-"] .et-editorial-brand > i,
    body[class*="et-route-post-"] .et-editorial-save-state,
    body[class*="et-route-post-"] .et-editorial-top-actions > span,
    body[class*="et-route-post-"] .et-editorial-top-actions .et-editorial-quiet,
    body[class*="et-route-post-"] .et-editorial-top-actions .et-editorial-draft { display: none; }
    body[class*="et-route-post-"] .et-editorial-top-actions { gap: 5px; }
    body[class*="et-route-post-"] .et-editorial-top-actions button { padding: 8px 10px; font-size: 11px; }
    body[class*="et-route-post-"] .et-editorial-settings-button { font-size: 0 !important; }
    body[class*="et-route-post-"] .et-editorial-settings-button::after { content: 'Settings'; font-size: 11px; }
    body[class*="et-route-post-"] .et-editorial-paper { min-height: calc(100vh - 58px); padding: 45px 24px 100px; }
    body[class*="et-route-post-"] #et-editorial-title { font-size: 43px !important; }
    body[class*="et-route-post-"] #et-editorial-excerpt { font-size: 21px !important; }
    body[class*="et-route-post-"] .et-editor-surface { margin-top: 22px; }
    body[class*="et-route-post-"] .et-editor-canvas { min-height: 65vh; padding-top: 5px; font-size: 19px !important; line-height: 1.65 !important; }
    body[class*="et-route-post-"] .et-editor-insert-toggle {
        position: fixed;
        right: 15px;
        bottom: 18px;
        top: auto;
        left: auto;
        width: 42px;
        height: 42px;
        border-color: var(--et-blog-line);
        box-shadow: 0 8px 25px rgba(0, 0, 0, .16);
    }
    body[class*="et-route-post-"] .et-editor-toolbar,
    body[class*="et-route-post-"] .et-editor-toolbar.is-docked {
        top: auto !important;
        right: 10px;
        bottom: 70px;
        left: 10px !important;
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
        flex-wrap: wrap;
        justify-content: center;
        overflow: visible;
        border-radius: 10px;
    }
    body[class*="et-route-post-"] .et-editor-toolbar.is-selection { bottom: 18px; }
    body[class*="et-route-post-"] .et-editor-toolbar button { min-width: 30px; padding: 7px 8px; }
    body[class*="et-route-post-"] .et-editor-toolbar::after { display: none; }
    body[class*="et-route-post-"] .et-editorial-settings-backdrop { inset: 58px 0 0; }
    body[class*="et-route-post-"] .et-editorial-sidebar { top: 58px; width: 100%; height: calc(100vh - 58px); border-left: 0; }
}

/* Shared reader/editor scale: one Medium-like rhythm on every route. */
body.et-route-public .et-article-header,
body.et-route-public .et-article-updated { width: min(760px, 100%); }
body.et-route-public .et-article-header h1 {
    font-size: clamp(40px, 4.2vw, 48px) !important;
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.08;
}
body.et-route-public .et-article-summary {
    max-width: 720px;
    font-size: 22px !important;
    line-height: 1.45;
}
body.et-route-public .et-article-layout { grid-template-columns: 190px minmax(0, 680px); gap: 44px; }
body.et-route-public .et-article-content,
.et-editor-preview-paper .et-article-content,
body[class*="et-route-post-"] .et-editor-canvas {
    font-family: var(--et-blog-serif) !important;
    font-size: 19px !important;
    line-height: 1.68 !important;
}
body.et-route-public .et-article-content :is(p, li, blockquote),
.et-editor-preview-paper .et-article-content :is(p, li, blockquote),
body[class*="et-route-post-"] .et-editor-canvas :is(p, li, blockquote) {
    font-size: 19px !important;
    line-height: 1.68 !important;
}
body.et-route-public .et-article-content p,
body[class*="et-route-post-"] .et-editor-canvas p { margin: 0 0 28px; }
body.et-route-public .et-article-content h2,
.et-editor-preview-paper .et-article-content h2,
body[class*="et-route-post-"] .et-editor-canvas h2 {
    margin: 46px 0 14px;
    font-family: var(--et-blog-sans) !important;
    font-size: 30px !important;
    letter-spacing: -.025em;
    line-height: 1.18;
}
body.et-route-public .et-article-content h3,
.et-editor-preview-paper .et-article-content h3,
body[class*="et-route-post-"] .et-editor-canvas h3 {
    margin: 34px 0 12px;
    font-family: var(--et-blog-sans) !important;
    font-size: 24px !important;
    letter-spacing: -.015em;
    line-height: 1.25;
}
body.et-route-public .et-article-content h4,
.et-editor-preview-paper .et-article-content h4,
body[class*="et-route-post-"] .et-editor-canvas h4 { font-size: 20px !important; line-height: 1.3; }

body[class*="et-route-post-"] .et-editorial-paper { width: min(840px, 100%); }
body[class*="et-route-post-"] .et-editorial-story-head,
body[class*="et-route-post-"] .et-editor-surface { width: min(680px, 100%); }
body[class*="et-route-post-"] #et-editorial-title {
    font-size: clamp(40px, 3.8vw, 48px) !important;
    letter-spacing: -.035em !important;
    line-height: 1.08 !important;
}
body[class*="et-route-post-"] #et-editorial-excerpt { font-size: 22px !important; line-height: 1.45 !important; }

/* Each catalogue visual is a self-contained article block. */
:is(.et-article-content, .et-editor-canvas) figure[data-et-entity] {
    position: relative;
    clear: both;
    isolation: isolate;
    box-sizing: border-box;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"],
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] { width: min(360px, 82%); margin: 42px auto; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] { margin: 44px -40px; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] > a,
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] > a { overflow: hidden; border-radius: 3px; }
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] figcaption,
:is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] figcaption { padding: 9px 0 0; }

body[class*="et-route-post-"] .et-editor-canvas figure[data-et-entity] { overflow: visible; outline: 1px solid transparent; }
body[class*="et-route-post-"] .et-editor-canvas figure[data-et-entity]:hover,
body[class*="et-route-post-"] .et-editor-canvas figure[data-et-entity]:focus-within { outline-color: color-mix(in srgb, var(--et-blog-accent) 70%, var(--et-blog-line)); }
body[class*="et-route-post-"] .et-editor-canvas [data-editor-entity-controls] {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 2px;
    border-radius: 999px;
    background: rgba(36, 36, 36, .94);
    padding: 3px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .22);
}
body[class*="et-route-post-"] .et-editor-canvas [data-editor-entity-controls] button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    padding: 0;
    font: 700 16px/1 var(--et-blog-sans);
    cursor: pointer;
}
body[class*="et-route-post-"] .et-editor-canvas [data-editor-entity-controls] button:hover,
body[class*="et-route-post-"] .et-editor-canvas [data-editor-entity-controls] button:focus-visible { background: #4b4b4b; outline: 0; }
body[class*="et-route-post-"] .et-editor-canvas [data-editor-entity-action="remove"]:hover { background: #a83232; }

.et-inline-entity-placement { display: grid; gap: 7px; margin: 0 24px 14px; }
.et-inline-entity-placement > span { color: var(--et-blog-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.et-inline-entity-placement > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--et-blog-line); border-radius: 10px; }
.et-inline-entity-placement button { border: 0; border-right: 1px solid var(--et-blog-line); background: var(--et-blog-card); color: var(--et-blog-muted); padding: 9px 8px; font: 750 10px/1.2 var(--et-blog-sans); cursor: pointer; }
.et-inline-entity-placement button:last-child { border-right: 0; }
.et-inline-entity-placement button.is-active { background: var(--et-blog-ink); color: var(--et-blog-card); }

@media (max-width: 860px) {
    body.et-route-public .et-article-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
}

@media (max-width: 640px) {
    body.et-route-public .et-article-header h1 { font-size: clamp(34px, 9.8vw, 38px) !important; line-height: 1.08; }
    body.et-route-public .et-article-summary { font-size: 20px !important; line-height: 1.48; }
    body.et-route-public .et-article-content h2,
    .et-editor-preview-paper .et-article-content h2,
    body[class*="et-route-post-"] .et-editor-canvas h2 { margin-top: 40px; font-size: 28px !important; }
    body.et-route-public .et-article-content h3,
    .et-editor-preview-paper .et-article-content h3,
    body[class*="et-route-post-"] .et-editor-canvas h3 { margin-top: 30px; font-size: 23px !important; }
    body[class*="et-route-post-"] #et-editorial-title { font-size: 36px !important; line-height: 1.1 !important; }
    body[class*="et-route-post-"] #et-editorial-excerpt { font-size: 20px !important; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] { margin: 38px 0; }
    .et-inline-entity-placement { margin: 0 16px 12px; }
    .et-inline-entity-placement > div { grid-template-columns: 1fr; }
    .et-inline-entity-placement button { border-right: 0; border-bottom: 1px solid var(--et-blog-line); }
    .et-inline-entity-placement button:last-child { border-bottom: 0; }
}

/* Article reactions and responses */
.et-article-engagement {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 48px;
    border-top: 1px solid var(--et-blog-line);
    border-bottom: 1px solid var(--et-blog-line);
    padding: 15px 2px;
    font-family: var(--et-blog-sans);
}
.et-article-engagement > div { display: flex; gap: 8px; align-items: center; }
.et-article-engagement form { margin: 0; }
.et-article-engagement button,
.et-article-engagement a {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    min-height: 40px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--et-blog-muted);
    padding: 8px 12px;
    font: 600 12px/1 var(--et-blog-sans);
    text-decoration: none;
    cursor: pointer;
}
.et-article-engagement button:hover,
.et-article-engagement a:hover { background: var(--et-blog-soft); color: var(--et-blog-ink); }
.et-article-engagement button > span,
.et-article-engagement a > span { font-size: 22px; line-height: 1; }
.et-article-engagement button > b,
.et-article-engagement a > b { color: var(--et-blog-ink); font-size: 12px; }
.et-article-engagement button > i,
.et-article-engagement a > i { font-style: normal; }
.et-article-engagement .is-liked { color: #d83c64; }
.et-article-engagement .is-liked > b { color: #d83c64; }

.et-response-shell[hidden] { display: none !important; }
.et-response-shell { position: fixed; z-index: 1900; inset: 0; font-family: var(--et-blog-sans); }
.et-response-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(5, 10, 16, .46);
    opacity: 0;
    cursor: default;
    backdrop-filter: blur(2px);
    transition: opacity .2s ease;
}
.et-response-drawer {
    position: absolute;
    top: 0;
    right: 0;
    width: min(470px, 100vw);
    height: 100dvh;
    overflow: hidden;
    border-left: 1px solid var(--et-blog-line);
    outline: 0;
    background: var(--et-blog-card);
    color: var(--et-blog-ink);
    box-shadow: -25px 0 70px rgba(0, 0, 0, .19);
    transform: translateX(102%);
    transition: transform .22s ease;
}
.et-response-shell.is-open .et-response-backdrop { opacity: 1; }
.et-response-shell.is-open .et-response-drawer { transform: translateX(0); }
body.et-responses-open { overflow: hidden; }

.et-response-drawer-head {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 86px;
    border-bottom: 1px solid var(--et-blog-line) !important;
    background: color-mix(in srgb, var(--et-blog-card) 95%, transparent) !important;
    padding: 17px 22px !important;
    color: var(--et-blog-ink) !important;
    backdrop-filter: blur(14px);
}
.et-response-drawer-head > div { display: grid; gap: 4px; }
.et-response-drawer-head span { color: var(--et-blog-accent-dark); font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.et-response-drawer-head h2 { margin: 0; font: 800 22px/1.1 var(--et-blog-sans); letter-spacing: -.025em; }
.et-response-drawer-head h2 b { color: var(--et-blog-muted); font-size: 13px; }
.et-response-drawer-head > button { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--et-blog-soft); color: var(--et-blog-ink); font-size: 25px; cursor: pointer; }
.et-response-drawer-body { height: 100%; overflow-y: auto; padding: 108px 22px 42px; overscroll-behavior: contain; }

.et-response-composer {
    display: grid;
    gap: 9px;
    margin: 0 0 26px;
    border: 1px solid var(--et-blog-line);
    border-radius: 14px;
    background: var(--et-blog-card);
    padding: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}
.et-response-composer > label { font-size: 12px; font-weight: 850; }
.et-response-composer textarea,
.et-response-reply-form textarea {
    width: 100%;
    min-height: 92px;
    resize: vertical;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--et-blog-ink);
    padding: 3px 0;
    font: 400 15px/1.55 var(--et-blog-sans);
    box-sizing: border-box;
}
.et-response-composer textarea::placeholder,
.et-response-reply-form textarea::placeholder { color: var(--et-blog-muted); }
.et-response-composer > footer,
.et-response-reply-form > div {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: var(--et-blog-muted) !important;
}
.et-response-composer > footer > span { margin-right: auto; font-size: 10px; }
.et-response-composer > footer button,
.et-response-reply-form > div button {
    border: 0;
    border-radius: 999px;
    background: var(--et-blog-accent);
    color: #171717;
    padding: 9px 15px;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}
.et-response-reply-form > div button:first-child { background: transparent; color: var(--et-blog-muted); }
.et-response-composer button:disabled,
.et-response button:disabled { opacity: .55; cursor: wait; }

.et-response-signin { margin-bottom: 26px; border: 1px solid var(--et-blog-line); border-radius: 14px; background: var(--et-blog-soft); padding: 20px; text-align: center; }
.et-response-signin > span { color: #d83c64; font-size: 25px; }
.et-response-signin h3 { margin: 7px 0 4px; font-size: 17px; }
.et-response-signin p { margin: 0 auto 15px; color: var(--et-blog-muted); font-size: 12px; line-height: 1.55; }
.et-response-signin a { display: inline-flex; border-radius: 999px; background: var(--et-blog-accent); color: #171717; padding: 9px 14px; font-size: 11px; font-weight: 850; text-decoration: none; }

.et-response-list { display: grid; }
.et-response-empty { display: grid; place-items: center; min-height: 220px; color: var(--et-blog-muted); text-align: center; }
.et-response-empty[hidden] { display: none; }
.et-response-empty > span { font-size: 33px; }
.et-response-empty h3 { margin: 8px 0 4px; color: var(--et-blog-ink); font-size: 18px; }
.et-response-empty p { margin: 0; font-size: 12px; }
.et-response-thread { border-top: 1px solid var(--et-blog-line); }
.et-response-thread:last-child { border-bottom: 1px solid var(--et-blog-line); }
.et-response { padding: 22px 0; }
.et-response > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 0;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: inherit !important;
}
.et-response > header > a { display: flex; gap: 10px; align-items: center; color: var(--et-blog-ink); text-decoration: none; }
.et-response > header img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.et-response > header a > span { display: grid; gap: 2px; }
.et-response > header b { font-size: 12px; }
.et-response > header time { color: var(--et-blog-muted); font-size: 10px; }
.et-response > header form { margin: 0; }
.et-response > header form button { border: 0; background: transparent; color: var(--et-blog-muted); padding: 3px 0 8px 12px; letter-spacing: 1px; cursor: pointer; }
.et-response > p { margin: 13px 0; color: var(--et-blog-ink); font-size: 14px; line-height: 1.62; white-space: pre-line; overflow-wrap: anywhere; }
.et-response > footer {
    display: flex !important;
    align-items: center;
    gap: 15px;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: var(--et-blog-muted) !important;
}
.et-response > footer form { margin: 0; }
.et-response > footer button,
.et-response > footer a { display: inline-flex; gap: 5px; align-items: center; border: 0; background: transparent; color: var(--et-blog-muted); padding: 4px 0; font: 650 10px/1 var(--et-blog-sans); text-decoration: none; cursor: pointer; }
.et-response > footer button:hover,
.et-response > footer a:hover { color: var(--et-blog-ink); }
.et-response > footer button > span,
.et-response > footer a > span { font-size: 18px; }
.et-response > footer button.is-liked { color: #d83c64; }
.et-response > footer button > b,
.et-response > footer a > b { font-size: 10px; }
.et-response-reply-form { margin: 10px 0 0 48px; border-left: 2px solid var(--et-blog-accent); background: var(--et-blog-soft); padding: 11px 12px; }
.et-response-reply-form[hidden] { display: none; }
.et-response-reply-form textarea { min-height: 70px; font-size: 13px; }
.et-response-replies { margin-left: 46px; border-left: 2px solid var(--et-blog-line); padding-left: 16px; }
.et-response-replies[hidden] { display: none; }
.et-response.is-reply { padding: 17px 0; }
.et-response.is-reply > header img { width: 31px; height: 31px; }
.et-response.is-reply > p { font-size: 13px; }

@media (max-width: 640px) {
    .et-article-engagement { margin-top: 38px; padding: 12px 0; }
    .et-article-engagement button,
    .et-article-engagement a { min-height: 38px; padding: 7px 9px; }
    .et-article-engagement button > i,
    .et-article-engagement a > i { display: none; }
    .et-response-drawer {
        top: auto;
        bottom: 0;
        width: 100%;
        height: min(92dvh, 840px);
        border-top: 1px solid var(--et-blog-line);
        border-left: 0;
        border-radius: 20px 20px 0 0;
        transform: translateY(103%);
    }
    .et-response-shell.is-open .et-response-drawer { transform: translateY(0); }
    .et-response-drawer-head { min-height: 76px; border-radius: 20px 20px 0 0; padding: 14px 18px !important; }
    .et-response-drawer-head h2 { font-size: 20px; }
    .et-response-drawer-body { padding: 94px 18px max(34px, env(safe-area-inset-bottom)); }
    .et-response-replies { margin-left: 22px; padding-left: 13px; }
    .et-response-reply-form { margin-left: 0; }
}

@media print {
    .et-article-engagement,
    .et-response-shell { display: none !important; }
}

@media (max-width: 760px) {
    body.et-route-public .et-article-page {
        width: 100%;
        padding-right: 20px;
        padding-bottom: 100px;
        padding-left: 20px;
        box-sizing: border-box;
    }
    body.et-route-public .et-article-header h1 { font-size: clamp(39px, 11vw, 44px) !important; line-height: 1.04; }
    body.et-route-public .et-article-summary { font-size: 20px !important; line-height: 1.5; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="backdrop"] { margin: 38px 0; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="poster"] { width: min(330px, 88%); }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] {
        grid-template-columns: 94px minmax(0, 1fr);
        min-height: 138px;
        margin: 36px 0;
    }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] > a { min-height: 138px; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption { padding: 15px; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption strong { font-size: 18px; }
    :is(.et-article-content, .et-editor-canvas) figure[data-et-layout="card"] figcaption em { font-size: 11px; }

    .et-inline-entity-modal { place-items: end center; padding: 0; }
    .et-inline-entity-modal > section {
        width: 100%;
        max-height: calc(100dvh - 58px);
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 18px 18px 0 0;
    }
    .et-inline-entity-modal > section > header { padding: 18px 18px 15px; }
    .et-inline-entity-modal header h2 { font-size: 22px; }
    .et-inline-entity-search { margin: 14px 16px 10px; }
    .et-inline-entity-results { max-height: calc(100dvh - 280px); padding: 0 16px 18px; }
    .et-inline-entity-results article { grid-template-columns: 54px minmax(0, 1fr); }
    .et-inline-entity-results article > img { width: 54px; height: 70px; }
    .et-inline-entity-results footer { grid-column: 1 / -1; }
}

/* Cascade guard: these are the canonical content sizes. */
body.et-route-public .et-article-header h1 { font-size: clamp(40px, 4.2vw, 48px) !important; line-height: 1.08 !important; }
body.et-route-public .et-article-summary { font-size: 22px !important; line-height: 1.45 !important; }
body.et-route-public .et-article-content,
.et-editor-preview-paper .et-article-content,
body[class*="et-route-post-"] .et-editor-canvas { font-size: 19px !important; line-height: 1.68 !important; }
body.et-route-public .et-article-content h2,
.et-editor-preview-paper .et-article-content h2,
body[class*="et-route-post-"] .et-editor-canvas h2 { font-size: 30px !important; line-height: 1.18 !important; }
body.et-route-public .et-article-content h3,
.et-editor-preview-paper .et-article-content h3,
body[class*="et-route-post-"] .et-editor-canvas h3 { font-size: 24px !important; line-height: 1.25 !important; }
body[class*="et-route-post-"] #et-editorial-title { font-size: clamp(40px, 3.8vw, 48px) !important; line-height: 1.08 !important; }
body[class*="et-route-post-"] #et-editorial-excerpt { font-size: 22px !important; line-height: 1.45 !important; }

@media (max-width: 640px) {
    body.et-route-public .et-article-header h1 { font-size: clamp(34px, 9.8vw, 38px) !important; }
    body.et-route-public .et-article-summary { font-size: 20px !important; line-height: 1.48 !important; }
    body.et-route-public .et-article-content h2,
    .et-editor-preview-paper .et-article-content h2,
    body[class*="et-route-post-"] .et-editor-canvas h2 { font-size: 28px !important; }
    body.et-route-public .et-article-content h3,
    .et-editor-preview-paper .et-article-content h3,
    body[class*="et-route-post-"] .et-editor-canvas h3 { font-size: 23px !important; }
    body[class*="et-route-post-"] #et-editorial-title { font-size: 36px !important; line-height: 1.1 !important; }
    body[class*="et-route-post-"] #et-editorial-excerpt { font-size: 20px !important; }
}

/* EpisodeTime Editorial newsroom v4.
   High-contrast publication geometry, with EpisodeTime data and reader cues. */
:root {
    --et-editorial-violet: #5200ff;
    --et-editorial-cyan: #35e2c2;
    --et-editorial-cream: #fff0b5;
    --et-editorial-coral: #ff5b3d;
    --et-editorial-black: #0d0d12;
}

body.et-route-blog {
    --et-blog-ink: #f8fafc;
    --et-blog-muted: #aab4c2;
    --et-blog-card: #111a25;
    --et-blog-canvas: #0a1119;
    --et-blog-soft: #182534;
    --et-blog-line: #334254;
    background: var(--et-blog-canvas) !important;
}
html[data-theme="light"] body.et-route-blog {
    --et-blog-ink: #11131a;
    --et-blog-muted: #596474;
    --et-blog-card: #ffffff;
    --et-blog-canvas: #eef2f5;
    --et-blog-soft: #e5ebf0;
    --et-blog-line: #b8c2cc;
}

body.et-route-blog .et-blog-library-head {
    min-height: 74px;
    border-bottom: 4px solid var(--et-blog-accent);
    background: var(--et-editorial-black);
    color: #fff;
    padding: 0 clamp(18px, 2.2vw, 38px);
}
body.et-route-blog .et-blog-library-head::before,
body[class*="et-route-blog-"] .et-reader-story::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    background: linear-gradient(90deg,
        var(--et-blog-accent) 0 22%, transparent 22% 23%,
        var(--et-editorial-violet) 23% 54%, transparent 54% 55%,
        var(--et-editorial-cyan) 55% 78%, transparent 78% 79%,
        var(--et-editorial-coral) 79% 100%);
}
body.et-route-blog .et-blog-brand-cluster { gap: 17px; }
body.et-route-blog .et-blog-menu-button span { height: 2px; background: #fff; }
body.et-route-blog .et-blog-wordmark {
    display: flex;
    gap: 10px;
    align-items: baseline;
    color: #fff !important;
    font-family: var(--et-blog-sans);
    font-size: 25px;
    font-weight: 1000;
    letter-spacing: -.055em;
}
body.et-route-blog .et-blog-wordmark small {
    color: var(--et-blog-accent);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}
body.et-route-blog .et-blog-library-head form { border: 1px solid #3d4652; background: #202732; }
body.et-route-blog .et-blog-library-head input,
body.et-route-blog .et-blog-library-head form svg,
body.et-route-blog .et-blog-top-actions a { color: #eef2f6; }
body.et-route-blog .et-blog-app-link {
    border: 2px solid #fff;
    border-radius: 0;
    background: var(--et-blog-accent);
    box-shadow: 4px 4px 0 var(--et-editorial-violet);
    color: #0d0d12 !important;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

body.et-route-blog .et-blog-library-grid {
    grid-template-columns: minmax(200px, 242px) minmax(0, 1060px) minmax(280px, 340px);
    width: min(1640px, 100%);
    margin: 0 auto;
}
body.et-route-blog .et-blog-library-nav { top: 74px; height: calc(100vh - 74px); background: var(--et-blog-canvas); padding-top: 38px; }
body.et-route-blog .et-blog-primary-nav a { position: relative; font-size: 14px; font-weight: 800; }
body.et-route-blog .et-blog-primary-nav a.active::before { width: 5px; background: var(--et-blog-accent); }
body.et-route-blog .et-blog-following h2,
body.et-route-blog .et-blog-discovery h2 { text-transform: uppercase; letter-spacing: .06em; }

body.et-route-blog .et-blog-library-main { border-left: 1px solid var(--et-blog-line); padding: 0 clamp(30px, 4.3vw, 72px) 72px; }
.et-blog-edition-head {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
    gap: 34px;
    align-items: end;
    overflow: hidden;
    margin: 0 calc(-1 * clamp(30px, 4.3vw, 72px));
    background: var(--et-blog-accent);
    color: #0d0d12;
    padding: clamp(38px, 5vw, 70px) clamp(30px, 4.3vw, 72px) 38px;
}
.et-blog-edition-head::after {
    content: 'ET';
    position: absolute;
    right: -20px;
    bottom: -66px;
    color: rgba(13, 13, 18, .08);
    font-size: 210px;
    font-weight: 1000;
    letter-spacing: -.12em;
    line-height: 1;
}
.et-blog-edition-head > * { position: relative; z-index: 1; }
.et-blog-edition-kicker,
.et-blog-lead-label,
.et-blog-latest-head span,
.et-blog-latest-head strong {
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.et-blog-edition-head h1 {
    max-width: 720px;
    margin: 8px 0 0;
    font-family: var(--et-blog-sans) !important;
    font-size: clamp(44px, 4.8vw, 72px);
    font-weight: 1000;
    letter-spacing: -.065em;
    line-height: .91;
}
.et-blog-edition-head p { max-width: 360px; margin: 0; font-size: 15px; font-weight: 750; line-height: 1.42; }
body.et-route-blog .et-blog-categories { height: 62px; gap: 0; border: 1px solid var(--et-blog-line); border-top: 0; }
body.et-route-blog .et-blog-categories a {
    border-right: 1px solid var(--et-blog-line);
    border-bottom: 0;
    padding: 22px 18px 17px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}
body.et-route-blog .et-blog-categories a.active { background: var(--et-editorial-violet); color: #fff; }

.et-blog-lead-story {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr);
    min-height: 450px;
    margin-top: 30px;
    border: 2px solid var(--et-blog-line);
    background: var(--et-editorial-violet);
    color: #fff;
}
.et-blog-lead-art { position: relative; display: grid; place-items: center; min-height: 450px; overflow: hidden; background: linear-gradient(145deg, #172a3d, #315879); color: #fff; text-decoration: none; }
.et-blog-lead-art img { width: 100%; height: 100%; object-fit: cover; }
.et-blog-lead-art > span { display: none; font-size: 110px; font-weight: 1000; letter-spacing: -.1em; }
.et-blog-lead-art.is-placeholder > span { display: block; }
.et-blog-lead-copy { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; padding: clamp(28px, 3.3vw, 50px); }
.et-blog-lead-label { color: var(--et-editorial-cyan); }
.et-blog-lead-copy h2 { margin: 12px 0 16px; font-size: clamp(36px, 3.5vw, 56px); letter-spacing: -.06em; line-height: .98; }
.et-blog-lead-copy h2 a { color: inherit; text-decoration: none; }
.et-blog-lead-copy > p { margin: 0 0 28px; color: #ddd8ff; font-family: var(--et-blog-serif); font-size: 17px; line-height: 1.5; }
.et-blog-lead-copy footer { display: flex; gap: 18px; align-items: end; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.35); padding-top: 18px; }
.et-blog-lead-copy .et-story-author a { color: #fff; }
.et-blog-lead-copy .et-story-author small { color: #c9c3ff; }
.et-blog-lead-open { flex: 0 0 auto; border-bottom: 2px solid var(--et-editorial-cyan); color: #fff; padding-bottom: 4px; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-decoration: none; }
.et-blog-latest-head { display: flex; justify-content: space-between; margin-top: 42px; border-top: 7px solid var(--et-blog-accent); border-bottom: 1px solid var(--et-blog-line); padding: 15px 0 12px; }
.et-blog-latest-head strong { color: var(--et-blog-muted); font-size: 9px; }
body.et-route-blog .et-blog-stream-story { position: relative; min-height: 248px; padding: 30px 0; }
body.et-route-blog .et-blog-stream-story::before { content: ''; position: absolute; top: 30px; bottom: 30px; left: -16px; width: 3px; background: var(--et-editorial-cyan); opacity: 0; }
body.et-route-blog .et-blog-stream-story:hover::before { opacity: 1; }
body.et-route-blog .et-blog-stream-story h2 { font-size: clamp(26px, 2.15vw, 35px); font-weight: 950; line-height: 1.03; }
body.et-route-blog .et-blog-stream-art { border: 1px solid var(--et-blog-line); }

body.et-route-blog .et-blog-discovery { background: color-mix(in srgb, var(--et-blog-soft) 34%, var(--et-blog-canvas)); }
body.et-route-blog .et-blog-write-card { border: 2px solid var(--et-blog-ink) !important; border-radius: 0; box-shadow: 7px 7px 0 var(--et-blog-accent); }
.et-blog-write-promo-art { background: var(--et-editorial-cyan); color: #0d0d12; }
body.et-route-blog .et-blog-topic-cloud a,
body.et-route-blog .et-blog-writers i { border-radius: 0; }
body.et-route-blog .et-blog-staff-picks > a { border-left: 3px solid var(--et-editorial-violet); padding-left: 12px; }

/* Public article: bold editorial frame outside, calm database-aware reader inside. */
body[class*="et-route-blog-"] { background: var(--et-blog-canvas) !important; }
body[class*="et-route-blog-"] > .et-page-shell { background: var(--et-blog-canvas) !important; }
body[class*="et-route-blog-"] .et-article-page { width: min(1380px, calc(100% - 34px)); max-width: 1380px !important; padding-top: 18px; }
.et-article-edition-strip {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
    border: 1px solid var(--et-blog-line);
    border-bottom: 6px solid var(--et-blog-accent);
    background: var(--et-editorial-black);
    color: #fff;
    padding: 14px 18px 11px;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .11em;
}
.et-article-edition-strip a { color: var(--et-blog-accent); text-decoration: none; }
.et-article-edition-strip span { color: #abb6c4; }
.et-article-edition-strip small { justify-self: end; color: var(--et-editorial-cyan); font-size: inherit; }
body[class*="et-route-blog-"] .et-article-breadcrumb { width: min(1040px, 100%); margin-bottom: 15px; text-transform: uppercase; letter-spacing: .08em; }
body[class*="et-route-blog-"] .et-reader-story { position: relative; overflow: hidden; border: 1px solid var(--et-blog-line); background: var(--et-blog-card); padding: clamp(44px, 6vw, 82px) clamp(24px, 5vw, 72px) 70px; }
body[class*="et-route-blog-"] .et-reader-story::before { height: 9px; }
body[class*="et-route-blog-"] .et-article-header { width: min(1040px, 100%); margin-bottom: 36px; border-left: 8px solid var(--et-blog-accent); padding-left: clamp(20px, 3vw, 38px); }
body[class*="et-route-blog-"] .et-blog-category { border: 1px solid var(--et-blog-accent); background: var(--et-blog-accent); color: #11131a; padding: 6px 9px 5px; font-size: 9px; }
body.et-route-public[class*="et-route-blog-"] .et-article-header h1 {
    max-width: 980px;
    margin: 17px 0 16px;
    font-family: var(--et-blog-sans) !important;
    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 1000;
    letter-spacing: -.035em;
    line-height: 1.15 !important;
}
body.et-route-public[class*="et-route-blog-"] .et-article-summary { max-width: 860px; font-family: var(--et-blog-serif); font-size: clamp(22px, 2.25vw, 29px) !important; line-height: 1.38 !important; }
.et-article-record-line { display: flex; flex-wrap: wrap; gap: 0; margin-top: 24px; border-top: 1px solid var(--et-blog-line); border-bottom: 1px solid var(--et-blog-line); }
.et-article-record-line span { border-right: 1px solid var(--et-blog-line); color: var(--et-blog-muted); padding: 8px 13px 7px 0; margin-right: 13px; font-size: 9px; font-weight: 950; letter-spacing: .08em; }
body[class*="et-route-blog-"] .et-article-author-row { margin-top: 16px; border: 0; padding: 0; }
body[class*="et-route-blog-"] .et-article-cover { width: min(1180px, 100%); margin: 0 auto 48px; border: 1px solid var(--et-blog-line); border-radius: 0; box-shadow: 10px 10px 0 var(--et-editorial-violet); }
body[class*="et-route-blog-"] .et-article-layout { grid-template-columns: 210px minmax(0, 740px); gap: 52px; }
body[class*="et-route-blog-"] .et-article-toc { border-left-width: 5px; background: var(--et-blog-soft); padding: 15px 16px; }
body[class*="et-route-blog-"] .et-article-toc > strong { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
body[class*="et-route-blog-"] .et-article-answer { border: 1px solid var(--et-blog-line); border-left: 7px solid var(--et-editorial-violet); background: color-mix(in srgb, var(--et-editorial-violet) 10%, var(--et-blog-card)); }
body.et-route-public[class*="et-route-blog-"] .et-article-content h2 { border-top: 7px solid var(--et-blog-accent); padding-top: 17px; font-size: 34px !important; font-weight: 950; }
body.et-route-public[class*="et-route-blog-"] .et-article-content h3 { color: var(--et-editorial-cyan); font-size: 25px !important; font-weight: 900; }
body[class*="et-route-blog-"] .et-article-content blockquote { margin-right: -42px; margin-left: -42px; border: 0; background: var(--et-editorial-violet); color: #fff; padding: 28px 42px; font-size: 22px; }
body[class*="et-route-blog-"] .et-article-connections { border-top: 7px solid var(--et-blog-accent); }
body[class*="et-route-blog-"] .et-article-connections a { border-radius: 0; background: var(--et-blog-soft); }
body[class*="et-route-blog-"] .et-article-cta { border: 2px solid var(--et-blog-ink); border-radius: 0; background: var(--et-editorial-violet); box-shadow: 7px 7px 0 var(--et-blog-accent); }
body[class*="et-route-blog-"] .et-article-related { border-top: 8px solid var(--et-blog-accent); }
body[class*="et-route-blog-"] .et-article-related article { border: 2px solid var(--et-blog-line); border-radius: 0; }
body[class*="et-route-blog-"] .et-article-related article:nth-child(2) { background: color-mix(in srgb, var(--et-editorial-cyan) 15%, var(--et-blog-card)); }
body[class*="et-route-blog-"] .et-article-related article:nth-child(3) { background: color-mix(in srgb, var(--et-editorial-cream) 13%, var(--et-blog-card)); }

@media (max-width: 1450px) {
    body.et-route-blog .et-blog-library-grid { grid-template-columns: 220px minmax(0, 1fr) 310px; }
    body.et-route-blog .et-blog-library-main { padding-right: 40px; padding-left: 40px; }
    .et-blog-edition-head { margin-right: -40px; margin-left: -40px; padding-right: 40px; padding-left: 40px; }
}
@media (max-width: 1180px) {
    body.et-route-blog .et-blog-menu-button { display: grid !important; }
    body.et-route-blog .et-blog-library-grid { grid-template-columns: minmax(0, 1fr) 300px; }
    body.et-route-blog.is-blog-nav-open .et-blog-library-nav { top: 74px; background: var(--et-blog-canvas); }
    body.et-route-blog .et-blog-library-main { border-left: 0; }
}
@media (max-width: 860px) {
    body.et-route-blog .et-blog-menu-button { display: grid !important; }
    body.et-route-blog .et-blog-library-head { min-height: 64px; }
    body.et-route-blog .et-blog-library-main { padding-right: 18px; padding-left: 18px; }
    .et-blog-edition-head { grid-template-columns: 1fr; gap: 18px; margin-right: -18px; margin-left: -18px; padding: 40px 22px 30px; }
    .et-blog-edition-head p { max-width: 600px; }
    .et-blog-lead-story { grid-template-columns: 1fr; }
    .et-blog-lead-art { min-height: 330px; }
    body[class*="et-route-blog-"] .et-article-layout { grid-template-columns: minmax(0, 1fr); }
    body[class*="et-route-blog-"] .et-article-toc { position: static; }
}
@media (max-width: 640px) {
    body.et-route-blog .et-blog-library-head { gap: 12px; }
    body.et-route-blog .et-blog-wordmark { display: grid; gap: 0; font-size: 20px; }
    body.et-route-blog .et-blog-wordmark small { font-size: 7px; }
    body.et-route-blog .et-blog-write-link span { display: none; }
    .et-blog-edition-head h1 { font-size: 43px; }
    body.et-route-blog .et-blog-categories { height: 52px; }
    body.et-route-blog .et-blog-categories a { padding: 18px 13px 14px; }
    .et-blog-lead-story { min-height: 0; margin-top: 18px; }
    .et-blog-lead-art { min-height: 230px; }
    .et-blog-lead-copy { padding: 24px 20px; }
    .et-blog-lead-copy h2 { font-size: 35px; }
    .et-blog-lead-copy > p { font-size: 15px; }
    .et-blog-lead-copy footer { align-items: start; flex-direction: column; }
    body.et-route-blog .et-blog-stream-story { grid-template-columns: minmax(0, 1fr) 96px; }
    body.et-route-blog .et-blog-stream-art { width: 96px; height: 96px; }
    .et-article-edition-strip { grid-template-columns: 1fr auto; }
    .et-article-edition-strip span { display: none; }
    body[class*="et-route-blog-"] .et-article-page { width: 100%; padding: 10px 10px 80px; }
    body[class*="et-route-blog-"] .et-reader-story { padding: 42px 18px 48px; }
    body[class*="et-route-blog-"] .et-article-header { border-left-width: 5px; padding-left: 16px; }
    body.et-route-public[class*="et-route-blog-"] .et-article-header h1 { font-size: clamp(24px, 6.5vw, 28px) !important; }
    body[class*="et-route-blog-"] .et-article-author-row { align-items: flex-start; }
    body[class*="et-route-blog-"] .et-article-actions { flex-wrap: wrap; justify-content: end; }
    body[class*="et-route-blog-"] .et-article-cover { aspect-ratio: 16 / 10; box-shadow: 5px 5px 0 var(--et-editorial-violet); }
    body[class*="et-route-blog-"] .et-article-auto-cover { grid-template-columns: repeat(5, minmax(92px, 1fr)); gap: 9px; padding: 28px 20px; overflow-x: hidden; }
    body[class*="et-route-blog-"] .et-article-auto-cover img:nth-child(n+6) { display: none; }
    body[class*="et-route-blog-"] .et-article-content blockquote { margin-right: 0; margin-left: 0; padding: 22px; }
}

/* Deterministic story art for editorial records without uploaded or linked artwork. */
body.et-route-blog :is(.et-blog-lead-art, .et-blog-stream-art).is-editorial-poster > .et-editorial-poster {
    position: relative;
    isolation: isolate;
    display: flex !important;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    overflow: hidden;
    padding: 15px;
    background: var(--et-editorial-violet);
    color: #fff;
    font-family: var(--et-blog-sans);
    text-align: left;
}
body.et-route-blog .et-editorial-poster::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(142deg, transparent 0 44%, rgba(255,255,255,.22) 44% 62%, transparent 62%);
}
body.et-route-blog .et-editorial-poster::after {
    content: "ET";
    position: absolute;
    right: -8px;
    bottom: -20px;
    z-index: -1;
    color: rgba(255,255,255,.17);
    font-size: 92px;
    font-weight: 1000;
    letter-spacing: -.11em;
}
body.et-route-blog .et-editorial-poster small { font-size: 7px; font-weight: 950; letter-spacing: .14em; }
body.et-route-blog .et-editorial-poster strong { display: -webkit-box; overflow: hidden; font-size: 16px; font-weight: 1000; line-height: .96; letter-spacing: -.045em; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
body.et-route-blog .et-editorial-poster b { width: max-content; border: 1px solid currentColor; padding: 4px 6px; font-size: 7px; letter-spacing: .08em; }
body.et-route-blog .et-blog-lead-art .et-editorial-poster { padding: clamp(24px, 4vw, 48px) !important; }
body.et-route-blog .et-blog-lead-art .et-editorial-poster strong { max-width: 82%; font-size: clamp(34px, 4vw, 66px); -webkit-line-clamp: 5; }
body.et-route-blog .et-blog-lead-art .et-editorial-poster small,
body.et-route-blog .et-blog-lead-art .et-editorial-poster b { font-size: 10px; }
body.et-route-blog .et-editorial-poster.is-cyan { background: var(--et-editorial-cyan) !important; color: #0d0d12 !important; }
body.et-route-blog .et-editorial-poster.is-yellow { background: var(--et-blog-accent) !important; color: #0d0d12 !important; }
body.et-route-blog .et-editorial-poster.is-coral { background: #ff6454 !important; color: #101014 !important; }
body.et-route-blog .et-editorial-poster.is-blue { background: #183cff !important; color: #fff !important; }
body.et-route-blog .et-editorial-poster.is-mint { background: #cffff1 !important; color: #0d0d12 !important; }

@media (max-width: 640px) {
    body.et-route-blog .et-blog-stream-art .et-editorial-poster { padding: 9px !important; }
    body.et-route-blog .et-blog-stream-art .et-editorial-poster strong { font-size: 12px; -webkit-line-clamp: 3; }
    body.et-route-blog .et-blog-stream-art .et-editorial-poster b { display: none; }
}