/* Adaptive Content Insights 1.4 – recommendations and content requests */
.aci-recommendations {
  --aci-ink: #172435;
  --aci-muted: #667587;
  --aci-brand: #0d756b;
  --aci-line: #e2e8ec;
  container-type: inline-size;
  box-sizing: border-box;
  direction: rtl;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--aci-line);
  border-radius: 18px;
  background: linear-gradient(160deg, #f7faf9 0%, #fff 60%, #fff 100%);
  color: var(--aci-ink);
  text-align: right;
  font-family: inherit;
  line-height: 1.65;
  box-shadow: 0 5px 24px rgba(24, 46, 56, .04);
  isolation: isolate;
}
.aci-recommendations[hidden] { display: none !important; }
.aci-recommendations, .aci-recommendations * { box-sizing: border-box; }
.aci-recommendations .aci-header {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: start;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  background: none;
}
.aci-recommendations .aci-header-main { min-width: 0; flex: 1; }
.aci-recommendations .aci-eyebrow {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--aci-brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 3px;
}
.aci-recommendations .aci-eyebrow-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 99px;
  background: var(--aci-brand);
}
.aci-recommendations .aci-heading {
  font-family: inherit;
  color: var(--aci-ink);
  font-weight: 800;
  font-size: clamp(17px, 2.3vw, 21px) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}
.aci-recommendations .aci-basis {
  color: var(--aci-muted);
  font-size: 12px;
  margin: 4px 0 0 !important;
  padding: 0;
  line-height: 1.6;
}
.aci-recommendations .aci-header-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  height: 34px;
  border-radius: 11px;
  background: #e5f3ef;
  color: var(--aci-brand);
  font-size: 19px;
}
.aci-recommendations .aci-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
}
.aci-recommendations .aci-card {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: stretch;
  min-height: 112px;
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--aci-line);
  border-radius: 13px;
  background: #fff;
  text-decoration: none !important;
  color: var(--aci-ink) !important;
  box-shadow: 0 1px 3px rgba(27, 50, 60, .025);
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.aci-recommendations .aci-card:focus-visible {
  outline: 3px solid var(--aci-brand);
  outline-offset: 3px;
}
.aci-recommendations .aci-card-thumb {
  display: block;
  align-self: stretch;
  flex: 0 0 104px;
  min-height: 91px;
  border-radius: 9px;
  overflow: hidden;
  background: #e8f1ef;
  color: #6c9e97;
}
.aci-recommendations .aci-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 91px;
  display: block;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
  margin: 0 !important;
}
.aci-recommendations .aci-card-placeholder {
  width: 100%;
  height: 100%;
  min-height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 300;
  color: #609d93;
  background: linear-gradient(130deg, #e5f4ef, #f4f9f7);
}
.aci-recommendations .aci-card-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  min-width: 0;
  flex: 1;
  text-align: right;
}
.aci-recommendations .aci-card-category {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 700;
  color: var(--aci-brand);
  line-height: 1.5;
  margin-bottom: 5px;
}
.aci-recommendations .aci-card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.7;
  color: var(--aci-ink);
  text-wrap: pretty;
}
.aci-recommendations .aci-card-bottom {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  color: var(--aci-muted);
  font-size: 11px;
  font-weight: 500;
  margin-top: 8px;
  line-height: 1.5;
}
.aci-recommendations .aci-card-bottom > span { color: var(--aci-brand); font-size: 14px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .aci-recommendations .aci-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 21px rgba(33, 62, 70, .10);
    border-color: #a1c9c2;
  }
}
@container (max-width: 630px) {
  .aci-recommendations .aci-list { grid-template-columns: 1fr; }
  .aci-recommendations .aci-card { min-height: 100px; }
  .aci-recommendations .aci-card-thumb { flex-basis: 108px; min-height: 82px; }
  .aci-recommendations .aci-card-thumb img,
  .aci-recommendations .aci-card-placeholder { min-height: 82px; }
}
@container (max-width: 365px) {
  .aci-recommendations .aci-card { gap: 10px; padding: 8px; }
  .aci-recommendations .aci-card-thumb { flex-basis: 84px; min-height: 80px; }
  .aci-recommendations .aci-card-title { font-size: 12px; }
  .aci-recommendations .aci-card-bottom { margin-top: 5px; }
}
@media (max-width: 700px) {
  .aci-recommendations { border-radius: 14px; padding: 16px; }
  .aci-recommendations .aci-list { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .aci-recommendations .aci-card { transition: none; }
}
/* Privacy controls are intentionally kept separate from card styling. */
.aci-consent[hidden]{display:none!important}
.aci-consent{position:fixed;z-index:999999;bottom:16px;right:16px;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px;border:1px solid #d0d5dd;border-radius:13px;background:#fff;color:#202934;box-shadow:0 12px 35px rgba(0,0,0,.17);font-size:14px;line-height:1.8;font-family:inherit}
.aci-consent strong{font-size:16px}.aci-consent p{margin:7px 0 9px}.aci-policy{display:inline-block;margin-bottom:8px;color:#086d63}
.aci-consent-actions{display:flex;gap:8px;flex-wrap:wrap}.aci-consent-actions button,.aci-privacy-btn{cursor:pointer;font-family:inherit;font-size:13px;padding:9px 14px;border-radius:7px;border:1px solid #cbd5e1;background:#fff;color:#17232f}
.aci-consent-actions button:first-child{background:#086d63;color:#fff;border-color:#086d63}.aci-privacy-btn{margin:5px}
@media(max-width:480px){.aci-consent{bottom:8px;right:8px;width:calc(100vw - 16px);padding:14px}}

/* A single editorial unit: recommendations followed by a compact audience-request form. */
.aci-recommendations-wrap {
  --aci-brand: #0d756b;
  --aci-ink: #172435;
  --aci-muted: #667587;
  --aci-line: #e2e8ec;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: clamp(24px, 4vw, 40px) 0;
  font-family: inherit;
  direction: rtl;
}
.aci-recommendations-wrap, .aci-recommendations-wrap * { box-sizing: border-box; }
.aci-recommendations-wrap .aci-recommendations + .aci-content-request { margin-top: 10px; }
.aci-recommendations-wrap .aci-recommendations[hidden] + .aci-content-request { margin-top: 0; }
.aci-content-request {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: clamp(15px, 2.6vw, 20px);
  border: 1px solid var(--aci-line, #e2e8ec);
  border-radius: 15px;
  color: var(--aci-ink, #172435);
  background: #fff;
  font-family: inherit;
  line-height: 1.65;
  direction: rtl;
  text-align: right;
  box-shadow: 0 2px 14px rgba(28, 48, 59, .035);
}
.aci-content-request *, .aci-content-request *::before, .aci-content-request *::after { box-sizing: border-box; }
.aci-content-request .aci-request-intro {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 12px;
}
.aci-content-request .aci-request-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  border-radius: 11px;
  background: #eff6f4;
  color: var(--aci-brand, #0d756b);
  font-size: 19px;
  line-height: 1;
}
.aci-content-request .aci-request-intro > div { min-width: 0; }
.aci-content-request .aci-request-intro h4 {
  margin: 0 0 2px !important;
  padding: 0 !important;
  font-family: inherit;
  font-size: clamp(14px, 1.8vw, 16px) !important;
  font-weight: 800;
  line-height: 1.6 !important;
  color: var(--aci-ink, #172435);
}
.aci-content-request .aci-request-intro p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
  line-height: 1.7;
  color: var(--aci-muted, #667587);
}
.aci-content-request .aci-request-form { display: block; margin: 0; padding: 0; }
.aci-content-request .aci-request-form textarea {
  display: block;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
  min-height: 74px;
  resize: vertical;
  margin: 0 !important;
  padding: 12px 13px !important;
  border: 1px solid #d5dee2 !important;
  border-radius: 10px !important;
  outline: none;
  background: #fbfcfd !important;
  color: var(--aci-ink, #172435) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  direction: rtl;
  text-align: right;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.aci-content-request .aci-request-form textarea::placeholder { color: #8995a1; opacity: 1; }
.aci-content-request .aci-request-form textarea:focus {
  border-color: var(--aci-brand, #0d756b) !important;
  box-shadow: 0 0 0 3px rgba(13, 117, 107, .11);
}
.aci-content-request .aci-request-form textarea:disabled { opacity: .55; }
.aci-content-request .aci-request-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.aci-content-request .aci-request-hint { flex: 1; color: #718095; font-size: 11px; line-height: 1.6; }
.aci-content-request .aci-request-submit {
  border: 1px solid var(--aci-brand, #0d756b) !important;
  border-radius: 9px !important;
  background: var(--aci-brand, #0d756b) !important;
  color: #fff !important;
  box-shadow: none !important;
  padding: 9px 15px !important;
  margin: 0 !important;
  min-height: 38px;
  cursor: pointer;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 750;
  line-height: 1.4;
  white-space: nowrap;
  transition: background .15s ease, transform .15s ease;
}
.aci-content-request .aci-request-submit:hover { background: #09594f !important; }
.aci-content-request .aci-request-submit:focus-visible {
  outline: 3px solid rgba(13,117,107,.4);
  outline-offset: 3px;
}
.aci-content-request .aci-request-submit:disabled { cursor: wait; opacity: .55; }
.aci-content-request .aci-request-submit[hidden], .aci-content-request .aci-request-message[hidden] { display: none !important; }
.aci-content-request .aci-request-message {
  margin: 10px 0 0 !important;
  padding: 9px 12px !important;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.7;
}
.aci-content-request .aci-request-message[data-state="success"] { color: #166247; background: #e9f7f0; }
.aci-content-request .aci-request-message[data-state="error"] { color: #983e37; background: #fff1ef; }
.aci-content-request .aci-request-honey {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.aci-content-request .aci-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 480px) {
  .aci-content-request { padding: 14px; border-radius: 13px; }
  .aci-content-request .aci-request-footer { align-items: stretch; flex-direction: column; }
  .aci-content-request .aci-request-submit { width: 100%; }
  .aci-content-request .aci-request-intro { gap: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .aci-content-request .aci-request-submit, .aci-content-request .aci-request-form textarea { transition: none; }
}
