/* knsic.com catalog-home experiment.
   This file is deliberately site-scoped and is not part of the shared theme
   bundle used by newly provisioned sites. */
.xp_cinematrix_pro .cm-hero{padding:38px 0}
.xp_cinematrix_pro .cm-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:34px}
.xp_cinematrix_pro .cm-hero h1{font-size:clamp(42px,5.7vw,74px)}
.xp_cinematrix_pro .cm-hero-poster .pm-card{max-width:330px}
.xp_cinematrix_pro .cm-hero-poster .pm-card-feature{display:grid;grid-template-columns:118px minmax(0,1fr);height:178px;overflow:hidden}
.xp_cinematrix_pro .cm-hero-poster .pm-card-media,.xp_cinematrix_pro .cm-hero-poster .pm-card-media img{width:118px;height:178px!important;aspect-ratio:2/3;object-fit:cover}
.xp_cinematrix_pro .cm-hero-poster .pm-card-copy{min-width:0;padding:14px}
.xp_cinematrix_pro .cm-hero-poster .pm-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.kc-main{padding-bottom:18px}
.kc-channel-head h2{margin:0}

.kc-channel-section{margin:38px 0}
.kc-channel-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #cfc8bd}
.kc-channel-head p{margin:4px 0 0;color:#746a60;font-size:13px}
.kc-channel-head>a{font-size:13px;font-weight:800;color:#8b3026}
.kc-channel-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.kc-poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.kc-poster-card{min-width:0;height:100%;background:#f8f5ef;border:1px solid #d9d1c6}
.kc-poster-card>a{display:flex;height:100%;min-width:0;flex-direction:column;color:inherit}
.kc-poster-media{display:block;overflow:hidden;aspect-ratio:2/3;background:#ded8ce}
.kc-poster-media img{display:block;width:100%;height:100%;object-fit:cover}
.kc-poster-copy{display:flex;min-width:0;flex:1;flex-direction:column;padding:10px}
.kc-poster-copy b{display:-webkit-box;min-height:2.65em;max-height:2.65em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.35}
.kc-poster-copy small{display:-webkit-box;margin-top:7px;overflow:hidden;color:#746a60;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:11px}
.kc-text-panel{padding:15px 16px;background:#f8f5ef;border:1px solid #d9d1c6}
.kc-text-panel h3{margin:0 0 8px;font-size:16px}
.kc-text-list{list-style:none;margin:0;padding:0;counter-reset:kc-rank}
.kc-text-list li{counter-increment:kc-rank;border-top:1px solid #e3ddd4}
.kc-text-list li:first-child{border-top:0}
.kc-text-list a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:39px;color:inherit}
.kc-text-list a:before{content:counter(kc-rank);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ded8ce;color:#6b3a2a;font:700 11px/1 Arial,sans-serif}
.kc-text-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.kc-text-list small{max-width:82px;overflow:hidden;color:#887d70;text-overflow:ellipsis;white-space:nowrap;font-size:11px}

.kc-rank-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kc-rank-panel{padding:18px;background:#f8f5ef;border:1px solid #d9d1c6}
.kc-rank-panel .kc-text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.kc-rank-note{margin:4px 0 0;color:#746a60;font-size:13px}
.kc-home-topics{margin-top:44px}
.kc-home-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kc-home-topic-grid .authority-topic-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:5px 12px;min-height:88px;padding:14px 15px;color:inherit;background:#f8f5ef;border:1px solid #d2cabf;border-top:3px solid #9d3428}
.kc-home-topic-grid .authority-topic-card>b{grid-column:1;grid-row:1/3;align-self:center;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.kc-home-topic-grid .authority-topic-card>em{grid-column:2;grid-row:1/3;align-self:center;color:#766a5f;font:normal 11px/1.3 Arial,"Noto Sans SC",sans-serif;white-space:nowrap}
.xp_cinematrix_pro .kc-poster-card:hover,.xp_cinematrix_pro .kc-text-list a:hover,.xp_cinematrix_pro .kc-home-topic-grid a:hover{transform:none;box-shadow:none;color:#8b3026}

@media(max-width:1100px){
  .kc-channel-layout{grid-template-columns:1fr}
  .kc-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kc-text-panel{padding:13px 15px}
  .kc-text-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .kc-home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .xp_cinematrix_pro .cm-hero{padding:28px 0}
  .xp_cinematrix_pro .cm-hero-grid{grid-template-columns:1fr;gap:22px}
  .xp_cinematrix_pro .cm-hero h1{font-size:38px}
  .xp_cinematrix_pro .cm-hero-poster .pm-card{max-width:none}
  .kc-channel-head{align-items:flex-start;flex-direction:column}
  .kc-channel-section{margin:30px 0}
  .kc-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kc-text-list,.kc-rank-panel .kc-text-list{grid-template-columns:1fr}
  .kc-rank-layout{grid-template-columns:1fr}
  .kc-home-topics{margin-top:34px}
  .kc-home-topic-grid{grid-template-columns:1fr}
  .kc-home-topic-grid .authority-topic-card{min-height:72px;padding:12px 13px}
}