main h2,main h3,main p,main li,main dd,main figcaption{word-break:keep-all;overflow-wrap:anywhere}
main h2,main h3,main figcaption{text-wrap:balance}
main p,main li,main dd{text-wrap:pretty}
.page-hero__lead{text-wrap:balance}
.cases-nw{white-space:nowrap}
.breadcrumb a.btn{height:44px;padding:2px 16px 0;font-size:16px}
.breadcrumb a.btn:hover{text-decoration:none}
#case-list,#knowledge{scroll-margin-top:calc(-84px - var(--sec-y) / 2)}
.case-card{scroll-margin-top:-84px}
.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px var(--gap)}
.case-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;gap:18px;padding:26px;background:linear-gradient(150deg,var(--white) 70%,var(--tint-2))}
.case-card>:last-child{margin-top:0}
.case-card__photo.frame{width:100%;max-width:816px;margin:0;align-self:start;justify-self:center;border-width:8px}
.case-card__photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.case-card__heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.case-card__heading h3{flex:1 1 12em}
.case-card__heading .chip{min-height:36px;padding:5px 12px}
.case-facts{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:18px;margin:0}
.case-facts>div{display:grid;grid-template-columns:2.4em minmax(0,1fr);align-content:start;gap:14px;padding:16px 17px 0;border-top:1px solid var(--line)}
.case-facts dt{color:var(--brand-d);font-weight:800}
.case-facts dd{min-width:0;margin:0;color:var(--ink-2);line-height:1.75}
.case-facts>.case-facts__result{align-self:start;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(150deg,var(--tint-2),var(--tint));box-shadow:0 1px 0 rgba(255,255,255,.9) inset}
.case-facts__result ul{display:grid;gap:6px}
.case-facts__result li{position:relative;padding-left:16px}
.case-facts__result li::before{position:absolute;content:"";left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 0 3px var(--tint)}
.case-card>.case-card__link{align-self:end;width:100%;height:56px;box-sizing:border-box}
.cases-arrow{display:inline-block;flex-shrink:0;width:10px;height:10px;margin-right:4px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.cases-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px var(--gap)}
.cases-article{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:18px;min-width:0;padding:16px 22px;border:1px solid var(--line);border-bottom:4px solid #c2d9ef;border-radius:var(--r-md);background:linear-gradient(135deg,var(--white),var(--tint));box-shadow:var(--depth-2);text-decoration:none;transition:transform 160ms}
.cases-article:hover{border-color:var(--sky);background:linear-gradient(135deg,var(--white),#e2f2ff);transform:translateY(-2px)}
.cases-article:active{transform:translateY(2px)}
.cases-article h3{min-width:0;font-size:var(--fs-body);line-height:1.6}
.cases-article>.cases-arrow{color:var(--brand)}
.cases-article__icon{position:relative;display:block;width:44px;height:48px;border:1px solid #cee4f5;border-bottom:4px solid #b3d5ef;border-radius:12px;background:linear-gradient(135deg,var(--white),#dceefa);box-shadow:var(--depth-1)}
.cases-article__icon::before{position:absolute;content:"";inset:9px 12px 8px;border:2px solid var(--brand);border-radius:3px;background:var(--white)}
.cases-article__icon::after{position:absolute;content:"";left:17px;right:17px;top:17px;height:2px;background:var(--brand);box-shadow:0 6px 0 var(--sky)}
.cases-more{display:flex;justify-content:center;margin-top:28px}

@media(max-width:1199px){
  .case-card{padding:22px}
}

@media(max-width:900px){
  .cases-grid{grid-template-columns:1fr}
  .case-card{grid-row:auto;grid-template-rows:auto}
  .case-facts{grid-row:auto;grid-template-rows:auto}
  .page-hero__card{grid-template-columns:minmax(0,1fr) auto;gap:24px}
  .cases-articles{grid-template-columns:1fr}
  #case-list,#knowledge{scroll-margin-top:calc(-16px - var(--sec-y) / 2)}
  .case-card{scroll-margin-top:-16px}
}

@media(max-width:600px){
  #case-list,#knowledge{scroll-margin-top:50px}
  .case-card{padding:22px 18px;gap:18px;scroll-margin-top:78px}
  .case-card__heading{gap:10px}
  .case-card__heading h3{flex-basis:100%}
  .case-facts{gap:16px}
  .case-facts>div{grid-template-columns:2em minmax(0,1fr);gap:8px;padding:14px 15px 0}
  .case-facts dd{word-break:normal;text-wrap:balance}
  .case-facts>.case-facts__result{padding:11px 14px 9px}
  .cases-articles{gap:12px}
  .cases-article{grid-template-columns:40px minmax(0,1fr) 12px;gap:14px;padding:14px 16px}
  .cases-article__icon{width:40px;height:46px;border-radius:11px}
  .cases-article__icon::before{inset:8px 10px}
  .cases-article__icon::after{left:15px;right:15px;top:17px}
  .cases-more{margin-top:24px}
  .cases-more .btn{width:100%}
}

@media(min-width:1921px){
  .cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px var(--gap)}
  #case-list,#knowledge{scroll-margin-top:calc(-72px - var(--sec-y) / 2)}
  .case-card{padding:28px;gap:20px;scroll-margin-top:-72px}
  .case-facts{gap:20px}
  .cases-article{padding:18px 26px;gap:20px}
}

/* 細分尺寸（2026-10-02 老闆：「所有呎吋都要適合，不能只設定手機、平板、電腦」）：中間尺寸改排法、手機上落單的最後一張置中 */
@media(min-width:601px) and (max-width:959px){
  .cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}