/* Feature 03.2: scoped to five imported guides and the guides listing.
 * In particular, do not restyle Zakat blog articles or theme navigation. */
body.single-post.iuc-guide-article .nm-page-main {
  padding-block: clamp(18px, 3.5vw, 40px) clamp(50px, 7vw, 86px);
}
body.single-post.iuc-guide-article .nm-content-shell {
  max-width: 1000px;
  margin-inline: auto;
  padding: clamp(22px, 4.2vw, 52px);
  border-radius: clamp(16px, 2vw, 24px);
}
body.single-post.iuc-guide-article .entry-header {
  max-width: 780px;
  margin: 0 auto clamp(20px, 3vw, 34px);
}
body.single-post.iuc-guide-article h1.entry-title {
  max-width: 100%;
  font-size: clamp(1.85rem, 3.8vw, 2.9rem);
  line-height: 1.16;
  letter-spacing: -.028em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
body.single-post.iuc-guide-article .entry-meta {
  margin-top: 12px;
  color: #586d64;
  font-size: .85rem;
  line-height: 1.55;
}
body.single-post.iuc-guide-article .nm-content-shell > figure {
  max-width: 800px;
  margin: 0 auto clamp(25px, 4vw, 36px);
}
body.single-post.iuc-guide-article .nm-content-shell > figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 15px;
}
body.single-post.iuc-guide-article .entry-content {
  max-width: 780px;
  margin-inline: auto;
  color: #233b34;
  font-size: 1.015rem;
  line-height: 1.78;
  overflow-wrap: anywhere;
}
body.single-post.iuc-guide-article .entry-content > * { max-width: 100%; }
body.single-post.iuc-guide-article .entry-content > p { margin-block: 0 1.2em; }
body.single-post.iuc-guide-article .entry-content > p:first-child {
  color: #18392e;
  font-size: 1.075em;
  line-height: 1.72;
}
body.single-post.iuc-guide-article .entry-content h2 {
  margin: 1.85em 0 .65em;
  font-size: clamp(1.5rem, 2.5vw, 1.92rem);
  line-height: 1.3;
  letter-spacing: -.017em;
}
body.single-post.iuc-guide-article .entry-content h3 {
  margin: 1.55em 0 .6em;
  font-size: clamp(1.2rem, 2.1vw, 1.44rem);
  line-height: 1.38;
}
body.single-post.iuc-guide-article .entry-content ul,
body.single-post.iuc-guide-article .entry-content ol { padding-inline-start: 1.5em; }
body.single-post.iuc-guide-article .entry-content li { padding-inline-start: .18em; margin-block: .28em; }
body.single-post.iuc-guide-article .entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #d9e4dc;
  border-radius: 12px;
  font-size: .91rem;
}
body.single-post.iuc-guide-article .entry-content th,
body.single-post.iuc-guide-article .entry-content td {
  min-width: 105px;
  padding: 12px 14px;
  vertical-align: top;
}
body.single-post.iuc-guide-article .entry-content th { background: #f6f3e9; }
body.single-post.iuc-guide-article .entry-content a { text-decoration-thickness: 1px; }
body.single-post.iuc-guide-article :is(a, button):focus-visible,
.iuc-guide-directory a:focus-visible { outline: 3px solid #c59b46; outline-offset: 4px; border-radius: 3px; }
body.single-post.iuc-guide-article .nm-related { max-width: 780px; margin-inline: auto; }
/* An approved hub Page may contain [iuc_guides_listing] inside .entry-content. */
.iuc-guide-directory {
  --iuc-ink: #0b3d33;
  --iuc-line: #dfe7e1;
  --iuc-muted: #526d62;
  max-width: 1120px !important;
  margin-inline: auto;
  color: #18382e;
  font-size: 1rem;
  line-height: 1.65;
}
.iuc-guide-directory__lead { max-width: 740px; margin: 0 0 34px; font-size: 1.04rem; }
.iuc-guide-directory__group { margin-block: 30px 44px; }
.iuc-guide-directory__group > h2 {
  margin: 0 0 18px;
  color: var(--iuc-ink);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
}
.iuc-guide-directory__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.iuc-guide-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--iuc-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 27px rgb(11 61 51 / 5%);
  transition: box-shadow .2s ease;
}
.iuc-guide-card:hover { box-shadow: 0 13px 36px rgb(11 61 51 / 12%); }
.iuc-guide-card__media {
  display: block;
  height: 170px;
  overflow: hidden;
  background: linear-gradient(135deg, #0b3d33 2%, #1a6e59 62%, #d2b370 220%);
}
.iuc-guide-card__image { width: 100%; height: 100%; object-fit: cover; }
.iuc-guide-card__illustration { display: block; width: 100%; height: 100%; background: radial-gradient(circle at 73% 38%, #dab96e 0 15%, transparent 15.5%), linear-gradient(163deg, transparent 44%, #245e4e 44% 60%, transparent 60%); }
.iuc-guide-card__content { padding: 22px 23px 25px; }
.iuc-guide-card__eyebrow { margin: 0; color: #806121; text-transform: uppercase; letter-spacing: .08em; font-size: .68rem; font-weight: 780; }
.iuc-guide-card__content h3 { margin: 9px 0 10px; font-family: Georgia, serif; font-size: clamp(1.16rem, 1.8vw, 1.42rem); line-height: 1.3; }
.iuc-guide-card__content h3 a { color: var(--iuc-ink); text-decoration: none; }
.iuc-guide-card__content h3 a:hover { text-decoration: underline; }
.iuc-guide-card__summary { margin: 0; color: var(--iuc-muted); font-size: .92rem; line-height: 1.6; }
.iuc-guide-card__draft { display: inline-block; margin-top: 15px; padding: 3px 8px; background: #f5e9ca; color: #6d511a; border-radius: 7px; font-size: .74rem; font-weight: 650; }
.iuc-guide-directory__tools { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.iuc-guide-directory__tools a { display: inline-flex; align-items: center; border: 1px solid #bdd7ca; border-radius: 10px; padding: 10px 15px; color: var(--iuc-ink); text-decoration: none; font-weight: 650; }
.iuc-guide-directory__tools a:hover { background: #ecf4ef; }
.iuc-guide-directory__empty { background: #f9f7ee; padding: 18px; border-radius: 12px; color: var(--iuc-muted); }
@media(max-width: 720px) {
  body.single-post.iuc-guide-article .nm-page-main { padding: 17px 0 42px; }
  body.single-post.iuc-guide-article .nm-container { width: min(100% - 24px, 1180px); }
  body.single-post.iuc-guide-article .nm-content-shell { padding: 21px 18px 28px; }
  body.single-post.iuc-guide-article h1.entry-title { font-size: clamp(1.8rem, 7vw, 2.12rem); line-height: 1.18; letter-spacing: -.02em; }
  body.single-post.iuc-guide-article .entry-content { font-size: 1rem; line-height: 1.72; }
  body.single-post.iuc-guide-article .entry-content > p:first-child { font-size: 1rem; }
  body.single-post.iuc-guide-article .entry-content h2 { font-size: 1.48rem; }
  .iuc-guide-directory__grid { grid-template-columns: 1fr; gap: 16px; }
  .iuc-guide-card__media { height: 155px; }
}
@media(prefers-reduced-motion:reduce){ .iuc-guide-card { transition: none; } }

/* Optional published-only front-page guide preview. */
.iuc-guide-featured { margin-block: 38px 48px; }
.iuc-guide-featured__heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 21px; }
.iuc-guide-featured__heading > h2 { margin: 0; color: #0b3d33; font-family: Georgia, serif; font-size: clamp(1.45rem, 2.6vw, 2rem); }
.iuc-guide-featured__heading > a { color: #1a765e; font-size: .95rem; font-weight: 650; }