body.mp-site{--zzz-container-max:1200px;--mp-character:var(--mp-orange,#f58828)}
.mp-home{padding-block:28px 64px}
.mp-hero{display:grid;grid-template-columns:48% 52%;background:#232527;border-radius:12px;overflow:hidden;min-height:264px;color:#fff}
.mp-hero-copy{padding:32px 36px}
.mp-hero h1{font-size:28px;line-height:1.45;margin:0 0 14px;font-weight:800;color:#fff}
.mp-hero h1 strong{font-size:38px;color:var(--mp-orange)}
.mp-hero p{font-size:13px;max-width:30em;color:#e0e1dc}
.mp-hero a{font-size:13px;font-weight:700}
.mp-hero-art{position:relative;min-width:0}
.mp-hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover}
.mp-art-controls{position:absolute;right:16px;top:16px;display:flex;gap:8px;background:#232527d9;padding:12px;border-radius:6px}
.mp-art-controls button{width:24px;height:20px;border:0;border-radius:2px;background:transparent;cursor:pointer;position:relative}
.mp-art-controls button:after{content:"";position:absolute;inset:8px 0;background:#888}
.mp-art-controls button[aria-pressed=true]:after{background:#fff}
.mp-database{display:grid;grid-template-columns:repeat(6,1fr);margin:18px 0 36px;background:#fff;border:1px solid var(--mp-line);border-radius:10px;padding:16px 8px}
.mp-database a{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--mp-line);padding:8px;font-size:13px;font-weight:700;text-decoration:none}
.mp-database a:last-child{border:0}
.mp-database span{color:var(--mp-accent)}
.mp-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px}
.mp-home-main,.mp-home-aside{min-width:0}
.mp-block{margin-bottom:40px}
.mp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.mp-section-head>a{font-size:12px}
.mp-home .zzz-section-inner{padding:0;max-width:none}
.mp-home .zzz-content-hub,.mp-home .zzz-news{margin-bottom:36px}
.mp-footer .zzz-site-credit{background:transparent;color:inherit}
.mp-site .zzz-section-inner{max-width:1200px}
@media(max-width:1000px){
.mp-home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
.mp-hero-copy{padding:26px}
.mp-hero h1{font-size:23px}
.mp-hero h1 strong{font-size:32px}
.mp-database{grid-template-columns:repeat(3,1fr)}
.mp-database a:nth-child(3){border:0}
}
@media(max-width:700px){
.mp-home{padding-top:20px}
.mp-hero{grid-template-columns:1fr;min-height:0}
.mp-hero-copy{padding:22px}
.mp-hero h1{font-size:22px}
.mp-hero h1 strong{font-size:30px}
.mp-hero-art{height:160px;grid-row:1}
.mp-hero-copy p{font-size:12px}
.mp-database{margin-bottom:28px;padding:8px 0}
.mp-database a{font-size:11px;gap:4px;padding:10px 4px}
.mp-home-grid{display:flex;flex-direction:column}
.mp-home-aside{width:100%}
}
.mp-site .zzz-mat::after{position:static;display:block;transform:none;width:auto;max-width:100%;opacity:1;background:none;color:var(--mp-ink);padding:5px 2px 2px;overflow-wrap:anywhere;line-height:1.5;font-size:11px;transition:none}
.mp-site ul.zzz-mat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mp-site ul.zzz-mat-grid>li.zzz-mat{min-width:0;padding:8px 5px}
.mp-site .zzz-materials__table{table-layout:fixed}
.mp-site .zzz-materials__table .zzz-mat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){
.mp-site ul.zzz-mat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-site .zzz-materials__table .zzz-mat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-site .zzz-mat__qty{font-size:11px}
}
.mp-article-layout>.zzz-breadcrumb{grid-column:1/-1}
.mp-article-sidebar>.zzz-sidebar-profile{margin-bottom:28px}
.mp-site .mp-home-aside .zzz-popular-posts__panel,.mp-site .mp-article-sidebar .zzz-popular-posts__panel{background:none;border:0;box-shadow:none;padding:0}
.mp-site .zzz-popular-posts__cards{display:grid;grid-template-columns:1fr;gap:0;padding:0;margin:0;list-style:none}
.mp-site .zzz-popular-posts__card{border:0;border-bottom:1px solid var(--mp-line);border-radius:0;background:none;box-shadow:none;padding:12px 0;margin:0}
.mp-site .zzz-popular-posts__card>a{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;position:relative}
.mp-site .zzz-popular-posts__card-img{width:76px;height:60px;object-fit:cover;border-radius:6px}
.mp-site .zzz-popular-posts__card-body{padding:0;min-width:0}
.mp-site .zzz-popular-posts__card-title{font-size:12px;line-height:1.7}
.mp-site .zzz-popular-posts__card-badge{position:absolute;top:0;left:0;font-size:10px;width:20px;height:20px;background:#49343f;color:#fff}
.mp-site .zzz-popular-posts__header{padding:0;border:0;background:none}
.mp-site .zzz-popular-posts__title{font-size:19px;color:#342d31;background:none;clip-path:none;padding:0;margin:0 0 14px;border:0}
.mp-site .zzz-popular-posts__title:before,.mp-site .zzz-popular-posts__title:after{display:none}
.mp-home .zzz-bh-wrap,.mp-home .zzz-bh-section.zzz-bh--current{padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.mp-home .zzz-bh-sec-head{padding:0 0 16px;background:none;color:#626665;border:0;gap:8px;font-size:12px}
.mp-home .zzz-bh-sec-label{display:none}
.mp-home .zzz-bh-cards{gap:20px}
.mp-home .zzz-bh-card{border:1px solid var(--mp-line);border-radius:12px;box-shadow:none;background:#fff;overflow:hidden}
.mp-home .zzz-bh-body{padding:16px}
.mp-home .zzz-bh-banner img{width:100%;object-fit:cover}
.mp-home .zzz-bh-name{font-size:18px}
.mp-home .zzz-bh-score-stars{font-size:17px;color:#955918}
.mp-home .zzz-bh-sec-note{background:none;color:#8b4c1c}
.mp-home .zzz-bh-sec-ver{background:none;color:#626665}
.mp-home .zzz-bh-note{font-size:13px;line-height:1.8}
@media(max-width:700px){
.mp-home .zzz-bh-cards{gap:16px}
.mp-home .zzz-bh-body{padding:14px}
.mp-home .zzz-bh-sec-head{flex-wrap:wrap}
}
.mp-site :is(.zzz-toc,.zzz-toc-list,.zzz-breadcrumb,.zzz-nav-box) a{ text-decoration:none; }
.mp-site :is(.zzz-toc,.zzz-toc-list,.zzz-breadcrumb,.zzz-nav-box) a:hover{ background:#ecece5; color:#853a06; }
.mp-site :is(.zzz-wengine-item__name--link,.zzz-we-recs__agent-link,.zzz-disc-recs__agent-link,.zzz-echi-card__name,.zzz-echi-cs-card__name,.zzz-item-card__uses-list a,.zzz-cinema-gallery__agent-name a){ text-decoration:none; }
.mp-site :is(.zzz-wengine-item__name--link,.zzz-we-recs__agent-link,.zzz-disc-recs__agent-link,.zzz-echi-card__name,.zzz-echi-cs-card__name,.zzz-item-card__uses-list a,.zzz-cinema-gallery__agent-name a):hover{ color:#98430a; background:#f2ece4; }
