/* FXCHS V3.30 – reliable film-area gestures on mobile. */
body.fxv2 .fxv330-film-gesture{display:none}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  /* The gesture surface sits inside the film, below all cards and buttons.
     The rounded television viewport never translates with the swipe. */
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv321-video-stage .fxv330-film-gesture{
    display:block!important;position:absolute;inset:0;z-index:1;
    pointer-events:auto!important;touch-action:none!important;
    -webkit-user-select:none;user-select:none;
    cursor:grab;background:transparent;
  }
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv330-film-gesture.is-dragging{cursor:grabbing}
  /* Neither the iframe, loading curtain nor the stage shall win a touch
     against the swipe plane, while the explicit load button remains usable. */
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv321-video-player,
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv321-video-player iframe{
    pointer-events:none!important;
  }
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv321-video-curtain{
    pointer-events:none!important;
  }
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv321-video-curtain button{
    pointer-events:auto!important;
  }
}

/* Year and month are real archive destinations with counts and headings.
   A compact text index supports them without a competing window. */
body.fxv2 .fxv330-blog-time-nav{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;
  max-width:1060px;margin:10px auto 30px;padding:0 4px 13px;
  border-bottom:1px solid #d6ded5;
}
body.fxv2 .fxv330-blog-time-nav a{
  font:750 12px/1.45 system-ui,sans-serif;color:#33684a;
  text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;
}
body.fxv2 .fxv330-blog-time-nav a:hover,
body.fxv2 .fxv330-blog-time-nav a[aria-current="page"]{
  color:#164e2b;border-bottom-color:#35a43c;
}
body.fxv2 .fxv330-blog-time-nav a:focus-visible{
  outline:2px solid #286e3b;outline-offset:3px;
}
body.fxv2 .fxv330-blog-time-nav .fxv330-time-separator{
  width:1px;height:17px;flex:0 0 1px;background:#c2d3c2;margin:0 3px;
}
@media(max-width:650px){
  body.fxv2 .fxv330-blog-time-nav{gap:4px 11px;margin-bottom:19px;padding-inline:6px}
  body.fxv2 .fxv330-blog-time-nav a{font-size:11px}
  body.fxv2 .fxv330-blog-time-nav .fxv330-time-separator{display:none}
}