
:root{--bg:#f4f1ec;--paper:#fff;--ink:#27231f;--muted:#71685f;--line:#ddd5cc;--coffee:#7b4a2f;--coffee-dark:#4d2e1e;--amber:#c78a3b;--cream:#fbf6ee;--shadow:0 10px 30px rgba(52,38,27,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--coffee);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}#site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{max-width:1380px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;min-width:250px;color:var(--ink);text-decoration:none}.brand-main{font-family:Georgia,serif;font-size:1.45rem;font-weight:800;letter-spacing:.02em}.brand-sub{font-size:.69rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.main-nav a{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#4d4741}.main-nav a.active,.main-nav a:hover{color:var(--coffee);text-decoration:none}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:8px 12px;text-transform:uppercase;letter-spacing:.08em}.hero{max-width:1380px;margin:36px auto 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);background:var(--paper);box-shadow:var(--shadow)}.hero-image{min-height:470px;background-size:cover;background-position:center}.hero-copy{padding:56px 46px;display:flex;flex-direction:column;justify-content:center}.eyebrow,small{color:var(--coffee);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.hero h1{font-family:Georgia,serif;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.02;margin:.35em 0}.hero p{color:var(--muted);font-size:1.08rem}.button{display:inline-block;border:0;background:var(--coffee);color:white!important;padding:11px 16px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;border-radius:2px}.button:hover{background:var(--coffee-dark);text-decoration:none}.button.secondary{background:#5f5852}.page-shell{max-width:1380px;margin:38px auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:stretch}.feed{min-width:0}.post-card{background:var(--paper);border:1px solid var(--line);margin-bottom:32px;box-shadow:var(--shadow)}.post-card .post-header{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}.post-titlebox{padding:32px 36px}.post-titlebox h2,.post-titlebox h1{font-family:Georgia,serif;line-height:1.12;margin:0 0 10px}.post-titlebox h2{font-size:2rem}.post-titlebox h1{font-size:clamp(2.2rem,4.4vw,4rem)}.post-titlebox p{margin:0;color:var(--muted)}.post-meta{min-width:190px;padding:32px 28px;border-left:1px solid var(--line);text-align:right;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.post-card .featured{display:block;width:100%;max-height:560px;object-fit:cover}.post-card .excerpt{padding:30px 36px}.post-card .excerpt p{margin-top:0}.readmore{font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem}.site-sidebar,.article-sidebar{min-width:0}.site-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:var(--paper);border:1px solid var(--line);padding:23px;box-shadow:0 6px 18px rgba(52,38,27,.04);overflow:hidden}.sidebar-card h3{font-family:Georgia,serif;margin:.4rem 0 .6rem}.sidebar-card p{font-size:.9rem;color:var(--muted);margin:.5rem 0}.sidebar-card img{display:block;width:100%;max-height:440px;object-fit:contain;margin:10px auto}.ad-card a{display:block;color:var(--ink)}.ad-card a:hover{text-decoration:none}.ad-name{display:block;font-family:Georgia,serif;font-size:1.15rem;font-weight:800;margin-top:8px}.text-link{display:inline-block;color:var(--coffee);font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.07em;margin-top:8px}.affiliate-banner{background:#fff}.article-layout{max-width:1380px;margin:38px auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:stretch}.article-main{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.article-head{padding:42px 48px;border-bottom:1px solid var(--line)}.article-head h1{font-family:Georgia,serif;font-size:clamp(2.25rem,4.3vw,4rem);line-height:1.05;margin:.25em 0}.article-deck{font-size:1.12rem;color:var(--muted);max-width:850px}.article-feature{width:100%;max-height:630px;object-fit:cover}.article-body{padding:45px 52px;font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.85}.article-body h2,.article-body h3{font-family:Arial,Helvetica,sans-serif;line-height:1.25;margin:2.2em 0 .7em;color:#302922}.article-body h2{font-size:1.55rem}.article-body h3{font-size:1.25rem}.article-body p{margin:0 0 1.35em}.article-body figure{margin:2em 0}.article-body figcaption{font-family:Arial,sans-serif;color:var(--muted);font-size:.8rem}.article-body blockquote{border-left:4px solid var(--amber);margin:2em 0;padding:.5em 1.5em;color:#51483f;background:var(--cream)}.article-body ul,.article-body ol{padding-left:1.4em}.article-sidebar{height:100%}.sidebar-fill{height:100%;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.related-list{list-style:none;margin:10px 0 0;padding:0}.related-list li{border-top:1px solid var(--line);padding:10px 0;font-size:.88rem}.related-list li:first-child{border-top:0}.advertise-card{background:var(--coffee-dark);color:white;border-color:var(--coffee-dark)}.advertise-card small{color:#f1c88e}.advertise-card p{color:#e9ded5}.advertise-card .button{background:var(--amber);color:#25170f!important}.house-card img{max-height:330px}.archive-head,.basic-page{max-width:1000px;margin:38px auto;padding:42px 48px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.archive-head h1,.basic-page h1{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.6rem);margin:.1em 0}.archive-grid{max-width:1180px;margin:0 auto 50px;padding:0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.archive-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.archive-card img{width:100%;height:260px;object-fit:cover}.archive-card .pad{padding:25px}.archive-card h2{font-family:Georgia,serif;font-size:1.5rem;line-height:1.2;margin:.4em 0}.basic-page p,.basic-page li{font-size:1rem;color:#4f4842}.ad-options{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0}.ad-option{padding:20px;background:var(--cream);border:1px solid var(--line)}#footer{margin-top:50px;background:#2e2721;color:#ddd2c8;padding:44px 28px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid strong{color:white;font-family:Georgia,serif;font-size:1.1rem}.footer-grid p{font-size:.85rem}.footer-grid a{color:#e7b978}.copyright{max-width:1200px;margin:30px auto 0;padding-top:22px;border-top:1px solid #554b42;text-align:center;font-size:.75rem;color:#b8aca1}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tag-cloud span{font-family:Arial,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;background:var(--cream);border:1px solid var(--line);padding:5px 8px}.notice{padding:16px 18px;background:var(--cream);border-left:4px solid var(--amber);margin:20px 0}.series-strip{background:#352c25;color:#fff;padding:28px}.series-strip h3{margin-top:0;font-family:Georgia,serif}.series-strip a{color:#edc38a}
@media(max-width:1000px){.page-shell,.article-layout,.hero{grid-template-columns:1fr}.site-sidebar,.article-sidebar{order:2}.sidebar-fill{display:grid;grid-template-columns:repeat(2,1fr);height:auto}.hero-image{min-height:380px}.hero-copy{padding:40px}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px 28px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:12px}.menu-toggle{display:block}.brand{min-width:0}.post-card .post-header{grid-template-columns:1fr}.post-meta{border-left:0;border-top:1px solid var(--line);text-align:left}.archive-grid{grid-template-columns:1fr}}
@media(max-width:650px){.header-inner{padding:0 16px}.brand-sub{display:none}.page-shell,.article-layout{padding:0 14px;margin-top:20px}.article-head,.article-body,.post-titlebox,.post-card .excerpt,.basic-page,.archive-head{padding:28px 22px}.sidebar-fill{grid-template-columns:1fr}.hero{margin-top:0}.hero-image{min-height:300px}.hero-copy{padding:30px 22px}.footer-grid{grid-template-columns:1fr}.ad-options{grid-template-columns:1fr}}

/* Coffee an' Grits front porch editorial variant */
.porch-intro{max-width:1380px;margin:38px auto;padding:38px 28px;background:#332820;color:#f7efe5;border-top:4px solid var(--amber)}.porch-intro-copy{max-width:920px;margin-bottom:28px}.porch-intro h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.14;margin:.25em 0}.porch-intro p{color:#dfd2c4}.story-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.story-path-card{display:flex;flex-direction:column;gap:8px;background:#f8f2e8;color:#2f261f!important;padding:20px;border:1px solid #695545;min-height:190px}.story-path-card:hover{text-decoration:none;transform:translateY(-2px)}.story-path-card strong{font-family:Georgia,serif;font-size:1.25rem}.story-path-card span{font-size:.86rem;color:#6d5f54}.section-lead{padding:0 0 24px}.section-lead h2{font-family:Georgia,serif;font-size:1.8rem;line-height:1.2;margin:.3em 0}.storyteller-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.storyteller-grid section,.origin-story{background:var(--cream);border:1px solid var(--line);padding:26px}.origin-story{margin:30px 0}.about-hero{width:100%;display:block;margin:24px 0 32px;border:1px solid var(--line)}.empty-shelf{grid-column:1/-1;background:var(--paper);border:1px solid var(--line);padding:42px;box-shadow:var(--shadow)}.empty-shelf h2{font-family:Georgia,serif;font-size:2rem;margin:.3em 0}.storyteller-card img{max-height:210px;object-fit:cover}.brand-sub{max-width:330px}.hero-copy h1{font-size:clamp(2.25rem,3.7vw,4.1rem)}
@media(max-width:1100px){.story-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.story-paths,.storyteller-grid{grid-template-columns:1fr}.porch-intro{margin-top:20px;padding:28px 18px}.story-path-card{min-height:0}}
