/* Stage 6 tidy: move notices slightly lower; remove need for extra text blocks */
.hero-notice-strip{position:absolute;left:50%;transform:translateX(-50%);bottom:46px;width:min(1110px,calc(100% - 120px));z-index:2}
.hero-notice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.hero-notice-card{min-width:0;padding:12px 14px 10px;border-radius:18px;border:1px solid rgba(214,185,121,.40);background:linear-gradient(180deg,rgba(252,248,235,.22),rgba(252,248,235,.10));backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(86,77,38,.08),inset 0 1px 0 rgba(255,255,255,.26)}
.hero-notice-card h3{margin:0 0 8px;font:700 16px/1.35 var(--serif);letter-spacing:.06em;color:#275f52}
.hero-notice-list{list-style:none;margin:0;padding:0}
.hero-notice-row+.hero-notice-row{border-top:1px solid rgba(200,177,126,.28)}
.hero-notice-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:29px;padding:6px 0;color:#395f52;text-decoration:none;font-size:12px;line-height:1.5;transition:color .18s,transform .18s}
.hero-notice-link:hover,.hero-notice-link:focus-visible{color:#a97d34;transform:translateX(2px)}
.hero-notice-link:focus-visible{outline:2px solid #ad873f;outline-offset:2px;border-radius:6px}
.hero-notice-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hero-notice-date{flex:0 0 auto;font-size:10px;line-height:1;color:#8f8367;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-notice-empty{padding:10px 0;color:#6e7a70;font-size:12px}
@media(max-width:1100px){.hero-notice-strip{width:calc(100% - 72px);bottom:38px}.hero-notice-grid{gap:12px}.hero-notice-card{padding:11px 12px 9px}.hero-notice-card h3{font-size:15px}}
@media(max-width:760px){.hero-notice-strip{width:calc(100% - 28px);bottom:28px;overflow-x:auto;padding-bottom:2px}.hero-notice-grid{display:flex;gap:10px;min-width:max-content}.hero-notice-card{width:220px;flex:0 0 220px;padding:10px 12px 8px;border-radius:16px}.hero-notice-card h3{margin-bottom:6px;font-size:14px}.hero-notice-link{min-height:27px;padding:5px 0;font-size:11px}.hero-notice-date{font-size:9px}}


/* YJ NOTICE POSITION V7: anchor to the next section so the hero's
   overflow:hidden cannot clip cards moved into the marked lower area. */
.features > .hero-notice-strip.yj-position-v7 {
  position: absolute;
  top: -96px;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  width: min(950px, calc(100% - 90px));
  z-index: 8;
}
.features > .hero-notice-strip.yj-position-v7 .hero-notice-grid {
  gap: 14px;
}
@media (max-width: 1100px) and (min-width: 761px) {
  .features > .hero-notice-strip.yj-position-v7 {
    top: -100px;
    width: calc(100% - 72px);
  }
}
@media (max-width: 760px) {
  /* On small screens, keep the notice strip in document flow so none of
     the three CMS categories overlaps the download button or main title. */
  .features > .hero-notice-strip.yj-position-v7 {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    transform: none;
    width: 100%;
    margin: 0 auto 30px;
    z-index: 2;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .features > .hero-notice-strip.yj-position-v7 .hero-notice-grid {
    gap: 10px;
  }
}