/*
Theme Name: AWRSHIFT
Template: twentytwentyfive
Description: Editorial child theme for wp.awrshift.com — ports the avoid-content marketing-site design language (Inter Variable + JetBrains Mono, warm grey canvas, sage + burgundy accents, bold editorial headings, metadata dashboard). Donor: ~/dev/avoid-content-site design tokens v4.0.0.
Version: 1.2.0
Author: AWRSHIFT
Text Domain: awrshift
*/

/* ── Base ─────────────────────────────────────────────────────────── */
body {
  background: #fdfdfc; /* near-white canvas */
  color: #363737;
  font-family: "Inter Variable", Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
}

/* Mono-caps utility */
.awr-mono,
.wp-block-post-author-name.awr-mono,
.wp-block-post-date,
.wp-block-post-date a {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #595959;
  text-decoration: none;
}

/* Section label with sage dot: ● LATEST RESEARCH */
.awr-label {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #4e6a54;
}
.awr-label::before {
  content: "●";
  font-size: 7px;
  vertical-align: 2px;
  margin-right: 9px;
  color: #6e8f73;
}

/* Category chip */
.wp-block-post-terms a {
  display: inline-block;
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3a4f3f;
  background: #e2ece5;
  border-radius: 4px;
  padding: 4px 10px;
  text-decoration: none;
}
.wp-block-post-terms a:hover { background: #d2dcd4; }

/* ── Featured card (Editor's pick) ────────────────────────────────── */
.awr-featured {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  gap: 48px;
  background: #f4f3f0;
  border: 1px solid #e5e4e0;
  border-left: 2px solid #1a1c1c;
  padding: 40px 44px;
  margin-top: 18px;
}
@media (max-width: 781px) {
  .awr-featured { grid-template-columns: 1fr; padding: 28px; }
}
.awr-featured__main .wp-block-post-title {
  font-size: 36px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 18px;
}
.awr-featured__main .wp-block-post-title a { color: #1a1c1c; text-decoration: none; }
.awr-featured__main .wp-block-post-title a:hover { color: #7b2d5a; }
.awr-featured__main .wp-block-post-excerpt__excerpt {
  font-size: 17px;
  line-height: 26px;
  color: #474747;
  margin-top: 14px;
}
.awr-featured__foot {
  margin-top: 30px;
  margin-bottom: 6px;
  padding-top: 18px;
  border-top: 1px solid #e2e2de;
  align-items: center;
}
.wp-block-read-more {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1a1c1c;
  text-decoration: none;
}
.wp-block-read-more::after { content: " →"; }
.wp-block-read-more:hover { color: #7b2d5a; }

/* Metadata dashboard (real engine metrics) */
.awr-meta-table {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #595959;
}
.awr-meta-table__head {
  display: flex;
  justify-content: space-between;
  color: #1a1c1c;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #1a1c1c;
}
.awr-meta-table__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 12px 0;
  border-bottom: 1px dashed #e2e1dd;
  color: #8a8a86;
  font-weight: 400;
}
.awr-meta-table__row b { color: #1a1c1c; font-size: 15px; font-weight: 700; }

/* ── Listing (two-column) ─────────────────────────────────────────── */
.awr-listing__side .awr-cats { list-style: none; padding: 0; margin-top: 18px; }
.awr-listing__side .awr-cats li {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.awr-cat-count {
  font-size: 11px;
  background: #ececea;
  border-radius: 3px;
  padding: 2px 7px;
  color: #595959;
}
.awr-listing__side .awr-cats a { color: #363737; text-decoration: none; }
.awr-listing__side .awr-cats a:hover { color: #7b2d5a; }

.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post-title {
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 4px;
}
.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post-title a { color: #1a1c1c; text-decoration: none; }
.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post-title a:hover { color: #7b2d5a; }
.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post-excerpt__excerpt {
  font-size: 16px;
  line-height: 1.5;
  color: #4a4a4a;
}
.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post {
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.awr-feed .wp-block-query:not(.awr-featured-query) .wp-block-post:last-of-type { border-bottom: none; }

/* ── Article head ─────────────────────────────────────────────────── */
.awr-crumb .wp-block-post-terms,
.awr-crumb .wp-block-post-terms a {
  background: none;
  padding: 0;
  font-size: 12px;
  color: #4e6a54;
}
.awr-crumb .wp-block-post-terms a::before {
  content: "●";
  font-size: 8px;
  vertical-align: 2px;
  margin-right: 8px;
  color: #5c9a68;
}

.awr-article-title {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #1a1c1c;
  margin-top: 20px;
}
.awr-article-title.awr-long { font-size: 36px; line-height: 1.15; }

.awr-lead .wp-block-post-excerpt__excerpt {
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
  color: #474747;
  margin-top: 10px;
}
.awr-lead .wp-block-post-excerpt__more-link { display: none; }

.awr-byline {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 14px;
  color: #595959;
  align-items: center;
}
.awr-byline::before {
  content: "AT";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ececea;
  color: #474747;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.awr-byline .wp-block-post-author-name { color: #1a1c1c; font-weight: 600; }
.awr-byline .wp-block-post-date { font-size: 13px; }

/* ── Quality-audit strip ──────────────────────────────────────────── */
.awr-audit {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: baseline;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 0;
  margin: 38px 0 50px;
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #595959;
  white-space: nowrap;
}
.awr-audit b { color: #1a1c1c; font-weight: 700; padding-left: 2px; }
.awr-audit { align-items: center; }
.awr-audit .awr-audit__label {
  color: #1a1c1c;
  font-weight: 700;
  line-height: 1;
  padding-right: 14px;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  margin-right: 4px;
}
.awr-audit span + span:not(.awr-audit__label)::before { content: "·"; color: #c6c6c6; margin-right: 12px; }
.awr-audit .awr-audit__label + span::before { content: "" !important; margin: 0 !important; }

/* ── Article body ─────────────────────────────────────────────────── */
.awr-content { font-size: 19px; line-height: 30px; color: #363737; }
.awr-content > p { margin-block-start: 1.2em; margin-block-end: 0; }
.awr-content a { color: inherit; text-decoration: underline; text-decoration-color: #c6c6c6; text-underline-offset: 3px; }
.awr-content a:hover { color: #7b2d5a; text-decoration-color: #7b2d5a; }

.awr-content h2 {
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1a1c1c;
  margin-block-start: 2.1em;
}
.awr-content h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #1a1c1c;
  margin-block-start: 1.8em;
}

.awr-content blockquote {
  border-left: 2px solid #7b2d5a;
  margin: 2em 0;
  padding: 2px 0 2px 26px;
  font-style: italic;
  font-size: 21px;
  line-height: 32px;
  color: #474747;
}
.awr-content blockquote p { margin: 0; }

.awr-content ul, .awr-content ol { padding-inline-start: 1.25em; }
.awr-content li { margin-block-start: 0.55em; }
.awr-content li::marker { color: #6e8f73; }

.awr-content pre {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 13px;
  line-height: 1.6;
  background: #f0f0ee;
  border-radius: 8px;
  padding: 24px;
  overflow-x: auto;
}
.awr-content code { font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace; font-size: 0.85em; }

.awr-content table { border-collapse: collapse; width: 100%; font-size: 16px; margin: 2em 0; }
.awr-content th {
  font-family: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #595959;
  text-align: left;
}
.awr-content th, .awr-content td { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 12px 16px 12px 0; vertical-align: top; }

.awr-content hr { border: none; border-top: 1px solid rgba(0, 0, 0, 0.08); margin: 3em 0; }

/* ── More research ────────────────────────────────────────────────── */
.awr-more { border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: 30px; }
.awr-more .wp-block-post-title { font-size: 21px; line-height: 29px; font-weight: 600; letter-spacing: -0.015em; margin-top: 14px; }
.awr-more .wp-block-post-title a { color: #1a1c1c; text-decoration: none; }
.awr-more .wp-block-post-title a:hover { color: #7b2d5a; }

/* ── Header / footer ──────────────────────────────────────────────── */
/* Align the header/footer inner row to the 1120px content grid (donor) */
header.wp-block-template-part > .wp-block-group,
footer.wp-block-template-part > .wp-block-group,
.awr-footer {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-site-title { font-size: 19px; font-weight: 700; letter-spacing: 0.01em; }
.wp-block-site-title a { text-decoration: none; }
.wp-block-navigation .wp-block-navigation-item__content { font-size: 16px; font-weight: 500; }
footer .awr-mono, .awr-footer .awr-mono { font-size: 12px; color: #737373; }
.awr-footer a { color: #737373; }
.awr-footer a:hover { color: #1a1c1c; }