/* ============================================================================
   COMPONENT: homepage content widgets (A4) - SKIN tier - from site-topimpressionists-V2.0.css, original order
   Migrated 2026-07-06. Every rule whose selector targets a widget-exclusive
   class (widget-*, adc-artcard*, oua-artcard, exa-widget-grid, swiper_class,
   w-img-fill) - these classes render only in templates/includes/widgets/*
   and on the 8 homepage templates. Structure tier = static/css/widgets-base.css
   (pre-existing, base-linked x8). PHASE-A FIDELITY: verbatim relocation;
   tokenization is a recorded follow-up. Do not edit without a harness diff.
   ========================================================================= */

/* I1 @layer reconciliation (2026-07-09): our own low-specificity global tag
   selectors — `p{font-size:16px}` (core-V2.1.css) and `H1,H2,H3{font-size:
   29px;line-height:38px}` (base-topimpressionists-V2.1.css) — now
   unconditionally beat Bootstrap's higher-specificity but layered `.small`/
   `.h3` typography classes some widget titles/captions rely on for sizing.
   TI's homepage has no shared wrapper class (unlike APS/WK's
   `.homepage-site-widgets`), so this is scoped to `main` instead — safe
   here because this stylesheet is only ever loaded on the TI homepage.
   Same technique as homepage-content-widgets--allpaintingsstore.css: see
   that file for the full rationale on why `:where()` scoping + tie-by-
   source-order (not `!important`/`unset`) is what actually works here. */
:where(main) .small {
  font-size: 0.875em;
}
:where(main) .h3 {
  font-size: 1.75rem;
  line-height: 1.2;
}

.widget-famous-artwork-day {
    background: var(--ti-linen);
    border-color: var(--ti-rule);
    border-radius: 2px;
    box-shadow: 0 4px 20px -8px rgba(42, 36, 56, 0.12);
}

.widget-famous-artwork-day__heading {
    font-family: var(--ti-f-display);
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    font-weight: 400;
    color: var(--ti-ink);
    letter-spacing: -0.005em;
}

.widget-famous-artwork-day__figure {
    border-radius: 0;
    border: 0.5px solid var(--ti-rule);
    background: var(--ti-shadow-c);
}

.widget-famous-artwork-day__meta {
    font-family: var(--ti-f-edit);
    font-size: 15px;
    line-height: 1.65;
    color: var(--ti-ink-mute);
    font-style: italic;
}

.widget-museum-4 {
    background: var(--ti-linen);
    border-color: var(--ti-rule);
    border-radius: 2px;
}

.widget-artist-spotlight-slider-movement__portrait {
                        position: relative;
                        display: block;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        border-radius: 0;
                        background: var(--shadow);
                        border: 0.5px solid var(--rule);
                        transition: box-shadow 0.3s;
                    }

.widget-artist-spotlight-slider-movement {
        background: var(--gesso);
        box-shadow: var(--shadow-md);
    }
/* In `@layer important-pins` (declared before Bootstrap's `vendor` layer in
   vendor-layers.css): fights Bootstrap's `.border`/`.rounded-*` utilities,
   which are themselves `!important` — per the @layer + `!important`
   reversal rule, an unlayered `!important` can no longer beat them on
   specificity alone once Bootstrap is layered. */
@layer important-pins {
  .widget-artist-spotlight-slider-movement {
    border: 0.5px solid var(--rule) !important;
    border-radius: 2px !important;
  }
}

.widget-artist-spotlight-slider-movement__portrait:hover {
        box-shadow: var(--shadow-lg);
    }

.widget-artist-spotlight-slider-movement__portrait::after {
        content: "";
        position: absolute;
        inset: 0;
        outline: 0.5px solid rgba(199, 190, 168, 0.3);
        outline-offset: -5px;
        pointer-events: none;
        z-index: 2;
    }

.widget-artist-spotlight-slider-movement__title {
        font-family: var(--f-display);
        font-size: clamp(18px, 2vw, 26px);
        font-weight: 400;
        color: var(--ink);
        letter-spacing: -0.005em;
        margin-top: 0.75rem;
        line-height: 1.1;
    }

.widget-artist-spotlight-slider-movement .text-muted {
        font-family: var(--f-mono);
        font-size: 9.5px;
        letter-spacing: 0.16em;
    }
/* In `@layer important-pins` (declared before Bootstrap's `vendor` layer in
   vendor-layers.css): this element also carries Bootstrap's `.text-muted`
   utility, which is itself `!important` — per the @layer + `!important`
   reversal rule, an unlayered `!important` can no longer beat it on
   specificity alone once Bootstrap is layered. */
@layer important-pins {
  .widget-artist-spotlight-slider-movement .text-muted {
    color: var(--ink-mute) !important;
  }
}

.widget-artist-spotlight-slider-movement__bio {
        font-family: var(--f-edit);
        font-size: 15px;
        line-height: 1.65;
        color: var(--ink-soft);
    }

.widget-artist-spotlight-slider-movement .artist_slid_box {
        border: 0.5px solid var(--rule);
        border-radius: 0;
        background: var(--paper) !important; /* keep-important: de-escalation triage 2026-07-07 -- brand skin override for widget-artist-spotlight-slider-movement scope; loses to an un-de-escalated competitor when unasserted (measured regression) */
        overflow: hidden;
    }

.widget-artist-spotlight-slider-movement .view_all_art {
        font-family: var(--f-edit);
        font-size: 12.5px;
        font-style: italic;
        color: var(--ink-soft);
        padding: 8px 10px;
        line-height: 1.35;
    }

.widget-artist-spotlight-slider-movement .view_all_art a {
        color: var(--ink) !important; /* keep-important: de-escalation triage 2026-07-07 -- brand skin override for widget-artist-spotlight-slider-movement scope; loses to an un-de-escalated competitor when unasserted (measured regression) */
        text-decoration: none;
        transition: color 0.2s;
    }

.widget-artist-spotlight-slider-movement .view_all_art a:hover {
        color: var(--plein) !important;
    }

.widget-artist-spotlight-slider-movement .vincent_color {
        font-family: var(--f-mono) !important; /* keep-important: de-escalation triage 2026-07-07 -- brand skin override for widget-artist-spotlight-slider-movement scope; loses to an un-de-escalated competitor when unasserted (measured regression) */
        font-size: 9px !important; /* keep-important: de-escalation triage 2026-07-07 -- brand skin override for widget-artist-spotlight-slider-movement scope; loses to an un-de-escalated competitor when unasserted (measured regression) */
        letter-spacing: 0.12em !important; /* keep-important: de-escalation triage 2026-07-07 -- brand skin override for widget-artist-spotlight-slider-movement scope; loses to an un-de-escalated competitor when unasserted (measured regression) */
        text-transform: uppercase;
        color: var(--ink-faint);
        margin-bottom: 3px;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__left {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__copy {
        flex: 1;
        min-width: 0;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__portrait-col {
        width: 168px;
        max-width: 100%;
        flex-shrink: 0;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__portrait {
        position: relative;
        display: block;
        width: 100%;
        height: 220px;
        min-height: 220px;
        max-height: 220px;
        overflow: hidden;
        aspect-ratio: auto;
        background: var(--shadow);
        border: 0.5px solid var(--rule);
    }

.widget-artist-spotlight-slider-impressionism-12-ti__portrait img {
        position: static;
        inset: auto;
        width: 100%;
        height: 220px;
        object-fit: cover;
        object-position: center center;
        display: block;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__title {
        position: static;
        margin: 0 0 0.5rem;
        padding: 0;
        font-family: var(--f-display);
        font-size: clamp(14px, 1.6vw, 20px);
        font-weight: 400;
        line-height: 1.15;
        color: var(--ink);
        letter-spacing: -0.005em;
        background: none;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__artist-name {
        margin-top: 0.5rem;
        margin-bottom: 0;
        width: 100%;
        line-height: 1.3;
        text-align: center;
    }

.widget-artist-spotlight-slider-impressionism-12-ti__artist-name a:hover {
        color: var(--plein) !important;
    }

.widget-museum-4p__title-line { color: #111; }

.widget-museum-4__label,.widget-museum-6h__label,.widget-museum-single__caption,.widget-artist-spotlight__art-title,.widget-pop10__art-title,.widget-famous10__art-title {
  font-family: var(--font-title, inherit);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: none;
  font-style: normal;
  font-synthesis: none;
}

/* ── A4 second pass (2026-07-06): widget ROOT-class rules (roots are set on the
   homepage markup, so they escaped the widget-exclusive census) ── */

.widget-mov-4-slider,.widget-mpl-slider {
    background: var(--ti-paper);
    border-color: var(--ti-rule);
    border-radius: 2px;
    box-shadow: var(--shadow-sm);
}

.widget-mov-4-slider__portrait {
    background: var(--ti-paper);
    border-radius: 0;
    border: 0.5px solid var(--ti-rule);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
    position: relative;
}

.widget-mov-4-slider__portrait::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 10px solid var(--ti-paper);
    z-index: 2;
    pointer-events: none;
}

.widget-mov-4-slider__portrait .w-overlay-bottom {
    z-index: 3;
    background: linear-gradient(
        to top,
        rgba(42, 36, 56, 0.72) 0%,
        transparent 100%
    );
}

.widget-mov-4-slider__name {
    font-family: var(--ti-f-edit);
    font-style: italic;
    font-size: 12.5px;
    color: #fff;
    letter-spacing: 0.02em;
    font-weight: 400;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.widget-mov-4-slider__head {
    font-family: var(--ti-f-display);
    font-size: clamp(1.25rem, 2.4vw, 1.85rem);
    font-weight: 400;
    color: var(--ti-ink);
    letter-spacing: -0.005em;
    line-height: 1.15;
}

.widget-mov-4-slider__head strong {
    display: block;
    font-family: var(--font-title-accent);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--ti-ochre);
    margin-bottom: 0.5rem;
}

.widget-mov-4-slider__cta,.widget-mpl-slider__cta {
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--ti-ink);
    border-bottom: 0.5px solid var(--ti-ink);
    padding-bottom: 3px;
    text-decoration: none;
    transition:
        color 0.25s,
        border-color 0.25s;
}

.widget-mov-4-slider__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.widget-mov-4-slider__cta:hover,.widget-mpl-slider__cta:hover {
    color: var(--ti-plein) !important;
    border-color: var(--ti-plein) !important;
    text-decoration:none;
}

.widget-mov-4-slide-img-wrap {
    outline: 4px solid var(--ti-paper);
    outline-offset: -5px;
    background: var(--ti-shadow-c);
    border: 0.5px solid var(--ti-rule);
    overflow: hidden;
}

.widget-mov-4-slide-img-wrap {
    position: relative;
}

.widget-mpl-slider__title {
    font-family: var(--ti-f-display);
    font-size: clamp(1.4rem, 2.8vw, 2rem);
    font-weight: 400;
    color: var(--ti-ink);
    letter-spacing: -0.005em;
    line-height: 1.1;
}

.widget-mpl-slider .small.text-muted {
    font-family: var(--ti-f-edit);
    font-style: italic;
    font-size: 15px;
    color: var(--ti-ink-mute);
}

.widget-stf {
    background: var(--ti-paper);
    border-color: var(--ti-rule);
    border-radius: 2px;
}

.widget-identify-masterpiece,.widget-quiz-artist {
    background: var(--ti-gesso);
    border-color: var(--ti-rule);
    border-radius: 2px;
}

.widget-curated-choice {
    background: var(--ti-paper);
    border-color: var(--ti-rule);
    border-radius: 2px;
}

.widget-mov-4-slide-label {
    background: rgba(42, 36, 56, 0.6);
    font-family: var(--font-title-accent);
    font-size: 9px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
    padding: 0.28em 0.7em;
}

.widget-mov-4-slider p.small,.widget-mpl-slider p.small {
    font-family: var(--ti-f-edit);
    font-size: 15px;
    font-style: italic;
    color: var(--ti-ink-mute);
    line-height: 1.6;
}

.widget-imp10 {
                        background: var(--gesso);
                        box-shadow: var(--shadow-md);
                    }
/* In `@layer important-pins` (declared before Bootstrap's `vendor` layer in
   vendor-layers.css): fights Bootstrap's `.border`/`.rounded-*` utilities,
   which are themselves `!important` — per the @layer + `!important`
   reversal rule, an unlayered `!important` can no longer beat them on
   specificity alone once Bootstrap is layered. */
@layer important-pins {
  .widget-imp10 {
    border: 0.5px solid var(--rule) !important;
    border-radius: 2px !important;
  }
}

.widget-imp10__portrait-wrap {
                        position: relative;
                        display: block;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        background: var(--ink);
                        border-radius: 0;
                        text-decoration: none;
                        border: 0.5px solid var(--rule);
                    }

.widget-imp10__portrait-wrap img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        transition: transform 0.6s ease;
                    }

.widget-imp10__portrait-wrap:hover img {
                        transform: scale(1.04);
                    }

.widget-imp10__portrait-name {
                        padding: 0.5rem 0.65rem;
                        font-family: var(--f-edit);
                        font-size: 14px;
                        font-style: italic;
                        font-weight: 500;
                        line-height: 1.25;
                        color: var(--gesso);
                    }

.widget-imp10__movement-title {
                        font-family: var(--f-display);
                        font-size: clamp(20px, 2.2vw, 30px);
                        font-weight: 400;
                        letter-spacing: -0.005em;
                        color: var(--ink);
                        margin-bottom: 0.4rem;
                        line-height: 1.05;
                    }

.widget-imp10__movement-title a {
                        color: var(--ink);
                        text-decoration: none;
                        transition: color 0.2s;
                    }

.widget-imp10__movement-title a:hover,.widget-imp10__movement-title a:focus {
                        color: var(--plein);
                    }

.widget-imp10__cta-text {
                        font-family: var(--f-edit);
                        font-size: 15px;
                        color: var(--ink-soft);
                        margin-bottom: 0.75rem;
                        line-height: 1.6;
                    }

.widget-imp10__art-tile,.widget-museum-6p__cell {
                        position: relative;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        border-radius: 0 !important; /* keep-important: de-escalation triage 2026-07-07 -- beats un-de-escalated base-topimpressionists-V2.1.css generic [class^="widget-museum"] rule */
                        background: var(--shadow);
                        border: 0.5px solid var(--rule-soft);
                        transition: box-shadow 0.3s;
                    }

.widget-imp10__art-tile {
                        display: block;
                        text-decoration: none;
                    }

.widget-imp10__art-tile:hover {
                        box-shadow: var(--shadow-hover-md);
                    }

.widget-imp10__art-tile img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        transition: transform 0.5s ease;
                    }

.widget-imp10__art-tile:hover img {
                        transform: scale(1.015);
                    }

.widget-imp10__art-meta {
                        padding: 0.35rem 0.1rem 0;
                    }

.widget-imp10__art-title {
                        font-family: var(--f-edit);
                        font-size: 12.5px;
                        font-style: italic;
                        color: var(--ink);
                        line-height: 1.3;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                    }

.widget-imp10__art-artist {
                        font-family: var(--f-mono);
                        font-size: 9.5px;
                        letter-spacing: 0.08em;
                        color: var(--ink-mute);
                        line-height: 1.3;
                        text-transform: uppercase;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-top: 2px;
                    }

.widget-imp10__art-artist a {
                        color: inherit;
                        text-decoration: none;
                        transition: color 0.2s;
                    }

.widget-imp10__art-artist a:hover {
                        color: var(--plein);
                    }

.widget-artist-otd5 {
                        background: var(--paper);
                        border: 0.5px solid var(--rule);
                        border-radius: 2px !important; /* keep-important: de-escalation triage 2026-07-07 -- loses to an un-de-escalated competitor when unasserted (measured regression) */
                        box-shadow: var(--shadow-md);
                    }

.widget-artist-otd5__left {
                        min-width: 0;
                    }

.widget-artist-otd5__title {
                        font-family: var(--ti-f-display);
                        font-size: clamp(1.2rem, 2.4vw, 1.7rem);
                        font-weight: 400;
                        color: var(--ti-ink);
                        letter-spacing: -0.005em;
                    }

.widget-artist-otd5__media {
                        position: relative;
                        display: block;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        border-radius: 0;
                        background: var(--shadow);
                        border: 0.5px solid var(--rule);
                        transition: box-shadow 0.3s;
                    }

.widget-artist-otd5__media:hover {
                        box-shadow: 0 12px 36px -10px rgba(42, 36, 56, 0.2);
                    }

.widget-artist-otd5__media::after {
                        content: "";
                        position: absolute;
                        inset: 0;
                        outline: 0.5px solid rgba(199, 190, 168, 0.35);
                        outline-offset: -4px;
                        pointer-events: none;
                        z-index: 2;
                    }

.widget-artist-otd5__art {
                        position: relative;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        margin: 0;
                        border: 0.5px solid var(--rule-soft);
                        border-radius: 0;
                        background: var(--shadow);
                    }

.widget-artist-otd5__art > a {
                        display: block;
                        position: relative;
                        width: 100%;
                        height: 100%;
                        min-height: 0;
                    }

.widget-artist-otd5__art-title {
                        font-family: var(--f-ui);
                        font-size: 9px;
                        font-weight: 600;
                        letter-spacing: 0.1em;
                        text-transform: uppercase;
                    }

.widget-article-kw,.widget-museum-6p {
                        border: 0.5px solid var(--rule);
                        box-shadow: var(--shadow-md);
                    }
/* In `@layer important-pins` (declared before Bootstrap's `vendor` layer in
   vendor-layers.css) — SAME layer as the `[class^="widget-museum"]` rule in
   base-topimpressionists-V2.1.css it must keep beating: per the @layer +
   `!important` reversal rule, once that base rule moved into this layer to
   beat Bootstrap, this widget-specific override (which used to win on
   higher specificity) needs to be in the same layer too, so the tie is
   still broken by normal source order (this file loads after the base
   file, so it still wins, exactly as before). */
@layer important-pins {
  .widget-article-kw,.widget-museum-6p {
    background: var(--paper) !important;
    border-radius: 2px !important;
  }
}

.widget-article-kw__cell {
                        position: relative;
                        width: 100%;
                        aspect-ratio: 1;
                        overflow: hidden;
                        border-radius: 0;
                        background: var(--shadow);
                        border: 0.5px solid var(--rule);
                        transition:
                            box-shadow 0.3s,
                            transform 0.3s;
                    }

.widget-article-kw__cell:hover {
                        box-shadow: var(--shadow-lg);
                        transform: translateY(-2px);
                    }

.widget-article-kw__cell a {
                        display: block;
                        width: 100%;
                        height: 100%;
                        position: relative;
                    }

.widget-article-kw__cell--wide {
                        aspect-ratio: 16 / 9;
                    }

.widget-rts-slider__badge {
                        display: inline-block;
                        font-family: var(--f-mono);
                        font-size: 9px;
                        font-weight: 500;
                        letter-spacing: 0.18em;
                        text-transform: uppercase;
                        padding: 6px 12px;
                        border-radius: 0;
                        background: var(--ink);
                        color: var(--gesso);
                        margin-bottom: 4px;
                    }

.widget-rts-slider .artist_slid_box {
                        border: 0.5px solid var(--rule);
                        border-radius: 0;
                        background: var(--paper);
                        overflow: hidden;
                    }

.widget-rts-slider .artist_slid_box .view_all_art {
                        font-family: var(--f-edit);
                        font-size: 12.5px;
                        font-style: italic;
                        color: var(--ink-soft);
                        padding: 8px 10px;
                        line-height: 1.35;
                        margin-top: 0;
                    }

.widget-rts-slider .artist_slid_box .view_all_art a {
                        color: var(--ink);
                        text-decoration: none;
                        transition: color 0.2s;
                    }

.widget-rts-slider .artist_slid_box .view_all_art a:hover {
                        color: var(--plein);
                    }

.widget-rts-slider .swp_btn {
                        background: var(--paper);
                        border: 0.5px solid var(--rule);
                    }

.widget-museum-6p {
                        --widget-museum-6p-accent: var(--ochre);
                    }

.widget-museum-6p__title {
                        font-family: var(--f-display);
                        font-weight: 400;
                        color: var(--ink);
                        letter-spacing: -0.005em;
                        line-height: 1.1;
                    }

.widget-museum-6p__title-line2 {
                        color: var(--ochre);
                    }

.widget-museum-6p__cta {
                        background: var(--plein) !important; /* keep-important: de-escalation triage 2026-07-07 -- beats page-homepage--topimpressionists.css un-de-escalated .wa-btn{background:var(--ink)!important} */
                        border: 0 !important; /* keep-important:de-escalation triage 2026-07-07 -- loses to an un-de-escalated competitor when unasserted (measured regression) */
                        color: var(--ink);
                        font-family: var(--f-ui);
                        font-weight: 600;
                        letter-spacing: 0.14em !important; /* keep-important: de-escalation triage 2026-07-07 -- beats page-homepage--topimpressionists.css un-de-escalated .wa-btn{letter-spacing:0.18em!important} */
                        font-size: 11px;
                        border-radius: 2px;
                        text-transform: uppercase;
                        transition: background 0.25s;
                    }

.widget-museum-6p__cta:hover,.widget-museum-6p__cta:focus {
                        background: var(--ochre) !important;
                        color: var(--gesso) !important;
                    }

.widget-museum-6p__museum-img {
                        position: relative;
                        display: block;
                        width: 100%;
                        border-radius: 0 !important; /* keep-important: de-escalation triage 2026-07-07 -- beats un-de-escalated base-topimpressionists-V2.1.css generic [class^="widget-museum"] rule */
                        overflow: hidden;
                        aspect-ratio: 280 / 319;
                        min-height: 10rem;
                        background: var(--shadow);
                        border: 0.5px solid var(--rule);
                    }

.widget-museum-6p__museum-img::after {
                        content: "";
                        position: absolute;
                        inset: 0;
                        outline: 0.5px solid rgba(199, 190, 168, 0.3);
                        outline-offset: -5px;
                        pointer-events: none;
                        z-index: 2;
                    }

.widget-museum-6p__cell {
                        margin: 0;
                    }

.widget-museum-6p__cell:hover {
                        box-shadow: var(--shadow-hover-sm);
                    }

.widget-museum-6p__cell > a {
                        display: block;
                        width: 100%;
                        height: 100%;
                        position: relative;
                    }

.widget-museum-6p__label {
                        font-family: var(--f-edit);
                        font-size: 11px;
                        font-style: italic;
                        line-height: 1.2;
                        padding: 0.2rem 0.35rem;
                        text-align: center;
                        color: var(--ink);
                    }

.widget-museum-6p__meta {
                        font-family: var(--f-edit);
                        font-size: 15px;
                        line-height: 1.6;
                        color: var(--ink-soft);
                    }

.widget-rts-slider {
        background: var(--gesso);
        border: 0.5px solid var(--rule);
        border-radius: 2px !important; /* keep-important: de-escalation triage 2026-07-07 -- loses to an un-de-escalated competitor when unasserted (measured regression) */
        box-shadow: var(--shadow-md);
    }

.widget-imp10 {
        scroll-margin-top: 120px;
    }

.widget-museum-6p__cta.wa-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: auto;
        white-space: normal;
        line-height: 1.35;
        padding-top:14px;
        padding-bottom:14px;
    }

.widget-mpl__part { border-color: var(--mpl-border, var(--g400, #e0d8cc)); }

.widget-mpl__panel,.widget-mpl__min-h-panel { min-height: 14rem; }

.widget-mpl__min-h-half { min-height: 7rem; }

.widget-mpl__min-h-sm { min-height: 3.5rem; }

.widget-mpl__col-quarter { width: 25%; min-width: 0; }

.widget-mpl__col-half { width: 50%; min-width: 0; }

.widget-stf__header-band { letter-spacing: 0.04em; }

.widget-museum-6p__placeholder { min-height: 10rem; }

.widget-museum-4p__title { font-weight: 700; color: #111; }

.widget-museum-4p__meta { line-height: 1.5; color: #111; }

.widget-dqf__question { color: #111; line-height: 1.4; }

.widget-dqf__meta { color: #111; line-height: 1.45; }

@media (max-width: 991.98px) {
  .widget-mpl__col-quarter,.widget-mpl__col-half { width: 100%; }

  .widget-mpl__panel,.widget-mpl__min-h-panel { min-height: 10rem; }

  .widget-mpl__min-h-half { min-height: 6rem; }

}
@media (max-width: 767.98px) {
  .widget-imp10__movement-title { font-size: clamp(18px, 5vw, 24px); }

}
.widget-artist-otd5__overlay {
          padding: 0.55rem 0.7rem;
          font-family: var(--f-edit);
          font-style: italic;
          font-size: 14px;
          line-height: 1.3;
          color: var(--gesso);
        }

.widget-artist-otd5__overlay .wa-heading-card {
          font-family: var(--f-display);
          font-size: 20px;
          color: var(--gesso);
          font-style: normal;
          letter-spacing: -0.005em;
        }

.widget-article-kw__meta {
          z-index: 2;
          padding: 0.5rem 0.6rem 0.6rem;
          max-height: 55%;
          overflow: hidden;
          font-family: var(--f-edit);
          font-size: 13.5px;
          font-style: italic;
          line-height: 1.45;
          font-weight: 400;
          text-align: left;
          display: -webkit-box;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
          color: var(--gesso);
        }

.widget-stf__label,.widget-stf__label a,.widget-mpl__category,.widget-mpl__category a,.widget-mpl__caption,.widget-mpl__caption a,.widget-tf-static__category,.widget-tf-static__category a,.widget-recent-own-static__category,.widget-recent-own-static__category a,.widget-stock-ready-static__category,.widget-stock-ready-static__category a,.widget-museum-4p__label,.widget-museum-6p__label,.widget-artist-otd5__label,.widget-artist-otd5__art-title,.widget-curated-choice__label,.widget-curated-choice__label--hero,.widget-curated-choice__label--small,.widget-imp10__art-title,.widget-quiz-artwork__caption {
  font-family: var(--font-title, inherit);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: none;
  font-style: normal;
  font-synthesis: none;
}