/* ============================================================================
The Dahlonega Journal — "The Broadsheet" design system
WSJ-grade newspaper front. Playfair Display + Source Serif 4 + Libre Franklin.
Warm newsprint + ink + single claret accent (+ antique-gold nameplate whisper).
Styles the full dj- class system (front page + 6 interior guide pages).
Loaded site-wide via journal-design.php. No dark bands — ink on paper.
============================================================================ */
:root{
--ink:#1a1712; /* near-black warm — body + rules */
--ink-soft:#332d24;
--paper:#f7f3ea; /* warm newsprint */
--paper-2:#efe8d9; /* panel / band */
--paper-3:#e9e0cd; /* deeper panel edge */
--claret:#8c1c1c; /* single accent — broadsheet section red */
--claret-dk:#6f1414; /* hover / small-on-paper */
--gold:#8a6a2b; /* antique gold — decorative nameplate rule only */
--rule:#cbc1a9; /* hairline warm gray */
--rule-2:#ddd4bf; /* lighter hairline */
--meta:#5c5446; /* bylines / captions — AA on paper (~6.5:1) */
--meta-2:#726957;
--serif-display:"Playfair Display",Georgia,"Times New Roman",serif;
--serif-body:"Source Serif 4","Iowan Old Style",Georgia,serif;
--sans:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
--shell:1300px;
--measure:64ch;
}
/* ---- reset-ish + base ---------------------------------------------------- */
body.dj{
background:var(--paper);
color:var(--ink);
font-family:var(--serif-body);
font-size:18px;
line-height:1.62;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body.dj::selection,.dj ::selection{background:var(--claret);color:#fff;}
.dj a{color:var(--claret);text-decoration:none;}
.dj a:hover{color:var(--claret-dk);text-decoration:underline;text-underline-offset:2px;}
.dj img{max-width:100%;height:auto;display:block;}
.dj p{margin:0 0 1rem;}
/* subtle paper grain — atmosphere without weight */
body.dj::before{
content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:url("data:image/svg+xml;utf8,");
}
.dj-front-page,.dj-inner-page,.dj-mast,.dj-foot{position:relative;z-index:1;}
/* ---- TT2025 container overrides: let the broadsheet run wide ------------- */
body.dj .wp-block-post-content,
body.dj .entry-content,
body.dj main .is-layout-constrained{max-width:none !important;}
body.dj main{padding:0 !important;margin-top:0 !important;}
body.dj .wp-block-post-content{padding:0 !important;}
body.dj .wp-site-blocks{padding:0 !important;}
/* neutralise TT2025 top spacing so the masthead sits flush */
body.dj .wp-block-group.has-global-padding{padding-left:0 !important;padding-right:0 !important;}
/* neutralise TT2025 .alignfull negative-margin (100vw) breakout — it overshoots the
scrollbar and causes horizontal overflow. Our bands/masthead run their own full-width
backgrounds inside a plain 100%-width column, so kill the breakout entirely. */
body.dj .entry-content.alignfull,
body.dj .wp-block-post-content.alignfull,
body.dj .wp-block-group.alignfull,
body.dj main .alignfull{
width:100% !important;max-width:100% !important;
margin-left:0 !important;margin-right:0 !important;
padding-left:0 !important;padding-right:0 !important;
}
html.dj-js-root,body.dj{overflow-x:clip;}
/* TT2025 auto-renders the page title as an