.case-mode-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}
.case-mode-note strong{color:var(--ink);font-weight:700}
.case-load-status{color:#a14129;font-size:12px;line-height:1.7;margin:0 0 15px}
.case-load-status:empty{display:none}
.case-example-card{display:flex;flex-direction:column;border-radius:10px;min-width:0}
.case-example-card>.example-cover{position:relative;padding:0;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e6e2da}
.example-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.case-example-card:hover .example-cover>img{transform:scale(1.035)}
.case-example-card>.example-card-body{display:flex;flex-direction:column;flex:1;width:100%;padding:25px}
.example-card-body>small{font-size:11px;color:#a84830;font-weight:700}
.example-card-body>h3{margin:12px 0 12px;font-size:21px;line-height:1.45;letter-spacing:-.7px}
.example-card-body>p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 20px;word-break:keep-all}
.example-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-bottom:22px}
.example-tags>span{font-size:10px!important;line-height:1.5;background:#f0eee6;border:1px solid #e7e3d8;border-radius:4px;padding:5px 7px;color:#62665b}
.example-card-body>.example-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;font-size:12px;font-weight:700;color:var(--ink)}
.example-link>span{font-size:18px}
@media(min-width:1280px) and (max-width:1450px){.case-example-card>.example-card-body{padding:19px}.example-card-body>h3{font-size:19px}}
@media(max-width:600px){.case-mode-note{font-size:11px}.case-example-card>.example-card-body{padding:23px}.example-card-body>h3{font-size:22px}.example-card-body>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.example-cover>img{transition:none}.case-example-card:hover .example-cover>img{transform:none}}