:root{
  --as-urgent-bg: #0b2b14;
  --as-urgent-ink: #ffffff;
  --as-urgent-muted: rgba(255,255,255,.75);
  --as-urgent-pill: #11a35a;
  --as-notice-bg: #111827;
  --as-notice-ink: #ffffff;
  --as-notice-muted: rgba(255,255,255,.85);
  --as-top-offset: 0px;
  --as-urgent-h: 0px;
}

/* -------------------------
 * URGENT BAR
 * ------------------------- */
.as-urgent-bar{
  position: sticky;
  top: var(--as-top-offset);
  z-index: 9999;
  background: var(--as-urgent-bg);
  color: var(--as-urgent-ink);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.as-urgent-wrap{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 8px 10px;
  max-width: 1200px;
  margin: 0 auto;
}

.as-urgent-badge{
  background: var(--as-urgent-pill);
  color: #fff;
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  flex: 0 0 auto;
}

.as-urgent-track{
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  flex: 1 1 auto;
  scroll-behavior: smooth;
}

.as-urgent-item{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width: 260px;
  max-width: 520px;
  padding: 6px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: inherit;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.08);
  white-space: nowrap;
}

.as-urgent-item:hover{ background: rgba(255,255,255,.10); }
.as-urgent-item:focus{ outline: 2px solid rgba(17,163,90,.55); outline-offset: 2px; }

.as-urgent-type{
  font-size: 12px;
  font-weight: 700;
  color: var(--as-urgent-muted);
  flex: 0 0 auto;
}

.as-urgent-title{
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.as-urgent-date{
  margin-left:auto;
  font-size: 12px;
  color: var(--as-urgent-muted);
  flex: 0 0 auto;
}

.as-urgent-empty{
  color: var(--as-urgent-muted);
  font-size: 13px;
  padding: 6px 0;
}

.as-urgent-ctrl{
  appearance:none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: 12px;
  width: 34px;
  height: 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex: 0 0 auto;
}
.as-urgent-ctrl:hover{ background: rgba(255,255,255,.10); }

@media (max-width: 720px){
  .as-urgent-wrap{ gap:10px; }
  .as-urgent-item{ min-width: 220px; }
  .as-urgent-date{ display:none; }
}

/* -------------------------
 * NOTICE BAR
 * ------------------------- */
.as-notice-bar{
  position: sticky;
  top: calc(var(--as-top-offset) + var(--as-urgent-h));
  z-index: 9998;
  background: var(--as-notice-bg);
  color: var(--as-notice-ink);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.as-notice-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 10px;
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.as-notice-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 4px;
  background: #f59e0b;
  box-shadow: 0 0 0 4px rgba(245,158,11,.18);
  flex: 0 0 auto;
}

.as-notice-text{
  color: var(--as-notice-muted);
  font-size: 13px;
  line-height: 1.35;
}

/* -------------------------
 * Front-page image fix (avoid cropping)
 * ------------------------- */

body.home .as-card img,
body.home .as-card figure img,
body.home .as-grid img,
body.home .wp-block-post-template img,
body.home .wp-block-post-featured-image img,
body.home .entry-content .as-card img{
  object-fit: contain !important;
}

body.home .as-card figure,
body.home .as-card .thumb,
body.home .as-card .thumbnail,
body.home .as-grid figure{
  background: rgba(0,0,0,.04);
}