/*
Theme Name: Adnan Journal
Theme URI: https://foreignpolicyblog.org/
Author: Kin Jung
Description: A topic journal for foreignpolicyblog.org, published by Adnan Zai. Type-led, ink on paper, one accent. Built 2026-09-11.
Version: 1.0.4
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: adnan-journal
*/

/* Dark mode: swap the palette presets theme.json generates. */
@media (prefers-color-scheme: dark) {
  body {
    --wp--preset--color--paper: #15181F;
    --wp--preset--color--panel: #1D2129;
    --wp--preset--color--ink: #EEF0F3;
    --wp--preset--color--text: #D5D9E0;
    --wp--preset--color--meta: #9AA3B0;
    --wp--preset--color--rule: #2E333D;
    --wp--preset--color--garnet: #D48A93;
  }
}

body { -webkit-font-smoothing: antialiased; }
a { text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:focus-visible { outline: 2px solid var(--wp--preset--color--garnet); outline-offset: 2px; }

/* Masthead */
.masthead { padding-top: 40px; }
.masthead-name a { text-decoration: none; }
.masthead-name { letter-spacing: -.015em; line-height: 1; }
.masthead-desc { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--meta); margin-top: 12px; }
.masthead-desc b { color: var(--wp--preset--color--ink); }
.masthead-rule { border: none; height: 2px; background: var(--wp--preset--color--garnet); opacity: 1; margin: 18px 0 12px; width: 100%; }
.masthead-nav { font-size: 14px; font-weight: 500; padding-bottom: 28px; border-bottom: 1px solid var(--wp--preset--color--rule); }
.masthead-nav a { text-decoration: none; color: var(--wp--preset--color--ink); }
.masthead-nav a:hover { color: var(--wp--preset--color--garnet); }
.masthead-nav .current-menu-item > a { color: var(--wp--preset--color--garnet); }

/* Labels and eyebrows */
.eyebrow, .eyebrow a, .wp-block-post-terms.eyebrow a { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--garnet); font-weight: 600; text-decoration: none; }
.byline { font-size: 13.5px; color: var(--wp--preset--color--meta); gap: 4px 14px; }
.byline .wp-block-post-author-name { color: var(--wp--preset--color--ink); font-weight: 600; }
.byline a { color: inherit; text-decoration: none; }

/* Home */
.lead-essay { padding: 44px 0 36px; border-bottom: 1px solid var(--wp--preset--color--rule); }
.lead-essay .wp-block-post-title { max-width: 22ch; text-wrap: balance; letter-spacing: -.01em; }
.lead-essay .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.lead-essay .wp-block-post-excerpt { font-family: var(--wp--preset--font-family--serif); font-size: 21px; line-height: 1.4; max-width: 48ch; }
.lead-essay .wp-block-post-excerpt__more-text { display: none; }
.theme-row { padding: 32px 0 8px; border-bottom: 1px solid var(--wp--preset--color--rule); }
.theme-row-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 4px; }
.theme-row-head h2 { margin: 0; }
.theme-row-head h2 a { text-decoration: none; color: var(--wp--preset--color--ink); }
.theme-row-head .all { font-size: 13px; color: var(--wp--preset--color--meta); text-decoration: none; }
.theme-row .wp-block-post-template { gap: 0 28px; }
.theme-row .wp-block-post { padding: 14px 0 18px; border-top: 1px solid var(--wp--preset--color--rule); }
.theme-row .wp-block-post-title { font-size: 20px; line-height: 1.25; margin: 0 0 6px; }
.theme-row .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.theme-row .wp-block-post-title a:hover { color: var(--wp--preset--color--garnet); }
.theme-row .wp-block-post-date { font-size: 13px; color: var(--wp--preset--color--meta); }
.theme-row .no-results { font-size: 15px; color: var(--wp--preset--color--meta); padding: 14px 0 18px; border-top: 1px solid var(--wp--preset--color--rule); }
.about-strip { padding: 36px 0 8px; }
.about-strip p { max-width: 62ch; }

/* Essay */
.essay-head { padding-top: 44px; }
.essay-head .wp-block-post-title { max-width: none; text-wrap: balance; letter-spacing: -.01em; margin-bottom: 18px; }
.essay-body { padding-top: 8px; }
.essay-body p { font-family: var(--wp--preset--font-family--serif); font-size: 19px; line-height: 1.6; }
.essay-body h2, .essay-body h3 { font-style: italic; font-weight: 500; }
.essay-body figure, .essay-body img { max-width: 100%; height: auto; }
.essay-foot { margin-top: 36px; padding-top: 18px; border-top: 1px solid var(--wp--preset--color--rule); font-size: 13.5px; color: var(--wp--preset--color--meta); }
.essay-foot a { color: var(--wp--preset--color--garnet); }

/* Theme index */
.index-head { padding: 44px 0 8px; }
.index-head .wp-block-query-title { letter-spacing: -.01em; }
.index-list .wp-block-post { padding: 22px 0; border-top: 1px solid var(--wp--preset--color--rule); }
.index-list .wp-block-post-title { font-size: 26px; line-height: 1.2; margin: 6px 0 8px; }
.index-list .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.index-list .wp-block-post-title a:hover { color: var(--wp--preset--color--garnet); }
.index-list .wp-block-post-excerpt { max-width: 62ch; }
.index-list .wp-block-post-excerpt__more-text { display: none; }
.wp-block-query-pagination { font-size: 14px; margin-top: 24px; }

/* Page */
.page-head { padding-top: 44px; }
.lede { font-family: var(--wp--preset--font-family--serif); font-size: 22px; line-height: 1.4; color: var(--wp--preset--color--ink); }
.fineprint { font-size: 14px; color: var(--wp--preset--color--meta); }

/* Footer */
.site-foot { margin-top: 56px; padding: 24px 0 56px; border-top: 1px solid var(--wp--preset--color--rule); font-size: 13px; color: var(--wp--preset--color--meta); }
.site-foot p { margin: 0 0 6px; }
.site-foot a { color: inherit; }

@media (max-width: 720px) {
  .masthead { padding-top: 28px; }
  .lead-essay { padding: 32px 0 28px; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Constrained layouts centre narrow children; headings sit flush left instead. */
.essay-head .wp-block-post-title, .lead-essay .wp-block-post-title, .index-head .wp-block-query-title, .page-head .wp-block-post-title { margin-left: 0; margin-right: 0; }
hr.wp-block-separator.masthead-rule { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }