/* from base.css */
.main-page{
	--mgm-transition-speed: 200ms;
	--mgm-sub-page-padding-x: 1.2em;
	--mgm-sub-page-padding-y: 0.8em;
	--mgm-sub-page-padding-ratio: 1;
	--mgm-sub-page-icon-width: 1.3rem;
	--mgm-sub-page-icon-left: 0.8rem; 
	--mgm-sub-page-icon-ratio: 1;
	--mgm-page-icon-padding-left: 2.7rem;
}

.jbmm-page-list-wrapper li > a {display:flex; position:relative;}
.jbmm-page-list-wrapper li > a img {height:auto;}
/*
.jbmm-pl-thumb-side-list li.pl-thumb > a, .jbmm-pl-thumb-above-list li.pl-thumb > a{line-height:1.3;}
.jbmm-pl-thumb-side-list ul.jbmm-pl li > a img{object-fit: contain; align-self:flex-start; max-width:100px; height:auto; margin-inline-end: 0.75rem; flex: 0 1 auto;}
*/
.jbmm-page-list-wrapper li a {padding: calc(var(--mgm-sub-page-padding-y) * var(--mgm-sub-page-padding-ratio)) calc(var(--mgm-sub-page-padding-x) * var(--mgm-sub-page-padding-ratio));}
/*.jbmm-page-list-wrapper.jbmm-thumb-small ul.jbmm-pl li > a img{max-width:100px;}
.jbmm-page-list-wrapper.jbmm-thumb-medium ul.jbmm-pl li > a img{max-width:150px;}
.jbmm-page-list-wrapper.jbmm-thumb-large ul.jbmm-pl li > a img{max-width:220px;}
.jbmm-page-list-wrapper.jbmm-thumb-xlarge ul.jbmm-pl li > a img{max-width:350px;}*/
.jbmm-page-list-wrapper .pl-txt{display:flex; flex-direction: column;}
.jbmm-page-list-wrapper .ptitle i.fas {margin-inline-end: 0.25rem; color:inherit;}
.jbmm-page-list-wrapper .pdesc{font-size:0.9em; line-height:1.35; margin-top:0.25rem; display:block; font-weight:normal; transition: all var(--mgm-transition-speed) ease;}
.jbmm-page-list-wrapper .pdate{font-size:0.9em; line-height:1.35; margin-top:0.25rem; font-weight:normal; transition: all var(--mgm-transition-speed) ease;}

.jbmm-page-list-wrapper .jbmm-pl li.picon > a img.ic, .jbmm-page-list-wrapper .jbmm-pl li.picon > a svg.ic, .jbmm-page-list-wrapper .jbmm-pl li.picon > span.nolink img.ic, .jbmm-page-list-wrapper .jbmm-pl li.picon > span.nolink svg.ic{transform:none; top: calc(calc(var(--mgm-sub-page-padding-y) - 0.1rem) * var(--mgm-sub-page-icon-ratio)); width: calc(var(--mgm-sub-page-icon-width) * var(--mgm-sub-page-icon-ratio)); inset-inline-start: calc(var(--mgm-sub-page-icon-left)* var(--mgm-sub-page-padding-ratio)); position:absolute; height:25px; fill: hsla(218, 15%, 55%, 100%); opacity: 0.6; filter: var(--light, invert(0)) var(--dark, invert(1));}
.jbmm-pl-icons-list li.nav-selected > a{border:1px var(--section-help-background) solid; color: var(--light, var(--section-help-background)) var(--dark, #eee) !important;}
.jbmm-pl-icons-list li.nav-selected > a:hover {/*background-color:#eee; border:1px #999 solid;*/ color:#999 !important;}

.jbmm-page-list-wrapper .jbmm-pl li.picon > a, .jbmm-page-list-wrapper .jbmm-pl li.picon > span.nolink {padding-inline-start:calc(calc(var(--mgm-page-icon-padding-left) - 0.2rem) * calc(calc(var(--mgm-sub-page-icon-ratio) + var(--mgm-sub-page-padding-ratio)) / 2.1));}
.jbmm-pl-icons-list li > a{flex-direction:column;}
.jbmm-pl-icons-list li > a::before{content:"" !important;}

/*.jbmm-pl-thumb-above-list li.pl-thumb > a {align-self:stretch; flex-direction:column;}
.jbmm-pl-thumb-above-list ul.jbmm-pl li > a img{object-fit: contain; align-self:flex-start; max-width:100px; height: auto; flex: 0 1 auto;}
.jbmm-pl-thumb-above-list .pl-txt{width:100%;}
.jbmm-pl-thumb-above-list li.pl-thumb .pl-txt{margin-top:0.5rem;}
.jbmm-pl-center{text-align:center;}
.jbmm-pl-center ul.jbmm-pl li > a img{align-self:center;}
.jbmm-pl-vert-top li > a{align-items: flex-start;}
.jbmm-pl-vert-center li > a {align-items: center;}
.jbmm-pl-vert-bottom li > a {align-items: flex-end;}
.jbmm-pl-horiz ul.jbmm-pl{flex-direction:row; flex-wrap:wrap;}
.jbmm-pl-2-way li{flex: 0 1 50%;}
.jbmm-pl-3-way li{flex: 0 1 33.3%;}
.jbmm-pl-4-way li{flex: 0 1 25%;}
.jbmm-pl-5-way li{flex: 0 1 20%;}
.jbmm-pl-6-way li{flex: 0 1 16.66%;}*/

/* extra */
.jbmm-page-list-wrapper ul{margin:0;padding:0; display:flex; /*gap:8px;*/ flex-direction: column;}
.jbmm-page-list-wrapper li{list-style:none; padding:0;}