/* BIFF SPECIAL Gate local owner.
   Shared shell: ../portal-v2.css + ../nexus-standard.css
   Data source: ../news/news-data.js + ../news/category-special-slot.js */
.biff-gate-page{--biff-accent:#7a3541}
.biff-gate-page .gate-brandline{color:#7a3541}
.biff-gate-lead{border-left-color:#7a3541;background:linear-gradient(135deg,#fff7f8 0%,#fff 65%)}
.biff-gate-titleline{display:block;white-space:normal}
.biff-gate-titleline h1{max-width:100%;font-size:clamp(1.35rem,2.7vw,2rem);line-height:1.28;overflow-wrap:anywhere;word-break:keep-all}
.biff-main{padding:12px 0 32px}
.biff-shell{display:grid;gap:12px}
.biff-gate-visual{margin:0}
.biff-gate-visual .home-biff-special-banner{min-height:116px;padding:16px 20px;grid-template-columns:54px minmax(0,1fr);pointer-events:none}
.biff-gate-visual .home-biff-reel{width:50px;height:50px}
.biff-gate-visual .home-biff-reel svg{width:36px;height:36px;max-width:36px;max-height:36px}
.biff-gate-visual .home-biff-copy strong{font-size:clamp(1.55rem,3.6vw,2.4rem)}
.biff-gate-visual .home-biff-description{font-size:13px}
.biff-gate-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:7px}
.biff-gate-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 9px;border:1px solid #cfd4dc;border-radius:8px;background:#fff;color:#225f96;font-size:11.5px;font-weight:850;text-decoration:none}
.biff-gate-links a:hover,.biff-gate-links a:focus-visible{background:#f7f9fc;border-color:#aeb8c5}
.biff-panel{padding:13px;border:1px solid #cfd4dc;border-radius:12px;background:#fff}
.biff-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding-bottom:8px;border-bottom:2px solid #20252b}
.biff-section-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.biff-section-head>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#7a3541;color:#fff;font-size:10.5px;font-weight:900}
.biff-section-head h2{margin:0;font-size:1.18rem;line-height:1.25;letter-spacing:-.03em}
.biff-section-head>strong{color:#6b7280;font-size:11px;white-space:nowrap}
.biff-latest-list{display:grid;gap:8px}
/* BIFF latest-card alignment is owned here; never reposition thumbnails with per-card top offsets. */
.biff-latest-card{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:12px;align-items:stretch;padding:10px;border:1px solid #d5dae1;border-radius:10px;background:#fff}
.biff-latest-card:hover,.biff-latest-card:focus-within{background:#f7f9fc;border-color:#aeb8c5}
.biff-latest-visual{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px}
.biff-latest-thumb{display:block;overflow:hidden;border-radius:7px}
.biff-latest-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eef1f4}
.biff-video-link{align-self:flex-start;color:#38536b;font-size:10px;font-weight:850;text-decoration:none}
.biff-latest-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start}
.biff-card-meta{display:flex;flex-wrap:wrap;gap:0;color:#6b7280;font-size:10.5px;font-weight:800;line-height:1.4}
.biff-card-meta span+span::before{content:"·";margin:0 5px;color:#9aa2ac}
.biff-card-meta span:first-child{color:#7a3541}
.biff-latest-copy h3{margin:4px 0 0;font-size:17px;line-height:1.4;letter-spacing:-.025em}
.biff-latest-copy h3 a{color:#111;text-decoration:none}
.biff-latest-copy p{display:-webkit-box;margin:5px 0 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#47515d;font-size:12.7px;line-height:1.55}
.biff-latest-copy .biff-latest-subtitle{color:#303943;font-weight:760}
.biff-latest-copy .biff-latest-lead{margin-top:4px;color:#66717c;font-size:11.8px;line-height:1.5}
.biff-article-link{margin-top:6px;color:#225f96;font-size:11.5px;font-weight:850;text-decoration:none}
.biff-archive-list{display:grid;gap:8px}
.biff-archive-day{border:1px solid #d5dae1;border-radius:9px;overflow:hidden}
.biff-archive-date{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f7f9fc;font-size:12px}
.biff-archive-date span{color:#6b7280;font-size:10.5px}
.biff-archive-items{display:grid}
.biff-archive-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 10px;border-top:1px solid #e5e7eb;color:#111;text-decoration:none}
.biff-archive-item:hover,.biff-archive-item:focus-visible{background:#f7f9fc}
.biff-archive-item .biff-card-meta{grid-column:1}
.biff-archive-item strong{grid-column:1;min-width:0;font-size:13.5px;line-height:1.45;letter-spacing:-.02em}
.biff-archive-arrow{grid-column:2;grid-row:1/3;align-self:center;color:#225f96;font-size:12px;font-weight:900}
.biff-empty{margin:0;padding:14px;border:1px dashed #cfd4dc;border-radius:9px;color:#555;font-size:13px;text-align:center}
.biff-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;margin-top:9px}
.biff-footer-links a{font-size:12.5px}
@media(max-width:640px){
  .biff-main{padding-top:9px}
  .biff-gate-visual .home-biff-special-banner{min-height:88px;padding:10px 12px;grid-template-columns:38px minmax(0,1fr)}
  .biff-gate-visual .home-biff-reel{width:34px;height:34px}
  .biff-gate-visual .home-biff-reel svg{width:25px;height:25px;max-width:25px;max-height:25px}
  .biff-gate-visual .home-biff-copy strong{font-size:clamp(1.2rem,6vw,1.55rem)}
  .biff-gate-visual .home-biff-description{font-size:11px}
  .biff-gate-links{justify-content:flex-start}
  .biff-panel{padding:10px}
  .biff-latest-card{grid-template-columns:minmax(104px,34%) minmax(0,1fr);gap:9px;padding:9px}
  .biff-latest-copy h3{font-size:15px;line-height:1.38}
  .biff-latest-copy p{font-size:11.7px;-webkit-line-clamp:2}.biff-latest-copy .biff-latest-lead{font-size:10.9px;line-height:1.45}
  .biff-video-link{font-size:9.4px}
}
@media(max-width:380px){
  .biff-latest-card{grid-template-columns:96px minmax(0,1fr)}
  .biff-latest-copy p{display:none}
  .biff-card-meta{font-size:9.8px}
}