/* Inner reading pages share the moonlit ink-and-gold palette of the homepage. */
.reading-surface{
  background:linear-gradient(180deg,#071018 0%,#0b1922 42%,#071018 100%);
  color:#c6d0ce;
  color-scheme:dark;
  isolation:isolate;
}
.reading-surface:before{
  inset:0;
  height:auto;
  background:linear-gradient(180deg,rgba(7,16,24,.66),#071018 650px),url("../images/landscape.webp?v=20261111-11") center top/100% auto no-repeat;
  opacity:.36;
  pointer-events:none;
  z-index:-1;
}
.reading-surface>.content-container{position:relative}
.reading-surface .category-nav{border-color:rgba(199,163,107,.22)}
.reading-surface .category-nav>a{color:#9badaa;padding:0 8px}
.reading-surface .category-nav>a:hover,
.reading-surface .category-nav>a.is-active{color:#e5c992;text-shadow:0 0 18px rgba(211,174,99,.2)}
.reading-surface .category-nav>a:after{background:#d0ad6c;box-shadow:0 0 12px rgba(208,173,108,.25)}
.reading-surface .article-list{
  margin-top:24px;
  padding:0 28px;
  border:1px solid rgba(199,163,107,.16);
  background:rgba(10,23,31,.65);
  box-shadow:0 18px 60px rgba(0,0,0,.12);
}
.reading-surface .article-row{border-color:rgba(156,181,183,.12)}
.reading-surface .article-row:last-child{border-bottom:0}
.reading-surface .article-row>a{position:relative}
.reading-surface .article-row>a:before{
  content:"";
  position:absolute;
  inset:12px -12px;
  background:linear-gradient(90deg,rgba(198,163,100,.065),transparent 80%);
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.reading-surface .article-row>a:hover:before{opacity:1}
.reading-surface .article-row time{color:#91a5a5}
.reading-surface .article-row time strong{color:#c1b390}
.reading-surface .article-row time span{color:#91a5a5}
.reading-surface .article-category{color:#c5a86e}
.reading-surface .guide-row-seal{color:#cfb57f;border-color:rgba(199,163,107,.35)}
.reading-surface .guide-row-seal:after{border-color:rgba(199,163,107,.16)}
.reading-surface .article-row h2{color:#dbe0d8}
.reading-surface .article-row>a:hover h2{color:#f0d5a0}
.reading-surface .article-row p{color:#9cacaa}
.reading-surface .row-arrow{color:#d4b77e}
.reading-surface .pagination{color:#acb8b3}
.reading-surface .pagination>a,
.reading-surface .pagination>span{border-color:rgba(199,163,107,.25);background:rgba(12,27,35,.8)}
.reading-surface .pagination>a:hover,
.reading-surface .pagination>a.page-num-current,
.reading-surface .pagination>span,
.reading-surface .pagination .page-num-current{background:#c5a66e;color:#071018;border-color:#c5a66e}
.reading-surface .empty-state{color:#c5d0ca}
.reading-surface .empty-state small{color:#94a7a5}
.reading-surface .return-link{color:#c4ac7b}
.reading-surface .return-link:hover{color:#f1d9a8}
.reading-surface .article-detail-head{border-color:rgba(199,163,107,.22)}
.reading-surface .article-detail-head h2{color:#e4d8bd}
.reading-surface .article-detail-head time{color:#9badab}
.reading-surface .rich-text{color:#c6d0ce}
.reading-surface .rich-text h1,
.reading-surface .rich-text h2,
.reading-surface .rich-text h3,
.reading-surface .rich-text h4{color:#e7d3aa}
.reading-surface .rich-text a{color:#e0bd7e}
.reading-surface .rich-text a:hover{color:#f7dcab}
.reading-surface .rich-text td,
.reading-surface .rich-text th{border-color:rgba(158,185,183,.25)}
.reading-surface .rich-text th{background:rgba(199,163,107,.08);color:#e1d2b2}
.reading-surface .rich-text pre,
.reading-surface .rich-text blockquote{background:#0b141c;border:1px solid rgba(199,163,107,.2);color:#cad6d1}
.reading-surface .rich-text blockquote{border-left:3px solid #bd9c62;margin:1.5em 0;padding:18px 22px}
.reading-surface .article-neighbors{border-color:rgba(199,163,107,.22);color:#c6d0ce}
.reading-surface .article-neighbors p>span{color:#baa67d}
.reading-surface .article-neighbors a:hover{color:#edcc90}
.reading-surface .button-dark{background:#10232d;border:1px solid rgba(199,163,107,.45);color:#e0c38e}
.reading-surface .button-dark:hover{background:#c6a56c;color:#071018}
.reading-surface .feature-card{border-color:rgba(199,163,107,.2);background:rgba(12,27,35,.9)}
.reading-surface .feature-card-image{background:#11242d}
.reading-surface .feature-card h2{color:#dfd5be}
.reading-surface .feature-card p{color:#9cadab}
.reading-surface .text-link{color:#d6b77b}
@media(max-width:767px){
  .reading-surface .article-list{margin-top:18px;padding:0 15px}
  .reading-surface .category-nav{column-gap:16px}
  .reading-surface .category-nav>a{padding:0 3px}
  .reading-surface .article-row>a{gap:13px}
}