@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap');
/* Dropdown container */.main-navigation ul ul {    background-color: #ffffff; /* white background */    border-radius: 8px;    padding: 8px 0;    min-width: 240px;    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);    border: 1px solid #eaeaea;}/* Dropdown links */.main-navigation ul ul li a {    padding: 10px 16px;    color: #333333;    font-size: 14px;    display: block;}/* Hover effect */.main-navigation ul ul li a:hover {    background-color: #f5f5f5;    color: #0073aa; /* WordPress blue accent */}/* Smooth animation */.main-navigation ul ul {    opacity: 0;    transform: translateY(10px);    transition: all 0.2s ease-in-out;}/* Show dropdown on hover */.main-navigation li:hover > ul {    opacity: 1;    transform: translateY(0);}
/* ===== Casual Otaku - magazine / pop culture style (RED ACCENT) ===== *//* Page width and layout */.site {    max-width: 1320px;    margin: 0 auto;}.site-content {    padding-top: 2rem;}/* Header */.site-header {    padding: 1.5rem 0 1.25rem;    border-bottom: 3px solid #111;    margin-bottom: 2rem;}.site-title {    font-size: 2.6rem;    font-weight: 700;    letter-spacing: 0.01em;    line-height: 1.1;}.site-title a {    text-decoration: none;}.site-description {    font-size: 1rem;    margin-top: 0.5rem;    opacity: 0.8;}/* Navigation */.main-navigation {    margin-top: 1rem;}.main-navigation a {    font-size: 0.95rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.05em;    text-decoration: none;}/* Dropdown menu */.main-navigation ul ul {    border: 1px solid #e5e5e5;    box-shadow: 0 10px 25px rgba(0,0,0,0.08);}/* Main post cards */.blog .post,.archive .post,.search .post {    background: #fff;    border: 1px solid #e8e8e8;    border-left: 6px solid #e63946; /* RED ACCENT */    border-radius: 14px;    padding: 1.6rem 1.6rem 1.4rem;    margin-bottom: 2rem;    box-shadow: 0 10px 24px rgba(0,0,0,0.04);    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;}.blog .post:hover,.archive .post:hover,.search .post:hover {    transform: translateY(-3px);    box-shadow: 0 16px 30px rgba(0,0,0,0.08);    border-left-color: #c92f3a;}/* Featured post */.blog article:first-of-type,.archive article:first-of-type {    padding: 2rem;    border-left-width: 8px;    box-shadow: 0 16px 36px rgba(0,0,0,0.08);}.blog article:first-of-type .entry-title,.archive article:first-of-type .entry-title {    font-size: 2.5rem;}/* Titles */.entry-title,.entry-title a {    font-size: 2rem;    line-height: 1.15;    font-weight: 700;    text-decoration: none;}/* GLOBAL LINK COLOR (ties everything together) */a {    color: #e63946;    transition: opacity 0.18s ease;}a:hover {    opacity: 0.8;}/* Post meta */.entry-meta,.entry-footer,.posted-on,.byline,.cat-links,.tags-links,.comments-link {    font-size: 0.82rem;    text-transform: uppercase;    letter-spacing: 0.05em;    opacity: 0.72;}/* Category/tag pills */.cat-links a,.tags-links a {    display: inline-block;    margin: 0 0.35rem 0.35rem 0;    padding: 0.25rem 0.6rem;    border: 1px solid #ddd;    border-radius: 999px;    text-decoration: none;    font-size: 0.78rem;}/* Content readability */.entry-content {    font-size: 1.05rem;    line-height: 1.8;}.entry-content p {    margin-bottom: 1.15rem;}.blog .entry-content,.archive .entry-content {    max-width: 760px;}/* Images */.post-thumbnail {    margin-bottom: 1rem;}.post-thumbnail img,.entry-content img,article img {    border-radius: 12px;    display: block;}/* Sidebar */.widget {    background: #fff;    border: 1px solid #e9e9e9;    border-top: 4px solid #e63946; /* RED ACCENT */    border-radius: 12px;    padding: 1.2rem;    margin-bottom: 1.5rem;    box-shadow: 0 8px 22px rgba(0,0,0,0.03);}.widget-title {    font-size: 0.95rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.08em;    margin-bottom: 1rem;}/* Sidebar lists */.widget ul {    margin: 0;    padding-left: 1.1rem;}.widget li {    margin-bottom: 0.45rem;}/* Buttons / pagination */button,input[type="submit"],.more-link,.pagination .next,.pagination .prev,.page-links a {    border-radius: 999px;}/* Optional: cleaner section separation */.entry-header {    margin-bottom: 1rem;    padding-bottom: 0.75rem;    border-bottom: 1px solid #efefef;}/* Optional: styled read more */.more-link {    display: inline-block;    margin-top: 0.75rem;    padding: 0.45rem 0.95rem;    border: 1px solid #ddd;    text-decoration: none;    font-size: 0.82rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.05em;}/* Footer */.site-footer {    margin-top: 3rem;    border-top: 1px solid #e6e6e6;    padding-top: 1.5rem;}/* Mobile */@media screen and (max-width: 768px) {    .site-title {        font-size: 2rem;    }    .entry-title,    .entry-title a {        font-size: 1.55rem;    }    .blog article:first-of-type .entry-title,    .archive article:first-of-type .entry-title {        font-size: 1.85rem;    }    .blog .post,    .archive .post,    .search .post,    .widget {        padding: 1.1rem;        border-radius: 10px;    }    .entry-content {        font-size: 1rem;        line-height: 1.7;    }}
/* Tighten homepage flow */.blog .post,.archive .post,.search .post {    margin-bottom: 2.5rem;}.entry-meta,.entry-footer {    font-size: 0.75rem;    opacity: 0.6;}/* Make featured images feel more prominent */.post-thumbnail {    margin-bottom: 1.25rem;}.post-thumbnail img {    width: 100%;}
/* Navigation spacing polish */.main-navigation li {    margin-right: 0.4rem;}.main-navigation a {    padding: 0.45rem 0.55rem;}.main-navigation ul ul a {    padding: 0.6rem 0.9rem;    min-width: 220px;}
/* Hide default WordPress/theme credit */.site-info {    display: none;}
/* ===== Excerpt / homepage layout patch for Twenty Sixteen ===== *//* Style both full posts and excerpt posts the same way */.blog article,.archive article,.search article {    background: #fff;    border: 1px solid #e8e8e8;    border-left: 6px solid #e63946;    border-radius: 14px;    padding: 1.6rem 1.6rem 1.4rem;    margin-bottom: 2rem;    box-shadow: 0 10px 24px rgba(0,0,0,0.04);    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;}.blog article:hover,.archive article:hover,.search article:hover {    transform: translateY(-3px);    box-shadow: 0 16px 30px rgba(0,0,0,0.08);    border-left-color: #c92f3a;}/* Featured first post */.blog article:first-of-type,.archive article:first-of-type {    padding: 2rem;    border-left-width: 8px;    box-shadow: 0 16px 36px rgba(0,0,0,0.08);}/* Make sure excerpt text gets the same typography treatment */.entry-summary,.entry-summary p {    font-size: 1.05rem;    line-height: 1.8;}.entry-summary p {    margin-bottom: 1.15rem;}/* Keep excerpt area from getting too wide */.blog .entry-summary,.archive .entry-summary {    max-width: 760px;}/* Style read more links if theme outputs them */.entry-summary a.more-link,.entry-content a.more-link,.more-link {    display: inline-block;    margin-top: 0.75rem;    padding: 0.45rem 0.95rem;    border: 1px solid #ddd;    border-radius: 999px;    text-decoration: none;    font-size: 0.82rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.05em;}/* Images still need to look intentional */.post-thumbnail,.entry-header + .post-thumbnail {    margin-bottom: 1rem;}.post-thumbnail img {    width: 100%;    border-radius: 12px;    display: block;}/* Meta still de-emphasized */.entry-meta,.entry-footer,.posted-on,.byline,.cat-links,.tags-links,.comments-link {    font-size: 0.82rem;    text-transform: uppercase;    letter-spacing: 0.05em;    opacity: 0.72;}/* Make sure titles still look strong */.entry-title,.entry-title a {    font-size: 2rem;    line-height: 1.15;    font-weight: 700;    text-decoration: none;}/* Mobile */@media screen and (max-width: 768px) {    .blog article,    .archive article,    .search article {        padding: 1.1rem;        border-radius: 10px;    }    .entry-title,    .entry-title a {        font-size: 1.55rem;    }    .entry-summary,    .entry-summary p {        font-size: 1rem;        line-height: 1.7;    }}
.entry-summary .more-link,.entry-content .more-link,.more-link {    display: inline-block;    margin-top: 1rem;    padding: 0.55rem 1.05rem;    border: 1px solid #ddd;    border-radius: 999px;    text-decoration: none;    font-size: 0.82rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.05em;}.entry-summary {    padding-bottom: 0.35rem;}
.entry-footer,.entry-meta {    font-size: 0.74rem;    opacity: 0.58;    margin-top: 1rem;}.entry-footer a,.entry-meta a {    color: inherit;}
.site-header {    padding-bottom: 1rem;    margin-bottom: 1.5rem;}.main-navigation {    margin-top: 0.75rem;}.main-navigation a {    padding: 0.4rem 0.55rem;}
.post-thumbnail img {    width: 100%;    height: auto;    display: block;}
/* ===== FONT UPGRADE ===== *//* Body text */body {    font-family: 'Inter', sans-serif;}/* Headings */h1, h2, h3, h4, h5, h6,.entry-title,.site-title {    font-family: 'Poppins', sans-serif;}/* Slight tightening for cleaner look */.entry-title {    letter-spacing: -0.01em;}
/* ===== HERO FEATURED POST ===== */.blog .sticky,.archive .sticky {    border-left: 8px solid #e63946;    padding: 2.2rem;    box-shadow: 0 20px 40px rgba(0,0,0,0.12);}.blog .sticky .entry-title {    font-size: 2.7rem;    line-height: 1.1;}.blog .sticky .post-thumbnail img {    border-radius: 14px;}/* Add spacing after hero */.blog .sticky {    margin-bottom: 3rem;}
/* ===== POST CARD SYSTEM (CLEAN FINAL) ===== *//* Base post card */.blog article,.archive article,.search article {    background: #fff;    border: 1px solid #e8e8e8;    border-left: 4px solid #e63946;    border-right: none;    border-radius: 14px;    padding: 1.6rem 1.6rem 1.4rem 1.6rem;    margin-bottom: 2rem;    box-shadow: 0 10px 24px rgba(0,0,0,0.04);}/* Featured (hero) post */.blog article.sticky,.archive article.sticky,.search article.sticky {    border-left: 6px solid #e63946;    padding: 2rem;    box-shadow: 0 16px 36px rgba(0,0,0,0.08);}/* Remove any accidental right-side borders */.blog article,.archive article,.search article {    border-right: none;}/* ===== CONTENT SPACING ===== *//* Push content away from left border */.entry-header,.entry-content,.entry-summary,.entry-footer,.entry-meta {    padding-left: 0.5rem;}/* Improve meta spacing */.entry-meta,.entry-footer {    margin-top: 0.8rem;    margin-bottom: 0.6rem;    font-size: 0.75rem;    opacity: 0.65;}/* Fix cramped meta alignment */.entry-meta a,.entry-footer a {    margin-right: 0.4rem;}/* ===== REMOVE RANDOM LINES ===== *//* Kill any stray horizontal rules */hr {    border: none;}/* Extra safety for theme lines */.entry-content hr,.widget hr {    display: none;}
/* ===== CLEAN POST CARD SYSTEM ===== *//* Base post styling */.blog article,.archive article,.search article {    background: #fff;    border: 1px solid #e6e6e6;    border-left: 3px solid #e63946; /* thinner, cleaner */    border-right: none;    border-radius: 12px;    padding: 1.5rem 1.6rem;    margin-bottom: 2rem;    box-shadow: 0 8px 22px rgba(0,0,0,0.04);}/* Featured (hero) post */.blog article.sticky,.archive article.sticky,.search article.sticky {    border-left: 5px solid #e63946;    padding: 1.9rem;    box-shadow: 0 14px 32px rgba(0,0,0,0.08);}/* ===== CONTENT SPACING ===== *//* Keep content away from border */.entry-header,.entry-content,.entry-summary,.entry-footer,.entry-meta {    padding-left: 0.6rem;}/* Meta text spacing + readability */.entry-meta,.entry-footer {    margin-top: 0.9rem;    margin-bottom: 0.6rem;    font-size: 0.75rem;    line-height: 1.6;    opacity: 0.7;}/* Space out links inside meta */.entry-meta a,.entry-footer a {    margin-right: 0.4rem;}/* Title spacing */.entry-title {    margin-bottom: 0.6rem;}/* Paragraph readability */.entry-content p,.entry-summary p {    margin-bottom: 1rem;}
/* ===== HEADER / MASTHEAD UPGRADE ===== */.site-header {    background: #fff;    border-bottom: 1px solid #e6e6e6;    padding: 1.75rem 0 1.1rem;    margin-bottom: 2rem;}.site-branding {    max-width: 900px;    margin: 0 auto 1rem;    padding: 0 1rem;    text-align: center;}.site-title {    margin: 0;    font-size: 2.8rem;    line-height: 1.05;    letter-spacing: -0.02em;    text-transform: none;}.site-title a {    text-decoration: none;}.site-description {    margin-top: 0.55rem;    font-size: 1rem;    line-height: 1.5;    opacity: 0.78;}/* Navigation becomes more like a masthead nav */.main-navigation {    margin-top: 1rem;    padding-top: 0.85rem;    border-top: 2px solid #e63946;}.main-navigation ul {    text-align: center;}.main-navigation a {    font-size: 0.88rem;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 0.06em;    padding: 0.5rem 0.7rem;}/* Dropdowns */.main-navigation ul ul {    text-align: left;    border: 1px solid #e5e5e5;    border-top: 3px solid #e63946;    border-radius: 10px;    box-shadow: 0 12px 28px rgba(0,0,0,0.08);}.main-navigation ul ul a {    padding: 0.65rem 0.9rem;    min-width: 220px;}/* Mobile */@media screen and (max-width: 768px) {    .site-header {        padding: 1.25rem 0 0.9rem;    }    .site-branding {        text-align: left;        margin-bottom: 0.75rem;    }    .site-title {        font-size: 2.1rem;    }    .site-description {        font-size: 0.95rem;    }}
/* ===== OPTIONAL MASTHEAD LABEL EFFECT ===== */.site-description:before {    content: "ANIME • COSPLAY • JAPAN • WRESTLING";    display: block;    margin-bottom: 0.45rem;    font-size: 0.72rem;    font-weight: 700;    letter-spacing: 0.12em;    color: #e63946;    opacity: 0.95;}
/* ===== HERO SEPARATION / MAGAZINE FEEL ===== */.blog article.sticky,.archive article.sticky {    margin-bottom: 2.75rem;}.blog article.sticky .entry-title,.archive article.sticky .entry-title {    font-size: 2.55rem;    line-height: 1.08;}.blog article.sticky .entry-summary,.blog article.sticky .entry-content {    max-width: 820px;}.blog article:not(.sticky),.archive article:not(.sticky) {    margin-bottom: 1.75rem;}
/* ===== DESKTOP POST BORDER + META SPACING FIX ===== *//* Main post wrapper */.blog article,.archive article,.search article {    background: #fff;    border: 1px solid #e6e6e6;    border-left: 3px solid #e63946;    border-right: 1px solid #e6e6e6;    border-radius: 12px;    padding: 1.5rem 1.6rem;    margin-bottom: 2rem;    box-shadow: 0 8px 22px rgba(0,0,0,0.04);    box-sizing: border-box;}/* Featured hero post */.blog article.sticky,.archive article.sticky,.search article.sticky {    border-left: 5px solid #e63946;    padding: 1.9rem;    box-shadow: 0 14px 32px rgba(0,0,0,0.08);}/* Prevent inner containers from visually swallowing the left border */.blog article .entry-header,.blog article .entry-content,.blog article .entry-summary,.blog article .entry-footer,.blog article .entry-meta,.archive article .entry-header,.archive article .entry-content,.archive article .entry-summary,.archive article .entry-footer,.archive article .entry-meta,.search article .entry-header,.search article .entry-content,.search article .entry-summary,.search article .entry-footer,.search article .entry-meta {    padding-left: 0.7rem;    box-sizing: border-box;}/* Meta spacing and readability */.entry-meta,.entry-footer {    margin-top: 0.9rem;    margin-bottom: 0.6rem;    font-size: 0.75rem;    line-height: 1.7;    opacity: 0.72;}/* Add a little separation between meta items */.entry-meta a,.entry-footer a,.entry-meta span,.entry-footer span {    margin-right: 0.35rem;}/* Make sure desktop doesn't zero out the left border */@media screen and (min-width: 769px) {    .blog article,    .archive article,    .search article {        border-left: 3px solid #e63946;    }    .blog article.sticky,    .archive article.sticky,    .search article.sticky {        border-left: 5px solid #e63946;    }}