/* info.php only (2026-10-23): news list page, same look as the index.php news block (base: index.css + home_theme.css) */
#content > .container{ padding-top: 20px; }
.minfo{ margin-top: 0; }
.minfo .hn{ margin-top: 14px; }

/* category filter (infoh.htm) */
.hform .nf{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 18px; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 12px; }
.nf-label{ font-weight: bold; color: var(--hc-brand); }
.nf select{ font: inherit; min-width: 16em; max-width: 100%; height: 2.4em; padding: 0 10px; border: 1px solid var(--hc-line); border-radius: 8px; background: #fff; color: var(--hc-fg); }
.nf select:focus{ outline: 2px solid var(--hc-d-gr); outline-offset: 1px; }
.nf table, .nf td{ border: 0; border-collapse: collapse; padding: 0; }
.nf button{ font: inherit; font-weight: bold; height: 2.4em; padding: 0 22px; border: 0; border-radius: 999px; background: var(--hc-brand); color: #fff; cursor: pointer; }
.nf button:hover{ background: var(--hc-c-gr); }

/* pager (Navigator first/prev/next/last + page count) */
.hn-pager{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; padding: 14px 18px; border-top: 1px solid var(--hc-line); }
.hn-nav table, .hn-nav td{ border: 0 !important; border-collapse: collapse; background: transparent !important; padding: 0 3px; }
.hn-nav button{ display: inline-flex; align-items: center; gap: 4px; font: inherit; font-size: .9rem; padding: 4px 14px; border: 1px solid var(--hc-line); border-radius: 999px; background: #fff; color: var(--hc-brand); cursor: pointer; }
.hn-nav button img{ display: none; }
.hn-nav button:hover:not([disabled]){ border-color: var(--hc-brand); background: var(--hc-soft); }
.hn-nav button[disabled]{ color: #a9b6c5; cursor: default; }
.hn-pg{ font-size: .9rem; color: var(--hc-muted); }

@media (max-width: 600px){
	.nf select{ min-width: 0; flex: 1; }
	.hn-nav button{ padding: 4px 10px; }
}