:root{
  --brick:#9b372b; /* 砖红（克制） */
  --sand:#f6efe7; /* 砂岩白 */
  --text:#222;
  --muted:#6b6b6b;
  --accent:var(--brick);
  --max-width:1280px; /* 在 1120-1440 区间内取中间值 */
  --gutter:28px;
}
/* 基础布局与排版 */
*{box-sizing:border-box}
html,body{height:100%;background:var(--sand);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans CJK SC',sans-serif;margin:0;}
a{color:inherit;text-decoration:none}
.page-container{max-width:var(--max-width);margin:28px auto;padding:0 var(--gutter);}
.editorial-header{padding:12px var(--gutter);background:transparent;color:var(--muted);}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hdr-left,.hdr-right{font-size:13px;color:var(--muted)}
.hdr-center{flex:0 0 auto}
.site-link{font-weight:600;color:var(--text);letter-spacing:0.2px}
.hdr-path{font-size:12px;color:var(--muted);margin-top:6px}

/* Title composition: title (serif) and summary right */
.title-area{display:grid;gap:18px;align-items:start}
.title-block{min-width:0}
.title{font-family:Georgia,'Times New Roman',Times,serif;font-size:28px;line-height:1.12;margin:0;color:var(--text);font-weight:600}
.title::first-letter{color:var(--accent);font-weight:700;padding-right:3px}
.meta{margin-top:10px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.summary-block{color:#3c3c3c}
.summary{margin:0;font-size:15px;line-height:1.6;color:#333}
.keywords{margin-top:12px;font-size:13px;color:var(--muted)}

.section-divider{border:0;border-top:1px solid rgba(0,0,0,0.06);margin:20px 0}

/* Main grid: wide main column and narrow side column on desktop */
.content-wrap{display:block}
.main-column{min-width:0}
.side-column{display:none}
.article-body{font-size:16px;line-height:1.78;color:#222}
.article-body p{margin:0 0 14px}
.article-body h2, .article-body h3{margin:22px 0 10px;font-family:Georgia,'Times New Roman',serif}

/* FAQ: rely on details/summary if present, style neutral */
details{border:none;padding:8px 0;margin:6px 0}
details summary{cursor:pointer;font-weight:600;outline:none;color:var(--accent)}
details[open] summary{color:var(--text)}
details p{margin:8px 0 0;color:#333}

/* Related: three column pattern without shadow */
.related-section{max-width:var(--max-width);margin:28px auto;padding:0 var(--gutter)}
.related-title{font-size:15px;margin:0 0 12px;color:var(--muted)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.related-grid > *{background:transparent;padding:10px;border-radius:4px;border:0}
.related-grid a{display:block;color:var(--text);text-decoration:none}
.related-grid p{margin:0;font-size:14px;color:#333}

/* Ads: independent static blocks, no floating */
.ad{max-width:var(--max-width);margin:18px auto;padding:12px var(--gutter);color:var(--muted);font-size:13px;background:transparent}
.ad-top{margin-top:6px}
.ad-middle{margin:20px 0}
.ad-bottom{margin-bottom:28px}

/* Footer */
.page-footer{max-width:var(--max-width);margin:0 auto;padding:18px var(--gutter);color:var(--muted);font-size:13px}

/* Side boxes */
.side-box{padding:6px 0}
.side-title{font-size:13px;margin:0 0 8px;color:var(--muted)}
.side-text{margin:0;color:#333;font-size:14px}
.side-divider{border:0;border-top:1px solid rgba(0,0,0,0.04);margin:12px 0}

/* RESPONSIVE RULES */
@media (min-width:1024px){
  /* Desktop: use non-symmetric grid: wide main + narrow side */
  .page-container{display:block}
  .content-wrap{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
  .title-area{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
  .title{font-size:36px}
  .summary{font-size:15px}
  .side-column{display:block}
  .article-body{font-size:17px}
  .related-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:767px){
  /* Mobile: compact, stacked, avoid large blank areas */
  body{padding-bottom:18px}
  .editorial-header{padding:10px 16px}
  .hdr-row{gap:6px}
  .hdr-left,.hdr-right{font-size:12px}
  .hdr-path{display:none}
  .page-container{padding:0 14px;margin:12px auto}
  .title-area{display:block}
  .title{font-size:20px;line-height:1.18}
  .meta{font-size:12px;margin-top:8px}
  .summary{font-size:14px;margin-top:10px}
  .content-wrap{display:block}
  .side-column{display:block;margin-top:18px}
  .side-box{margin-bottom:12px}
  .article-body{font-size:15px}
  .related-grid{grid-template-columns:1fr;gap:10px}
  .ad{padding:10px}
  /* ensure no horizontal scroll at 320px */
  html,body{overflow-x:hidden}
  .article-body img, .article-body iframe{max-width:100%;height:auto}
}

/* Accessibility & fine tuning */
.title, .summary, .article-body{word-wrap:break-word;word-break:break-word}