*,:before,:after{box-sizing:border-box}html,body{height:100%}body{color:#000;background:#fff;margin:0;font-family:system-ui,sans-serif}img{max-width:100%;display:block}.page{max-width:1040px;margin:0 auto;padding:20px}.h1{margin:0 0 10px;font-size:24px}.h2{margin:20px 0 10px;font-size:18px}.back-link{margin:0 0 10px;display:inline-block}.filter-bar{gap:10px;margin:10px 0;display:flex}.filter-chip{cursor:pointer;background:#fff;border:1px solid #ccc;padding:8px 14px}.filter-chip.is-active{background:#eee;border-color:#000}.case-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.case-card{background:#fff;border:1px solid #ccc;min-height:200px;padding:20px;text-decoration:none;display:block}.case-card__title{margin-bottom:8px;font-size:16px;font-weight:600}.case-card__meta{color:#666;margin-bottom:8px;font-size:12px}.case-card__excerpt{font-size:14px;line-height:1.4}.empty-state{text-align:center;padding:24px 0}.meta{color:#666;margin:8px 0;font-size:14px}.excerpt{color:#666;margin:12px 0}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:18px 0;display:grid}.img{border:1px solid #ccc;width:100%;height:auto}.case-mdx{margin-top:20px}.case-mdx p{margin:12px 0}.case-mdx h2,.case-mdx h3{margin:20px 0 8px}.case-mdx ul{padding-left:20px}.case-mdx li{margin:6px 0}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #000;flex-direction:column;width:min(980px,100vw - 32px);max-height:calc(100vh - 128px);display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-close{cursor:pointer;background:#fff;border:1px solid #ccc;width:32px;height:32px}.modal-body{flex:auto;padding:24px;overflow:auto}.modal-body .meta{color:#666;margin-bottom:8px;font-size:14px}.modal-body .excerpt{margin-bottom:24px;font-size:16px;line-height:1.5}.modal-body .gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:24px;display:grid}.modal-body .img{border:1px solid #ccc;width:100%;height:auto}