/*
 * V45 Editorial Ribbon. Small and deliberately lightweight.
 * Reclaims the fixed navigation's excessive reserved blank space.
 * CSS only motion (one slow gold gleam); all articles share the same ribbon.
 */
body.single-post {
  padding-top:88px!important;
}
body.single-post #page_content {
  padding-block-start:12px!important;
}
body.single-post #page_content > .tyz-v45-article-ribbon {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.5vw,19px);
  width:min(1460px,calc(100% - 46px));
  max-width:100%;
  min-height:52px;
  height:auto;
  box-sizing:border-box;
  margin:0 auto clamp(13px,1.7vw,20px);
  padding:10px clamp(13px,2.1vw,27px);
  border:1px solid rgba(218,179,108,.33);
  border-radius:15px;
  background:
    radial-gradient(ellipse at 20% 50%,rgba(212,163,77,.12),transparent 48%),
    linear-gradient(112deg,#0b2335,#14374d 52%,#0b253a);
  box-shadow:0 6px 19px rgba(2,13,29,.13),inset 0 1px rgba(255,232,184,.045);
  color:#f5f0e7;
  font-family:Almarai,system-ui,sans-serif;
  line-height:1.5;
  text-align:center;
}
body.single-post #page_content > .tyz-v45-article-ribbon::before {
  content:"";
  position:absolute;
  inset-block-start:0;
  inset-inline-start:10%;
  width:32%;
  max-width:180px;
  height:2px;
  background:linear-gradient(90deg,transparent,#eac184 45%,transparent);
  opacity:.78;
  border-radius:99px;
  pointer-events:none;
}
body.single-post #page_content > .tyz-v45-article-ribbon::after {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  top:-70%;
  bottom:-70%;
  left:0;
  width:15%;
  background:linear-gradient(90deg,transparent,rgba(255,222,160,.11),transparent);
  transform:translateX(-170%) skewX(-20deg);
  animation:tyzV45RibbonGleam 9s ease-in-out infinite;
}
@keyframes tyzV45RibbonGleam{
  0%,24%{transform:translateX(-170%) skewX(-20deg);opacity:0}
  31%{opacity:.65}
  49%{transform:translateX(720%) skewX(-20deg);opacity:0}
  100%{transform:translateX(720%) skewX(-20deg);opacity:0}
}
body.single-post #page_content > .tyz-v45-article-ribbon > span {
  position:relative;
  z-index:1;
  flex:0 1 auto;
}
body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-mark{
  color:#dfb574;
  font-size:13px;
  line-height:1;
  font-weight:500;
  opacity:.8;
  flex:0 0 auto;
}
body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-brand {
  color:#f1cb88;
  font-size:clamp(12px,1.03vw,14px);
  font-weight:850;
  white-space:nowrap;
}
body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-separator{
  flex:0 0 1px;
  width:1px;
  height:19px;
  background:linear-gradient(180deg,transparent,rgba(232,191,123,.62),transparent);
}
body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-copy{
  color:#e4edf5;
  font-size:clamp(12px,1.02vw,14px);
  font-weight:650;
  letter-spacing:0;
  text-wrap:balance;
}
@media(max-width:880px){
  body.single-post{padding-top:82px!important}
  body.single-post #page_content{padding-block-start:10px!important}
  body.single-post #page_content > .tyz-v45-article-ribbon{
    width:calc(100% - 26px);
    min-height:46px;
    margin-bottom:14px;
    padding:9px 13px;
    gap:9px;
    border-radius:12px;
  }
}
@media(max-width:650px){
  body.single-post{padding-top:78px!important}
  body.single-post #page_content{padding-block-start:8px!important}
  body.single-post #page_content > .tyz-v45-article-ribbon {
    width:calc(100% - 20px);
    min-height:40px;
    margin-bottom:11px;
    padding:8px 10px;
    gap:7px;
    border-radius:11px;
  }
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-brand{
    font-size:11px;
    white-space:normal;
  }
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-copy{
    font-size:11px;
    line-height:1.6;
  }
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-separator{
    height:16px;
  }
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-mark--end{
    display:none;
  }
}
@media(max-width:360px){
  body.single-post #page_content > .tyz-v45-article-ribbon{
    width:calc(100% - 16px);
    gap:5px;
    padding:8px;
  }
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-brand,
  body.single-post #page_content > .tyz-v45-article-ribbon .tyz-v45-ribbon-copy{
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.single-post #page_content > .tyz-v45-article-ribbon::after{
    animation:none!important;
    opacity:0!important;
  }
}
@media print{
  body.single-post{padding-top:0!important}
  body.single-post #page_content > .tyz-v45-article-ribbon{display:none!important}
}