/* ============================================================================
   PAGE FAMILY: artwork info scope (B5) — SKIN tier — from site-wikioo-V2.0.css, original order
   Migrated 2026-07-05. Scope: .art_info_section — artwork_info + artwork_diaporama
   + artists group_by_alphabet / start_by_letter (they reuse the scope).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.wikioo-main-content .art_info_section {
    width: 100%;
    max-width: none;
    padding: var(--sp-8) var(--sp-5) 0;
    box-sizing: border-box;
}

.art_info_section .historicle_box,
.art_info_section .historicle_box a { color: var(--ink-soft, #494949); text-decoration: none; }

.art_info_section .historicle_box h1,
.art_info_section .historicle_box h2,
.art_info_section .historicle_box h3 { color: var(--ink, #1c1c1c); }

.art_info_section {
    --wk-bg:      var(--page, #ffffff);
    --wk-band:    var(--accent-tint, #f2f2f2);
    --wk-ink:     var(--ink, #1c1c1c);
    --wk-ink-2:   var(--ink-soft, #494949);
    --wk-ink-3:   var(--muted, #8a8a8a);
    --wk-line:    var(--line, #e6e6e6);
    --wk-line-2:  var(--line-strong, #d6d6d6);
    --wk-body:    var(--font-body);
    --wk-display: var(--font-title);
}

.art_info_section .breadcrumb-navigation-list li,
.art_info_section .breadcrumb-navigation-list a,
.art_info_section .breadcrumb-current-page-item {
    color: var(--wk-ink);
    font-family: var(--wk-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
}

.art_info_section .breadcrumb-current-page-item {
    opacity: 1;
    color: var(--wk-ink-2);
}

.art_info_section .heading_text {
    color: var(--wk-ink);
    font-family: var(--wk-display);
    font-size: clamp(22px, 2.5vw, 28px);
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
    margin: 0 0 20px;
}

.art_info_section .alphabet_box .alpha_letter {
    border-color: var(--wk-line-2, #d6d6d6);
    color: var(--wk-ink, #1c1c1c);
    font-family: var(--wk-display, 'Newsreader', Georgia, serif);
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0.04em;
}

.art_info_section .alphabet_box .alpha_letter:last-child {
    border-right-color: var(--wk-line-2, #d6d6d6);
}

.art_info_section .alphabet_box .alpha_letter a {
    color: var(--wk-ink, #1c1c1c);
}

.art_info_section .alphabet_box .alpha_letter:hover {
    background: var(--wk-band, #f2f2f2);
    color: var(--wk-ink, #1c1c1c);
}

.art_info_section .alphabet_box .alpha_letter:hover a {
    color: var(--wk-ink, #1c1c1c);
}

.art_info_section .alphabet_box .alpha_letter a::before,
.art_info_section .alphabet_box .alpha_letter a::after {
    content: none;
}

.art_info_section .alphabet_box .alpha_letter a:hover {
    padding: 0;
}

.art_info_section .alphabet_indv h4 {
    color: var(--wk-ink, #1c1c1c);
    font-family: var(--wk-display, 'Newsreader', Georgia, serif);
    font-size: clamp(28px, 3vw, 36px);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--wk-line-2, #d6d6d6);
    padding-bottom: 8px;
}

.art_info_section .profile_img img {
    border-radius: 60px;
    border: 1px solid var(--wk-line, #e6e6e6);
    background: var(--wk-band, #f2f2f2);
    object-fit: cover;
}

.art_info_section .profile_name a {
    color: var(--wk-ink, #1c1c1c);
    font-family: var(--wk-body, 'Helvetica Neue', Helvetica, Arial, sans-serif);
    font-weight: 500;
    font-size: 14px;
}

.art_info_section .profile_name a:hover {
    color: var(--wk-ink-2, #494949);
}

.art_info_section .profile_name a::before,
.art_info_section .profile_name a::after {
    content: none;
}

.art_info_section .profile_name a:hover {
    padding: 0;
}

.art_info_section .profile_year {
    color: var(--wk-ink-3, #8a8a8a);
    font-family: var(--wk-body, 'Helvetica Neue', Helvetica, Arial, sans-serif);
    font-size: 12px;
}

.art_info_section .view_more_alpha a {
    color: var(--wk-ink-2, #494949);
    font-family: var(--wk-body, 'Helvetica Neue', Helvetica, Arial, sans-serif);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
}

.art_info_section .view_more_alpha a:hover,
.art_info_section .view_more_alpha a:focus {
    color: var(--wk-ink, #1c1c1c);
    text-decoration: none;
}

.art_info_section .view_more_alpha a::before,
.art_info_section .view_more_alpha a::after {
    content: none;
}

.art_info_section .view_more_alpha a:hover {
    padding: 0;
}

.art_info_section .view_more_alpha .fa-angle-right {
    font-size: 13px;
}

@media (max-width: 1200px) {
.art_info_section .alphabet_box {
        width: 100%;
        flex-wrap: wrap;
    }

}
.art_info_section .profile_name a:hover,
.art_info_section .view_more_alpha a:hover,
.art_info_section .view_more_alpha a:focus {
    color: #fff !important;
}


/* Baseline-fidelity pin (B5 migration): WK's kept site rule
   `.art_info_box ... .historicle_box { font-size: 15px }` used to win by source
   order over the global 14px rule that moved into the structure file. Re-assert. */
.art_info_section .art_info_box .historicle_box,
.art_info_section .art_info_box .historicle_box p {
    font-size: 15px;
    line-height: 1.6;
}

/* Baseline-fidelity pin (B5): WK's kept
   `.art_info_box .historicle_box.artwork-info-infobox { padding: 20px 24px 18px }`
   used to win by order over the moved structure padding. Re-assert. */
.art_info_section .art_info_box .historicle_box.artwork-info-infobox {
    padding: 20px 24px 18px;
}

/* Baseline-fidelity pin (B5): WK's kept `.art_info_box .historicle_box H1/H2/H3
   { line-height: 1.3 }` used to win by order over the structure 'normal'. Re-assert. */
.art_info_section .art_info_box .historicle_box h1,
.art_info_section .art_info_box .historicle_box h2,
.art_info_section .art_info_box .historicle_box h3 {
    line-height: 1.3;
}

/* ── B5 second pass: .art_info_box rules (page-exclusive, from site-wikioo-V2.0.css) ── */
.wikioo-main-content .art_info_box {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: var(--sp-8);
    padding: 0;
    box-sizing: border-box;
}

.wikioo-main-content .art_info_box > .row {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.wikioo-main-content .art_info_box > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.wikioo-main-content .art_info_box > .row {
  align-items: flex-start;
}

@media (min-width: 768px) {
.wikioo-main-content .art_info_box > .row > .col-md-6:first-child {
    padding-top: var(--sp-5);
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
    box-sizing: border-box;
    /* Portrait artworks: the encyclopedic text column is far taller than the
       image — pin the artwork (image + action bar) so it scrolls along with
       the reader instead of leaving the left half of the page empty.
       Requires align-items:flex-start on the parent .row (set above). */
    position: sticky;
    top: 60px;  /* clears the fixed WikiOO top search bar (48px) */
  }

.wikioo-main-content .art_info_box > .row > .col-md-6:last-child {
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
    box-sizing: border-box;
  }

}
.wikioo-main-content .art_info_box .art_info_img {
  margin-bottom: 24px;
}

.wikioo-main-content .art_info_box .osd-viewer-container {
  /* No max-width override here: the template inline style caps the width to
     calc(85vh * aspect-ratio) so the whole artwork fits on screen. width:100%
     simply fills up to that cap. */
  width: 100%;
  margin: 0;
}

.art_info_box .osd-viewer-container,
.art_info_box .art_info_img img {
  box-shadow: none !important;
  border: 1px solid var(--line);
}

.art_info_box .art_info_details,
.art_info_box .historicle_box.artwork-info-infobox {
  background: var(--accent-tint) !important;
  border: 1px solid var(--card-border) !important;
  box-shadow: none !important;
  border-radius: 0;
  color: var(--ink);
}

.art_info_box .art_info_details {
  padding: var(--sp-5) 24px 18px;
}

.art_info_box .historicle_box.artwork-info-infobox {
  padding: 20px 24px 18px;
}

.art_info_box .art_info_inner {
  background: var(--page) !important;
  border: 1px solid var(--line);
  padding: 16px 18px;
  margin-bottom: 16px;
  font-family: var(--font-body) !important;
}

.art_info_box .artinfo_top h4,
.art_info_box .historicle_box.artwork-info-infobox .art-info-page-title {
  color: var(--ink) !important;
  font-family: var(--font-title) !important;
  font-weight: 500;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
  text-transform: none;
}

.art_info_box .art_info_inner h4 {
  color: var(--ink) !important;
  font-family: var(--font-body) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.art_info_box .artinfo_top p,
.art_info_box .art_info_inner p,
.art_info_box .historicle_box,
.art_info_box .historicle_box p {
  font-family: var(--font-body) !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--ink-soft) !important;
  text-align: justify;
}

.art_info_box .historicle_box a,
.art_info_box .artinfo_top h4 a,
.art_info_box .art_info_inner h4 a {
  color: var(--ink);
  text-decoration: none;
}

.art_info_box .historicle_box H1,
.art_info_box .historicle_box H2,
.art_info_box .historicle_box H3 {
  font-family: var(--font-title) !important;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--ink) !important;
  margin-top: 1.35rem;
  margin-bottom: 0.65rem;
}

.art_info_box .historicle_box:not(.artwork-info-infobox) h1 {
  font-size: clamp(1.2rem, 2vw, 1.45rem) !important;
}

.art_info_box .historicle_box:not(.artwork-info-infobox) h2 {
  font-size: clamp(1.05rem, 1.75vw, 1.22rem) !important;
}

.art_info_box .historicle_box:not(.artwork-info-infobox) h3 {
  font-size: clamp(0.98rem, 1.5vw, 1.1rem) !important;
  font-weight: 500;
  color: var(--ink-soft) !important;
}

.art_info_box .details_reproducton--wikioo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: stretch;
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

.art_info_box .details_reproducton--wikioo li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line-strong);
  background: var(--page);
  padding: 6px 10px;
  margin: 0;
  font-family: var(--font-body) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--ink-soft);
}

.art_info_box .details_reproducton--wikioo .wk-meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--muted);
}

.art_info_box .details_reproducton--wikioo .wk-meta-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.art_info_box .details_reproducton--wikioo li a {
  color: var(--ink-soft) !important;
  font-family: var(--font-body) !important;
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: inline-block;
}

.art_info_box .details_reproducton--wikioo li a:hover,
.art_info_box .details_reproducton--wikioo a:hover {
  color: var(--ink) !important;
  text-decoration: none;
}

.art_info_box .details_reproducton--wikioo .artwork-famous-reference-label {
  font-weight: 600;
  color: var(--muted);
}

.art_info_box .historicle_box.artwork-info-infobox .artwork-infobox-label {
  font-family: var(--font-body) !important;
  font-size: 9.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted) !important;
}

.art_info_box .historicle_box.artwork-info-infobox li b,
.art_info_box .historicle_box.artwork-info-infobox li b a {
  font-family: var(--font-title) !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--ink) !important;
  letter-spacing: 0;
  text-transform: none;
}

.art_info_box .historicle_box.artwork-info-infobox ul li b a,
.art_info_box .historicle_box.artwork-info-infobox .box_facts ul li a {
  text-decoration: none;
}

.art_info_box .historicle_box.artwork-info-infobox .artwork-info-infobox-qf-sublist li {
  font-family: var(--font-title) !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--ink);
}

.art_info_box .historicle_box ul li b {
  font-weight: 600;
  color: var(--ink);
}

.art_info_box .details_reproducton:not(.details_reproducton--wikioo) li {
  font-family: var(--font-body) !important;
  font-size: 13px;
  font-weight: 400;
  color: var(--ink-soft);
}

.art_info_box .details_reproducton:not(.details_reproducton--wikioo) li a {
  color: var(--ink-soft) !important;
  font-family: var(--font-body) !important;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.art_info_box .details_reproducton:not(.details_reproducton--wikioo) li img {
  width: 16px;
  height: 16px;
  opacity: 0.55;
  filter: brightness(0) saturate(100%);
}

.art_info_box .artwork-info-actions-bar .fav-icon-artwork {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
  gap: 12px 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.art_info_box .fav-icon-artwork > a,
.art_info_box .fav-icon-artwork > .artwork-share-wrapper {
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}

.art_info_box .fav-icon-artwork a,
.art_info_box .fav-icon-artwork .artwork-share-trigger {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--ink-soft) !important;
  gap: 8px;
  transition: color 0.15s ease;
}

.art_info_box .fav-icon-artwork a img,
.art_info_box .fav-icon-artwork .artwork-share-trigger img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%);
  opacity: 0.42;
  transition: opacity 0.15s ease;
}

.art_info_box .fav-icon-artwork a:hover,
.art_info_box .fav-icon-artwork .artwork-share-trigger:hover,
.art_info_box .artwork-info-infobox a:hover,
.art_info_box .historicle_box a:hover,
.art_info_box .artinfo_top h4 a:hover,
.art_info_box .art_info_inner h4 a:hover,
.art_info_box .details_reproducton a:hover {
  color: var(--ink) !important;
}

.art_info_box .fav-icon-artwork a:hover img,
.art_info_box .fav-icon-artwork .artwork-share-trigger:hover img {
  opacity: 1;
}

.art_info_box .fav-icon-artwork a.fav_toggle .fav_icon {
  filter: brightness(0) saturate(100%);
  opacity: 1;
}

.art_info_box .fav-icon-artwork a:has(> img),
.art_info_box .fav-icon-artwork .artwork-share-trigger:has(> img) {
  padding: 0 !important;
}

.art_info_box .artwork-info-infobox a:hover,
.art_info_box .historicle_box a:hover,
.art_info_box .artinfo_top h4 a:hover,
.art_info_box .art_info_inner h4 a:hover,
.art_info_box .details_reproducton a:hover,
.art_info_box .fav-icon-artwork a:hover { color: var(--ink, #1c1c1c); }

.art_info_box .details_reproducton--wikioo li a:hover,
.art_info_box .details_reproducton--wikioo a:hover,
.art_info_box .fav-icon-artwork a:hover,
.art_info_box .fav-icon-artwork .artwork-share-trigger:hover,
.art_info_box .artwork-info-infobox a:hover,
.art_info_box .historicle_box a:hover,
.art_info_box .artinfo_top h4 a:hover,
.art_info_box .art_info_inner h4 a:hover,
.art_info_box .details_reproducton a:hover {
    color: #fff !important;
}