.mgs-breadcrumb-bar{width:100%;background:var(--paper,#f7f7f3);border-bottom:1px solid var(--line,#dfe4df);}
.mgs-breadcrumb-bar > .container{width:min(1240px,calc(100% - 48px));margin:0 auto;}
.mgs-breadcrumb{min-height:48px;display:flex;align-items:center;}
.mgs-breadcrumb .mod-breadcrumbs__wrapper{width:100%;margin:0;padding:0;}
.mgs-breadcrumb-list{display:flex;align-items:center;flex-wrap:nowrap;gap:0;width:100%;margin:0;padding:0;list-style:none;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#68736d;}
.mgs-breadcrumb-list .breadcrumb-item{display:flex;align-items:center;min-width:0;white-space:nowrap;}
.mgs-breadcrumb-list .breadcrumb-item:not(:last-child)::after{content:"/";display:inline-block;margin:0 10px;color:#a7afa9;}
.mgs-breadcrumb-list .pathway{color:#68736d;transition:color .2s ease;}
.mgs-breadcrumb-list .pathway:hover{color:#355d49;}
.mgs-breadcrumb-list .breadcrumb-item.active{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#17201d;font-weight:600;}
.mgs-breadcrumb-list .breadcrumb-item.active span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.mgs-category .mgs-breadcrumb-bar > .container,
.mgs-article .mgs-breadcrumb-bar > .container{width:min(1240px,calc(100% - 48px));}
@media(max-width:650px){
.mgs-breadcrumb-bar > .container{width:calc(100% - 30px);}
.mgs-breadcrumb{min-height:44px;}
.mgs-breadcrumb-list{font-size:10px;}
.mgs-breadcrumb-list .breadcrumb-item:not(:last-child)::after{margin:0 7px;}
}
.load {text-align: center;padding: 42px 0}
.btn {
font-family: 'Segoe UI', sans-serif;
cursor: pointer;
border-radius: 8px;
padding: 9px 35px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
display: inline-block;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: none;
}
.btn-primary {
background: linear-gradient(135deg, var(--btn-primary-bkg), var(--btn-primary-gradient));
color: var(--btn-primary-color);
}
.btn-primary:hover {
background: linear-gradient(135deg, var(--btn-primary-hover-bkg), var(--btn-primary-hover-gradient));
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
color: var(--btn-primary-hover-color);
text-decoration: none;
}
.btn-primary:active,
.btn-primary:focus {
background: linear-gradient(135deg, var(--btn-primary-active-bkg), var(--btn-primary-active-gradient));
-webkit-transform: scale(0.97);
transform: scale(0.97);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
color: var(--btn-primary-hover-color);
}
.btn-primary:disabled,
.btn-primary.disabled {
background: linear-gradient(135deg, var(--btn-primary-bkg), var(--btn-primary-gradient));
opacity: 0.6;
cursor: not-allowed;
-webkit-box-shadow: none;
box-shadow: none;
}
.rsidebar {
border-left: 1px solid var(--line);
padding-left: 25px;
top: 20px;
}
.side-head {
display: flex;
justify-content: space-between;
align-items: end;
border-bottom: 2px solid var(--ink);
padding-bottom: 10px;
margin-bottom: 18px
}
.side-head h2 {
font: 400 25px var(--serif);
margin: 0
}
.feature {
border-bottom: 1px solid var(--line);
padding-bottom: 18px;
margin-bottom: 19px
}
.feature-img {
height: 140px;
background-size: cover;
background-position: center;
margin-bottom: 11px
}
.feature h3 {
font: 400 19px/1.15 var(--serif);
margin: 5px 0
}