/* Search, topic and short-post pages share the paper-and-rule news layout. */
.listing-page,.tips-page{max-width:1000px;margin:0 auto;padding:34px 0 76px;min-width:0}
.page-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 25px;color:var(--muted,#6b7280);font-size:12px;line-height:1.5}
.page-breadcrumb a{color:inherit;text-decoration:none}
.page-breadcrumb a:hover{color:var(--accent,#16618b)}
.page-breadcrumb>span[aria-hidden]{color:#bac1c7}
.listing-header{position:relative;margin-bottom:28px;padding:0 0 28px;border-bottom:2px solid var(--ink,#17202b)}
.listing-kicker{display:block;margin-bottom:11px;color:var(--accent,#16618b);font-size:12px;font-weight:700;letter-spacing:.04em}
.listing-header h1{margin:0;color:var(--ink,#17202b);font-size:38px;font-weight:800;line-height:1.3;letter-spacing:-1.4px;overflow-wrap:anywhere;word-break:keep-all}
.listing-description{margin:13px 0 0;color:var(--muted,#6b7280);font-size:15px;line-height:1.7;word-break:keep-all}
.listing-description strong{color:var(--ink,#17202b);font-weight:700}
.tag-heading-mark{color:var(--accent,#16618b);margin-right:5px;font-weight:500}
.listing-search{display:flex;align-items:stretch;max-width:700px;gap:0;margin:0 0 32px;border:1px solid #9ba5ad;background:var(--paper,#fff)}
.listing-search input[type=search]{flex:1;min-width:0;width:auto;padding:15px 18px;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:var(--ink,#17202b);font:inherit;font-size:16px;line-height:1.5}
.listing-search input[type=search]::placeholder{color:#8c959d}
.listing-search:focus-within{outline:2px solid var(--accent,#16618b);outline-offset:2px}
.listing-search button{flex:0 0 auto;min-width:84px;border:0;border-radius:0;padding:0 24px;background:var(--ink,#17202b);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.listing-search button:hover{background:var(--accent,#16618b)}
.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:0 0 13px;border-bottom:1px solid var(--line,#dfe3e7);color:var(--muted,#6b7280);font-size:12px;line-height:1.5}
.listing-toolbar strong{color:var(--ink,#17202b);font-weight:700;margin-left:4px}
.news-list{display:block;min-width:0;gap:0}
.news-list>.news-card{display:grid;grid-template-columns:244px minmax(0,1fr);align-items:start;column-gap:27px;padding:25px 0;margin:0;border:0;border-bottom:1px solid var(--line,#dfe3e7);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;min-width:0;overflow:visible}
.news-list>.news-card .thumb{display:block;position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:0;background:var(--soft,#f5f7f9)}
.news-list>.news-card .thumb img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .25s ease}
.news-list>.news-card .thumb:hover img{transform:scale(1.025)}
.news-list>.news-card .card-body{padding:0;min-width:0}
.news-list>.news-card .meta{display:flex;align-items:center;gap:7px 10px;flex-wrap:wrap;margin:0 0 10px;color:var(--muted,#6b7280);font-size:11px;line-height:1.5}
.news-list>.news-card .meta .cat-btn,.news-list>.news-card .meta .chip{display:inline;color:var(--accent,#16618b);background:none;border:0;border-radius:0;padding:0;box-shadow:none;font-size:11px;font-weight:700;text-decoration:none;white-space:normal;line-height:1.5}
.news-list>.news-card .meta .time{color:var(--muted,#6b7280);font-variant-numeric:tabular-nums}
.news-list>.news-card h3{margin:0 0 11px;font-size:23px;font-weight:750;line-height:1.45;letter-spacing:-.7px;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink,#17202b);text-shadow:none}
.news-list>.news-card h3 a{display:block;color:inherit;text-decoration:none;background:none;-webkit-text-fill-color:currentColor}
.news-list>.news-card h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.news-list>.news-card .excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--muted,#6b7280);font-size:14px;font-weight:400;line-height:1.75;letter-spacing:-.2px;word-break:keep-all;overflow-wrap:anywhere}
.listing-empty{padding:72px 20px 78px;border-bottom:1px solid var(--line,#dfe3e7);text-align:center;color:var(--muted,#6b7280)}
.empty-rule{display:block;width:32px;height:2px;margin:0 auto 23px;background:var(--accent,#16618b)}
.listing-empty h1,.listing-empty h2{margin:0 0 12px;color:var(--ink,#17202b);font-size:23px;font-weight:700;line-height:1.45;letter-spacing:-.6px}
.listing-empty p{margin:0;font-size:14px;line-height:1.8;word-break:keep-all}
.listing-empty .btn{margin-top:25px}
.listing-page .pager{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:36px 0 0}
.listing-page .pager a,.listing-page .pager>span{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:0 7px;border:1px solid transparent;border-radius:0;background:none;color:var(--muted,#6b7280);font-size:13px;text-decoration:none;font-variant-numeric:tabular-nums}
.listing-page .pager a:hover{border-color:var(--line,#dfe3e7);color:var(--ink,#17202b)}
.listing-page .pager .active{background:var(--ink,#17202b);border-color:var(--ink,#17202b);color:#fff;font-weight:700}
.listing-page .load-more{display:none}
.tips-page{max-width:940px}
.tips-head{padding-right:220px;min-height:125px}
.tips-actions{position:absolute;right:0;bottom:30px}
.tips-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 15px;border:1px solid var(--ink,#17202b);border-radius:0;background:var(--paper,#fff);box-shadow:none;color:var(--ink,#17202b);font-size:12px;font-weight:700;text-decoration:none}
.tips-actions .btn:hover{background:var(--ink,#17202b);color:#fff}
.tips-list{list-style:none;margin:0;padding:0}
.tips-item{display:grid;grid-template-columns:65px minmax(0,1fr);gap:24px;margin:0;padding:32px 0 34px;border:0;border-bottom:1px solid var(--line,#dfe3e7);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;scroll-margin-top:35px}
.tip-number{padding-top:2px;color:#aab2b9;font-family:Georgia,"Times New Roman",serif;font-size:37px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-1px}
.tip-content{min-width:0}
.tip-content h2{margin:0 0 13px;color:var(--ink,#17202b);font-size:23px;font-weight:750;line-height:1.5;letter-spacing:-.7px;word-break:keep-all;overflow-wrap:anywhere}
.tip-content .body{color:#434b53;font-size:16px;line-height:1.9;letter-spacing:-.25px;word-break:keep-all;overflow-wrap:anywhere}
.tip-content time{display:block;margin-top:17px;color:var(--muted,#6b7280);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.6}
.tips-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:36px 0 0;font-size:12px;color:var(--muted,#6b7280)}
.tips-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid var(--line,#dfe3e7);color:var(--ink,#17202b);text-decoration:none}
.tips-pagination .page-link:hover{border-color:var(--ink,#17202b)}
.tips-pagination .page-info{font-variant-numeric:tabular-nums}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1023px){
 .listing-page,.tips-page{padding-top:27px}
 .news-list>.news-card{grid-template-columns:210px minmax(0,1fr);gap:22px}
 .news-list>.news-card h3{font-size:21px}
}
@media(max-width:767px){
 .listing-page,.tips-page{padding:21px 0 48px}
 .page-breadcrumb{margin-bottom:23px;font-size:11px}
 .listing-header{margin-bottom:22px;padding-bottom:23px}
 .listing-kicker{font-size:11px;margin-bottom:9px}
 .listing-header h1{font-size:29px;letter-spacing:-1px}
 .listing-description{font-size:13px;margin-top:10px}
 .listing-search{max-width:none;margin-bottom:26px}
 .listing-search input[type=search]{padding:12px 13px;font-size:14px}
 .listing-search button{min-width:65px;padding:0 17px;font-size:13px}
 .listing-toolbar{padding-bottom:12px;font-size:11px}
 .news-list>.news-card{grid-template-columns:minmax(0,1fr) 114px;gap:15px;padding:21px 0}
 .news-list>.news-card .thumb{grid-column:2;grid-row:1;margin-top:1px}
 .news-list>.news-card .card-body{grid-column:1;grid-row:1}
 .news-list>.news-card .meta{gap:5px 8px;margin-bottom:7px;font-size:10px}
 .news-list>.news-card .meta .cat-btn,.news-list>.news-card .meta .chip{font-size:10px}
 .news-list>.news-card h3{margin-bottom:7px;font-size:17px;line-height:1.5;letter-spacing:-.5px}
 .news-list>.news-card .excerpt{font-size:12px;line-height:1.7;-webkit-line-clamp:2}
 .listing-page .pager{display:none}
 .listing-page .load-more{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:25px 0 0;padding:14px;border:1px solid #adb6bd;border-radius:0;background:var(--paper,#fff);color:var(--ink,#17202b);box-shadow:none;font-size:13px;font-weight:600}
 .listing-page .load-more:disabled{color:var(--muted,#6b7280);cursor:wait}
 .listing-empty{padding:54px 13px 59px}
 .listing-empty h1,.listing-empty h2{font-size:20px}
 .listing-empty p{font-size:13px}
 .tips-head{padding-right:0;min-height:0}
 .tips-actions{position:static;margin-top:20px}
 .tips-actions .btn{padding:9px 12px;font-size:11px}
 .tips-item{grid-template-columns:38px minmax(0,1fr);gap:14px;padding:25px 0}
 .tip-number{font-size:27px;padding-top:3px}
 .tip-content h2{font-size:19px;margin-bottom:11px;letter-spacing:-.6px}
 .tip-content .body{font-size:14px;line-height:1.9}
 .tip-content time{font-size:10px;margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.news-list>.news-card .thumb img{transition:none}.news-list>.news-card .thumb:hover img{transform:none}}