/* F5 editorial cards and diagrams; existing page structure and brand stay intact. */
.home-case-entry{grid-template-columns:94px 132px minmax(0,1fr) 96px;gap:18px;align-items:center}
.home-case-thumb{display:block;width:132px;height:88px;overflow:hidden;border:1px solid var(--line);background:#0d2338}
.home-case-thumb img,.share-entry-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-case-entry:hover .home-case-thumb,.share-entry-cover:hover{border-color:var(--teal)}
.knowledge .article-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;min-width:0}
.knowledge .article-thumb{display:block;width:160px;height:108px;overflow:hidden;border:1px solid var(--line);background:#0d2338}
.knowledge .article-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.knowledge .article-copy{display:grid;min-width:0;gap:7px}
.knowledge .article-item .a-title{font-size:17px;line-height:1.5;color:var(--ink)}
.knowledge .a-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.65;color:var(--ink-soft)}
.knowledge .article-item:hover .article-thumb{border-color:var(--teal)}
.share-entry-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:22px;align-content:start}
.share-entry-body>*:not(.share-entry-cover){grid-column:1}
.share-entry-body>.text-link{justify-self:start}
.share-entry-cover{grid-column:2;grid-row:1/6;display:block;width:220px;height:146px;overflow:hidden;border:1px solid var(--line);background:#0d2338}
.rich-content figure{margin:28px 0}
.rich-content figure img{display:block;width:100%;height:auto;margin:0;border:1px solid var(--line);background:#f3f8fb}
.rich-content figcaption{margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.rich-content .editorial-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--line)}
.rich-content table{width:100%;min-width:540px;border-collapse:collapse;font-size:14px;line-height:1.65}
.rich-content th,.rich-content td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.rich-content th{background:#eff7fa;color:var(--ink)}
.rich-content tr:last-child td{border-bottom:0}
@media(max-width:860px){
  .home-case-entry{grid-template-columns:74px 116px minmax(0,1fr);gap:14px}
  .home-case-thumb{width:116px;height:78px}
  .home-case-entry .case-entry-meta{grid-column:3}
}
@media(max-width:760px){
  .home-case-entry{grid-template-columns:104px minmax(0,1fr);column-gap:13px;row-gap:10px}
  .home-case-entry .case-date{grid-column:1/-1}
  .home-case-thumb{grid-column:1;grid-row:2;width:104px;height:82px}
  .home-case-entry .case-entry-main{grid-column:2;grid-row:2}
  .home-case-entry .case-entry-meta{grid-column:2;grid-row:3}
  .knowledge .article-item{grid-template-columns:104px minmax(0,1fr);column-gap:13px;row-gap:5px;padding:16px 0}
  .knowledge .article-thumb{width:104px;height:82px;grid-row:span 2}
  .knowledge .article-item .a-title{font-size:15px}
  .knowledge .a-summary{font-size:12px}
  .knowledge .article-item .a-meta{grid-column:2;justify-self:start}
  .share-entry-body{grid-template-columns:1fr}
  .share-entry-cover{grid-column:1;grid-row:auto;width:min(100%,360px);height:auto;aspect-ratio:1200/630;margin-bottom:16px}
  .rich-content figure{margin:22px 0;overflow-x:auto}
  .rich-content figcaption{font-size:12px}
  .rich-content img[src$="-flow.svg"]{width:720px;max-width:none}
  .rich-content img[src$="-flow.svg"]+figcaption::before{content:"横向滑动查看流程 · ";color:var(--teal-dark)}
}