/*
Theme Name:        Citation North — Blog
Theme URI:         https://citationnorth.ca/
Author:            Citation North
Author URI:        https://citationnorth.ca/
Description:       Custom blog theme for Citation North — extends the existing static site at /. Inherits all design tokens from the site's root base.css + style.css so the blog is visually indistinguishable from the marketing pages. Adds the article reading experience (TOC, TL;DR, citation block, FAQ schema, footnote popovers) optimised for AI/GEO citation.
Version:           1.0.0
Requires at least: 6.4
Requires PHP:      8.1
License:           Proprietary
Text Domain:       citation-north-blog
Tags:              blog, custom-colors, custom-menu, full-width-template, threaded-comments, translation-ready
*/

/* ============================================================
   THIS FILE IS DELIBERATELY MINIMAL.
   Visual tokens (palette, fonts, spacing, header, footer) flow in
   from the parent site via wp_enqueue_style() in functions.php:
       /base.css     ← reset + foundations
       /assets/css/base.css
       /assets/css/style.css   ← all the actual design system
   We then layer two scoped article-only stylesheets:
       /wp-content/themes/citation-north-blog/assets/article.css
   The result: zero design drift between marketing pages and blog.
   ============================================================ */

/* WP-only minor adjustments — never override site tokens */

.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor,
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.screen-reader-text { /* WP accessibility helpers — keep selectors valid */ }

.alignleft  { float: left;  margin: 0 var(--space-5, 1.25rem) var(--space-3, 0.75rem) 0; }
.alignright { float: right; margin: 0 0 var(--space-3, 0.75rem) var(--space-5, 1.25rem); }
.aligncenter { display: block; margin-inline: auto; }
.alignwide { width: 100%; max-width: var(--content-wide, 1200px); margin-inline: auto; }
.alignfull { width: 100%; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* WP block editor / frontend block defaults that don't override our tokens */
.wp-block-image figcaption,
.wp-block-quote cite,
.wp-block-pullquote cite {
  font-family: var(--font-body, system-ui);
  font-size: 0.875rem;
  color: var(--muted, #8B9CB5);
}

/* Comments — kept simple; agency blog rarely uses comments. */
.comment-respond { margin-top: var(--space-12, 3rem); }