/* Typography — ONE rule for the whole site (loaded last, after the old 2015 CSS).
   Three fonts only (named in theme.css):
     --f-title  Playfair Display  → titles, painting and artist names
     --f-ui     Inter             → menus, the path at the top, buttons, labels, the footer
     --f-read   Source Serif 4    → stories, legal texts, comments, biographies (long reading)
   Tahoma / Verdana / Georgia from the old site are no longer used anywhere. */

body { font-family: var(--f-ui); font-variant-numeric: lining-nums; }   /* numbers stand straight (ТОП 10, № 1) */

/* The path at the top ("Начало > Архив"): the same on every page */
#breadcrumb span, #breadcrumb a {
    font: 500 12.5px/1.4 var(--f-ui) !important; letter-spacing: .02em; text-transform: none;
    color: var(--c-text) !important; text-decoration: none !important;
}
#breadcrumb a { color: #f3efe6 !important; }
#breadcrumb a:hover { color: var(--c-text-hover) !important; }

/* Footer */
#foother, #foother span, #foother a { font: 12.5px/1.6 var(--f-ui) !important; }
#foother span { color: #8f877a; }
#foother a { color: #b9ad97 !important; text-decoration: none !important; margin-left: 12px; }
#foother a:hover { color: var(--c-text-hover) !important; }

/* Long reading */
.feed-excerpt, .potd-desc, .art-story p, .legal p, .legal li, .ly-text, .ex-text,
#view_comments .c-text, .artist-bio, .contact-box p {
    font-family: var(--f-read) !important;
}

/* Names in the picture grids: clean, underlined only on hover */
.card a.image, .card a.image:hover { text-decoration: none !important; }       /* the whole card is one link */
.card a.image:hover .cap-t { text-decoration: underline; text-underline-offset: 3px; }

/* The list of artists (Archive, letters) */
.archive_list a { font: 500 13.5px/1.35 var(--f-ui) !important; }
.cap-a { font-family: var(--f-ui) !important; }

/* Contact page */
.contact-box { max-width: 640px; margin: 10px auto 24px !important; text-align: center; float: none !important; }
.contact-box h2 { font: 600 26px/1.2 var(--f-title) !important; color: #f3efe6 !important; margin: 6px 0 14px; }
.contact-box p { font-size: 17px !important; line-height: 1.65; color: #dcd4c6 !important; }
.contact-box .contact-mail { margin: 18px 0 22px; }
.contact-box .contact-mail a { font: 600 22px var(--f-ui) !important; color: var(--c-text) !important; text-decoration: none !important; }
.contact-box .muted { font-size: 15px !important; color: #a99f8f !important; }

/* Comments on the painting page */
#view_comments .vc-title { display: block; font: 600 24px/1.2 var(--f-title) !important; color: #f3efe6 !important; margin: 4px 0 12px; }
#view_comments .comment-login { text-align: center; margin: 14px 0 6px; }
#view_comments .comment-login a {
    display: inline-block; padding: 9px 18px; border: 1px solid var(--c-line); border-radius: 999px;
    font: 500 14px var(--f-ui) !important; color: var(--c-text) !important; text-decoration: none !important;
}
#view_comments .comment-login a:hover { background: var(--c-glow); color: var(--c-text-hover) !important; }
#view_comments .empty-note { text-align: center; font-family: var(--f-ui); }