/* ==========================================
   OCCULT ARCHIVE STYLE WITH ORIGINAL LAYOUT (SOLID)
   ========================================== */

/* --- Import Mystical & Historic Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=EB+Garamond:wght@400;700&family=IM+Fell+English+SC&family=Special+Elite&display=swap');

:root {
    /* Color Palette: Ink, Ash, Aged Bone, and Forbidden Brimstone */
    --bg-fallback: #0d0c0a;         /* Deep, void black */
    --text-primary: #e6dfcb;       /* Aged bone / faded parchment white */
    --text-muted: #968c78;         /* Ash / faded silver-grey */
    --accent-gold: #c39b4b;        /* Antique tarnished gold */
    --accent-crimson: #8a1c1c;     /* Dried blood / wax seal red */
    --glow-subtle: rgba(195, 155, 75, 0.2);
    
    /* Fonts */
    --font-header: 'IM Fell English SC', 'Cinzel Decorative', Georgia, serif;
    --font-body: 'EB Garamond', Georgia, serif; 
    --font-mono: 'Special Elite', Courier New, monospace;
}

/* --- Base Layout & Body --- */
body {
    background-image: url('OccultPages.jpg');
    background-repeat: repeat;
    background-attachment: scroll;
    background-color: var(--bg-fallback);
    color: var(--text-primary);
    
    /* Kept original measurements & text alignments */
    letter-spacing: 1px;
    text-align: justify;
    font-size: 15px; 
    line-height: 22px; 
    margin: 0 auto;
    
    font-family: var(--font-body);
    border-top: 6px solid var(--accent-gold);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

p {
    /* Kept original alignment measurements */
    text-indent: 26px;
    margin-bottom: 1.5em;
    font-weight: normal;  /* Explicitly locks text into normal weight */
    font-style: normal;   /* Explicitly locks text into regular style */
}

/* Drop cap formatting - tightly aligned with text */
.post p:first-of-type::first-letter {
    font-family: var(--font-header);
    font-size: 3.2rem;
    float: left;
    margin-right: 4px;  
    margin-top: -2px;  
    padding: 0;
    color: var(--accent-crimson);
    line-height: 0.85;  
    font-weight: normal;
}

/* --- Typography & Headings --- */
h1 {
    /* Kept original layout & alignment measurements */
    margin-bottom: 4px;
    text-align: right;
    font-weight: normal;
    letter-spacing: 2px;
    
    /* Updated styling */
    font-family: var(--font-header);
    color: var(--accent-gold);
    border-left: 16px var(--accent-gold) solid;
    text-transform: uppercase;
    text-shadow: 0 0 10px var(--glow-subtle);
}

h2 {
    /* Kept original layout & alignment measurements */
    margin-top: 4px;
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 11px;
    
    /* Updated styling */
    font-family: var(--font-header);
    color: var(--text-muted);
    border-top: 1px rgba(195, 155, 75, 0.3) dashed;
    text-transform: uppercase;
}

/* --- Links & Navigation Interactions --- */
a {
    /* Kept original text layout */
    text-decoration: none;  
    color: var(--accent-gold);
    transition: all 0.3s ease;
    font-weight: normal;
}

a:hover {
    color: var(--text-primary);
    background: var(--accent-crimson); 
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

#linkboxbox a {
    /* Kept original structural layout */
    margin-bottom: 4px;
    display: block;
    padding: 2px;
    
    /* Updated navigation styling */
    font-family: var(--font-header);
    border-bottom: 1px dotted rgba(195, 155, 75, 0.15);
}

#linkboxbox a::before {
    content: "✦ ";
    color: var(--accent-crimson);
    font-size: 0.8em;
}

#linkboxbox a:hover {
    /* Kept original layout interaction */
    text-align: right;
}

/* --- Layout Containers --- */

.post {
    /* Kept original measurements exactly */
    width: 572px;
    padding: 16px;
    margin-bottom: 60px;
    
    /* Completely solid deep ink background */
    background-color: #14120f; 
    border: 1px solid rgba(195, 155, 75, 0.25);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
    
    /* Strict font rendering controls */
    font-family: var(--font-body);
    font-weight: normal;
    font-style: normal;
}

#linkboxbox {
    /* Kept original layout and positioning measurements exactly */
    width: 196px;
    float: left;
    position: fixed;
    left: 26px;
    top: 32px;
    padding: 16px;
    
    /* Completely solid obsidian sidebar background */
    background-color: #0a0908; 
    border: 1px solid var(--accent-gold);
}

#linkbox {
    /* Kept original layout measurements */
    padding: 11px;
    border: 1px var(--accent-gold) dotted;
}

#box1 {
    /* Kept original positioning measurements exactly */
    position: relative;
    width: 642px;
    margin-left: 296px;
    top: 26px;
}

/* --- Added Occult Archive Image Styling --- */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
    border: 1px solid rgba(195, 155, 75, 0.2);
    filter: sepia(0.3) contrast(1.1) brightness(0.9);
}

/* --- Custom Scrollbar Styling --- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-fallback);
}
::-webkit-scrollbar-thumb {
    background: var(--accent-crimson);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--accent-gold);
}