/*
Theme Name: ElizabethBlog
Theme URI: https://example.com/elizabethblog
Author: ElizabethBlog
Description: A bold, black editorial WordPress magazine theme with a featured story, category navigation and compact story rail.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: elizabethblog
*/
:root{--bg:#08090c;--panel:#111318;--panel2:#171a20;--text:#f6f4f1;--muted:#a5a7ae;--line:#292d35;--accent:#d72e50;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#ff6b83}img{display:block;max-width:100%;height:auto}.site-shell{max-width:var(--max);margin:auto;padding:0 28px}.topline{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.04em}.topline .site-shell{display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px}.masthead{padding:27px 0 22px}.brand{font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-1.8px;line-height:1.05}.brand a:hover{color:var(--text)}.tagline{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0f13}.main-nav ul{display:flex;align-items:center;gap:clamp(16px,3vw,34px);list-style:none;margin:0;padding:0;min-height:54px;overflow-x:auto;white-space:nowrap}.main-nav a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d9d9dc}.main-nav a:hover,.main-nav .current-menu-item>a{color:#ff647e}.main-nav .menu-item a{display:block}.content-area{padding:34px 0 70px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ff637d;margin:0 0 17px}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:start}.feature-card{position:relative;overflow:hidden;background:#15171c;min-height:450px;border:1px solid var(--line)}.feature-card>a{display:block;position:relative;min-height:450px}.feature-card img{width:100%;height:540px;object-fit:cover;filter:brightness(.8)}.feature-overlay{position:absolute;inset:auto 0 0;padding:72px 34px 30px;background:linear-gradient(transparent,rgba(0,0,0,.94))}.category-label{display:inline-block;background:var(--accent);padding:6px 10px;color:white;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.feature-title{max-width:780px;margin:13px 0 10px;font-size:clamp(29px,4vw,49px);line-height:1.08;letter-spacing:-1.5px}.post-meta{color:#b8bac1;font-size:12px}.story-rail{border:1px solid var(--line);background:var(--panel);padding:17px}.rail-heading{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.rail-story{display:grid;grid-template-columns:105px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}.rail-story:last-child{border:0}.rail-story img{width:105px;height:100px;object-fit:cover;background:#222}.rail-story h3{font-size:14px;line-height:1.28;margin:6px 0}.rail-story .post-meta{font-size:10px}.rail-category{font-size:9px;color:#ff7188;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-heading{display:flex;align-items:center;gap:18px;margin:36px 0 18px}.section-heading h2{font-size:14px;text-transform:uppercase;letter-spacing:.15em;margin:0;white-space:nowrap}.section-heading:after{content:"";height:1px;background:var(--line);flex:1}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.post-card img{width:100%;height:230px;object-fit:cover}.post-card-body{padding:18px}.post-card h2{font-size:21px;line-height:1.2;margin:8px 0}.post-card p{font-size:13px;color:var(--muted);margin:9px 0 0}.entry-content{font-size:17px;color:#d8d8dc;max-width:820px}.entry-content a{color:#ff7188;text-decoration:underline}.entry-content img{margin:24px 0}.single-title{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-1.8px;margin:14px 0}.single-feature{width:100%;max-height:560px;object-fit:cover;margin:25px 0}.pagination{display:flex;gap:10px;margin-top:30px}.page-numbers{padding:9px 14px;border:1px solid var(--line);background:var(--panel);font-size:13px}.page-numbers.current{background:var(--accent);border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.not-found{text-align:center;padding:90px 20px}.not-found .error-code{font-size:clamp(90px,18vw,180px);font-weight:950;line-height:.9;color:var(--accent);letter-spacing:-.08em}.not-found h1{font-size:32px;margin:20px 0 8px}.not-found p{color:var(--muted)}.back-home{display:inline-block;background:var(--accent);padding:12px 18px;margin-top:15px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.screen-reader-text{position:absolute;left:-9999px}.menu-toggle{display:none}
@media(max-width:850px){.layout-grid{grid-template-columns:1fr}.story-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.rail-heading{grid-column:1/-1}.feature-card,.feature-card>a{min-height:380px}.feature-card img{height:460px}}
@media(max-width:560px){.site-shell{padding:0 16px}.topline .site-shell{font-size:10px}.masthead{padding:22px 0}.main-nav ul{gap:20px;min-height:48px}.content-area{padding-top:22px}.feature-card,.feature-card>a{min-height:350px}.feature-card img{height:420px}.feature-overlay{padding:55px 18px 20px}.feature-title{font-size:30px}.story-rail{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}.post-card img{height:220px}.footer-inner{display:block}.footer-inner>*{margin:6px 0}}


/* Related stories and comments */
.related-section{margin:42px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}
.related-card img{width:100%;height:145px;object-fit:cover}
.related-card .related-body{padding:13px}
.related-card h3{font-size:15px;line-height:1.3;margin:7px 0}
.related-card .post-meta{font-size:11px}
.comments-area{margin-top:42px;padding-top:25px;border-top:1px solid var(--line);max-width:850px}
.comments-title,.comment-reply-title{font-size:19px;margin:0 0 18px}
.comment-list{list-style:none;margin:0 0 28px;padding:0}
.comment-list .comment{padding:16px 0;border-bottom:1px solid var(--line)}
.comment-author{font-weight:800}.comment-metadata{font-size:11px;color:var(--muted)}
.comment-content{color:#d8d8dc;font-size:14px}
.comment-respond{background:var(--panel);border:1px solid var(--line);padding:22px}
.comment-form{display:grid;gap:14px}
.comment-form p{margin:0}
.comment-form label{display:block;color:#e8e6e3;font-size:12px;font-weight:800;margin-bottom:6px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;background:#090a0e;border:1px solid #383c46;color:#fff;padding:12px 13px;font:inherit;font-size:14px;border-radius:2px}
.comment-form textarea{min-height:145px;resize:vertical}
.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.comment-form .submit{background:var(--accent);border:0;color:#fff;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.comment-form .submit:hover{background:#ef4968}
.comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px}
.comment-form .comment-form-cookies-consent label{font-weight:400;margin:0}
.comment-notes,.logged-in-as,.must-log-in{font-size:12px;color:var(--muted)}
@media(max-width:650px){.related-grid{grid-template-columns:1fr 1fr}.related-card img{height:120px}}
@media(max-width:420px){.related-grid{grid-template-columns:1fr}}