.mp-listing{padding-block:32px 64px}
.mp-listing-heading{margin-bottom:24px}
.mp-listing-heading h1{font-size:clamp(26px,3vw,36px);line-height:1.5;margin:20px 0 16px;color:var(--mp-ink)}
.mp-listing-subtitle{font-size:.7em;color:var(--mp-muted)}
.mp-listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.mp-listing-main{grid-column:1;grid-row:1;min-width:0}
.mp-listing-sidebar{grid-column:2;grid-row:1;min-width:0}
.mp-listing-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mp-listing-skip:focus{display:block;padding:12px;background:#fff;color:#813d0c;outline:2px solid #98430a}
.mp-listing-main{scroll-margin-top:180px}
.mp-category-picker{border:1px solid #c8ccc2;border-radius:10px;background:#fafaf7;padding:20px}
.mp-category-picker summary{font-size:18px;font-weight:700;cursor:pointer}
.mp-category-picker nav{margin-top:16px}
.mp-category-picker ul{list-style:none;padding:0;margin:0}
.mp-category-picker li{margin:0}
.mp-category-picker a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:5px;text-decoration:none;line-height:1.6;font-size:14px}
.mp-category-picker a:hover{background:#eeeae1;color:#813d0c;text-decoration:none}
.mp-category-picker .current-cat>a{background:#fff0df;color:#813d0c;font-weight:700}
.mp-category-picker .current-cat>a::after{content:'閲覧中';margin-left:auto;padding-left:8px;font-size:11px;white-space:nowrap}
.mp-category-picker .children{margin-left:12px;padding-left:8px;border-left:1px solid #c8ccc2}
.mp-category-picker a:focus-visible,.mp-category-picker summary:focus-visible{outline:2px solid #98430a;outline-offset:3px}
@media(max-width:1000px){
 .mp-listing-layout{display:flex;flex-direction:column;gap:20px}
 .mp-listing-main,.mp-listing-sidebar{width:100%}
 .mp-listing-sidebar-placement{display:none}
 .mp-category-picker{padding:0}
 .mp-category-picker summary{cursor:pointer;padding:12px 16px;min-height:48px;font-size:15px;display:flex;align-items:center;justify-content:space-between}
 .mp-category-picker summary::-webkit-details-marker{display:none}
 .mp-category-picker summary::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:4px}
 .mp-category-picker[open] summary::after{transform:rotate(225deg)}
 .mp-category-picker nav{margin:0;padding:0 12px 12px}
}
.mp-listing-description{max-width:75ch;color:var(--mp-muted);margin-bottom:24px}
.mp-listing-description p:last-child{margin-bottom:0}
.mp-listing-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.mp-listing-tabs a{display:flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #b8bdb3;border-radius:6px;background:#fff;text-decoration:none;font-size:14px;font-weight:700}
.mp-listing-tabs a[aria-current=page]{background:#292c2d;color:#fff;border-color:#292c2d}
.mp-listing-tabs a:hover{border-color:#98430a;color:#98430a;background:#fff4e8}
.mp-listing-count{font-size:13px;color:var(--mp-muted);margin:0 0 16px}
.mp-listing-entries{display:grid;gap:14px;padding:0;margin:0;list-style:none}
.mp-listing-entry{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;padding:16px;border:1px solid #c8ccc2;border-radius:10px;background:#fafaf7;text-decoration:none}
.mp-listing-entry:hover{border-color:#98430a;background:#fffaf3;text-decoration:none}
.mp-listing-image{display:block;aspect-ratio:16/9;background:#e8e9e3;border-radius:6px;overflow:hidden}
.mp-listing-image img{display:block;width:100%;height:100%;object-fit:contain}
.mp-listing-body{display:block;min-width:0}
.mp-listing-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px;font-size:13px;line-height:1.6;color:#555d56}
.mp-listing-type,.mp-listing-state{padding:2px 7px;border-radius:4px;background:#e8ebe4;color:#384334}
.mp-listing-state{background:#fff0df;color:#813d0c}
.mp-listing-title{display:block;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.mp-pagination{margin-top:28px}
.mp-pagination ul.page-numbers{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.mp-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.mp-pagination a.page-numbers,.mp-pagination span.page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #b8bdb3;border-radius:6px;background:#fff;text-decoration:none;line-height:1.5}
.mp-pagination span.current{background:#292c2d;color:#fff;border-color:#292c2d}
.mp-pagination a:hover{background:#fff4e8;border-color:#98430a;color:#98430a}
@media(max-width:700px){
 .mp-listing{padding-top:20px}
 .mp-listing-entry{grid-template-columns:108px minmax(0,1fr);gap:14px;padding:12px;align-items:start}
 .mp-listing-meta{font-size:11px;gap:4px 8px;margin-bottom:6px}
 .mp-listing-title{font-size:14px;line-height:1.7}
 .mp-listing-tabs a{font-size:13px;padding:8px 12px}
}
@media(max-width:360px){.mp-listing-entry{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:10px}}