/* Ledger-grid 模板样式（遵循设计合同） */
:root{
  --bg:#f6efe6; /* 奶油白 */
  --text:#3b2b20; /* 深棕 */
  --accent:#7a3f2a; /* 克制强调色 */
  --muted:#8a7a6f;
  --gap:24px;
  --max-width:1300px; /* 在1120-1440之间，取中间值 */
  --line:#e6daca;
  --fz-base:18px;
  --fz-sm:14px;
  --fz-lg:28px;
  --radius:0; /* 无圆角 */
  --border:1px solid var(--line);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans CJK SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

html,body{height:100%;background:var(--bg);color:var(--text);font-size:var(--fz-base);margin:0;padding:0}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto}

/* 顶部报刊双层报头 */
.masthead{max-width:var(--max-width);margin:28px auto 20px;padding:0 20px}
.masthead-row{display:flex;align-items:center;justify-content:space-between;border-bottom:0px solid transparent}
.masthead-top{font-weight:700;letter-spacing:0.02em;padding-bottom:6px}
.site-link{font-size:20px;color:var(--text)}
.mini-nav{font-size:13px;color:var(--muted)}

.masthead-bottom{display:block;padding-top:14px}
.title-wrap{display:flex;align-items:flex-start;gap:20px}
.page-title{margin:0;color:var(--text);font-weight:700;font-size:var(--fz-lg);line-height:1.05;word-break:break-word}
.page-title::first-letter{color:var(--accent)} /* 视觉识别：标题首字强调 */
.summary{margin:6px 0 0;color:var(--muted);font-size:var(--fz-sm);max-width:44ch}
.headline-meta{margin-top:10px;color:var(--muted);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}
.headline-meta .meta-item{padding:2px 0}

/* 主体 Ledger Grid（桌面规则在 media query 中定义） */
.ledger-container{display:block;max-width:var(--max-width);margin:0 auto;padding:20px}
.content{background:transparent;padding:0;border-top:1px solid var(--line);}
.article-topline{color:var(--muted);font-size:13px;padding:12px 0 6px;border-top:2px solid transparent}
.article-body{color:var(--text);line-height:1.9;font-size:16px}
.article-body p{margin:0 0 1em}
.ad-slot{margin:18px 0;padding:10px;border:var(--border);background:transparent}
.related{margin-top:22px}
.related h2{font-size:15px;margin:6px 0;color:var(--text);font-weight:600}
.related-list{color:var(--muted);font-size:14px}
.faq{padding-left:0}
.faq h2{font-size:15px;margin:6px 0;color:var(--text);font-weight:600}
.faq-list details{border-top:1px solid var(--line);padding:10px 0}
.faq-list details summary{cursor:pointer;list-style:none;outline:none}

.meta-track{display:none} /* 默认为移动/窄屏显示下隐藏，桌面在 media query 中启用 */
.page-footer{max-width:var(--max-width);margin:30px auto;padding:18px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}

/* 视觉与密度：舒展、无阴影、直角线框 */
.kw{color:var(--accent)}
.kw-inline{color:var(--muted)}

/* 桌面端（强制） */
@media (min-width:1024px){
  .masthead{padding:6px 30px 18px}
  /* 12 列细网格骨架：标题横跨12列（实现为整体横跨），下方为7/3/2布局 */
  .ledger-container{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start;padding:30px}

  /* 标题占据整行（横跨12列），已经在 masthead 中实现视觉左右分置 */
  .masthead{grid-column:1 / -1}

  .content{grid-column:1 / span 7;padding-right:12px;border-right:1px solid var(--line)}
  .faq{grid-column:8 / span 3;padding:0 16px}
  .meta-track{grid-column:11 / span 2;display:block;border-left:1px solid var(--line);padding-left:16px}

  /* 元信息轨道样式（直角线框、元信息轨道） */
  .meta-box{border:1px solid var(--line);padding:12px;background:transparent}
  .meta-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}
  .meta-row:first-child{border-top:0;padding-top:4px}

  /* 标题与摘要左右分置（在横跨12列内） */
  .title-wrap{display:flex;justify-content:space-between;align-items:flex-start}
  .page-title{flex:1 1 66%}
  .summary{flex:0 0 32%;text-align:left}

  /* 相关阅读放在正文结束后，但在视觉上仍靠正文列宽 */
  .related{margin-top:22px}
  .related-list{columns:1;column-gap:20px}
}

/* 手机端（强制） */
@media (max-width:767px){
  :root{--fz-base:16px}
  .masthead{padding:12px}
  .masthead-top{display:flex;justify-content:space-between;align-items:center}
  .title-wrap{display:block}
  .page-title{font-size:20px;margin-bottom:6px}
  .summary{font-size:14px;margin-bottom:10px}

  .ledger-container{display:block;padding:16px}
  .content{border-top:1px solid var(--line);padding-top:12px}
  .article-body{font-size:16px;line-height:1.9}

  /* 将侧边轨道折叠为正文之后模块（按合同下移） */
  .faq{order:2;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
  .meta-track{display:block;margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
  .meta-box{border:0;padding:0}

  /* 线框只保留为段落顶部细线（段落首部显示分割线） */
  .article-body p{padding-top:10px;border-top:1px solid var(--line)}
  .article-body p:first-child{border-top:0;padding-top:0}

  /* 相关阅读以关键词索引式列表呈现（自然垂直列表） */
  .related h2{margin-top:14px}
  .related-list{display:flex;flex-wrap:wrap;gap:8px}
  .related-list a, .related-list span{background:transparent;border:1px solid var(--line);padding:6px 8px;font-size:13px;color:var(--muted)}

  /* 广告为区块，不悬浮 */
  .ad-slot{font-size:13px}

  /* 防止横向滚动 */
  body,html{overflow-x:hidden}
}

/* 无阴影、无大圆角、避免绝对定位以保持稳定与轻量 */