:root {
            --primary-color: #2c3e50;
            --accent-color: #e67e22;
            --text-color: #333;
            --bg-color: #f9f7f2;
            --white: #ffffff;
            --border: #ddd;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
       
       p.series-link {margin-top:20px;font-size:19px;}
       
       #tag-title {text-transform:capitalize;}
        
        a.title-link {text-decoration:none !important;color:#2c3e50 !important;}
        
        p.series-link a {text-decoration:none !important;color:#2a4f77 !important;}
        p.series-link a:hover {text-decoration:underline !important;}
        
		a.title-link:hover {text-decoration:none !important;color:#666 !important;}
		
        body {
            font-family: 'Source Sans Pro', sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--bg-color);
        }

        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
            color: var(--primary-color);
        }
        
        h2.post-title {line-height:33px !important;}
        
        h3#currently-title {border:0 !important;font-size: 1.1rem;margin:0 !important;}
        h3#currently-title a {text-decoration:none !important;color:#2c3e50 !important;}
        h3#currently-title a:hover {text-decoration:none !important;color:#666 !important;}

        /* Navigation */
        nav {
            background: var(--white);
            border-bottom: 1px solid var(--border);
            padding: 1rem 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            text-decoration: none;
            color: var(--primary-color);
        }

        .nav-links {
            list-style: none;
            display: flex;
        }

        .nav-links li {
            margin-left: 20px;
        }

        .nav-links a {
            text-decoration: none;
            color: var(--text-color);
            font-weight: 600;
            transition: color 0.3s;
        }

.post-tags, .post-tags a {color:#aaa;text-decoration:none;}

        .nav-links a:hover {
            color: var(--accent-color);
        }

        /* Hero Section */
        header.hero {
            text-align: center;
            padding: 4rem 10%;
            background: var(--white);
            border-bottom: 1px solid var(--border);
            margin-bottom: 2rem;
        }

        header.hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        /* Main Layout */
        .container {
            max-width: 1100px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 2rem;
            padding: 0 5%;
        }
        
        

        /* Blog Posts */
        .post-card {
            background: var(--white);
            border: 1px solid var(--border);
            margin-bottom: 2rem;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.2s;
        }

        .post-card:hover {
            transform: translateY(-5px);
        }

        .post-image {
            width: 100%;
            height: 300px;
            background-color: #eee;
            object-fit: cover;
        }

        .post-content {
            padding: 1.5rem;

        }
        
        .main-content {padding: 1.5rem 0 ;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important;margin:25px;clear:both !important;}
        
        .main-content p {margin-bottom:25px !important;  font-size: 1.2rem;font-family: "Kantumruy Pro", sans-serif;}
        
        .main-content p a {text-decoration:none !important;color:#e67e22 !important;}
        .main-content p a:hover {text-decoration:underline !important;}
        
        .main-content p:first-child {}

        .byline {
            text-transform: uppercase;
            font-size: 0.9rem;
            color: var(--accent-color);
            font-weight: 700;
            letter-spacing: 1px;
            position:relative !important;
            top:0px !important;
        }


.byline a {text-decoration:none;color: var(--accent-color);}
.byline a:hover {text-decoration:underline;color:#90531d;}
  
        
     h2.headlines   {font-size: 2.1rem !important;margin-bottom:13px !important;}     
     
      .post-content h2 {
            font-size: 1.8rem;
            padding:0 !important;
            margin:-10px 0 0 0 !important;
        }

        .meta {
            font-size: 0.9rem;
            color: #777;
            margin-bottom: 1rem;
        }

        .read-more {
            display: inline-block;
            margin-top: 1rem;
            color: var(--primary-color);
            font-weight: 700;
            text-decoration: none;
            border-bottom: 2px solid var(--accent-color);
        }

        /* Sidebar */
        aside h3 {
            border-bottom: 2px solid var(--primary-color);
            padding-bottom: 0.5rem;
            margin-bottom: 1rem;
        }

        .widget {
            background: var(--white);
            padding: 1.5rem;
            border: 1px solid var(--border);
            margin-bottom: 2rem;
            border-radius: 8px;
        }
        
        #sheet-percentage {font-weight:bold;margin:15px 0 0 0;font-size: 1.3rem !important;}
        
        .widget a {text-decoration:none !important;color:#2c3e50 !important;}
		.widget a:hover {text-decoration:none !important;color:#666 !important;}
		
		.widget ul 	{list-style: none;}
		.widget ul li	{line-height:22px;margin-bottom:15px;}	
		.widget ul li:last-child	{margin-bottom:0px;}	
.book-cover {float:right;margin:-15px 0 0 15px !important;}
.book-cover img {height:222px;}

.book-cover-currently {float:left;}
.book-cover-currently img {max-height:170px;margin:-10px 30px 10px 0px !important;}

.book-post-single .book-cover {float:right;height:300px !important;margin:-5px 0 20px 0 !important;}
.book-post-single .book-cover img {height:300px !important;width:auto;margin:0 0 20px 0 !important;}




        .currently-reading {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .book-thumb {
            width: 95px;
            height: 150px;
            background: #ccc;
            opacity:0.9
        }
        
                .book-thumb:hover {

            opacity:1.0
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 3rem;
            background: var(--primary-color);
            color: var(--white);
            margin-top: 4rem;
        }

        /* Responsive Design */
        @media (max-width: 850px) {
            .container {
                grid-template-columns: 1fr;
            }
            
            header.hero h1 {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 600px) {
            .nav-links {
                display: none; /* Simplification for mobile */
             }



.book-cover img {height:175px !important;margin-top:14px;}

.book-post-single .book-cover img {height:200px !important;}

.book-post-single .book-cover {margin:0 0 0 15px !important;}     
        }
        
        
.wp-block-image.size-full {text-align:center;margin:20px 0;width:100%;} 
.wp-block-image.size-full img {width:100%;height:auto !important;}
        
.edit-wp-button {position:fixed;bottom:50px;right:50px;display: flex;         /* Enables Flexbox */
  gap: 20px;            /* The magic property for 20px spacing */
  align-items: center;   /* Keeps them vertically aligned if one is taller */}


.edit-wp-button a {
  /* Layout & Shape */
  display: inline-block;
  padding: 12px 28px;
  border-radius: 50px; /* Rounded pill shape */
  
  /* Typography */
  font-weight: 700;
  text-decoration: none;
  font-family: sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 14px;

  /* Colors */
  background-color: #444;
  color: #ffffff;
  
  /* Interactions */
  transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

/* Hover State */
.edit-wp-button a:hover {
  background-color: #111;
  transform: translateY(-2px); /* Lifts the button up slightly */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Active State (When clicked) */
.edit-wp-button a:active {
  transform: translateY(0);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}