/* Sidebar rankings (熱帖週排行 / 網站週排行: .ns-list in sidebar-front.php, sidebar-tv.php), 2026-11-05.
   Was: every title bold and coloured, rows touching, the rank number glued to the title ("1.董軍…") — too crowded,
   especially on phones. Now: number in its own column (top 3 red), dark normal-weight title (2 lines max), a divider
   and breathing room per row. Loaded site-wide from functions.php (wp_head). */
.nTab1 .ns-list { margin: 4px 0 0 !important; padding: 0 !important; }
.nTab1 .ns-list .height1 { margin: 0 !important; padding: 0 !important; height: auto !important; }
.nTab1 .ns-list .height1 > li {
	display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 11px 0 !important;
	overflow: visible !important; -webkit-line-clamp: unset !important; border-bottom: 1px solid #eceef2; background: none !important; list-style: none;
}
.nTab1 .ns-list .height1:last-child > li { border-bottom: 0; }
.nTab1 .ns-list li a {
	display: grid !important; grid-template-columns: 26px minmax(0, 1fr); gap: 0 6px; align-items: start;
	font-weight: 500 !important; color: #1d2230 !important; text-decoration: none;
}
.nTab1 .ns-list li a:hover .ns-t { color: #192f65; text-decoration: underline; text-underline-offset: 3px; }
.nTab1 .ns-list .ns-n { font-weight: 700; color: #8c929c; font-variant-numeric: tabular-nums; text-align: left; }
.nTab1 .ns-list .top1 .ns-n, .nTab1 .ns-list .top2 .ns-n, .nTab1 .ns-list .top3 .ns-n { color: #c8102e; }
.nTab1 .ns-list .ns-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@media (max-width: 800px) {
	.nTab1 .ns-list .height1 > li { padding: 13px 0 !important; }
	.nTab1 .ns-list li a, .main .nTab1 .ns-list li a { font-size: 17px !important; line-height: 1.55 !important; grid-template-columns: 30px minmax(0, 1fr); }
}

/* 2026-11-05 phones: the sidebar stacks under the content but kept its 15px desktop gutter (padding-left), so sidebar
   lists sat 30px from the left edge and 15px from the right. Even both sides, and run the 推薦文章 divider across the
   whole row (it was only above the title, not the photo). */
@media (max-width: 800px) {
	.sidebar { padding-left: 0 !important; }
	.more_post .one_post { display: flow-root; margin: 0 0 12px !important; padding: 12px 0 0 !important; border-top: 1px solid #ddd; }
	.more_post .subcat_title + .one_post { padding-top: 4px !important; border-top: 0; }
	.news-single .more_post .one_post .text, .news .more_post .one_post .text { border-top: 0 !important; }
	.more_post + .right-panel { margin-top: 28px; }
	/* 網站月排行: was capped at 350px with a 15% number column, so rows were inset 5px left and 13px right */
	.sidebar .ns-listmon { max-width: none; margin: 10px 0 0 !important; padding: 0 !important; }
	.sidebar .ns-listmon .height1 .numb { width: 36px; }
	.sidebar .ns-listmon .height1 .text { width: calc(100% - 36px); padding-left: 6px; }
}

/* 2026-11-05 mobile audit: text under 12px and tap targets under ~32px tall. Hit areas grow with padding offset by
   negative margins, so nothing moves visually. */
footer .copyright { font-size: 13px !important; }
.pri-inline-ad__sponsor { font-size: 12px !important; }
.sfw-fine, .sfw-fine a { font-size: 12.5px !important; }
@media (max-width: 800px) {
	.top_row #menu-topbar-menu > li > a { display: inline-block; padding-top: 6px !important; padding-bottom: 6px !important; margin-top: -6px; margin-bottom: -6px; }
	footer .links li > a, .breadcrumb a, .sf-sec-crumb a { display: inline-block; padding-top: 7px; padding-bottom: 7px; margin-top: -7px; margin-bottom: -7px; }
	.sf-fs-dot { position: relative; }
	.sf-fs-dot::before { content: ""; position: absolute; left: -2px; right: -2px; top: -14px; bottom: -14px; }
}