/* 案例內頁：沿用共用色彩、字級與 Bootstrap 格線。 */
/* 分類資料夾：展開選中檔案，其他分類保留可辨識的標籤。 */
.case-filter-drawers { display: flex; align-items: stretch; max-width: 1000px; padding: 20px 0 10px; margin: 8px 0 24px; isolation: isolate; }
.case-filter-drawers[hidden], .case-filter-grid > [hidden] { display: none !important; }
.case-folder { --folder-color: #eee5f2; --folder-edge: #cdb9d8; position: relative; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; flex: 1; min-width: 0; min-height: 150px; height: 150px; padding: 18px 22px 16px; border: 1px solid var(--folder-edge); border-radius: 0 14px 14px 14px; background: var(--folder-color) url('../images/decoration/paper-grain.png') repeat; background-size: 320px; color: var(--clinic-deep); text-align: left; box-shadow: 0 8px 20px #60486d0a; transition: flex .4s cubic-bezier(.22,1,.36,1), transform .3s ease, box-shadow .3s ease; }
.case-folder + .case-folder { margin-left: -14px; }
.case-folder-weight { --folder-color: #f4ecdf; --folder-edge: #dbcaad; }
.case-folder-injury { --folder-color: #e8eee8; --folder-edge: #bdcdbf; }
.case-folder-tab { position: absolute; top: -21px; left: -1px; padding: 5px 15px 7px; border: 1px solid var(--folder-edge); border-bottom: 0; border-radius: 12px 12px 0 0; background: var(--folder-color); color: #88758d; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
.case-folder::after { content: ''; position: absolute; right: 4px; bottom: 0; width: 64px; height: 96px; background: url('../images/decoration/botanical-branch.png') center / contain no-repeat; opacity: .1; pointer-events: none; }
.case-folder-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; position: relative; z-index: 1; font-size: 22px; font-weight: 700; line-height: 1.3; }
.case-folder-count { font-size: 28px; line-height: 1; font-weight: 800; color: #a18aad; font-variant-numeric: tabular-nums; }
.case-folder-weight .case-folder-count { color: #b09a76; }
.case-folder-injury .case-folder-count { color: #879d8a; }
.case-folder-description { display: block; position: absolute; top: 56px; left: 22px; right: 22px; z-index: 1; margin-top: 0; font-size: 18px; line-height: 1.45; opacity: 0; transition: opacity .25s ease; }
.case-folder-state { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 14px; left: 22px; right: 22px; z-index: 1; margin-top: 0; font-size: 14px; letter-spacing: .08em; color: #88758d; }
.case-folder-state > span { font-size: 18px; transition: transform .3s ease; }
.case-folder.is-selected { flex: 1.4; z-index: 3; transform: translateY(-6px); box-shadow: 0 14px 26px #60486d16; }
.case-folder.is-selected .case-folder-description { opacity: 1; }
.case-folder.is-selected .case-folder-state { font-weight: 700; color: var(--clinic-purple); }
.case-folder:focus-visible { outline: 2px solid #9670ac; outline-offset: 4px; z-index: 4; }
@media (hover: hover) and (pointer: fine) {
  .case-folder:not(.is-selected):hover { transform: translateY(-6px); z-index: 2; box-shadow: 0 12px 24px #60486d12; }
  .case-folder:hover .case-folder-state > span { transform: translate(3px,-3px); }
}
@media (max-width: 767.98px) {
  .case-filter-drawers { gap: 6px; margin-bottom: 18px; padding-top: 18px; }
  .case-folder, .case-folder.is-selected { flex: 1; min-height: 118px; height: 118px; padding: 14px 10px 12px; border-radius: 0 12px 12px 12px; }
  .case-folder + .case-folder { margin-left: 0; }
  .case-folder-tab { top: -18px; width: calc(100% - 10px); padding: 4px 6px; font-size: 9px; letter-spacing: .04em; }
  .case-folder-heading { flex-direction: column; gap: 6px; font-size: 18px; }
  .case-folder-count { font-size: 24px; }
  .case-folder-description { display: none; }
  .case-folder-state { left: 10px; right: 10px; bottom: 10px; margin-top: 0; font-size: 11px; letter-spacing: 0; }
  .case-folder-state > span { font-size: 16px; }
  .case-folder::after { width: 44px; height: 66px; }
}
@media (prefers-reduced-motion: reduce) {
  .case-folder, .case-folder-description, .case-folder-state > span { transition: none; }
}
.case-page-banner { position: relative; overflow: hidden; padding: 36px 0 54px; background: #eee7f1; }
.case-page-banner .container { position: relative; z-index: 1; }
.case-page-banner h1 { font-size: 44px; font-weight: 800; color: var(--clinic-deep); margin: 14px 0; letter-spacing: .08em; }
.case-page-banner p { margin: 0; color: var(--clinic-muted); }
.case-page-herb { position: absolute; right: 6%; top: -70px; width: 200px; height: 360px; object-fit: contain; opacity: .18; pointer-events: none; }
.breadcrumb { margin-bottom: 28px; font-size: 18px; }
.case-list-section, .case-detail-section { padding: 54px 0; }
.case-list-section .case-card { height: 100%; }
.case-list-count { color: var(--clinic-muted); font-size: 18px; }
.case-reading-note { margin: 32px 0 0; color: var(--clinic-muted); }
.case-detail-article { padding: 28px; background: #ffffffb8; border: 1px solid var(--bs-border-color); border-radius: 24px; }
.case-detail-figure { margin: 0 0 32px; }
.case-detail-figure img { display: block; width: 100%; height: auto; border-radius: 14px; }
.case-detail-figure figcaption { margin-top: 12px; color: var(--clinic-muted); }
.case-detail-article .section-heading { margin-bottom: 18px; }
.case-detail-navigation { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--bs-border-color); }
.case-summary-panel { padding: 28px; border-radius: 24px; background: #f1ece3; border: 1px solid #e6ddd0; }
.case-summary-panel h3 { margin: 16px 0; font-size: 22px; font-weight: 700; }
.case-detail-stats { margin-bottom: 20px; }
.case-detail-stats dt { font-weight: 400; color: var(--clinic-muted); }
.case-detail-stats dd { margin: 5px 0 0; font-weight: 700; color: var(--clinic-purple); }
.case-summary-phone { display: block; text-align: center; margin-top: 14px; }
.case-slider-controls { display: inline-flex; margin-left: 18px; vertical-align: middle; }
.case-slider .case-card a { cursor: grab; }
.case-slider.is-dragging .case-card a { cursor: grabbing; }
@media (max-width: 767.98px) {
  .case-page-banner { padding: 24px 0 34px; }
  .case-page-banner h1 { font-size: 32px; }
  .case-page-herb { right: -50px; opacity: .12; }
  .case-list-section, .case-detail-section { padding: 30px 0; }
  .case-detail-article, .case-summary-panel { padding: 20px; border-radius: 18px; }
  .case-page-banner p, .case-page p, .case-page li, .case-page figcaption, .case-page dt, .case-page dd { font-size: 18px; }
  .case-detail-navigation .more-link { white-space: normal; }
}

/* 案例列表頁首：實色文字區與斜切情境圖片。 */
.case-list-banner { padding: 0; background: #eee7f1; }
.case-list-banner .row { min-height: 400px; }
.case-banner-copy { padding: 40px 28px 40px 0; }
.case-banner-media { position: absolute; top: 0; bottom: 0; right: calc((100vw - 100%) / -2); width: 58vw; clip-path: polygon(12% 0,100% 0,100% 100%,0 100%); }
.case-banner-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 72% 20%; }
@media (max-width: 991.98px) {
  .case-list-banner .container { max-width: none; padding: 0; }
  .case-list-banner .row { min-height: 0; }
  .case-banner-copy { padding: 30px 24px; }
  .case-banner-copy .breadcrumb { margin-bottom: 20px; }
  .case-banner-media { position: static; width: 100%; clip-path: none; }
  .case-banner-media img { height: auto; aspect-ratio: 16 / 9; object-position: center; }
}

/* 正式案例長文：標題換行、段落與數據整理。 */
.case-page-banner .case-article-title { font-size: 36px; line-height: 1.55; letter-spacing: .04em; overflow-wrap: anywhere; }
.case-article-content { font-size: 18px; }
.case-article-content p { margin: 0 0 22px; line-height: 2; }
.case-article-content h2 { margin: 40px 0 22px; font-size: 34px; font-weight: 700; color: var(--clinic-deep); line-height: 1.55; }
.case-article-content strong { font-weight: 700; color: var(--clinic-deep); }
.case-article-data { list-style: none; padding: 18px 8px; margin: 0 0 24px; border-radius: 14px; background: #f1ecf4; }
.case-article-data li { line-height: 1.8; }
.case-article-data strong { display: block; }
.case-article-toc { margin-bottom: 28px; padding: 16px 20px; background: #f3eee5; border: 1px solid #e6ddd0; border-radius: 14px; }
.case-article-toc summary { cursor: pointer; font-size: 18px; font-weight: 700; color: var(--clinic-purple); }
.case-article-toc ol { margin: 14px 0 0; padding-left: 24px; }
.case-article-toc li { margin: 8px 0; }
.case-article-toc a { display: block; min-height: 44px; padding-block: 5px; }
@media (max-width: 767.98px) {
  .case-page-banner .case-article-title { font-size: 28px; text-wrap: balance; }
  .case-article-content h2 { font-size: 28px; margin-top: 32px; }
  .case-article-content p { margin-bottom: 20px; }
  .case-article-toc { padding: 14px 16px; }
}

/* 傷科案例摘要使用文字觀察，與減重數據分開呈現。 */
.case-injury-summary { margin: 0; }
.case-injury-summary dt { margin-top: 16px; color: var(--clinic-purple); font-weight: 700; }
.case-injury-summary dd { margin: 5px 0 0; line-height: 1.9; }

/* 案例重點卡：書籤、大數據、分組資訊與草本動態。 */
.case-highlight-card { position: relative; isolation: isolate; overflow: hidden; padding: 30px 26px 26px; background: #fffdf9; border-color: #e2d6e6; border-radius: 28px; box-shadow: 0 14px 36px #60486d0b; }
.case-highlight-card > :not(.case-summary-herb) { position: relative; z-index: 1; }
.case-highlight-card .case-summary-bookmark { position: absolute; top: 0; right: 24px; width: 94px; padding: 13px 8px 22px; text-align: center; background: #e7ddec; color: #70557e; border-top: 4px solid #d8c8ae; font-size: 16px; font-weight: 700; line-height: 1.55; clip-path: polygon(0 0,100% 0,100% 100%,50% calc(100% - 12px),0 100%); }
.case-summary-kicker { display: block; padding-right: 100px; color: var(--clinic-purple); font-size: 18px; font-weight: 700; letter-spacing: .08em; }
.case-highlight-card .case-summary-impact { margin: 40px 0 26px; }
.case-highlight-card .case-summary-impact h3 { margin: 0 0 4px; color: var(--clinic-deep); }
.case-summary-value { display: flex; align-items: baseline; gap: 10px; color: var(--clinic-purple); font-size: 56px; font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; }
.case-summary-value span { font-size: 22px; font-weight: 600; }
.case-summary-impact p { margin: 10px 0 0; color: var(--clinic-muted); }
.case-summary-groups { display: grid; gap: 12px; }
.case-summary-group, .case-summary-observation { padding: 18px; border-radius: 16px; background: #f1ecf5; border: 1px solid #e8dfed; }
.case-summary-group:nth-child(2), .case-summary-observation:nth-child(2) { background: #f7f2eb; border-color: #eee5d8; }
.case-summary-group h3 { margin: 0 0 12px; color: var(--clinic-purple); }
.case-summary-group dt { color: var(--clinic-muted); font-weight: 400; }
.case-summary-group dd { margin: 6px 0 0; color: var(--clinic-deep); font-weight: 700; font-variant-numeric: tabular-nums; }
.case-summary-contact { margin-top: 24px; padding-top: 22px; border-top: 1px solid #e8dfea; }
.case-summary-contact h3 { margin: 0 0 10px; }
.case-summary-contact p { margin-bottom: 18px; }
.case-summary-cta { display: flex; align-items: center; justify-content: space-between; gap: 10px; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.case-summary-cta:hover { transform: translateY(-3px); box-shadow: 0 8px 18px #60486d24; }
.case-summary-cta-arrow { transition: transform .2s ease; }
.case-summary-cta:hover .case-summary-cta-arrow { transform: translate(3px,-3px); }
.case-summary-herb { position: absolute; z-index: 0; right: -40px; top: 55px; width: 140px; height: 260px; object-fit: contain; opacity: .11; pointer-events: none; animation: case-summary-herb-float 7s ease-in-out infinite; animation-play-state: paused; }
.case-highlight-card.aos-animate .case-summary-herb { animation-play-state: running; }
.case-summary-observations { display: grid; gap: 12px; }
.case-summary-observation dt { display: flex; align-items: center; gap: 10px; margin: 0; }
.case-summary-observation dd { margin: 10px 0 0; }
.case-observation-number { display: grid; place-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 10px; background: #e2d5eb; color: #70557e; font-size: 16px; font-variant-numeric: tabular-nums; }
.case-injury-highlight .case-summary-impact { margin-top: 44px; }
@keyframes case-summary-herb-float { 0%,100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-10px) rotate(-2deg); } }
@media (max-width: 767.98px) {
  .case-highlight-card { padding: 26px 20px 22px; border-radius: 22px; }
  .case-highlight-card .case-summary-bookmark { right: 20px; }
  .case-summary-value { font-size: 50px; }
  .case-summary-group, .case-summary-observation { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .case-summary-herb { animation: none; }
  .case-summary-cta, .case-summary-cta-arrow { transition: none; }
  .case-summary-cta:hover, .case-summary-cta:hover .case-summary-cta-arrow { transform: none; }
}
.case-summary-cta { padding: 13px 18px; letter-spacing: .04em; }

/* 列表頁首的紙紋與少量背景線條，位於文字及圖片下方。 */
.case-list-banner { background-image: url('../images/decoration/paper-grain.png'); background-repeat: repeat; background-size: 320px 320px; }
.case-banner-lines { position: absolute; z-index: 0; top: -115px; left: -115px; width: 390px; height: 260px; border: 1px solid #b7a1c05c; border-radius: 50%; transform: rotate(-22deg); pointer-events: none; }
.case-banner-lines::after { content: ''; position: absolute; inset: 18px; border: 1px solid #b7a1c042; border-radius: 50%; }
.case-list-banner::after { content: ''; position: absolute; z-index: 0; left: 28%; bottom: 40px; width: 180px; height: 1px; background: #b69a6d66; transform: rotate(-18deg); pointer-events: none; }
.case-banner-copy .eyebrow::before { content: ''; display: inline-block; width: 30px; height: 1px; margin-right: 12px; vertical-align: middle; background: #b69a6d; }
@media (max-width: 991.98px) {
  .case-banner-lines { width: 300px; height: 220px; left: -160px; top: -110px; }
  .case-list-banner::after { display: none; }
}

/* 內容頁頁首延續列表頁的紙紋與淡線條，保留草本裝飾。 */
.case-detail-banner { background-image: url('../images/decoration/paper-grain.png'); background-repeat: repeat; background-size: 320px 320px; }
.case-detail-banner-lines { position: absolute; top: -145px; left: -150px; width: 370px; height: 260px; border: 1px solid #b7a1c052; border-radius: 50%; transform: rotate(-20deg); pointer-events: none; }
.case-detail-banner-lines::after { content: ''; position: absolute; inset: 18px; border: 1px solid #b7a1c039; border-radius: 50%; }
.case-detail-banner::after { content: ''; position: absolute; right: 17%; bottom: 30px; width: 155px; height: 1px; background: #b69a6d59; transform: rotate(-18deg); pointer-events: none; }
.case-detail-banner .eyebrow::before { content: ''; display: inline-block; width: 30px; height: 1px; margin-right: 12px; vertical-align: middle; background: #b69a6d; }
@media (max-width: 767.98px) {
  .case-detail-banner-lines { top: -150px; left: -190px; width: 320px; height: 250px; }
  .case-detail-banner::after { display: none; }
}

/* 案例重點卡背景：柔和光暈與紙紋，動態僅作用於裝飾層。 */
.case-highlight-card { background-image: url('../images/decoration/paper-grain.png'); background-size: 320px 320px; }
.case-highlight-card::before, .case-highlight-card::after { content: ''; position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; filter: blur(30px); animation-play-state: paused; }
.case-highlight-card::before { width: 240px; height: 240px; right: -105px; top: -55px; background: #dac7e5; opacity: .28; animation: case-card-glow-primary 13s ease-in-out infinite; animation-play-state: paused; }
.case-highlight-card::after { width: 190px; height: 190px; left: -100px; bottom: 95px; background: #e6d9c9; opacity: .23; animation: case-card-glow-secondary 15s ease-in-out infinite; animation-play-state: paused; }
.case-highlight-card.aos-animate::before, .case-highlight-card.aos-animate::after { animation-play-state: running; }
@keyframes case-card-glow-primary { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-22px,32px) scale(1.08); } }
@keyframes case-card-glow-secondary { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(25px,-25px) scale(1.06); } }
@media (max-width: 767.98px) {
  .case-highlight-card::before { width: 180px; height: 180px; right: -80px; animation-name: case-card-glow-mobile; }
  .case-highlight-card::after { width: 150px; height: 150px; left: -80px; animation-name: case-card-glow-mobile; animation-direction: reverse; }
}
@keyframes case-card-glow-mobile { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-8px,12px); } }
@media (prefers-reduced-motion: reduce) {
  .case-highlight-card::before, .case-highlight-card::after { animation: none; }
}

/* 內容頁提供頁首與側欄返回列表入口。 */
.case-return-button { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 10px 22px; border-color: #bba3c7; background: #fffdfbe6; font-size: 18px; font-weight: 700; }
.case-summary-return { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; margin-top: 18px; border: 1px solid #d9cbe1; border-radius: 14px; background: #f2edf5; font-size: 18px; font-weight: 700; }
.case-summary-return:hover { background: #e9dfef; color: var(--clinic-deep); }

/* 側欄相關案例：以實際文章連結提供延伸閱讀。 */
.case-related { margin-top: 28px; }
.case-related-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.case-related-heading h2 { margin: 0; font-size: 28px; font-weight: 700; color: var(--clinic-deep); }
.case-related-heading > a { font-size: 18px; }
.case-related-card { height: 100%; overflow: hidden; border: 1px solid #e7dfea; border-radius: 20px; background: #fffdfa; transition: transform .2s ease, box-shadow .2s ease; }
.case-related-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px #60486d12; }
.case-related-link { display: block; height: 100%; color: var(--clinic-ink); }
.case-related-link:hover { color: var(--clinic-ink); }
.case-related-link > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: #f1ecf5; }
.case-related-body { padding: 18px; }
.case-related-category { display: inline-block; padding: 2px 10px; border-radius: 8px; background: #eee7f2; color: var(--clinic-purple); font-size: 18px; }
.case-related-body h3 { margin: 12px 0 16px; font-size: 22px; font-weight: 700; line-height: 1.65; }
.case-related-read { font-size: 18px; color: var(--clinic-purple); }
.case-related-read > span { display: inline-block; margin-left: 8px; transition: transform .2s ease; }
.case-related-link:hover .case-related-read > span { transform: translateX(4px); }
@media (max-width: 767.98px) {
  .case-related-heading h2 { font-size: 26px; }
  .case-related-body { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .case-related-card, .case-related-read > span { transition: none; }
  .case-related-card:hover, .case-related-link:hover .case-related-read > span { transform: none; }
}

/* 案例列表的整卡點擊與互動回饋；首頁拖曳卡片不受影響。 */
.case-list-section .case-card { position: relative; isolation: isolate; border-color: #d6c2e0; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
/* 描邊從左上角順時針展開一圈，不使用 SVG 或漸層。 */
.case-list-section .case-card::after { content: ''; position: absolute; inset: 0; z-index: 2; border: 3px solid #9670ac; border-radius: inherit; pointer-events: none; opacity: 0; clip-path: polygon(0 0,0 0,0 0,0 0,0 0,50% 50%); }
@keyframes case-border-draw {
  0% { clip-path: polygon(0 0,0 0,0 0,0 0,0 0,50% 50%); }
  25% { clip-path: polygon(0 0,100% 0,100% 0,100% 0,100% 0,50% 50%); }
  50% { clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,100% 100%,50% 50%); }
  75% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 100%,50% 50%); }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 50%); }
}
.case-list-link { display: flex; flex-direction: column; height: 100%; color: var(--clinic-ink); }
.case-list-link:hover { color: var(--clinic-ink); }
.case-list-section .case-card img { transition: transform .25s ease; }
.case-list-section .case-card .more-link > span { display: inline-block; transition: transform .25s ease; }
@media (hover: hover) and (pointer: fine) {
  .case-list-section .case-card:hover { transform: translateY(-5px); border-color: #b995cd; box-shadow: 0 14px 28px #60486d20; }
  .case-list-section .case-card:hover::after { opacity: 1; animation: case-border-draw 1.1s linear both; }
  .case-list-section .case-card:hover img { transform: scale(1.02); }
  .case-list-section .case-card:hover .more-link > span { transform: translateX(5px); }
}

/* 細線引導閱讀入口，三張卡片的文字落在相同底部位置。 */
.case-list-link .editorial-body { display: flex; flex-direction: column; flex: 1; }
.case-list-link .case-period { align-self: flex-start; }
@media (hover: hover) and (pointer: fine) {
  .case-list-link:hover .case-card-read-line { transform: scaleX(.78); background: #9670ac; }
  .case-list-link:hover .case-card-read-label { transform: translateX(4px); color: var(--clinic-purple); }
  .case-list-link:hover .case-card-read-arrow { transform: translateX(4px); }
}
.case-list-link:focus-visible .case-card-read-line { transform: scaleX(.78); background: #9670ac; }
.case-list-link:focus-visible .case-card-read-label { transform: translateX(4px); }
.case-list-link:focus-visible .case-card-read-arrow { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .case-card-read-line, .case-card-read-label, .case-card-read-arrow { transition: none; }
  .case-list-link:hover .case-card-read-line, .case-list-link:hover .case-card-read-label, .case-list-link:hover .case-card-read-arrow,
  .case-list-link:focus-visible .case-card-read-line, .case-list-link:focus-visible .case-card-read-label, .case-list-link:focus-visible .case-card-read-arrow { transform: none; }
}
.case-list-section .case-card:active { transform: scale(.985); border-color: #9670ac; }
.case-list-section .case-card:focus-within::after { opacity: 1; animation: case-border-draw 1.1s linear both; }
@media (prefers-reduced-motion: reduce) {
  .case-list-section .case-card, .case-list-section .case-card img, .case-list-section .case-card .more-link > span { transition: none; }
  .case-list-section .case-card:hover, .case-list-section .case-card:active, .case-list-section .case-card:hover img, .case-list-section .case-card:hover .more-link > span { transform: none; }
  .case-list-section .case-card:hover::after, .case-list-section .case-card:focus-within::after { animation: none; clip-path: none; }
}