:root{--en:"DIN Condensed","Arial Narrow",sans-serif}*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#10263e;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid #367ba0;outline-offset:4px}.reading-wrap{max-width:1184px;margin:auto;padding:0 28px}.reading-header{background:#061528;color:#fff;border-bottom:1px solid #23384d}.reading-header>.reading-wrap{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.reading-header img{width:210px;height:auto}.reading-header nav{display:flex;gap:26px;font-size:14px}.reading-back{display:inline-block;margin:30px 0;font-size:14px;color:#47637f}.reading-kicker{font-size:13px;letter-spacing:.12em;color:#567087;margin:0 0 12px}.archive-heading{margin:15px 0 38px}.archive-heading h1{font-size:44px;line-height:1.25;margin:0 0 14px}.archive-heading p{color:#53667a}.archive-count{font-size:13px}.news-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-archive-grid .news-card{width:100%}.news-archive-grid .news-card h3{min-height:56px}.news-permalink,.news-server-likes{font-size:13px;color:#53667a}.news-permalink{text-decoration:underline;text-underline-offset:3px}.archive-pagination{display:flex;justify-content:center;align-items:center;gap:32px;padding:40px 0 60px;font-size:14px}.archive-pagination a{background:white;border:1px solid #cad3dc;padding:8px 16px}.reading-article{max-width:800px;margin:10px auto 50px}.reading-article h1{font-size:40px;line-height:1.4;margin:0 0 20px;overflow-wrap:anywhere}.article-byline{font-size:13px;color:#6d7d8d;margin-top:12px}.article-result{display:inline-block;padding:10px 16px;background:#e9f3cd;color:#254113;font-size:17px;margin:22px 0 8px}.article-copy{font-size:17px;line-height:1.95;margin:30px 0;overflow-wrap:anywhere}.article-copy p{margin:0 0 18px;white-space:pre-wrap}.article-photos figure{margin:24px 0}.article-photos img{width:100%;height:auto}.article-actions{margin-top:35px;padding:20px 0;border-top:1px solid #d5dfe7;font-size:14px;color:#53667a}.article-actions .news-like{display:inline-flex;margin-left:20px;gap:6px}.article-actions p{font-size:13px;color:#9e3943}.reading-footer{background:#061528;color:#b8c5d2;font-size:13px;padding:26px 0}.reading-footer>.reading-wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:850px){.news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.reading-wrap{padding:0 20px}.reading-header>.reading-wrap{align-items:flex-start;flex-direction:column;gap:16px;padding-top:20px;padding-bottom:20px}.reading-header img{width:180px}.reading-header nav{gap:24px}.archive-heading h1{font-size:32px}.news-archive-grid{grid-template-columns:minmax(0,1fr)}.reading-article h1{font-size:29px}.article-copy{font-size:16px}.reading-back{margin:24px 0}.archive-pagination{gap:18px}}

.faq-index {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 28px;
  padding-bottom: 56px;
}
.faq-index section {
  padding: 22px clamp(20px, 3vw, 32px);
  background: white;
  border-top: 3px solid #719b31;
}
.faq-index h2 { margin: 0 0 10px; font-size: 21px; }
.faq-index ul { list-style: none; padding: 0; margin: 0; }
.faq-index li + li { border-top: 1px solid #e1e7ec; }
.faq-index li a { display: block; padding: 8px 0; color: #314b62; }
.faq-reading { max-width: 860px; }
.faq-reading h1 { margin: 0 0 24px; font-size: clamp(30px, 5vw, 44px); }
.faq-response {
  border-top: 1px solid #c6d2dd;
  padding: 24px 0;
  scroll-margin-top: 20px;
}
.faq-response:target { border-top: 3px solid #719b31; }
.faq-response h2 { font-size: clamp(20px, 3vw, 24px); line-height: 1.5; margin: 0; }
.faq-response p { font-size: 17px; color: #314b62; line-height: 1.85; margin: 12px 0 8px; }
.faq-sources, .faq-siblings { display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 8px; }
.faq-sources a, .faq-siblings a { color: #365c1b; text-decoration: underline; text-underline-offset: 3px; }
.faq-siblings { border-top: 1px solid #c6d2dd; padding: 24px 0 48px; }
.reading-header nav { flex-wrap: wrap; }
@media (max-width: 700px) { .faq-index { grid-template-columns: 1fr; gap: 20px; } }