/*
Theme Name: Codchamp Journal
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Description: Independent gaming editorial theme with a category-centered reading structure.
License: GPL-2.0-or-later
Text Domain: codchamp-journal
*/
:root{--bg:#0d1419;--surface:#141e25;--text:#f3f5f3;--muted:#acbbc3;--line:#2c3c44;--accent:#89e7d2;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.cc-wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.cc-header{border-bottom:1px solid var(--line)}.cc-head{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px}.cc-logo{font-weight:800;font-size:25px;letter-spacing:-1px}.cc-logo span{color:var(--accent)}.cc-nav ul{display:flex;list-style:none;padding:0;margin:0;gap:27px;flex-wrap:wrap}.cc-nav li{position:relative}.cc-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--surface);padding:18px;min-width:200px;z-index:5}.cc-nav li:hover>.sub-menu,.cc-nav li:focus-within>.sub-menu{display:block}.cc-nav a{font-size:14px;font-weight:600}.cc-nav a[aria-current=page]{color:var(--accent)}.cc-skip{position:absolute;top:-100px;background:var(--accent);color:#06120f;padding:12px;z-index:20}.cc-skip:focus{top:0}.cc-kicker{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.cc-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:55px;align-items:center;padding:65px 0 60px}.cc-hero h1{font-size:clamp(42px,5.1vw,70px);line-height:1.05;letter-spacing:-3px;margin:20px 0 25px;font-weight:800}.cc-hero p{color:var(--muted);max-width:440px}.cc-hero-media{position:relative}.cc-hero-media img{width:100%;height:410px;object-fit:cover;display:block}.cc-caption{font-size:12px;color:var(--muted);margin-top:10px}.cc-btn{display:inline-flex;background:var(--accent);color:#0b2521!important;font-weight:700;padding:13px 23px;font-size:14px}.cc-hero .cc-btn{margin-top:12px}.cc-section{border-top:1px solid var(--line);padding:42px 0 52px}.cc-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:25px}.cc-section-head h2{margin:0;font-size:30px;line-height:1.2;letter-spacing:-1px}.cc-section-head>a{color:var(--accent);font-size:14px;border-bottom:1px solid var(--accent)}.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cc-card{border:1px solid var(--line);padding:28px;background:var(--surface);min-width:0}.cc-card h2,.cc-card h3{font-size:25px;line-height:1.23;letter-spacing:-.7px;margin:20px 0 16px}.cc-card p{font-size:15px;color:var(--muted);margin:0 0 20px}.cc-meta{font-size:12px;color:var(--muted)}.cc-card .cc-read{font-size:14px;font-weight:700;color:var(--accent)}.cc-featured{grid-column:span 2}.cc-featured h3{font-size:34px;max-width:560px}.cc-poker{background:#142a2a;border-left:4px solid var(--accent);padding:32px 35px;display:flex;justify-content:space-between;align-items:center;gap:35px;margin:10px 0 50px}.cc-poker h2{font-size:29px;line-height:1.2;margin:10px 0}.cc-poker p{margin:0;color:#b9cfcd;max-width:680px}.cc-poker .cc-btn{flex-shrink:0}.cc-about-strip{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:35px 0;color:var(--muted)}.cc-about-strip h2{font-size:25px;color:var(--text);margin:0}.cc-about-strip p{margin:0;font-size:15px}.cc-footer{border-top:1px solid var(--line);padding:35px 0 25px;margin-top:40px}.cc-footer-top,.cc-footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.cc-footer p,.cc-footer-bottom{color:var(--muted);font-size:13px}.cc-footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.cc-footer-links{display:flex;gap:20px;font-size:14px}.cc-page-head{padding:55px 0 35px;max-width:900px}.cc-page-head h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px;line-height:1.1;margin:20px 0}.cc-page-head p{color:var(--muted)}.cc-crumb{font-size:14px;color:var(--muted);padding-top:30px}.cc-crumb a{text-decoration:underline}.cc-prose{max-width:760px;margin:0 auto 60px;overflow-wrap:anywhere}.cc-prose h2{font-size:29px;line-height:1.2;margin:40px 0 20px}.cc-prose p{margin:0 0 24px;color:#d0d9df}.cc-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cc-prose img{max-width:100%;height:auto}.cc-prose iframe{max-width:100%}.cc-prose table{display:block;overflow:auto;max-width:100%}.cc-prose blockquote{border-left:3px solid var(--accent);padding-left:25px;margin-left:0}.cc-related{border:1px solid var(--line);background:var(--surface);padding:25px;margin:35px 0}.cc-related h2{margin-top:0;font-size:22px}.cc-related p:last-child{margin-bottom:0}.cc-pagination{padding:30px 0}.cc-pagination .page-numbers{display:inline-block;border:1px solid var(--line);padding:8px 15px;margin:3px}.cc-pagination .current{background:var(--accent);color:#0b2521}.cc-empty{border:1px solid var(--line);padding:25px;color:var(--muted)}.cc-comments{border-top:1px solid var(--line);padding-top:30px}input,textarea{max-width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:12px;font:inherit}button,input[type=submit]{cursor:pointer}.cc-archive-original{border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.cc-wrap{width:calc(100% - 48px)}.cc-head{align-items:flex-start;padding:25px 0;min-height:0}.cc-nav ul{gap:15px}.cc-hero{gap:30px}.cc-hero-media img{height:340px}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-featured{grid-column:auto}.cc-poker{align-items:flex-start;flex-direction:column}.cc-hero h1{letter-spacing:-2px}}
@media(max-width:640px){.cc-wrap{width:calc(100% - 36px)}.cc-head{flex-direction:column;gap:15px}.cc-nav ul{gap:10px 20px}.cc-nav a{font-size:14px}.cc-hero{grid-template-columns:1fr;padding:35px 0;gap:25px}.cc-hero h1{font-size:46px}.cc-hero-media img{height:250px}.cc-grid{grid-template-columns:1fr}.cc-section{padding:32px 0}.cc-section-head{align-items:flex-start;flex-direction:column;gap:12px}.cc-card h3,.cc-featured h3{font-size:27px}.cc-poker{padding:25px;margin-bottom:30px}.cc-about-strip{grid-template-columns:1fr;gap:15px}.cc-page-head h1{font-size:39px}.cc-prose h2{font-size:26px}.cc-footer-links{flex-wrap:wrap}.cc-nav .sub-menu{position:static}}