/*
Theme Name: 無人時代 The Autonomous Age
Theme URI: https://renee-chou.com/
Author: 無人時代
Description: A minimal, light, Traditional-Chinese-first block theme for 無人時代 The Autonomous Age: a post list, single posts, an About page and a newsletter signup. No external dependencies; system CJK font stack.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Update URI: false
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: autonomous-age
Tags: blog, one-column, block-styles, full-site-editing, translation-ready
*/

/* ---------- header ---------- */
.aa-header{border-bottom:1px solid var(--wp--preset--color--line)}
.aa-header-inner{min-height:72px}
.aa-brand{gap:12px !important;text-decoration:none}
.aa-brand img{width:40px;height:40px;border-radius:8px;display:block}
.aa-brand a{text-decoration:none;color:inherit}
.aa-brand-name{margin:0;font-weight:700;font-size:19px;line-height:1.2;letter-spacing:.04em}
.aa-brand-name small{display:block;font-weight:500;font-size:12px;letter-spacing:.02em;color:var(--wp--preset--color--muted)}
.aa-nav{gap:22px !important;font-size:15px;font-weight:500}
.aa-nav a{text-decoration:none}
.aa-nav a:hover{color:var(--wp--preset--color--orange-ink)}
.aa-nav .wp-block-button__link{padding:9px 18px;font-size:15px;line-height:1.2}

/* ---------- home ---------- */
.aa-intro{border-bottom:1px solid var(--wp--preset--color--line)}
.aa-intro h1{font-size:40px;line-height:1.35;letter-spacing:.02em;margin:0 0 16px}
.aa-intro h1 mark{background:linear-gradient(transparent 62%,rgba(220,144,52,.45) 62%) !important;color:inherit}
.aa-intro .aa-lead{font-size:18px;color:var(--wp--preset--color--ink-2);max-width:640px;margin:0 0 28px}
.aa-list-head{gap:16px}
.aa-list-head h2{font-size:15px;letter-spacing:.12em;margin:0;color:var(--wp--preset--color--muted);font-weight:700}
.aa-cats{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:14px}
.aa-cats a{text-decoration:none;color:var(--wp--preset--color--ink-2)}
.aa-cats a:hover{color:var(--wp--preset--color--ink);box-shadow:inset 0 -2px 0 var(--wp--preset--color--orange)}
.aa-feed>li{border-bottom:1px solid var(--wp--preset--color--line);padding:28px 0;margin:0 !important}
.aa-feed>li:last-child{border-bottom:0}
.aa-card{display:grid !important;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.aa-card .wp-block-post-featured-image{margin:0}
.aa-card .wp-block-post-featured-image img{border-radius:6px;aspect-ratio:1200/630;object-fit:cover;width:100%}
.aa-card .wp-block-post-title{font-size:22px;line-height:1.45;margin:4px 0 8px}
.aa-card .wp-block-post-title a{text-decoration:none}
.aa-card .wp-block-post-title a:hover{color:var(--wp--preset--color--orange-ink)}
.aa-card .wp-block-post-excerpt{margin:0 0 10px}
.aa-card .wp-block-post-excerpt__excerpt{margin:0;color:var(--wp--preset--color--ink-2);font-size:15.5px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aa-tag,.aa-tag a{font-size:13px;font-weight:700;color:var(--wp--preset--color--orange-ink);text-decoration:none;letter-spacing:.04em}
.aa-meta{font-size:13.5px;color:var(--wp--preset--color--muted)}
.aa-meta .aa-readtime::before{content:"·";margin:0 .5em}
.aa-more a,.aa-back a,.aa-follow a{text-decoration:none;box-shadow:inset 0 -2px 0 var(--wp--preset--color--orange)}
.aa-more{font-size:15px;font-weight:600}
.wp-block-query-pagination{font-size:15px}

/* ---------- article ---------- */
.aa-article-title{font-size:36px;line-height:1.4;margin-block:10px 16px !important}
.aa-feature img{border-radius:8px}
.wp-block-post-content{font-size:18px;line-height:1.95}
.wp-block-post-content>p{margin-block:0 1.35em}
.wp-block-post-content>*+*{margin-block-start:0}
.wp-block-post-content h2{font-size:24px;line-height:1.45;margin:2.1em 0 .7em;padding-left:14px;border-left:4px solid var(--wp--preset--color--orange)}
.wp-block-post-content h3{font-size:20px;margin:1.8em 0 .6em}
.wp-block-post-content a{text-decoration:none;box-shadow:inset 0 -2px 0 rgba(220,144,52,.7)}
.wp-block-post-content a:hover{color:var(--wp--preset--color--orange-ink)}
.wp-block-post-content ol,.wp-block-post-content ul{padding-left:1.4em;margin:0 0 1.4em}
.wp-block-post-content li{margin:.3em 0}
.wp-block-post-content .is-style-lede,.aa-lede{font-size:20px;line-height:1.8;font-weight:500}
.wp-block-post-content blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--wp--preset--color--line);color:var(--wp--preset--color--ink-2)}
.wp-block-post-content figure img{border-radius:6px}
.aa-timeline{background:var(--wp--preset--color--surface);border-radius:8px;padding:20px 24px;margin-block:0 1.6em !important;font-size:16px;line-height:1.75}
.aa-timeline h3{margin:0 0 8px !important;font-size:15px;letter-spacing:.08em;color:var(--wp--preset--color--muted)}
.aa-timeline ul{list-style:none;padding:0 !important;margin:0 !important}
.aa-timeline li{display:grid;grid-template-columns:5.5em 1fr;gap:8px;margin:.35em 0}
.aa-timeline li strong{color:var(--wp--preset--color--orange-ink)}
.aa-confirm{background:#FFF4D6;border:1px dashed #D9A62E;border-radius:6px;padding:10px 14px;font-size:16px;color:#6B4E00}
.aa-sources{border-top:1px solid var(--wp--preset--color--line);margin-top:2.4em !important;padding-top:1.2em;font-size:15px;line-height:1.8}
.wp-block-post-content .aa-sources h2{border:0;padding:0;font-size:16px;margin:0 0 .6em;letter-spacing:.06em}
.aa-sources ol{color:var(--wp--preset--color--ink-2)}
.aa-discuss{font-size:16px;color:var(--wp--preset--color--ink-2)}
.aa-post-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
.aa-post-tags a{background:var(--wp--preset--color--surface);border-radius:999px;padding:3px 12px;text-decoration:none;color:var(--wp--preset--color--ink-2)}
.aa-post-tags .wp-block-post-terms__separator{display:none}
.aa-follow,.aa-back{font-size:15px;color:var(--wp--preset--color--ink-2)}
.aa-follow a{font-weight:700;color:var(--wp--preset--color--ink)}
.aa-back a{color:var(--wp--preset--color--ink-2)}

/* ---------- signup (MailPoet output is restyled here) ---------- */
.aa-signup-box{background:var(--wp--preset--color--ink);color:#fff;border-radius:12px;padding:32px !important}
.aa-signup-box h2{margin:0 0 6px !important;font-size:22px;line-height:1.4;color:#fff;border:0 !important;padding:0 !important}
.aa-signup-box p{color:#C9CAD0;font-size:15.5px;line-height:1.7;margin:0 0 18px}
.aa-signup-form{max-width:480px}
.aa-signup-form .mailpoet_form{padding:0 !important;margin:0 !important;background:none !important;border:0 !important;width:auto !important}
.aa-signup-form form.mailpoet_form{display:flex !important;flex-wrap:wrap;gap:8px;align-items:stretch}
.aa-signup-form .mailpoet_paragraph{margin:0 !important;padding:0 !important;line-height:1.2}
.aa-signup-form .mailpoet_paragraph:has(.mailpoet_text){flex:1 1 220px}
.aa-signup-form .mailpoet_paragraph:has(.mailpoet_submit){flex:0 0 auto}
.aa-signup-form .mailpoet_text_label,.aa-signup-form .mailpoet_form_loading{display:none !important}
.aa-signup-form input.mailpoet_text{width:100% !important;font:inherit !important;font-size:16px !important;padding:10px 16px !important;border:1px solid #CFCCC5 !important;border-radius:999px !important;background:#fff !important;color:var(--wp--preset--color--ink) !important;margin:0 !important;box-sizing:border-box}
.aa-signup-form input.mailpoet_submit{font:inherit !important;font-weight:700 !important;font-size:15px !important;background:var(--wp--preset--color--orange) !important;color:var(--wp--preset--color--ink) !important;border:0 !important;border-radius:999px !important;padding:11px 20px !important;width:auto !important;cursor:pointer;margin:0 !important;line-height:1.2 !important}
.aa-signup-form input.mailpoet_submit:hover{background:#c97f26 !important}
.aa-signup-form .mailpoet_message,.aa-signup-form .mailpoet_validate_success,.aa-signup-form .mailpoet_validate_error{flex-basis:100%;font-size:14px;margin:0}
.aa-signup-box .aa-signup-form input.mailpoet_text{background:#2A2B31 !important;border-color:#4A4C55 !important;color:#fff !important}
.aa-signup-box .aa-signup-form input.mailpoet_text::placeholder{color:#9C9EA6}
.aa-signup-note{font-size:13px !important;color:var(--wp--preset--color--muted) !important;margin:10px 0 0 !important}
.aa-signup-box .aa-signup-note{color:#9C9EA6 !important}
.aa-signup-missing{font-size:13px;color:#b42318 !important}

/* ---------- footer ---------- */
.aa-footer{border-top:1px solid var(--wp--preset--color--line);font-size:14px;color:var(--wp--preset--color--muted)}
.aa-footer p{margin:0;line-height:1.7}
.aa-footer .aa-f-brand{font-weight:700;color:var(--wp--preset--color--ink);font-size:16px;margin-bottom:4px}
.aa-footer-nav{gap:18px !important}
.aa-footer-nav a{text-decoration:none;color:var(--wp--preset--color--ink-2)}

/* ---------- mobile ---------- */
@media (max-width:640px){
  body{font-size:16px}
  .aa-header-inner{min-height:60px}
  .aa-brand img{width:34px;height:34px}
  .aa-brand-name{font-size:17px}
  .aa-brand-name small{display:none}
  .aa-nav{gap:14px !important;font-size:14px}
  .aa-nav .wp-block-button__link{padding:8px 14px;font-size:14px}
  .aa-intro h1{font-size:28px}
  .aa-intro .aa-lead{font-size:16px}
  .aa-signup-form form.mailpoet_form{flex-direction:column}
  .aa-signup-form .mailpoet_paragraph:has(.mailpoet_text){flex:1 1 auto}
  .aa-signup-form input.mailpoet_submit{width:100% !important}
  .aa-card{grid-template-columns:1fr;gap:12px}
  .aa-feed>li{padding:24px 0}
  .aa-card .wp-block-post-title{font-size:19px}
  .aa-article-title{font-size:26px}
  .wp-block-post-content{font-size:17px;line-height:1.9}
  .wp-block-post-content .is-style-lede,.aa-lede{font-size:18px}
  .wp-block-post-content h2{font-size:21px}
  .aa-timeline li{grid-template-columns:4.8em 1fr}
  .aa-signup-box{padding:24px 20px !important}
}

/* ---------- layout spacing ---------- */
.aa-main{padding-bottom:64px}
.aa-header-inner{padding:0}
.aa-intro{padding:64px 0 48px}
.aa-list-head{padding:40px 0 8px}
.aa-article-head{padding-top:56px}
.aa-feature{margin-top:8px !important;margin-bottom:40px !important}
.aa-page-title{padding-top:56px}
.aa-footer{padding:40px 0 48px}
.aa-signup-box{margin-top:48px !important;margin-bottom:20px !important}
.aa-signup-box:not(:has(.aa-signup-form,.aa-signup-missing)){display:none}
.aa-card:not(:has(.wp-block-post-featured-image)){grid-template-columns:1fr}
@media (max-width:640px){
  .aa-intro{padding:36px 0 32px}
  .aa-article-head,.aa-page-title{padding-top:32px}
  .aa-feature{margin-bottom:28px !important}
}
.wp-site-blocks>*+*{margin-block-start:0}
.aa-feed{margin-top:0 !important}
.aa-feature{margin-top:24px !important}
body.archive .aa-list-head h2,body.search .aa-list-head h2{display:none}