/**
 * Enhanced Typography for Content
 */

/* ============================================
   FONT LOADING
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');

.entry-content {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: 'Inter', sans-serif;
}

.entry-content blockquote,
.entry-content .wp-block-quote,
.entry-content .wp-block-pullquote {
    font-family: 'Merriweather', Georgia, serif;
}

/* ============================================
   TEXT SELECTION
   ============================================ */
.entry-content ::selection {
    background: #2196F3;
    color: #ffffff;
}

.entry-content ::-moz-selection {
    background: #2196F3;
    color: #ffffff;
}

/* ============================================
   LINKS
   ============================================ */
.entry-content a {
    color: #2196F3;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.entry-content a:hover {
    color: #1976D2;
    border-bottom-color: #2196F3;
}

[data-theme="dark"] .entry-content a {
    color: #42A5F5;
}

[data-theme="dark"] .entry-content a:hover {
    color: #64B5F6;
    border-bottom-color: #42A5F5;
}

/* ============================================
   EMPHASIS & STRONG
   ============================================ */
.entry-content strong,
.entry-content b {
    font-weight: 700;
    color: #1a1a1a;
}

.entry-content em,
.entry-content i {
    font-style: italic;
}

[data-theme="dark"] .entry-content strong,
[data-theme="dark"] .entry-content b {
    color: #ffffff;
}

/* ============================================
   MARK/HIGHLIGHT
   ============================================ */
.entry-content mark {
    background: #FFF9C4;
    color: #1a1a1a;
    padding: 2px 4px;
    border-radius: 2px;
}

[data-theme="dark"] .entry-content mark {
    background: #F57F17;
    color: #ffffff;
}

/* ============================================
   ABBREVIATIONS
   ============================================ */
.entry-content abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
}

/* ============================================
   SUBSCRIPT & SUPERSCRIPT
   ============================================ */
.entry-content sub,
.entry-content sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.entry-content sub {
    bottom: -0.25em;
}

.entry-content sup {
    top: -0.5em;
}

/* ============================================
   KEYBOARD INPUT
   ============================================ */
.entry-content kbd {
    background: #1a1a1a;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .entry-content kbd {
    background: #404040;
}

/* ============================================
   DEFINITION LISTS
   ============================================ */
.entry-content dl {
    margin: 1.5em 0;
}

.entry-content dt {
    font-weight: 700;
    margin-top: 1em;
    color: #2196F3;
}

.entry-content dd {
    margin-left: 2em;
    margin-bottom: 0.5em;
}

/* ============================================
   ADDRESS
   ============================================ */
.entry-content address {
    font-style: italic;
    padding: 1em;
    background: #f8f9fa;
    border-left: 4px solid #2196F3;
    border-radius: 0 8px 8px 0;
}

[data-theme="dark"] .entry-content address {
    background: #2a2a2a;
}