:root{
  --brick:#a93f33; /* 砖红 */
  --sand:#f5efe6; /* 砂岩白 */
  --ink:#222326;
  --muted:#6b6d72;
  --max-content-width:1200px;
  --masthead-width:220px;
  --gutter:20px;
  --meta-width:140px;
  --radius:4px; /* 方形信息块，避免大圆角 */
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans", "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  font-size:16px;
  color:var(--ink);
  background:var(--sand);
}
/* 全局基础 */
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{line-height:1.65}
.page-root{display:flex;flex-direction:column;align-items:center;padding:16px}
/* Masthead（左侧纵向刊头） */
.masthead{background:var(--brick);color:var(--sand);padding:18px 14px;box-sizing:border-box}
.masthead a.home{color:var(--sand);font-weight:700;text-decoration:none;display:inline-block}
.masthead .tagline{font-size:13px;color:rgba(245,239,230,0.9);margin-top:6px}
.masthead-nav ul{list-style:none;padding:0;margin:14px 0 0 0}
.masthead-nav li{margin:8px 0;font-size:14px}
.masthead-nav li span{color:var(--sand);opacity:0.95}
.masthead-extra{margin-top:auto;font-size:13px;color:rgba(245,239,230,0.85)}

/* 文章容器 */
.article{background:#fff;max-width:var(--max-content-width);width:100%;box-sizing:border-box;padding:22px;border:1px solid rgba(34,35,38,0.06)}
.article-header .title-row{display:flex;align-items:flex-start;gap:12px}
.title{font-size:28px;margin:0;color:var(--ink);line-height:1.12}
.meta-column{width:var(--meta-width);min-width:var(--meta-width);text-align:right;color:var(--muted);font-size:13px}
.summary{margin-top:12px;margin-bottom:18px;color:var(--muted)}

/* Grid for main content and edge note */
.article-grid{display:block}
.content{background:transparent}
.content-body{color:var(--ink)}

.edge-note{margin-top:18px}
.edge-title{font-weight:700;color:var(--brick);margin-bottom:8px}
.info-blocks{display:flex;flex-wrap:wrap;gap:10px}
.info-block{background:var(--sand);border:1px solid rgba(34,35,38,0.06);padding:10px;width:100%;box-sizing:border-box;border-radius:var(--radius);font-size:13px}

/* 广告容器样式（不可悬浮、不可覆盖正文） */
.ad-container{width:100%;max-width:var(--max-content-width);margin:14px 0;padding:8px;text-align:center;color:var(--muted);background:transparent;border:1px dashed rgba(34,35,38,0.04);font-size:13px}

.section-title{margin:18px 0 10px 0;font-size:18px}
.faq-list{display:block}
.related{margin-top:14px}
.related-header{background:var(--brick);color:var(--sand);padding:10px 12px;font-weight:700}
.related-list{padding:12px;border:1px solid rgba(34,35,38,0.06);display:grid;gap:12px}
.page-footer{max-width:var(--max-content-width);width:100%;margin-top:18px;padding:8px 0;color:var(--muted);text-align:left}

/* ===== Desktop: min-width:1024px ===== */
@media (min-width:1024px){
  body{background:var(--sand)}
  .page-root{flex-direction:row;align-items:flex-start;gap:24px;padding:28px}
  /* 左侧纵向刊头固定宽度 */
  .masthead{width:var(--masthead-width);min-width:var(--masthead-width);height:100vh;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column}
  /* 文章拉出为两列：主区9/3（内容/边注） */
  .article{padding:28px}
  .article-grid{display:grid;grid-template-columns:9fr 3fr;gap:20px;align-items:start}
  /* 标题跨主区（跨两栏），但内部为大标题+窄元信息列 */
  .article-header{grid-column:1 / -1}
  .title{font-size:34px}
  .meta-column{margin-top:6px}
  .content{order:0}
  .edge-note{order:1}
  .info-block{width:100%;padding:12px}
  /* FAQ 桌面表格：左问题右答案 */
  .faq-list{display:grid;grid-template-columns:1fr 2fr;gap:12px;align-items:start}
  .faq-list > *{padding:10px;border-top:1px solid rgba(34,35,38,0.04)}
  /* 相关阅读：两列摘要列表 */
  .related-list{grid-template-columns:repeat(2,1fr);display:grid}
}

/* ===== Mobile: max-width:767px ===== */
@media (max-width:767px){
  :root{font-size:15px}
  .page-root{padding:0 12px}
  /* Masthead 变为顶部横条 */
  .masthead{display:flex;flex-direction:row;align-items:center;gap:12px;height:auto;width:100%;position:relative;border-bottom:1px solid rgba(34,35,38,0.06);padding:12px}
  .masthead-nav{display:none}
  .masthead-extra{display:none}
  .masthead .tagline{display:none}
  .article{margin-top:12px;padding:16px}
  .title{font-size:20px}
  .meta-column{display:none}
  .summary{margin-bottom:12px}
  /* 恢复自然阅读顺序：正文、边注、FAQ、相关阅读 */
  .article-grid{display:block}
  .edge-note{margin-top:14px}
  .info-blocks{display:block}
  .info-block{width:100%}
  .faq-list{display:block}
  .faq-list > *{padding:10px;border-top:1px solid rgba(34,35,38,0.04)}
  .related-list{display:grid;grid-template-columns:1fr;gap:10px}
}

/* Accessibility & small tweaks */
a{color:var(--brick)}
h1,h2{word-break:break-word}