/* Category portal (/jdwx/) and article lists (/kt/) measured from the reference. */
.category-template { width:100%; }
.main.template-category { padding-bottom:0; }
.category-template :where(section,aside,ul,ol,li,div,a,p,h1,h2) { min-width:0; }
.category-template img { display:block; }
.cat-nav { display:flex; flex-wrap:wrap; gap:5px; min-height:55px; padding:15px 20px 10px; background:#fff; margin-top:15px; }
.cat-nav a { width:78.5px; height:30px; line-height:30px; background:#f7f8fa; text-align:center; font-size:12px; overflow:hidden; }
.cat-nav a.this,.cat-nav a:hover { color:#fff; background:#e6454a; }
.cat-nav.cat-nav-empty { min-height:20px; height:20px; padding:10px 15px; }
.cat-portal { display:grid; grid-template-columns:350px 480px 350px; gap:10px; margin-top:15px; }
.cat-portal-left,.cat-portal-center,.cat-portal-right { padding:15px; background:#fff; min-width:0; height:510px; overflow:hidden; }
.cat-portal-sparse { align-items:start; }
.cat-portal-sparse>.cat-portal-left,.cat-portal-sparse>.cat-portal-center,.cat-portal-sparse>.cat-portal-right { height:auto; min-height:0; }
.cat-small-grid:empty { display:none; }
.cat-focus-image { display:block; width:320px; height:200px; overflow:hidden; }
.cat-focus-image img,.cat-small-grid img,.cat-teasers img,.cat-article-image img,.cat-ranked-feature img,.cat-side-grid img { width:100%; min-height:100%; object-fit:cover; }
.cat-focus-image img[src*="/static/images/categories/"],.cat-small-grid img[src*="/static/images/categories/"],.cat-article-image img[src*="/static/images/categories/"],.cat-ranked-feature img[src*="/static/images/categories/"] { height:100%; min-height:0; }
.cat-focus-title { display:block; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; }
.cat-focus-summary { height:40px; line-height:20px; color:#a2a2b6; font-size:12px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cat-small-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.cat-small-grid a { display:block; height:90px; overflow:hidden; }
.cat-headline,.cat-subtitle { display:block; text-align:center; white-space:nowrap; overflow:hidden; }
.cat-headline { height:45px; line-height:45px; font-size:18px; font-weight:700; color:#e6454a; }
.cat-subtitle { height:28px; line-height:28px; }
.cat-short-list { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:20px; }
.cat-short-list li { height:26px; line-height:26px; overflow:hidden; white-space:nowrap; }
.cat-separator { height:1px; background:#f7f8fa; margin:10px 0 5px; }
.cat-inline-story { display:block; height:130px; padding-bottom:5px; }
.cat-inline-story span { display:block; height:35px; line-height:35px; overflow:hidden; white-space:nowrap; }
.cat-inline-story img { width:146.666px; height:90px; object-fit:cover; }
.cat-date-list li { height:30px; line-height:30px; overflow:hidden; }
.cat-date-list li::before { content:'·'; color:#ddd; margin-right:10px; }
.cat-date-list time { float:right; color:#a2a2b6; font-size:12px; margin-left:10px; }
.cat-teasers li { padding:15px 0; border-bottom:1px solid #f7f8fa; min-height:100px; }
.cat-teasers li:first-child { padding-top:0; min-height:85px; }
.cat-teasers a { display:block; height:69px; overflow:hidden; }
.cat-teasers img { float:left; width:100px; height:69px; min-height:0; margin-right:10px; }
.cat-teasers b { display:block; height:29px; line-height:29px; font-weight:400; white-space:nowrap; overflow:hidden; }
.cat-teasers p { font-size:12px; color:#a2a2b6; line-height:20px; height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cat-keywords { display:grid; grid-template-columns:145px 145px; gap:5px 10px; margin-top:15px; }
.cat-keywords a { height:32px; line-height:32px; padding:0 10px; background:#f7f8fa; white-space:nowrap; overflow:hidden; }
.cat-keywords a:hover { background:#e6454a; color:white; }
.cat-section-heading { height:50px; line-height:50px; font-size:18px; color:#e6454a; font-weight:700; }
.cat-section-heading span { float:right; font-size:12px; font-weight:400; }
.cat-breadcrumb { height:40px; display:flex; align-items:center; font-size:12px; color:#a2a2b6; gap:4px; }
.cat-breadcrumb i { font-style:normal; color:#e6454a; }
.cat-breadcrumb a { color:#a2a2b6; }
.cat-breadcrumb span:last-child { color:#e6454a; }
.cat-content-layout { display:grid; grid-template-columns:810px 370px; gap:20px; align-items:start; }
.cat-article-panel { min-width:0; padding:15px; background:#fff; }
.cat-panel-title { display:flex; justify-content:space-between; align-items:center; height:18px; line-height:18px; margin-bottom:15px; }
.cat-panel-title h1 { font-size:16px; color:#e6454a; font-weight:700; }
.cat-panel-title>span { font-size:12px; color:#a2a2b6; white-space:nowrap; }
.cat-panel-title b { color:#e6454a; font-weight:400; }
.cat-article-list>li { padding:15px 0; border-top:1px solid #f7f8fa; }
.cat-article-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; height:20px; line-height:20px; font-size:16px; }
.cat-article-heading a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cat-article-heading time { font-size:12px; color:#a2a2b6; flex-shrink:0; }
.cat-article-image { display:block; width:250px; height:120px; margin-top:10px; overflow:hidden; }
.cat-service-card { display:flex; align-items:center; gap:15px; min-height:182px; position:relative; padding:20px 15px; background:#fff0e5; }
.cat-service-card>img { width:100px; height:142px; object-fit:cover; object-position:right; }
.cat-service-card>div { flex:1; min-width:0; }
.cat-service-card strong { display:block; color:#e6454a; font-size:16px; line-height:30px; }
.cat-service-card p { color:#666; font-size:14px; line-height:20px; margin-top:10px; }
.cat-service-card p a { color:#e6454a; font:20px Georgia,serif; }
.cat-service-button { display:block; width:120px; text-align:center; color:white; background:#f60; border-radius:5px; line-height:40px; font-size:16px; font-weight:700; }
.cat-service-button:hover { color:white; opacity:.9; }
.cat-service-card small { position:absolute; right:2px; bottom:2px; color:#7cabf7; font-size:12px; }
.cat-empty { padding:30px 0; text-align:center; color:#999; }
.cat-sidebar { min-width:0; display:grid; gap:15px; }
.cat-side-panel { width:100%; padding:15px; background:#fff; }
.cat-side-panel h2 { color:#e6454a; font-size:16px; font-weight:700; line-height:18px; height:18px; }
.cat-ranked-feature { display:block; height:199px; position:relative; margin-top:15px; overflow:hidden; }
.cat-ranked-feature span { position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:30px; background:#0008; color:white; font-size:14px; text-align:center; padding:0 10px; overflow:hidden; white-space:nowrap; }
.cat-ranked-list { margin-top:7px; }
.cat-ranked-list li { height:32px; display:flex; align-items:center; gap:5px; line-height:32px; overflow:hidden; }
.cat-ranked-list b { width:30px; height:20px; line-height:20px; text-align:center; background:#ccc; color:white; font-size:13px; flex-shrink:0; font-weight:400; }
.cat-ranked-list li:first-child b { background:#fd0100; }
.cat-ranked-list li:nth-child(2) b { background:#e6454a; }
.cat-ranked-list li:nth-child(3) b { background:#666; }
.cat-ranked-list a { flex:1; overflow:hidden; white-space:nowrap; }
.cat-ranked-list span { flex-shrink:0; font-size:12px; color:#a2a2b6; }
.cat-side-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px 10px; margin-top:15px; }
.cat-side-grid li { min-width:0; overflow:hidden; }
.cat-side-grid img { height:90px; min-height:0; }
.cat-side-grid p { height:46px; padding:5px; background:#f7f8fa; font-size:12px; line-height:18px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cat-ask-list li { margin-top:15px; }
.cat-ask-list a { display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; }
.cat-ask-list b { display:inline-block; height:22px; width:22px; margin-right:5px; line-height:22px; font-size:12px; text-align:center; background:#e6454a; color:white; border-radius:3px; font-weight:400; }
.cat-ask-list p { line-height:22px; max-height:44px; overflow:hidden; font-size:12px; color:#a2a2b6; }
.cat-ask-list p b { background:#c39869; }
.cat-sidebar-ad { padding:15px; background:#fff; }
.cat-sidebar-ad .service-banner { width:100%; }
.category-template .pagination { margin:20px 0 0; }
.category-template .pagination a,.category-template .pagination .dot { border-radius:0; }
.cat-device-blocks { width:100%; }
.template-home .cat-empty-device { display:flex; align-items:center; gap:20px; min-height:120px; padding:15px; box-sizing:border-box; background:#fff; }
.cat-empty-device>img { width:130px; height:90px; object-fit:contain; }
.cat-empty-device>div { min-width:0; padding:0; }
.cat-empty-device p { line-height:30px; color:#a2a2b6; }
.cat-empty-device a { margin-right:20px; font-size:13px; color:#e6454a; }
.cat-sparse-stories,.cat-sparse-stories * { box-sizing:border-box; }
.cat-sparse-stories { display:grid; grid-template-columns:repeat(var(--story-columns),minmax(0,1fr)); gap:15px; }
.cat-sparse-stories article { min-width:0; padding:15px; background:#fff; }
.cat-sparse-image { display:block; height:150px; overflow:hidden; }
.cat-sparse-image img { width:100%; height:100%; object-fit:cover; }
.cat-sparse-title { display:block; margin-top:10px; height:40px; line-height:20px; overflow:hidden; font-size:15px; }
.cat-sparse-copy>p { height:40px; overflow:hidden; line-height:20px; margin-top:5px; color:#a2a2b6; font-size:12px; }
.cat-sparse-copy>div { display:flex; justify-content:space-between; gap:10px; margin-top:10px; font-size:12px; line-height:20px; color:#a2a2b6; }
.cat-sparse-copy>div a { color:#e6454a; }
.cat-single-story article { display:flex; gap:20px; }
.cat-single-story .cat-sparse-image { width:200px; height:120px; flex-shrink:0; }
.cat-single-story .cat-sparse-copy { flex:1; min-width:0; }
.cat-single-story .cat-sparse-title { height:25px; line-height:25px; margin:0; }
.cat-content-empty { display:block; }
.cat-content-empty .cat-sidebar { margin-top:15px; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }
.cat-content-empty .cat-sidebar-ad { display:none; }
@media (max-width:1250px) {
  .cat-portal { grid-template-columns:minmax(0,350fr) minmax(0,480fr) minmax(0,350fr); }
  .cat-focus-image { width:100%; }
  .cat-content-layout { grid-template-columns:minmax(0,810fr) minmax(0,370fr); }
  .cat-keywords { grid-template-columns:1fr 1fr; }
  .cat-service-card { gap:10px; }
  .cat-service-card>img { width:75px; }
  .cat-service-button { width:100px; flex-shrink:0; font-size:14px; }
}
@media (max-width:900px) {
  .cat-nav { padding:10px; min-height:0; }
  .cat-nav a { flex:1 0 75px; }
  .cat-portal { grid-template-columns:1fr; gap:12px; }
  .cat-portal-left,.cat-portal-center,.cat-portal-right { height:auto; min-height:0; }
  .cat-portal-center { min-height:510px; }
  .cat-short-list { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .cat-teasers li { min-height:100px; }
  .cat-keywords { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .cat-content-layout { grid-template-columns:1fr; }
  .cat-panel-title { height:auto; min-height:18px; gap:8px; }
  .cat-panel-title h1 { font-size:15px; }
  .cat-panel-title>span { font-size:11px; }
  .cat-service-card { flex-wrap:wrap; }
  .cat-service-card>img { width:75px; height:100px; }
  .cat-service-card>div { flex-basis:calc(100% - 100px); }
  .cat-service-card p { font-size:12px; }
  .cat-service-card strong { font-size:14px; }
  .cat-service-button { margin-left:85px; }
  .cat-article-heading { font-size:15px; }
  .cat-article-image { max-width:100%; }
  .cat-section-heading { font-size:17px; }
  .template-home .cat-empty-device { gap:12px; }
  .cat-content-empty .cat-sidebar { grid-template-columns:1fr; }
  .cat-sparse-stories { grid-template-columns:1fr; }
}