main[data-astro-cid-aezt6mnq] {
  width: min(100%, var(--layout-shell-width));
  max-width: none;
  padding: 118px var(--layout-page-gutter) var(--layout-page-bottom);
}

@media (width <= 720px) {
  main[data-astro-cid-aezt6mnq] {
    padding-top: 34px;
  }
}
/*
     TAG DETAIL ONLY

     NORMAL:
       current gray

     HOVER:
       border -> lime
       arrow/text -> lime
       very soft neon
  */

  main[data-pagefind-body] > a:first-child,
  main[data-pagefind-body] > :first-child a {
    transition:
      color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease !important;
  }


  main[data-pagefind-body] > a:first-child:hover,
  main[data-pagefind-body] > a:first-child:focus-visible,
  main[data-pagefind-body] > :first-child a:hover,
  main[data-pagefind-body] > :first-child a:focus-visible {

    color:
      #b7ff00 !important;

    border-color:
      rgba(183, 255, 0, 0.58) !important;

    box-shadow:
      0 0 5px rgba(183, 255, 0, 0.14),
      0 0 12px rgba(183, 255, 0, 0.055) !important;
  }


  /* Lucide等のSVG矢印も確実にライム */

  main[data-pagefind-body] > a:first-child:hover svg,
  main[data-pagefind-body] > a:first-child:focus-visible svg,
  main[data-pagefind-body] > :first-child a:hover svg,
  main[data-pagefind-body] > :first-child a:focus-visible svg {

    color:
      #b7ff00 !important;

    stroke:
      #b7ff00 !important;
  }/* ================================================
     BACK
     hard refreshでも常に有効
     ================================================ */

  .tag-detail-page .tag-detail-back a {
    transition:
      color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease !important;
  }

  .tag-detail-page .tag-detail-back a:hover,
  .tag-detail-page .tag-detail-back a:focus-visible {
    color: #b7ff00 !important;
    border-color: #b7ff00 !important;

    box-shadow:
      0 0 4px rgba(183,255,0,.28),
      0 0 12px rgba(183,255,0,.10) !important;
  }

  .tag-detail-page .tag-detail-back a:hover svg,
  .tag-detail-page .tag-detail-back a:focus-visible svg {
    color: #b7ff00 !important;
    stroke: #b7ff00 !important;

    filter:
      drop-shadow(0 0 3px rgba(183,255,0,.34)) !important;
  }


  /* ================================================
     ORANGE DIVIDER -> BLOG CARDS

     BlogArchive が直接出している section に
     内側余白を EXACT 1cm。

     WIDTHは一切変更しない。
     ================================================ */

  .tag-detail-page > .archive-hero {
    margin-bottom: 0 !important;
  }

  .tag-detail-page > section {
    margin-top: 0 !important;
    padding-top: 1cm !important;
  }.tag-detail-page .tag-detail-back a.back-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(183, 255, 0, 0.48) !important;
    border-radius: 6px !important;
    background: rgba(183, 255, 0, 0.035) !important;
    color: #a4aaa1 !important;
    font-family: 'Maple Mono', monospace !important;
    font-size: 0.66rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.06em !important;
    text-decoration: none !important;
    transition: color 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease !important;
    gap: 6px !important;
    text-transform: uppercase !important;
  }

  .tag-detail-page .tag-detail-back a.back-link:hover,
  .tag-detail-page .tag-detail-back a.back-link:focus-visible {
    color: #e7e8e4 !important;
    border-color: #b7ff00 !important;
    background: rgba(183, 255, 0, 0.055) !important;
    box-shadow: 0 0 7px rgba(183, 255, 0, 0.20) !important;
    outline: none !important;
  }

  .tag-detail-page .tag-detail-back a.back-link svg {
    width: 12px !important;
    height: 12px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    filter: none !important;
  }

  .tag-detail-page .tag-detail-back a.back-link:hover svg,
  .tag-detail-page .tag-detail-back a.back-link:focus-visible svg {
    color: inherit !important;
    stroke: currentColor !important;
    filter: none !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .tag-detail-page .tag-detail-back a.back-link {
      transition: none !important;
    }
  }/* =========================================================
   TAG DETAIL 窶・RIMBAUD POSITION FIX
   /tags/[tag]/ only
   ========================================================= */

.archive-hero .archive-copy {
  top: 1cm !important;
}