/* catalog.mobile.css (override for <=900px) */

.paper .catalog .catTop{margin:0 0 14px;padding:12px 12px 10px}
.paper .catalog .catTop:before{left:12px;right:12px;bottom:-8px}

.paper .catalog .catLinks{
  flex-wrap:nowrap;
  overflow-x:auto;
  white-space:nowrap;
  gap:8px;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
}
.paper .catalog .catLinks::-webkit-scrollbar{width:0;height:0}
.paper .catalog .pill{padding:9px 12px;font-size:13px;letter-spacing:.06em}

.paper .catalog .catThumbs{gap:10px;margin:0 0 14px}
.paper .catalog .thumb{padding:10px 12px}
.paper .catalog .thumb .nm{font-size:16px;letter-spacing:.10em}
.paper .catalog .thumb .ds{font-size:12px}
.paper .catalog .thumb img{border-radius:10px}

.paper .catalog .catBar{
  padding:10px 12px;
  gap:10px;
  border-radius:12px;
  position:sticky;
  top:64px; /* header fixed想定 */
  z-index:5;
  backdrop-filter:blur(6px);
}
.paper .catalog .backBtn{padding:8px 10px;font-size:13px}
.paper .catalog .catBarTitle{font-size:14px;letter-spacing:.10em}

.paper .catalog .grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.paper .catalog .tile{border-radius:14px}
.paper .catalog .tile img{height:150px}
.paper .catalog .tileCap{padding:10px 10px 11px;font-size:13px}

.paper .catalog .detail{
  display:block;
}
.paper .catalog .detailImg{padding:10px;border-radius:14px;margin:0 0 12px}
.paper .catalog .detailImg img{border-radius:12px}
.paper .catalog .detailBody{padding:14px;border-radius:14px}
.paper .catalog .detailBody:before{inset:10px;border-radius:12px}
.paper .catalog .detailBody h2{font-size:22px;letter-spacing:.08em}
.paper .catalog .detailBody .lead{font-size:13px}

.paper .catalog .tags{gap:6px}
.paper .catalog .tag{padding:6px 9px;font-size:11px}

.paper .catalog .kv{gap:8px}
.paper .catalog .kvRow{
  grid-template-columns:1fr;
  gap:6px;
  padding:10px 10px;
  border-radius:12px;
}
.paper .catalog .kvRow .k{font-size:12px;letter-spacing:.10em}
.paper .catalog .kvRow .v{font-size:13px}

.paper .catalog .seoLinks{padding:10px 12px;border-radius:12px}
.paper .catalog .seoBox{gap:8px}
.paper .catalog .seoBox a{font-size:12px}

/* character page blocks */
.paper .chName{font-size:24px;letter-spacing:.06em;margin:0 0 12px;padding-bottom:6px}
.paper .chTop{display:block;gap:0;margin:0 0 16px}
.paper .chImg{max-width:420px;margin:0 auto 12px}
.paper .chMeta dl{grid-template-columns:96px 1fr;row-gap:6px;column-gap:10px}
.paper .chMeta h2{font-size:18px}
.paper .chLines h2{font-size:18px}
.paper .chLines li{font-size:13px}
.paper .chSpoiler{padding:12px;border-radius:12px}