.page-read {
  --bg: var(--ui-canvas);
  --surface: var(--ui-surface);
  --text: var(--ui-text);
  --muted: var(--ui-secondary);
  --teal: var(--ui-read);
  --purple: var(--ui-read);
  --border: var(--ui-border);
}
.page-read .hero {
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 24px 24px;
  background: transparent;
  border: 0;
  text-align: left;
}
.page-read .hero::before,
.page-read .hero::after { display: none; }
.page-read .hero-badge,
.page-read .section-label,
.page-read .section-num { display: none; }
.page-read .hero h1 { margin: 0 0 8px; color: var(--ui-text); font-size: 1.75rem; line-height: 1.45; letter-spacing: 0; }
.page-read .hero p,
.page-read .hero-updated { color: var(--ui-muted); }
.page-read .container,
.page-read .wrap,
.page-read main:not(.deal-main) {
  width: min(100% - 40px, 820px);
  margin: 0 auto;
  padding: 24px 0 72px;
}
.page-read .section {
  margin: 0;
  padding: 30px 0;
  border: 0;
  border-top: 1px solid var(--ui-border);
  background: transparent;
}
.page-read .section h2 { margin: 0 0 14px; color: var(--ui-text); font-size: 1.2rem; line-height: 1.5; }
.page-read .section h3 { color: var(--ui-text); }
.page-read .section p,
.page-read .section li { max-width: 72ch; color: var(--ui-secondary); line-height: 1.85; }
.page-read .features,
.page-read .seo-grid { grid-template-columns: 1fr; gap: 0; }
.page-read .feature-card,
.page-read .seo-card {
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid var(--ui-border);
  border-radius: 0;
  background: transparent;
}
.page-read .feature-icon,
.page-read .section-icon { display: none; }
.page-read .toc {
  padding: 16px 18px;
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
}
.page-read .toc a { color: var(--ui-secondary); }
.page-read .toc a:hover { color: var(--ui-read); }
.page-read .callout,
.page-read .panel,
.page-read article {
  padding: 22px;
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
}
.page-read article h1 { color: var(--ui-text); font-size: 1.7rem; line-height: 1.55; }
.page-read article h2 { margin-top: 28px; color: var(--ui-text); }
.page-read .summary,
.page-read .body-text { max-width: 72ch; color: var(--ui-secondary); line-height: 1.9; }
.page-read .tags a,
.page-read .btn {
  border-radius: var(--ui-radius-sm);
  border-color: var(--ui-border-strong);
}
.page-read .btn.primary { color: var(--ui-read); border-color: var(--ui-read); }
.page-read .related > div { padding: 12px 0; border-bottom: 1px solid var(--ui-border); }
.page-read .digest-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.page-read .digest-column h2 { margin-top: 0; color: var(--ui-read); }
.page-read .list li { border-color: var(--ui-border); }
.page-read .list a { color: var(--ui-secondary); }
.page-read .list a:hover { color: var(--ui-text); }

@media (max-width: 680px) {
  .page-read .hero { padding: 26px 16px 14px; }
  .page-read .hero h1 { font-size: 1.35rem; }
  .page-read .container,
  .page-read .wrap,
  .page-read main:not(.deal-main) { width: calc(100% - 28px); padding: 16px 0 56px; }
  .page-read .section { padding: 24px 0; }
  .page-read article,
  .page-read .panel,
  .page-read .callout { padding: 16px; }
  .page-read article h1 { font-size: 1.3rem; }
  .page-read .digest-columns { grid-template-columns: 1fr; gap: 18px; }
}