/* ══════════════════════════════════════════════════════════════════════════
   Studio v3 — the public site (28 Oct 2026, owner: "go through the public
   facing pages and make them have the new design too").

   Every public page shares templates/header-public.php and the D2 skin
   (public-d2.css over et-public-studio.css and friends), which already speaks
   in --d2-* tokens. This sheet is registered after all of them when
   et_studio_v3_on(), and:

     tokens   points --d2-* at the v3 palette and Apple's type (tokens.css)
     shape    rounds what D2 squared: cards 16px, menus 14px, fields 14px,
              buttons and chips as pills, icon tiles and thumbnails 8px
     chrome   no dot field (header-public.php skips its canvas and script),
              a hairline under the header once scrolled, a rounded phone bar

   Same rule as css/v3/write.css and dash.css: the whole file is one
   @layer and every declaration is !important. An important declaration in a
   layer beats every unlayered important one (public-d2.css squares corners
   with `border-radius: 0 !important`), whatever its specificity.
   ══════════════════════════════════════════════════════════════════════════ */
@layer et-v3-pub {

/* ── 1. Tokens ──────────────────────────────────────────────────────────── */
body.v3-pub {
    --d2-page: var(--v3-bg) !important;
    --d2-card: var(--v3-surface) !important;
    --d2-card-2: var(--v3-surface-2) !important;
    --d2-raise: var(--v3-surface-2) !important;
    --d2-raise-hover: #202327 !important;
    --d2-tint: var(--v3-selected) !important;
    --d2-field: var(--v3-surface) !important;
    --d2-field-line: var(--v3-line) !important;
    --d2-line: var(--v3-line) !important;
    --d2-accent: var(--v3-accent) !important;
    --d2-accent-hover: var(--v3-accent-hover) !important;
    --d2-accent-ink: var(--v3-accent-ink) !important;
    --d2-text: var(--v3-text) !important;
    --d2-strong: var(--v3-strong) !important;
    --d2-muted: var(--v3-sec) !important;
    --d2-font: var(--v3-font-text) !important;
    --d2-mono: var(--v3-font-mono) !important;
    --et-hairline: var(--v3-line) !important;
    --et-hairline-strong: var(--v3-line) !important;
    font-family: var(--v3-font-text) !important;
    background: var(--v3-bg) !important;
    color: var(--v3-text) !important;
}

/* Apple's display face and tracking on headings; the page's own sizes stay. */
body.v3-pub :is(h1, h2, h3, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6) {
    font-family: var(--v3-font-display) !important;
    font-weight: 700 !important;
    letter-spacing: var(--v3-tracking-large) !important;
}
body.v3-pub :is(h4, h5, h6) { font-family: var(--v3-font-display) !important; letter-spacing: var(--v3-tracking-title) !important; }
/* Long reading keeps its serif (public-d2.css restores it on these). */
body.v3-pub :is(.blog-content, .et-article-body) :is(p, li, blockquote) { letter-spacing: 0 !important; }

/* ── 2. Chrome ──────────────────────────────────────────────────────────── */
body.v3-pub .et-pub-field,
body.v3-pub .et-masthead-sky,
body.v3-pub .et-masthead-limb,
body.v3-pub .et-atmosphere,
body.v3-pub .et-site-footer__glow { display: none !important; }

body.v3-pub .et-navbar.is-scrolled { background: rgba(0, 0, 0, 0.82) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; backdrop-filter: saturate(180%) blur(20px) !important; box-shadow: inset 0 -1px 0 var(--v3-line) !important; }
body.v3-pub .et-navbar .nav-link { border-radius: var(--v3-r-pill) !important; }
body.v3-pub .et-navbar .nav-link:hover { background: var(--v3-hover) !important; }
/* The page you are on, or the menu that is open, is a filled pill, as X marks it; not D2's underline. */
body.v3-pub .et-navbar .et-navbar-nav > .nav-item > .nav-link::before { display: none !important; }
body.v3-pub .et-navbar .et-navbar-nav > .nav-item > :is(.nav-link.active, .nav-link.show, .nav-link[aria-expanded="true"]) { background: var(--v3-surface-2) !important; color: var(--v3-strong) !important; box-shadow: none !important; border-color: transparent !important; }
body.v3-pub .navbar-toggler { border-radius: var(--v3-r-pill) !important; }

/* Header menus: X's rounded card with its hairline ring. */
body.v3-pub :is(.dropdown-menu, .et-nav-menu-fixed) { border-radius: var(--v3-r-menu) !important; border: 0 !important; box-shadow: var(--v3-shadow-menu) !important; background: var(--v3-bg) !important; overflow: hidden !important; }
body.v3-pub .dropdown-menu .dropdown-item { border-radius: var(--v3-r-small) !important; }
body.v3-pub :is(.et-nav-genre-chips__chip, .et-tools-mega-featured__link, .et-tools-mega-badge) { border-radius: var(--v3-r-pill) !important; }
body.v3-pub :is(.et-tools-mega-link, .et-tools-mega-cats a) { border-radius: var(--v3-r-small) !important; }

/* Phone bar: the dashboard's tab bar, with a pill call to action. */
body.v3-pub .et-pub-bottom-nav { background: rgba(0, 0, 0, 0.9) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; backdrop-filter: saturate(180%) blur(20px) !important; border-top: 1px solid var(--v3-line) !important; }

/* Footer: hairline above, no glow, rounded social tiles. */
body.v3-pub .et-site-footer { background: var(--v3-bg) !important; border-top: 1px solid var(--v3-line) !important; }
body.v3-pub .et-site-footer__divider { background: var(--v3-line) !important; opacity: 1 !important; }
body.v3-pub .et-site-footer__social a { border-radius: var(--v3-r-small) !important; }

/* ── 3. Buttons and chips: pills ────────────────────────────────────────── */
body.v3-pub :is(.btn, .et-btn-scifi, .et-hd-btn, .et-hs-btn, .et-auth-social .btn, .et-auth-social a[class*="__btn"],
    .et-tool-guide-pill, .et-hd-linkchip, .et-tools-quick-strip__link, .et-bcc-prompt-chip, .et-hs__chip, .et-tool-page-hero__links > a,
    .et-cta-btn, .et-invite-cta a, .et-hd-cta, .et-signup-bridge a.btn) {
    border-radius: var(--v3-r-pill) !important;
}
body.v3-pub :is(.btn-et-primary, .et-btn-scifi, .et-hd-btn--primary) { font-weight: 600 !important; box-shadow: none !important; }
/* Ghost and secondary: X's outlined pill rather than D2's grey slab. */
body.v3-pub :is(.btn-et-ghost, .btn-et-secondary, .btn-outline-secondary, .btn-outline-light, .btn-outline-primary, .et-hd-btn--ghost, .et-hs-btn--ghost) {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px var(--v3-line) !important;
    color: var(--v3-text) !important;
}
body.v3-pub :is(.btn-et-ghost, .btn-et-secondary, .btn-outline-secondary, .btn-outline-light, .btn-outline-primary, .et-hd-btn--ghost, .et-hs-btn--ghost):hover { background: var(--v3-hover) !important; }
/* Sign-in providers: X's white-ringed pills. */
body.v3-pub :is(.et-auth-social .btn, .et-auth-social a[class*="__btn"]) { background: transparent !important; box-shadow: inset 0 0 0 1px var(--v3-line) !important; }
body.v3-pub :is(.et-auth-social .btn, .et-auth-social a[class*="__btn"]):hover { background: var(--v3-hover) !important; }

/* Badges, tags and labels: pills. */
body.v3-pub :is(.et-badge, .badge, .et-hd-tag, .cl-badge, .et-hd-chip, .et-invite-label, .et-bcc-ai-text__tag, .et-cc__count, .et-author-milestone-badge, .pr-badge) { border-radius: var(--v3-r-pill) !important; }

/* Segmented tabs (the homepage's start card): v3's segmented control. */
body.v3-pub .et-hs__tabs { border-radius: var(--v3-r-pill) !important; background: var(--v3-surface-2) !important; padding: 3px !important; gap: 2px !important; border: 0 !important; }
body.v3-pub .et-hs__tab { border-radius: var(--v3-r-pill) !important; border: 0 !important; }
body.v3-pub .et-hs__tab.is-on { background: #2A2D31 !important; color: var(--v3-strong) !important; box-shadow: none !important; }

/* ── 4. Fields ──────────────────────────────────────────────────────────── */
body.v3-pub :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select, textarea, .form-control, .form-select, .et-form-control, .et-hs__select, .input-group-text) {
    border-radius: var(--v3-r-field) !important;
}
body.v3-pub :is(.form-control, .form-select, .et-form-control, .et-hs__select):focus { border-color: var(--v3-accent) !important; box-shadow: 0 0 0 1px var(--v3-accent) !important; }
/* An input group is one rounded field: its parts join. */
body.v3-pub .input-group > :not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
body.v3-pub .input-group > :not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
body.v3-pub :is(.et-guides-search, .et-tool-nav-search, .et-tools-hub-controls input) { border-radius: var(--v3-r-pill) !important; }
body.v3-pub :is(.et-guides-search input, .et-tool-nav-search input) { border-radius: var(--v3-r-pill) !important; }
body.v3-pub input[type="checkbox"]:not(.form-switch input) { border-radius: 6px !important; }

/* ── 5. Cards: surface, hairline, 16px ──────────────────────────────────── */
body.v3-pub :is(.et-card, .kb-card, .et-signup-bridge, .et-auth-card, .guide-newsletter-card, .guide-sidebar-panel, .guide-cta-card, .et-guide-offer,
    .et-tool-panel, .et-tool-nav-sidebar, .et-tool-learn__block, .et-tool-faq-item, .et-tool-learn-acc, .et-tool-toolbar, .et-studio-tool-switcher,
    .pr-plan, .pr-facts, .pr-fit__col, .et-hd-panel, .et-hd-composer, .et-hd-coda, .et-hd-faq__item, .et-hd-fold, .et-hd-step, .et-hd-pipe__step,
    .step-card, .genre-item, .export-item, .dl-card, .ab-stat, .ab-card, .et-tool-card, .et-tool-related__card, .et-wl-hero__latest, .et-wl-path__link, .et-wl-topic,
    .et-wt-genre-card, .et-author-story-card, .et-author-empty, .et-author-sidebar, .et-cc__compose, .guide-featured-media, .guide-featured-placeholder,
    .et-tools-hub-controls, .et-bcc-promo__card, .et-bcc-print, .et-bcc-placeholder, .et-bcc-step2-wait, .et-bcc-ai-text, .et-bcc-samples__tile,
    .prompt-example, .kb-tip, .kb-warn, .et-kb-bottom-cta, .et-tools-featured, .et-tools-studio-cta, .et-faq-item, .et-llm-faq details,
    .guides-card-hover, .news-card, .et-news-card, .cl-entry, .et-contact-card, .et-tool-premium-card, .et-hd-callout, .table-responsive, .modal-content, .card) {
    border-radius: var(--v3-r-card) !important;
}
/* The v3 card's hairline (D2's edges all but vanished on the page). Blocks
   nested inside a card stay quiet: no second ring. */
body.v3-pub :is(.et-card, .kb-card, .et-signup-bridge, .guide-newsletter-card, .guide-sidebar-panel, .et-tool-panel, .et-tool-nav-sidebar,
    .pr-plan, .pr-facts, .pr-fit__col, .et-hd-panel, .et-hd-composer, .et-hd-coda, .et-hd-steps, .et-hd-pipe, .step-card, .dl-card, .ab-stat,
    .et-tool-card, .et-tool-related__card, .et-wl-hero__latest, .et-wl-topic, .et-wt-genre-card, .et-author-story-card, .et-tools-hub-controls,
    .et-tool-faq-item, .et-tool-learn__block, .guides-card-hover, .et-faq-item, .et-hd-faq__item) {
    border: 1px solid var(--v3-line) !important;
}
body.v3-pub :is(.et-card, .kb-card, .pr-plan, .et-hd-panel, .et-tool-panel, .guide-sidebar-panel) :is(.et-card, .kb-card, .kb-tip, .step-card, .et-tool-card, .dl-card) { border-color: transparent !important; background: var(--v3-surface-2) !important; }
body.v3-pub .pr-plan--featured { border-color: var(--v3-accent) !important; }
/* The Support launcher floating at the right edge: a pill like every v3 control. */
body.v3-pub :is(.et-support-chat__launcher, .et-support-chat__launcher-close, [class*="et-support-chat__dismiss"]) { border-radius: var(--v3-r-pill) !important; }

/* Images at the top of a rounded card follow its corners. */
body.v3-pub :is(.et-card, .guides-card-hover, .news-card, .et-news-card, .et-author-story-card, .guide-featured-media, .card) { overflow: hidden !important; }
body.v3-pub :is(.guide-featured-media, .guide-featured-media img, .et-article-body img, .blog-content img, figure img) { border-radius: var(--v3-r-card) !important; }
/* Steps in a row read as one strip; the strip is the rounded thing. */
body.v3-pub .et-hd-steps, body.v3-pub .et-hd-pipe { border-radius: var(--v3-r-card) !important; overflow: hidden !important; }
body.v3-pub :is(.et-hd-steps .et-hd-step, .et-hd-pipe .et-hd-pipe__step) { border-radius: 0 !important; }
/* The featured plan keeps its teal ring, rounded. */
body.v3-pub .pr-plan--featured { box-shadow: 0 0 0 1px var(--v3-accent) !important; }

/* Small square things: icon tiles, numbers, thumbnails, quotes, code. */
body.v3-pub :is(.et-tool-card-icon, .dl-icon, .step-num, .et-hd-pipe__num, .et-wl-path__step, .et-hd-composer__mark, .et-tools-mega-head-icon,
    .et-author-story-card__cover, .guide-sidebar-story-cover, .guide-featured-placeholder__icon, .et-tool-nav-link, .et-bcc-typeline__btn, .et-bcc-typeline__add,
    .et-bcc-typeline, pre, code, kbd, .skip-link, .et-copy-btn, .prompt-example .btn) { border-radius: var(--v3-r-small) !important; }
body.v3-pub blockquote { border-radius: 0 var(--v3-r-small) var(--v3-r-small) 0 !important; }
body.v3-pub :is(th, td) { border-radius: 0 !important; }

/* Feature icons drawn on a fill (the section heads' tinted squares). */
body.v3-pub :is(.kb-card, .et-card, .ab-card, .step-card, .genre-item, .export-item, .et-hd-panel) > :is(i.bi, .bi):first-child { border-radius: var(--v3-r-small) !important; }

/* ── 6. Phones ──────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    body.v3-pub :is(.btn, .et-hd-btn) { min-height: 44px !important; }
    /* The homepage composer runs edge to edge on a phone (home-d2.css), as
       Write's editor does: square to the screen, its tabs inset from the edge. */
    body.v3-pub .et-hd-composer { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
    body.v3-pub .et-hd-composer .et-hs__tabs { margin: 12px 16px 0 !important; }
}
@media (max-width: 991.98px) {
    /* Tab bar: the page you are on is teal, no box (the dashboard's tab bar);
       Start is a teal pill. */
    body.v3-pub .et-pub-bottom-nav .et-dash-bottom-nav__item { background: transparent !important; border-top-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
    body.v3-pub .et-pub-bottom-nav :is(.et-dash-bottom-nav__item.active, .et-dash-bottom-nav__item[aria-current="page"]) { color: var(--v3-accent) !important; }
    body.v3-pub .et-pub-bottom-nav .et-dash-bottom-nav__item--cta :is(i, .bi) { border-radius: var(--v3-r-pill) !important; width: 3rem !important; }
}

/* ── 7. Polish (owner, 29 Oct 2026: "the public pages … look very clunky") ── */

/* Signed-in header: X's account pill. A round avatar inside a round trigger;
   et-public-studio.css squared the avatar and framed it, so it stuck out. */
body.v3-pub .et-navbar .et-nav-user-trigger { height: 40px !important; padding: 4px 12px 4px 4px !important; gap: 8px !important; border-radius: var(--v3-r-pill) !important; background: transparent !important; box-shadow: inset 0 0 0 1px var(--v3-line) !important; color: var(--v3-text) !important; }
body.v3-pub .et-navbar .et-nav-user-trigger:hover,
body.v3-pub .et-navbar .et-nav-user-trigger[aria-expanded="true"] { background: var(--v3-hover) !important; }
body.v3-pub .et-navbar .et-nav-avatar,
body.v3-pub .et-navbar .et-nav-user-trigger:hover .et-nav-avatar,
body.v3-pub .et-navbar .et-nav-user-trigger[aria-expanded="true"] .et-nav-avatar { border-radius: 50% !important; border: 0 !important; box-shadow: none !important; background: var(--v3-accent-tint) !important; color: var(--v3-accent) !important; font-size: 14px !important; font-weight: 600 !important; transform: none !important; }
body.v3-pub .et-navbar .et-nav-avatar img { border-radius: 50% !important; }
body.v3-pub .et-navbar .et-nav-user-name { max-width: 150px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: var(--v3-fs-subhead) !important; font-weight: 600 !important; }
body.v3-pub .et-navbar .et-nav-user-chevron { font-size: 11px !important; color: var(--v3-sec) !important; }
/* Its menu: one row height, one icon size, Log out in the text colour. */
body.v3-pub .et-nav-user-menu { min-width: 220px !important; padding: 6px !important; }
body.v3-pub .et-nav-user-menu .dropdown-item { min-height: 40px !important; padding: 8px 12px !important; gap: 12px !important; font-size: var(--v3-fs-body) !important; font-weight: 500 !important; line-height: 1.3 !important; color: var(--v3-text) !important; }
body.v3-pub .et-nav-user-menu .dropdown-item:hover,
body.v3-pub .et-nav-user-menu .dropdown-item:focus-visible { background: var(--v3-surface-2) !important; color: var(--v3-strong) !important; }
body.v3-pub .et-nav-user-menu .dropdown-item .bi { width: 18px !important; font-size: 16px !important; text-align: center !important; color: var(--v3-sec) !important; }
body.v3-pub .et-nav-user-menu .dropdown-divider { margin: 6px 4px !important; border-color: var(--v3-line) !important; opacity: 1 !important; }

/* Support launcher: its hide and show buttons are circles beside the pill, not squares. */
/* No display here: support-chat.css and the phone sheet decide when each shows. */
body.v3-pub :is(.et-support-chat__hide, .et-support-chat__show) { width: 32px !important; height: 32px !important; min-width: 32px !important; padding: 0 !important; align-items: center !important; justify-content: center !important; align-self: center !important; border-radius: 50% !important; border: 0 !important; background: var(--v3-bg) !important; box-shadow: inset 0 0 0 1px var(--v3-line) !important; color: var(--v3-sec) !important; }
body.v3-pub :is(.et-support-chat__hide, .et-support-chat__show):hover { background: var(--v3-hover) !important; color: var(--v3-strong) !important; }

/* New / Updated on tool cards: small pills inset from the corner, in the text face. */
body.v3-pub :is(.et-tool-card-badge, .et-sidebar-tool-badge, .et-tool-nav-badge) { border-radius: var(--v3-r-pill) !important; border: 0 !important; padding: 2px 8px !important; font-family: var(--v3-font-text) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: none !important; line-height: 1.4 !important; }
body.v3-pub .et-tool-card-badge { top: 14px !important; right: 14px !important; }
body.v3-pub :is(.et-tool-card-badge--new, .et-sidebar-tool-badge--new, .et-tool-nav-badge--new) { background: var(--v3-accent-tint) !important; color: var(--v3-accent) !important; box-shadow: none !important; }
body.v3-pub :is(.et-tool-card-badge--updated, .et-sidebar-tool-badge--updated, .et-tool-nav-badge--updated) { background: var(--v3-surface-2) !important; color: var(--v3-sec) !important; box-shadow: none !important; }

/* Guide tags: the filter row is a row of pills; on a card they are quiet pills. */
body.v3-pub .et-guide-tag { min-height: 0 !important; margin: 0 6px 6px 0 !important; padding: 3px 10px !important; border-radius: var(--v3-r-pill) !important; background: var(--v3-surface-2) !important; font-family: var(--v3-font-text) !important; font-size: var(--v3-fs-caption) !important; letter-spacing: 0 !important; color: var(--v3-sec) !important; text-decoration: none !important; }
body.v3-pub .et-guides-tag-filters .et-guide-tag { min-height: 32px !important; padding: 6px 14px !important; font-size: var(--v3-fs-footnote) !important; font-weight: 500 !important; color: var(--v3-text) !important; background: transparent !important; box-shadow: inset 0 0 0 1px var(--v3-line) !important; }
body.v3-pub a.et-guide-tag:hover { background: var(--v3-hover) !important; color: var(--v3-strong) !important; text-decoration: none !important; }
body.v3-pub .et-guides-tag-filters { justify-content: flex-start !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; max-width: none !important; margin: 0 !important; }
body.v3-pub .et-guides-tag-filters .et-guide-tag { margin: 0 !important; }
body.v3-pub .et-guides-tag-filters__row { justify-content: flex-start !important; }
/* The column above sizes its children to their content, so on a phone the row
   grew to every tag's width (1,438px) and the page scrolled sideways (31 Oct
   2026). It keeps the screen's width and scrolls inside it. */
body.v3-pub .et-guides-tag-filters__row { align-self: stretch !important; max-width: 100% !important; min-width: 0 !important; }
body.v3-pub .et-guides-tag-filters .et-guide-tag--active { background: var(--v3-strong) !important; color: #000 !important; box-shadow: none !important; }

/* Pricing: the five facts sit in one row on a desktop, not four and an orphan. */
@media (min-width: 992px) {
    body.v3-pub .pr-facts { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; padding: 16px 20px !important; gap: 16px !important; }
}

/* Tools hub: the search and the category pills sit inside their card, not on its edge. */
body.v3-pub .et-tools-hub-controls { padding: 12px !important; }
body.v3-pub .et-tools-hub-controls .row { margin: 0 !important; --bs-gutter-x: 0 !important; row-gap: 12px !important; }

/* Phones: Popular tools is one scrolling row inside the gutter (public-d2.css zeroed
   its padding but kept the bleed margin, so the pills touched the screen edge). */
@media (max-width: 767.98px) {
    body.v3-pub .et-tools-quick-strip { flex-wrap: nowrap !important; overflow-x: auto !important; padding: 0 calc(var(--cui-gutter-x, 1.5rem) * 0.5) 4px !important; }
}

/* News list thumbnails follow the rounded cards. */
body.v3-pub :is(.et-newshub__thumb, .et-newshub__thumb img, .et-newshub__thumb picture, .et-news-more__thumb, .et-news-more__thumb img, .guide-sidebar-story-cover, .guide-sidebar-story-cover img) { border-radius: var(--v3-r-small) !important; overflow: hidden !important; }

/* Genre pages: four heat levels as two by two, not three and one. */
@media (min-width: 576px) {
    body.v3-pub .heat-levels { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
body.v3-pub :is(.heat-card, .subgenre-item) { border-radius: var(--v3-r-small) !important; }

/* Footer: one-colour icons in round rings, brand colour on hover only. */
body.v3-pub .et-site-footer__social a { width: 36px !important; height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; border: 0 !important; background: transparent !important; box-shadow: inset 0 0 0 1px var(--v3-line) !important; color: var(--v3-sec) !important; }
body.v3-pub .et-site-footer__social a :is(i, svg, svg *, .et-soc-icon) { color: inherit !important; fill: currentColor !important; }
body.v3-pub .et-site-footer__social a .et-soc-icon { background-color: currentColor !important; }
body.v3-pub .et-site-footer__social a img { filter: grayscale(1) brightness(1.6) !important; opacity: 0.75 !important; }
body.v3-pub .et-site-footer__social a:hover { background: var(--v3-hover) !important; color: var(--soc, var(--v3-strong)) !important; }
body.v3-pub .et-site-footer__social a:hover img { filter: none !important; opacity: 1 !important; }

/* Homepage, signed in: Continue "<long title>" stays one line. */
body.v3-pub .et-hd-resume__go { max-width: 100% !important; }
body.v3-pub .et-hd-resume__label { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

}