.ajp-demo-teaser{
  align-items:center;
  background:
    radial-gradient(circle at 8% 18%,rgba(232,200,121,.24),transparent 34%),
    linear-gradient(135deg,var(--ajp-paper,#fffdf8),var(--ajp-teal-soft,#e4f3f1));
  display:grid;
  gap:clamp(22px,4vw,52px);
  grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);
  overflow:hidden;
  position:relative;
}
.ajp-demo-teaser:before{
  background:linear-gradient(180deg,var(--ajp-teal,#0f8c86),var(--ajp-gold,#e8c879));
  content:"";
  inset-block:0;
  inset-inline-start:0;
  position:absolute;
  width:5px;
}
.ajp-demo-teaser__copy,
.ajp-demo-teaser__action{
  position:relative;
  z-index:1;
}
.ajp-demo-eyebrow{
  color:var(--ajp-teal,#0f8c86);
  display:block;
  font-size:.78rem;
  font-weight:900;
  margin-bottom:10px;
}
.ajp-demo-teaser h2{
  margin-bottom:12px!important;
}
.ajp-demo-teaser h2:after{
  display:none!important;
}
.ajp-demo-teaser p{
  margin-bottom:14px;
  max-width:720px;
}
.ajp-demo-topics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.ajp-demo-topics li{
  background:rgba(255,253,248,.88);
  border:1px solid var(--ajp-line,#e8ddcd);
  border-radius:999px;
  color:var(--ajp-brown-dark,#4a3020);
  font-size:.8rem;
  font-weight:900;
  padding:6px 13px;
}
.ajp-demo-teaser__action{
  text-align:center;
}
.ajp-demo-teaser__action .ajp-btn{
  width:100%;
}
.ajp-demo-teaser__action small{
  color:var(--ajp-muted,#71665e);
  display:block;
  font-size:.74rem;
  margin-top:9px;
}
body.ajp-demo-is-open{
  overflow:hidden!important;
}
.ajp-demo-overlay{
  background:rgba(24,16,12,.78);
  inset:0;
  padding:clamp(0px,2vw,22px);
  position:fixed;
  z-index:100000;
}
.ajp-demo-overlay[hidden]{
  display:none!important;
}
.ajp-demo-reader{
  background:var(--ajp-paper,#fffdf8);
  border:1px solid rgba(255,255,255,.36);
  border-radius:clamp(0px,1.3vw,14px);
  box-shadow:0 30px 90px rgba(0,0,0,.3);
  color:var(--ajp-ink,#241a15);
  direction:rtl;
  height:100%;
  margin:auto;
  max-width:920px;
  outline:none;
  overflow:hidden;
  position:relative;
}
.ajp-demo-reader__header{
  background:rgba(255,253,248,.96);
  border-bottom:1px solid var(--ajp-line,#e8ddcd);
  inset-block-start:0;
  position:absolute;
  width:100%;
  z-index:5;
}
.ajp-demo-reader__bar{
  align-items:center;
  direction:ltr;
  display:grid;
  gap:4px;
  grid-template-columns:44px 44px minmax(0,1fr) 44px;
  min-height:66px;
  padding:7px 12px;
}
.ajp-demo-reader__heading{
  direction:rtl;
  min-width:0;
  padding-inline:8px;
  text-align:center;
}
.ajp-demo-reader__heading span,
.ajp-demo-reader__heading strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ajp-demo-reader__heading span{
  color:var(--ajp-muted,#71665e);
  font-size:.72rem;
  line-height:1.4;
}
.ajp-demo-reader__heading strong{
  color:var(--ajp-ink,#241a15);
  font-size:1rem;
  line-height:1.5;
}
.ajp-demo-icon-button{
  align-items:center;
  background:transparent;
  border:0;
  border-radius:8px;
  color:var(--ajp-ink,#241a15);
  cursor:pointer;
  display:flex;
  font:inherit;
  font-size:1.8rem;
  height:42px;
  justify-content:center;
  padding:0;
  width:42px;
}
.ajp-demo-icon-button:hover,
.ajp-demo-icon-button:focus-visible{
  background:var(--ajp-teal-soft,#e4f3f1);
  color:var(--ajp-teal,#0f8c86);
  outline:2px solid transparent;
}
.ajp-demo-icon-button:disabled{
  cursor:default;
  opacity:.24;
}
.ajp-demo-close{
  font-family:Arial,sans-serif;
  font-size:1.9rem;
  font-weight:300;
}
.ajp-demo-progress{
  background:var(--ajp-soft,#f3ede3);
  height:4px;
  overflow:hidden;
}
.ajp-demo-progress span{
  background:linear-gradient(90deg,var(--ajp-teal,#0f8c86),var(--ajp-gold,#e8c879));
  display:block;
  height:100%;
  transition:width .18s ease;
  width:0;
}
.ajp-demo-reader__viewport{
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-top:70px;
  scroll-behavior:smooth;
}
.ajp-demo-loading,
.ajp-demo-error{
  align-items:center;
  color:var(--ajp-muted,#71665e);
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:center;
  min-height:65vh;
  padding:30px;
  text-align:center;
}
.ajp-demo-loading strong,
.ajp-demo-error strong{
  color:var(--ajp-ink,#241a15);
  font-size:1.25rem;
}
.ajp-demo-error[hidden],
.ajp-demo-article[hidden],
.ajp-demo-reader__footer[hidden],
.ajp-demo-download[hidden]{
  display:none!important;
}
.ajp-demo-article{
  margin:0 auto;
  max-width:820px;
  padding:clamp(28px,5vw,58px) clamp(20px,6vw,66px) 34px;
}
.ajp-demo-article .ajp-demo-article__kicker{
  color:var(--ajp-teal,#0f8c86)!important;
  font-size:.82rem;
  font-weight:900;
  margin:0 0 5px;
}
.ajp-demo-article h1{
  color:var(--ajp-ink,#241a15)!important;
  font-size:clamp(2rem,7vw,3.15rem);
  line-height:1.35;
  margin:0 0 28px;
}
.ajp-demo-article h2,
.ajp-demo-article .ajp-demo-block-title{
  color:var(--ajp-brown-dark,#4a3020)!important;
  font-size:clamp(1.35rem,4vw,1.75rem);
  line-height:1.55;
  margin:36px 0 12px;
}
.ajp-demo-article h2:after{
  background:linear-gradient(90deg,var(--ajp-teal,#0f8c86),var(--ajp-gold,#e8c879));
  content:"";
  display:block;
  height:3px;
  margin-top:9px;
  max-width:90px;
}
.ajp-demo-article p{
  color:var(--ajp-ink,#241a15)!important;
  font-size:clamp(1.05rem,2.5vw,1.2rem);
  line-height:2;
  margin:0 0 22px;
}
.ajp-demo-article figure{
  margin:28px 0 34px;
}
.ajp-demo-article img{
  background:var(--ajp-soft,#f3ede3);
  border:1px solid var(--ajp-line,#e8ddcd);
  border-radius:10px;
  display:block;
  height:auto!important;
  margin:auto;
  max-height:72vh;
  max-width:100%;
  object-fit:contain;
  width:auto;
}
.ajp-demo-article figcaption{
  color:var(--ajp-muted,#71665e);
  font-size:.82rem;
  line-height:1.8;
  margin-top:9px;
  text-align:center;
}
.ajp-demo-illustrated,
.ajp-demo-fact,
.ajp-demo-note{
  background:#fffaf1;
  border:1px solid var(--ajp-line,#e8ddcd);
  border-radius:10px;
  margin:28px 0;
  padding:clamp(18px,4vw,26px);
}
.ajp-demo-fact{
  border-inline-start:5px solid var(--ajp-gold,#e8c879);
}
.ajp-demo-note{
  background:var(--ajp-teal-soft,#e4f3f1);
  border-color:#c6e8e4;
}
.ajp-demo-missing-image{
  align-items:center;
  background:var(--ajp-soft,#f3ede3);
  border:1px dashed #d8c7b2;
  border-radius:10px;
  color:var(--ajp-muted,#71665e);
  display:flex;
  justify-content:center;
  min-height:180px;
  padding:22px;
  text-align:center;
}
.ajp-demo-reader__footer{
  align-items:center;
  border-top:1px solid var(--ajp-line,#e8ddcd);
  display:grid;
  gap:12px;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  margin:0 auto;
  max-width:820px;
  padding:24px clamp(20px,6vw,66px) 34px;
}
.ajp-demo-reader__footer span{
  color:var(--ajp-muted,#71665e);
  font-size:.8rem;
  min-width:72px;
  text-align:center;
}
.ajp-demo-command{
  background:var(--ajp-paper,#fffdf8);
  border:1px solid var(--ajp-brown,#755033);
  border-radius:8px;
  color:var(--ajp-brown-dark,#4a3020);
  cursor:pointer;
  font:inherit;
  font-weight:900;
  min-height:50px;
  padding:9px 18px;
}
.ajp-demo-command-primary{
  background:var(--ajp-teal,#0f8c86);
  border-color:var(--ajp-teal,#0f8c86);
  color:#fff;
}
.ajp-demo-command:disabled{
  cursor:default;
  opacity:.35;
}
.ajp-demo-download{
  background:
    radial-gradient(circle at 18% 20%,rgba(15,140,134,.2),transparent 28%),
    linear-gradient(135deg,var(--ajp-brown-dark,#4a3020),#211713);
  border-radius:12px;
  margin:0 auto 48px;
  max-width:700px;
  padding:clamp(26px,5vw,46px);
  text-align:center;
}
.ajp-demo-download h2,
.ajp-demo-download p{
  color:#fff!important;
}
.ajp-demo-download h2{
  margin:0 0 12px!important;
}
.ajp-demo-download h2:after{
  display:none!important;
}
.ajp-demo-download p{
  color:rgba(255,255,255,.82)!important;
}
.ajp-demo-download .ajp-demo-eyebrow{
  color:var(--ajp-gold,#e8c879);
}
@media(max-width:760px){
  .ajp-demo-teaser{
    grid-template-columns:1fr;
  }
  .ajp-demo-teaser__action{
    text-align:right;
  }
  .ajp-demo-overlay{
    padding:0;
  }
  .ajp-demo-reader{
    border:0;
    border-radius:0;
    max-width:none;
  }
  .ajp-demo-reader__bar{
    grid-template-columns:42px 42px minmax(0,1fr) 42px;
    padding-inline:6px;
  }
  .ajp-demo-reader__heading strong{
    font-size:.9rem;
  }
  .ajp-demo-reader__footer{
    grid-template-columns:1fr 1fr;
  }
  .ajp-demo-reader__footer span{
    grid-column:1/-1;
    grid-row:1;
  }
  .ajp-demo-download{
    border-radius:0;
    margin-bottom:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .ajp-demo-progress span,
  .ajp-demo-reader__viewport{
    scroll-behavior:auto;
    transition:none;
  }
}