/* Full-screen fade transition for the desktop board */
@media(min-width:769px){
  html:has(body.board-panel-ready),
  body.board-panel-ready{
    width:100%;
    height:100%;
    overflow:hidden !important;
    overscroll-behavior:none;
  }

  body.board-panel-ready .board-page{
    position:relative !important;
    width:100% !important;
    height:100svh !important;
    min-height:100svh !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  body.board-panel-ready .board-layout,
  body.board-panel-ready .board-main{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  body.board-panel-ready .board-operation-hero.board-motion-hero{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:120px max(36px,calc((100vw - 1320px)/2)) 112px !important;
    opacity:1;
    visibility:visible;
    transform:none !important;
    transition:
      opacity .72s cubic-bezier(.4,0,.2,1),
      visibility 0s;
    will-change:opacity;
  }

  body.board-panel-ready .board-content-shell{
    position:absolute !important;
    z-index:1 !important;
    top:80px !important;
    bottom:0 !important;
    left:50% !important;
    width:min(1040px,calc(100% - 60px)) !important;
    height:auto !important;
    margin:0 !important;
    padding:66px 0 46px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#aaa transparent;
    background:#fff;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-50%,0,0) !important;
    transition:
      opacity .72s cubic-bezier(.4,0,.2,1),
      visibility 0s .72s;
    will-change:opacity;
  }

  body.board-panel-active .board-operation-hero.board-motion-hero{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none !important;
    transition:
      opacity .62s cubic-bezier(.4,0,.2,1),
      visibility 0s .62s;
  }

  body.board-panel-active .board-content-shell{
    z-index:3 !important;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(-50%,0,0) !important;
    transition:
      opacity .72s .08s cubic-bezier(.4,0,.2,1),
      visibility 0s;
  }

  body.board-panel-active header,
  body.board-panel-active.board-header-over-hero header{
    background:#050505 !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }

  body.board-panel-ready .board-operation-scroll{
    cursor:pointer;
  }

  body.board-panel-ready .board-operation-scroll::after{
    content:"";
    position:absolute;
    inset:-18px -22px;
  }

  body.board-panel-ready .board-content-shell .board-header{
    margin-bottom:55px !important;
  }

  body.board-panel-ready .board-content-shell:focus{outline:none}
}

@media(prefers-reduced-motion:reduce) and (min-width:769px){
  body.board-panel-ready .board-operation-hero.board-motion-hero,
  body.board-panel-ready .board-content-shell{
    transition-duration:.01ms !important;
    transition-delay:0s !important;
  }
}

.board-content-shell .notice-title-prefix,
.mobile-post-card .mobile-notice-prefix{
  position:relative !important;
  top:1px !important;
  display:inline-block !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 26px 0 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:1em !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:0 !important;
  vertical-align:baseline !important;
  transform:none !important;
}

.board-content-shell .consult-post-card.is-notice,
.board-content-shell .consult-post-card.is-notice:hover,
.board-content-shell .board-row.is-notice,
.board-content-shell .board-row.is-notice:hover{
  border-color:#eee3aa !important;
  background:#fffbea !important;
  color:#575347 !important;
}

.board-content-shell .consult-post-card.is-notice::before{
  background:#e5cf69 !important;
}

.board-content-shell .consult-post-card.is-notice .consult-post-meta-top,
.board-content-shell .consult-post-card.is-notice .consult-post-meta-bottom{
  color:#8a8575 !important;
}

.board-content-shell .consult-post-card.is-notice .consult-post-main h2,
.board-content-shell .board-row.is-notice .board-title{
  color:#17160f !important;
}

.board-content-shell .consult-post-card.is-notice .notice-title-prefix,
.board-content-shell .board-row.is-notice .notice-title-prefix,
.board-content-shell .board-row.is-notice > div:first-child{
  color:#8a6f00 !important;
}

@media(min-width:769px){
  html.board-intro-seen .board-operation-hero.board-motion-hero{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  html.board-intro-seen .board-content-shell{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

@media(max-width:768px){
  html.board-intro-seen .board-operation-hero.board-motion-hero{
    display:none !important;
  }

  .board-page{
    width:100% !important;
    max-width:none !important;
    min-height:100svh !important;
    margin:0 !important;
    padding:76px 18px 48px !important;
    background:#fff !important;
  }

  .board-page .board-layout,
  .board-page .board-main,
  .board-page .board-content-shell{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .board-page .board-content-shell{
    padding:46px 0 24px !important;
  }

  .board-page .board-content-shell .board-header{
    margin-bottom:30px !important;
    padding-bottom:24px !important;
  }

  .board-page .board-content-shell .board-header-copy h1{
    font-size:36px !important;
  }

  .board-page .board-content-shell .consult-post-card,
  .board-page .board-content-shell .consult-post-card.is-notice,
  .board-page .board-content-shell .consult-post-card.is-notice:hover{
    min-height:0 !important;
    height:auto !important;
    padding:18px 10px !important;
    display:block !important;
    transform:none !important;
  }

  .board-page .consult-post-meta-top{
    margin:0 0 8px !important;
  }

  .board-page .consult-post-main h2{
    display:flex !important;
    align-items:baseline !important;
    min-width:0 !important;
    font-size:15px !important;
    line-height:1.5 !important;
    white-space:normal !important;
  }

  .board-page .notice-title-prefix{
    flex:0 0 auto !important;
    margin-right:18px !important;
  }

  .board-page .consult-post-meta-bottom{
    margin-top:12px !important;
    justify-content:flex-start !important;
    gap:14px !important;
    font-size:11px !important;
  }

  .board-page .board-toolbar{
    display:block !important;
  }

  .board-page .board-bottom{
    margin-top:18px !important;
  }

  .board-page .board-content-shell .board-table{
    display:block !important;
    margin-top:26px !important;
  }

  .board-page .board-content-shell .pagination{
    display:flex !important;
  }
}