/* ── SCS Editorial — Main Stylesheet ── */

/* RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* DESIGN TOKENS */
:root {
  --paper:     #f4ede0;
  --cream:     #e8dcc8;
  --ink:       #1a1a16;
  --ink-mid:   #4a4843;
  --ink-light: #636058;
  --terra:     #bc5a3c;
  --sage:      #5c7a5e;
  --ochre:     #b8921c;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --rule-heavy: 3px solid #1a1a16;
  --rule-mid:   2px solid #1a1a16;
  --rule-thin:  1px solid #1a1a16;
}

/* GLOBAL */
html { scroll-behavior: smooth; }

body {
  background-color: #f4ede0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='0.06'/%3E%3C/svg%3E");
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  line-height: 1.65;
  color: #1a1a16;
}

/* HIDE WP PAGE TITLES on static pages (our Custom HTML has its own headings) */
body.page h1.wp-block-post-title,
body.page .wp-block-post-title { display: none; }

/* FULL WIDTH — no padding, no max-width constraints from WP */
.wp-site-blocks { padding: 0 !important; }
.wp-block-post-content { padding: 0 !important; max-width: 100% !important; }
.is-root-container { padding: 0 !important; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  color: #1a1a16;
  letter-spacing: -0.01em;
}

/* GLOBAL LINKS */
a { color: #bc5a3c; text-decoration: none; }
a:hover { color: #1a1a16; }

/* POST CONTENT LINKS */
.wp-block-post-content a,
.entry-content a {
  color: #bc5a3c;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-color: rgba(188,90,60,0.35);
}
.wp-block-post-content a:hover,
.entry-content a:hover { text-decoration-color: #bc5a3c; }

/* ARTICLE TITLES in query loops */
h2.wp-block-post-title { font-size: clamp(1.2rem,2.5vw,1.7rem) !important; font-weight: 700 !important; line-height: 1.35 !important; }
h2.wp-block-post-title a { color: #1a1a16 !important; text-decoration: none !important; }
h2.wp-block-post-title a:hover { color: #bc5a3c !important; }
h3.wp-block-post-title { font-size: clamp(0.9rem,1.5vw,1.05rem) !important; font-weight: 700 !important; line-height: 1.4 !important; }
h3.wp-block-post-title a { color: #1a1a16 !important; text-decoration: none !important; }
.wp-block-post-excerpt__excerpt { font-size: 0.9rem !important; line-height: 1.65 !important; color: #4a4843; }

/* POST META */
.wp-block-post-terms a, .wp-block-terms a {
  color: #bc5a3c; font-size: 0.72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em;
  text-decoration: none; font-family: var(--sans);
}
.wp-block-post-terms a:hover { color: #1a1a16; }
.wp-block-post-date, .wp-block-post-date a {
  color: #636058; font-size: 0.75rem; font-family: var(--sans);
}
.wp-block-read-more {
  color: #bc5a3c; font-weight: 700; font-size: 0.75rem;
  letter-spacing: 0.08em; text-transform: uppercase;
  text-decoration: none; font-family: var(--sans);
}
.wp-block-read-more:hover { color: #1a1a16; }

/* FEATURED IMAGES */
.wp-block-query .wp-block-post-featured-image { aspect-ratio: 4/5; overflow: hidden; }
.wp-block-query .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wp-block-post-featured-image img { transition: transform 0.3s ease; }
.wp-block-post-featured-image img:hover { transform: translateY(-3px); }

/* BUTTONS */
.wp-block-button__link, .wp-element-button {
  background-color: #1a1a16; color: #f4ede0; font-family: var(--sans);
  font-weight: 700; font-size: 0.75rem; letter-spacing: 0.12em;
  text-transform: uppercase; border-radius: 0; transition: background-color 0.15s ease;
}
.wp-block-button__link:hover, .wp-element-button:hover { background-color: #bc5a3c; color: #f4ede0; }

/* NAVIGATION */
.wp-block-navigation a, .wp-block-navigation__container > li > a {
  color: #1a1a16; letter-spacing: 0.08em; text-decoration: none; font-family: var(--sans);
}
.wp-block-navigation a:hover { color: #bc5a3c; }

/* QUOTES */
.wp-block-quote { background-color: #e8dcc8; border-left: 3px solid #1a1a16; border-radius: 0; }
.wp-block-quote p { color: #1a1a16; font-style: italic; }
.wp-block-quote cite { color: #636058; font-style: normal; font-size: 0.85rem; }
.wp-block-pullquote { border-top-color: #1a1a16; border-bottom-color: #1a1a16; }

/* SEPARATORS */
.wp-block-separator { border-color: rgba(26,26,22,0.2); opacity: 1; }

/* SEARCH */
.wp-block-search__input { background-color: #e8dcc8; border: 1px solid rgba(26,26,22,0.3); color: #1a1a16; border-radius: 0; }
.wp-block-search__input:focus { border-color: #bc5a3c; outline: none; }

/* PAGINATION */
.wp-block-query-pagination a { color: #1a1a16; text-decoration: none; font-family: var(--sans); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.wp-block-query-pagination a:hover { color: #bc5a3c; }
.wp-block-query-pagination-numbers .page-numbers.current { color: #bc5a3c; }

/* TABLE */
.wp-block-table td, .wp-block-table th { border-color: rgba(26,26,22,0.15); }
.wp-block-table thead { background-color: #e8dcc8; }

/* TAG CLOUD */
.wp-block-tag-cloud a {
  color: #636058; border: 1px solid rgba(99,96,88,0.3); border-radius: 0;
  padding: 0.2em 0.5em; text-decoration: none; font-size: 0.75rem !important;
  font-family: var(--sans); transition: background-color 0.15s ease, color 0.15s ease;
}
.wp-block-tag-cloud a:hover { background-color: #e8dcc8; color: #bc5a3c; border-color: #bc5a3c; }

/* WORD BREAK FIX */
.scs-hp .article-card h3,
.scs-cat .article-card h3,
.scs-cat-home .article-card h3,
.scs-cat-life .article-card h3 { hyphens: auto; overflow-wrap: break-word; word-break: normal; }

/* HIDE HOMEPAGE COLOPHON */
body.home .about-colophon { display: none !important; }

/* ── MASTHEAD ── */
.scs-masthead { padding: 0 48px; border-bottom: 3px solid #1a1a16; background: #f4ede0; }
.scs-masthead-meta { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid #1a1a16; }
.scs-masthead-meta span { font-family: var(--sans); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #636058; }
.scs-masthead-middle { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 24px 0 18px; }
.scs-masthead-left { display: flex; align-items: center; gap: 10px; }
.scs-masthead-left::after { content: ''; flex: 1; border-top: 1px solid #1a1a16; }
.scs-masthead-right { display: flex; align-items: center; gap: 10px; justify-content: flex-end; }
.scs-masthead-right::before { content: ''; flex: 1; border-top: 1px solid #1a1a16; }
.scs-masthead-title { font-family: 'Abril Fatface', Georgia, serif; font-size: clamp(2.4rem,6vw,5rem); font-weight: 400; letter-spacing: -0.01em; line-height: 1; text-transform: uppercase; text-align: center; color: #1a1a16; text-decoration: none; display: block; }
.scs-masthead-tagline { font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: #4a4843; text-align: center; margin-bottom: 4px; }
.scs-masthead-nav { display: flex; justify-content: center; border-top: 1px solid #1a1a16; }
.scs-masthead-nav a { font-family: var(--sans); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1a16; text-decoration: none; padding: 11px 20px; border-right: 1px solid #1a1a16; }
.scs-masthead-nav a:first-child { border-left: 1px solid #1a1a16; }
.scs-masthead-nav a:hover { background: #1a1a16; color: #f4ede0; }
.scs-masthead-nav a.scs-accent { color: #bc5a3c; }
.scs-masthead-nav a.scs-accent:hover { background: #bc5a3c; color: #f4ede0; }

/* ── FOOTER ── */
.scs-footer { padding: 32px 48px 28px; border-top: 2px solid #1a1a16; background: #f4ede0; }
.scs-footer-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #1a1a16; }
.scs-footer-logo { font-family: 'Abril Fatface', Georgia, serif; font-size: 1.3rem; font-weight: 400; text-transform: uppercase; color: #1a1a16; text-decoration: none; }
.scs-footer-logo:hover { color: #bc5a3c; }
.scs-footer-nav { display: flex; gap: 24px; flex-wrap: wrap; }
.scs-footer-nav a { font-family: var(--sans); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #636058; text-decoration: none; }
.scs-footer-nav a:hover { color: #bc5a3c; }
.scs-footer-legal { display: flex; justify-content: space-between; font-family: var(--sans); font-size: 0.65rem; color: #636058; letter-spacing: 0.04em; flex-wrap: wrap; gap: 6px; }

/* RESPONSIVE */
@media (max-width: 820px) {
  .scs-masthead { padding-left: 24px; padding-right: 24px; }
  .scs-masthead-meta { flex-direction: column; gap: 6px; text-align: center; }
  .scs-masthead-middle { grid-template-columns: 1fr; gap: 12px; padding: 20px 0; }
  .scs-masthead-left, .scs-masthead-right { display: none; }
  .scs-masthead-nav { flex-wrap: wrap; }
  .scs-masthead-nav a { border: none; border-bottom: 1px solid #1a1a16; border-left: 1px solid #1a1a16; flex: 1 0 33%; text-align: center; padding: 10px; }
  .scs-footer { padding: 28px 24px; }
  .scs-footer-top { flex-direction: column; gap: 14px; align-items: flex-start; }
  .scs-footer-legal { flex-direction: column; }
}