/*
 * AI for All Academy 11.0.0 — secure learning platform and editorial design system
 * Generated from assets/css/src. Do not hand-edit this bundle.
 * WordPress-native, responsive, accessible and intentionally scoped.
 */
@layer ayandesaz.reset, ayandesaz.base, ayandesaz.components, ayandesaz.pages, ayandesaz.utilities, ayandesaz.redesign, ayandesaz.aiforall, ayandesaz.polish, ayandesaz.platform, ayandesaz.integrations;

@layer ayandesaz.reset {
  .ayandesaz-site *,
  .ayandesaz-site *::before,
  .ayandesaz-site *::after { box-sizing: border-box; }
  .ayandesaz-site { margin: 0; }
  .ayandesaz-site :where(img,svg,video,iframe) { display: block; max-width: 100%; }
  .ayandesaz-site :where(button,input,textarea,select) { font: inherit; }
  .ayandesaz-site :where(a) { color: inherit; text-decoration: none; }
  .ayandesaz-site :where(figure,blockquote) { margin: 0; }
}

@layer ayandesaz.base {
  :root {
    --ay-primary: #123249;
    --ay-accent: #f4764b;
    --ay-accent-strong: var(--ay-accent);
    --ay-canvas: #f4f2e9;
    --ay-surface: #fffdf8;
    --ay-surface-strong: #ffffff;
    --ay-sage: #dce7df;
    --ay-sage-soft: #edf3ee;
    --ay-lilac: #d8cfeb;
    --ay-sun: #f1cc70;
    --ay-teal: #1e7a73;
    --ay-copy: #526b79;
    --ay-muted: #7a8d98;
    --ay-line: rgba(18, 50, 73, .12);
    --ay-line-strong: rgba(18, 50, 73, .18);
    --ay-dark: #173648;
    --ay-dark-2: #34384f;
    --ay-shadow-sm: 0 10px 30px rgba(18, 50, 73, .07);
    --ay-shadow-md: 0 22px 65px rgba(18, 50, 73, .11);
    --ay-radius-sm: 12px;
    --ay-radius-md: 18px;
    --ay-radius-lg: 28px;
    --ay-radius-xl: 38px;
    --ay-section: clamp(64px, 7.5vw, 96px);
    --ay-gutter: clamp(18px, 3vw, 34px);
    --ay-header-height: 76px;
    --ay-admin-offset: 0px;
  }

  html { scroll-behavior: smooth; overflow-x: hidden; }
  .ayandesaz-site {
    min-height: 100%;
    overflow-x: clip;
    color: var(--ay-primary);
    background:
      radial-gradient(circle at 92% 6%, rgba(190, 216, 202, .24), transparent 31rem),
      radial-gradient(circle at 4% 35%, rgba(244, 118, 75, .07), transparent 33rem),
      linear-gradient(180deg, #f8f5ed 0%, var(--ay-canvas) 38%, #f3f5ee 72%, #f7f3ea 100%);
    font-family: var(--font-fa);
    line-height: 1.9;
    text-rendering: optimizeLegibility;
  }
  body.admin-bar.ayandesaz-site { --ay-admin-offset: 32px; }
  body.admin-bar.ayandesaz-site .header { top: var(--ay-admin-offset); }
  .ayandesaz-site main { min-height: 55vh; overflow: visible; }
  .ayandesaz-site .wrap { width: min(1180px, calc(100% - (2 * var(--ay-gutter)))); margin-inline: auto; }
  .ayandesaz-site .alignwide { width: min(1180px, calc(100% - (2 * var(--ay-gutter)))); max-width: 1180px; margin-inline: auto; }
  .ayandesaz-site .alignfull { width: 100%; max-width: none; }

  .ayandesaz-site :where(h1,h2,h3,h4,h5,h6) {
    margin-top: 0;
    color: var(--ay-primary);
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0;
    text-wrap: balance;
  }
  .ayandesaz-site h1 { font-weight: 800; }
  .ayandesaz-site :where(p,li) { text-wrap: pretty; }
  .ayandesaz-site em { color: inherit; font-style: normal; }
  .ayandesaz-site .prose { color: #28485c; }
  .ayandesaz-site .prose a { color: var(--ay-teal); text-decoration: underline; text-underline-offset: .2em; }
  .ayandesaz-site .screen-reader-text {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
  }
  .ayandesaz-site .screen-reader-text:focus,
  .ayandesaz-site .skip-link:focus {
    position: fixed !important; inset: 12px auto auto 12px; z-index: 99999; width: auto; height: auto;
    padding: 11px 16px; clip: auto; border-radius: 10px; background: #fff; color: var(--ay-primary);
    box-shadow: var(--ay-shadow-sm);
  }
  .ayandesaz-site :where(a,button,input,textarea,select,summary):focus-visible {
    outline: 3px solid var(--ay-teal);
    outline-offset: 3px;
  }
}

@layer ayandesaz.components {
  /* Header */
  .ayandesaz-site .header {
    position: sticky; top: 0; z-index: 1000;
    min-height: var(--ay-header-height);
    display: flex; align-items: center; gap: 30px;
    padding-inline: max(var(--ay-gutter), calc((100vw - 1180px) / 2));
    background: rgba(255, 253, 248, .93);
    border-bottom: 1px solid rgba(18, 50, 73, .08);
    box-shadow: 0 8px 28px rgba(18, 50, 73, .035);
    backdrop-filter: blur(16px) saturate(1.15);
  }
  .ayandesaz-site .brand { display: flex; align-items: center; gap: 10px; min-width: max-content; font-size: 16px; font-weight: 800; line-height: 1.25; }
  .ayandesaz-site .brand small { display: block; margin-top: 3px; color: var(--ay-copy); font-size: 12px; font-weight: 500; line-height: 1.55; }
  .ayandesaz-site .brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--ay-primary); color: #fff; font-size: 18px; transform: rotate(-2deg); }
  .ayandesaz-site .brand-logo, .ayandesaz-site .brand-logo .custom-logo-link { display: block; }
  .ayandesaz-site .brand-logo img { width: 42px; height: 42px; object-fit: contain; }
  .ayandesaz-site .nav { margin-inline: auto; }
  .ayandesaz-site .nav-list, .ayandesaz-site .menu-fallback { display: flex; align-items: center; gap: 25px; list-style: none; margin: 0; padding: 0; }
  .ayandesaz-site .nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; color: #536875; font-size: 13px; font-weight: 700; }
  .ayandesaz-site .nav a:hover,
  .ayandesaz-site .nav .current-menu-item > a,
  .ayandesaz-site .nav .current-menu-ancestor > a { color: var(--ay-primary); }
  .ayandesaz-site .nav .current-menu-item > a::after,
  .ayandesaz-site .nav .current-menu-ancestor > a::after {
    content: ""; position: absolute; right: 50%; bottom: -11px; width: 18px; height: 2px;
    transform: translateX(50%); border-radius: 999px; background: var(--ay-accent);
  }
  .ayandesaz-site .menu-item-has-children { position: relative; }
  .ayandesaz-site .sub-menu {
    position: absolute; top: calc(100% + 16px); right: -12px; z-index: 20; min-width: 200px;
    visibility: hidden; opacity: 0; transform: translateY(6px); list-style: none; margin: 0; padding: 9px;
    border: 1px solid var(--ay-line); border-radius: 14px; background: var(--ay-surface); box-shadow: var(--ay-shadow-sm); transition: .2s;
  }
  .ayandesaz-site .menu-item-has-children:hover > .sub-menu,
  .ayandesaz-site .menu-item-has-children:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: none; }
  .ayandesaz-site .sub-menu a { display: block; padding: 8px 10px; }
  .ayandesaz-site .header-actions { display: flex; align-items: center; gap: 14px; }
  .ayandesaz-site .ghost-link { font-size: 12px; font-weight: 700; }
  .ayandesaz-site .menu { display: none; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 10px; background: transparent; color: var(--ay-primary); font-size: 24px; cursor: pointer; }

  /* Buttons */
  .ayandesaz-site .pill,
  .ayandesaz-site .wp-element-button,
  .ayandesaz-site .wp-block-button__link {
    display: inline-flex; align-items: center; justify-content: center; gap: 14px;
    min-height: 46px; padding: 12px 20px; border: 0; border-radius: 14px;
    background: var(--ay-accent); color: var(--ay-primary); font-size: 13px; font-weight: 800; line-height: 1.2;
    box-shadow: 0 10px 26px rgba(244, 118, 75, .16); transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  }
  .ayandesaz-site .pill:hover,
  .ayandesaz-site .wp-element-button:hover,
  .ayandesaz-site .wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 14px 32px rgba(244, 118, 75, .22); }
  .ayandesaz-site .pill.small { min-height: 44px; padding: 10px 17px; font-size: 12.5px; }
  .ayandesaz-site .pill.full { width: 100%; }
  .ayandesaz-site .pill.cream { background: #fff9ef; color: var(--ay-primary); box-shadow: none; }
  .ayandesaz-site .outline-pill { display: inline-flex; align-items: center; padding: 5px 0; border-bottom: 1px solid currentColor; color: var(--ay-primary); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .text-link { display: inline-flex; gap: 12px; align-items: center; padding-bottom: 3px; border-bottom: 1px solid currentColor; font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site :where(.pill,.text-link,.outline-pill,.newsletter-link) span { transition: transform .2s ease; }
  .ayandesaz-site :where(.pill,.text-link,.outline-pill,.newsletter-link):hover span { transform: translateX(-3px); }
  .ayandesaz-site :where(.outline-pill,.text-link,.card-read-more,.ghost-link,.share-button,.play,.newsletter-link) { transition: color .2s ease, border-color .2s ease, transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
  .ayandesaz-site :where(.outline-pill,.text-link,.card-read-more,.ghost-link,.newsletter-link):hover { color: var(--ay-teal); }
  .ayandesaz-site .card-read-more { display: inline-flex; align-items: center; min-height: 36px; font-size: 13px; font-weight: 800; }

  /* Shared typography */
  .ayandesaz-site .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 11px; color: var(--ay-teal); font-size: 12.5px; font-weight: 800; line-height: 1.55; }
  .ayandesaz-site .eyebrow i { width: 20px; height: 2px; border-radius: 999px; background: var(--ay-accent); }
  .ayandesaz-site .eyebrow.pale { color: #bfe2d9; }
  .ayandesaz-site .section-intro,
  .ayandesaz-site .section-head { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 30px; }
  .ayandesaz-site .section-intro h2,
  .ayandesaz-site .section-head h2,
  .ayandesaz-site .manifest-copy h2,
  .ayandesaz-site .curriculum h2,
  .ayandesaz-site .fit h2,
  .ayandesaz-site .faq h2,
  .ayandesaz-site .origin h2 { margin: 0; max-width: 18ch; font-size: clamp(26px, 2.45vw, 34px); line-height: 1.38; }
  .ayandesaz-site .section-intro > p { max-width: 54ch; margin: 0; color: var(--ay-copy); font-size: 14.5px; line-height: 1.88; }

  /* Horizontal content rails */
  .ayandesaz-site .ay-scroll-shell { position: relative; }
  .ayandesaz-site .ay-scroll-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(320px, 1fr); gap: 18px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
  .ayandesaz-site .ay-scroll-rail::-webkit-scrollbar { display: none; }
  .ayandesaz-site .ay-scroll-rail > * { scroll-snap-align: start; }
  .ayandesaz-site .home-course-grid.ay-scroll-rail,
  .ayandesaz-site .article-grid.ay-scroll-rail { grid-template-columns: none; }
  .ayandesaz-site .ay-scroll-button {
    position: absolute; top: 50%; z-index: 8; width: 44px; height: 44px; display: grid; place-items: center;
    border: 1px solid var(--ay-line); border-radius: 50%; background: rgba(255, 253, 248, .95); color: var(--ay-primary); box-shadow: var(--ay-shadow-sm);
    opacity: 0; pointer-events: none; cursor: pointer; transform: translateY(-50%); transition: .2s;
  }
  .ayandesaz-site .ay-scroll-shell.is-scrollable .ay-scroll-button { opacity: 1; pointer-events: auto; }
  .ayandesaz-site .ay-scroll-shell.is-scrollable .ay-scroll-button:disabled { opacity: .34; pointer-events: none; }
  .ayandesaz-site .ay-scroll-prev { right: -18px; }
  .ayandesaz-site .ay-scroll-next { left: -18px; }

  /* Course + editorial cards */
  .ayandesaz-site .catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; }
  .ayandesaz-site .catalog-card { min-width: 0; overflow: hidden; border: 1px solid rgba(18,50,73,.10); border-radius: 18px; background: rgba(255,253,248,.72); transition: transform .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease; }
  .ayandesaz-site .catalog-card:hover { transform: translateY(-3px); border-color: rgba(18,50,73,.18); background: var(--ay-surface); box-shadow: 0 18px 44px rgba(18,50,73,.08); }
  .ayandesaz-site .catalog-cover { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; background: #e7eeeb; }
  .ayandesaz-site .catalog-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
  .ayandesaz-site .catalog-card:hover .catalog-cover img { transform: scale(1.025); }
  .ayandesaz-site .course-status { position: absolute; top: 12px; right: 12px; z-index: 2; padding: 6px 9px; border-radius: 8px; background: rgba(255,253,248,.94); color: var(--ay-primary); font-size: 12px; font-weight: 800; box-shadow: 0 4px 14px rgba(18,50,73,.07); }
  .ayandesaz-site .catalog-cover.no-image { display: grid; place-items: center; }
  .ayandesaz-site .catalog-cover.coral.no-image { background: linear-gradient(145deg, #f7d2c4, #f4e7df); }
  .ayandesaz-site .catalog-cover.violet.no-image { background: linear-gradient(145deg, #dcd4ef, #eee9f5); }
  .ayandesaz-site .catalog-cover.teal.no-image { background: linear-gradient(145deg, #cfe4dc, #e9f1ed); }
  .ayandesaz-site .catalog-cover.yellow.no-image { background: linear-gradient(145deg, #f4e4ae, #f8f0d5); }
  .ayandesaz-site .catalog-cover.blue.no-image { background: linear-gradient(145deg, #cedfea, #e8f0f4); }
  .ayandesaz-site .catalog-cover.pink.no-image { background: linear-gradient(145deg, #efd5df, #f6e9ee); }
  .ayandesaz-site .catalog-placeholder { display: grid; place-items: center; gap: 3px; color: var(--ay-primary); opacity: .84; }
  .ayandesaz-site .catalog-placeholder b { font-size: 44px; line-height: 1; }
  .ayandesaz-site .catalog-placeholder i { font-style: normal; font-size: 12px; font-weight: 700; letter-spacing: .03em; }
  .ayandesaz-site .catalog-content { padding: 18px 18px 16px; }
  .ayandesaz-site .course-card-kicker { display: flex; flex-wrap: wrap; gap: 6px 10px; color: var(--ay-teal); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .course-card-kicker span + span::before { content: "·"; margin-left: 10px; color: var(--ay-muted); }
  .ayandesaz-site .catalog-content h2 { margin: 7px 0 7px; font-size: 18px; line-height: 1.62; }
  .ayandesaz-site .catalog-content h2 a { color: var(--ay-primary); }
  .ayandesaz-site .catalog-content > p:not(.course-card-instructor) { min-height: 3.7em; margin: 0; color: var(--ay-copy); font-size: 13.5px; line-height: 1.85; }
  .ayandesaz-site .course-card-instructor { display: flex; align-items: center; gap: 7px; margin: 11px 0 0; color: #385769; font-size: 12.5px; font-weight: 700; }
  .ayandesaz-site .course-card-instructor span { width: 6px; height: 6px; flex: 0 0 auto; overflow: hidden; border-radius: 50%; background: var(--ay-accent); color: transparent; line-height: 0; }
  .ayandesaz-site .catalog-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 11px; color: var(--ay-copy); }
  .ayandesaz-site .catalog-meta span { position: relative; font-size: 12.5px; }
  .ayandesaz-site .catalog-meta span + span::before { content: "·"; margin-left: 12px; color: var(--ay-muted); }
  .ayandesaz-site .course-card-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .course-card-price { min-width: 0; display: grid; gap: 2px; }
  .ayandesaz-site .course-card-price small { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .course-card-price b { color: var(--ay-primary); font-size: 13px; line-height: 1.55; }
  .ayandesaz-site .course-card-price > span { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .catalog-cta { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0; color: var(--ay-primary); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .catalog-cta i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(244,118,75,.14); font-style: normal; transition: transform .2s ease, background-color .2s ease; }
  .ayandesaz-site .catalog-cta:hover i { transform: translateX(-3px); background: rgba(244,118,75,.22); }

  .ayandesaz-site .article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 22px; }
  .ayandesaz-site .article-card {
    min-width: 0; min-height: 100%; display: flex; flex-direction: column; overflow: hidden;
    border: 1px solid var(--ay-line); border-radius: 18px; background: var(--ay-surface);
    box-shadow: var(--ay-shadow-sm); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  }
  .ayandesaz-site .article-card:hover { transform: translateY(-3px); border-color: var(--ay-line-strong); box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .article-art { display: block; aspect-ratio: 16/10; overflow: hidden; border-radius: 0; background: var(--ay-sage); }
  .ayandesaz-site .article-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .42s cubic-bezier(.2,.7,.2,1); }
  .ayandesaz-site .article-card:hover .article-art img { transform: scale(1.028); }
  .ayandesaz-site .article-art.peach { background: #f2d2c4; }
  .ayandesaz-site .article-art.mint { background: #d5e7df; }
  .ayandesaz-site .article-art.lavender { background: #ddd4ee; }
  .ayandesaz-site .article-art.blue { background: #d7e4ed; }
  .ayandesaz-site .article-art.yellow { background: #f3e5b6; }
  .ayandesaz-site .article-art.coral { background: #f3c6b6; }
  .ayandesaz-site .article-art__fallback { width: 100%; height: 100%; display: grid; place-content: center; place-items: center; color: var(--ay-primary); }
  .ayandesaz-site .article-art__fallback b { font-size: 42px; line-height: 1; }
  .ayandesaz-site .article-art__fallback i { margin-top: 5px; font-size: 12.5px; font-style: normal; font-weight: 700; }
  .ayandesaz-site .article-card__body { min-width: 0; flex: 1; display: flex; flex-direction: column; padding: 17px 18px 15px; }
  .ayandesaz-site .article-card__meta { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--ay-copy); font-size: 12.5px; line-height: 1.5; }
  .ayandesaz-site .article-card__meta > * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ayandesaz-site .article-card__meta a { color: var(--ay-teal); font-weight: 800; }
  .ayandesaz-site .article-card h3 { max-width: 100%; margin: 8px 0 7px; font-size: 18px; font-weight: 800; line-height: 1.42; }
  .ayandesaz-site .article-card h3 a { color: var(--ay-primary); }
  .ayandesaz-site .article-card p { margin: 0; color: var(--ay-copy); font-size: 13.5px; line-height: 1.82; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .ayandesaz-site .article-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; color: var(--ay-copy); font-size: 12.5px; }
  .ayandesaz-site .article-card__footer time { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ayandesaz-site .card-read-more { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; margin-top: 0; color: var(--ay-primary); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .card-read-more span { transition: transform .2s ease; }
  .ayandesaz-site .article-card:hover .card-read-more span { transform: translateX(-3px); }

  /* Search/pagination */
  .ayandesaz-site .search-form { display: flex; align-items: center; width: min(100%, 390px); padding: 4px 6px; border: 1px solid var(--ay-line); border-radius: 999px; background: rgba(255,253,248,.92); }
  .ayandesaz-site .search-form label { flex: 1; }
  .ayandesaz-site .search-field { width: 100%; padding: 8px 11px; border: 0; background: transparent; color: var(--ay-primary); }
  .ayandesaz-site .search-submit { width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--ay-primary); color: #fff; cursor: pointer; }
  .ayandesaz-site .nav-links { display: flex; justify-content: center; gap: 7px; margin-top: 40px; }
  .ayandesaz-site .nav-links .page-numbers { min-width: 44px; height: 44px; display: grid; place-items: center; padding-inline: 9px; border: 1px solid var(--ay-line); border-radius: 10px; background: var(--ay-surface); font-size: 12px; }
  .ayandesaz-site .nav-links .current { background: var(--ay-primary); color: #fff; }

  /* Footer */
  .ayandesaz-site .footer { margin-top: 28px; background: linear-gradient(125deg, #102d40, #283b47 58%, #3a2e45); color: #e8f0f2; border-radius: 38px 38px 0 0; }
  .ayandesaz-site .footer-top { width: min(1180px, calc(100% - (2 * var(--ay-gutter)))); margin-inline: auto; display: grid; grid-template-columns: 1.25fr .8fr .8fr 1fr; gap: 46px; padding: 64px 0 48px; }
  .ayandesaz-site .footer .brand { color: #fff; }
  .ayandesaz-site .footer .brand small { color: #9db0b8; }
  .ayandesaz-site .footer .brand-mark { background: var(--ay-accent); color: var(--ay-on-accent, var(--ay-primary)); }
  .ayandesaz-site .footer-top > div > b { display: block; margin-bottom: 14px; color: #fff; font-size: 13px; }
  .ayandesaz-site .footer p { max-width: 34ch; color: #b8c6cc; font-size: 13px; line-height: 2; }
  .ayandesaz-site .footer a:not(.brand):not(.newsletter-link) { display: block; margin: 8px 0; color: #b8c6cc; font-size: 13px; }
  .ayandesaz-site .footer a:hover { color: #fff; }
  .ayandesaz-site .footer-menu, .ayandesaz-site .footer .menu-fallback { list-style: none; margin: 0; padding: 0; }
  .ayandesaz-site .newsletter-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 195px; min-height: 44px; margin-top: 6px; padding: 10px 12px; border-radius: 12px; background: #fffaf1; color: var(--ay-primary); font-size: 13px; font-weight: 800; }
  .ayandesaz-site .newsletter-link span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: var(--ay-accent); color: var(--ay-on-accent, var(--ay-primary)); }
  .ayandesaz-site .footer-bottom { display: flex; justify-content: space-between; gap: 18px; width: min(1180px, calc(100% - (2 * var(--ay-gutter)))); margin-inline: auto; padding: 17px 0 22px; border-top: 1px solid rgba(255,255,255,.11); color: #8ea4ad; font-size: 12px; }
}

@layer ayandesaz.pages {
  /* Home hero */
  .ayandesaz-site .hero {
    position: relative; isolation: isolate; overflow: hidden;
    display: grid; grid-template-columns: minmax(0, .94fr) minmax(400px, 1.06fr); align-items: center; gap: clamp(34px, 4.2vw, 58px);
    width: min(1180px, calc(100% - (2 * var(--ay-gutter)))); min-height: 530px; margin: 22px auto 0; padding: clamp(38px, 4.3vw, 52px);
    border: 1px solid rgba(255,255,255,.72); border-radius: var(--ay-radius-xl);
    background:
      radial-gradient(circle at 91% 12%, rgba(197, 220, 208, .54), transparent 25rem),
      radial-gradient(circle at 10% 90%, rgba(244, 118, 75, .10), transparent 23rem),
      linear-gradient(125deg, rgba(255,252,244,.95), rgba(238,244,236,.96));
    box-shadow: 0 20px 58px rgba(18, 50, 73, .055);
  }
  .ayandesaz-site .hero::before { content: none; }
  .ayandesaz-site .hero-copy { position: relative; z-index: 2; }
  .ayandesaz-site .hero h1 { max-width: 100%; margin: 0 0 15px; font-size: clamp(32px, 3.15vw, 43px); line-height: 1.34; }
  .ayandesaz-site .hero h1 span, .ayandesaz-site .hero h1 em { display: inline; }
  .ayandesaz-site :where(.hero h1,.page-hero h1,.courses-hero h1,.detail-copy h1,.about-hero h1,.contact-hero-v6 h1,.blog-archive-heading h1,.blog-header h1) { overflow-wrap: anywhere; }
  .ayandesaz-site .hero h1 em { position: relative; color: var(--ay-primary); }
  .ayandesaz-site .hero h1 em::after { content: ""; position: absolute; right: 2%; left: 2%; bottom: .06em; height: .10em; border-radius: 999px; background: rgba(244,118,75,.16); z-index: -1; }
  .ayandesaz-site .hero-copy > p { max-width: 56ch; margin: 0; color: var(--ay-copy); font-size: 15px; line-height: 1.88; }
  .ayandesaz-site .hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 25px; }
  .ayandesaz-site .play { display: inline-flex; align-items: center; gap: 10px; color: var(--ay-primary); }
  .ayandesaz-site .play > b { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--ay-line); border-radius: 50%; background: rgba(255,255,255,.66); color: var(--ay-primary); font-size: 12px; }
  .ayandesaz-site .play span { font-size: 12px; font-weight: 800; }
  .ayandesaz-site .play small { display: block; margin-top: 1px; color: var(--ay-copy); font-size: 12px; font-weight: 400; }
  .ayandesaz-site .trust-row { display: flex; align-items: center; gap: 11px; max-width: 420px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .trust-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--ay-primary); color: #fff; font-size: 12px; font-weight: 800; }
  .ayandesaz-site .trust-row b { display: block; font-size: 12px; }
  .ayandesaz-site .trust-row small { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .hero-visual { position: relative; align-self: center; aspect-ratio: 16 / 10; min-height: 0; overflow: hidden; border-radius: 28px; background: #e8eee8; box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
  .ayandesaz-site .hero-visual figcaption { position: absolute; right: 14px; left: 14px; bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.78); border-radius: 12px; background: rgba(255,253,248,.88); backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(18,50,73,.06); }
  .ayandesaz-site .hero-visual figcaption b { font-size: 12px; }
  .ayandesaz-site .hero-visual figcaption span { color: var(--ay-copy); font-size: 12px; }

  .ayandesaz-site .skill-line { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 0; overflow-x: auto; margin-top: 0; color: var(--ay-copy); scrollbar-width: none; }
  .ayandesaz-site .skill-line::-webkit-scrollbar { display: none; }
  .ayandesaz-site .skill-line span { position: relative; padding-inline: 18px; white-space: nowrap; font-size: 12.5px; font-weight: 700; }
  .ayandesaz-site .skill-line span + span::before { content: "•"; position: absolute; right: -2px; color: var(--ay-accent); }

  .ayandesaz-site .path-section { padding-block: var(--ay-section); }

  .ayandesaz-site :where(.section-intro h2,.section-head h2,.origin h2) em { color: var(--ay-primary); text-decoration: underline; text-decoration-color: rgba(244,118,75,.38); text-decoration-thickness: .10em; text-underline-offset: .16em; }
  .ayandesaz-site :where(.manifest-copy h2,.values h2,.cta h2) em { color: var(--ay-accent); text-decoration: none; }

  /* Manifesto / brand seal */
  .ayandesaz-site .manifesto { margin-inline: 16px; padding: 92px 0; overflow: hidden; border-radius: 42px; background: linear-gradient(125deg, #153548, #2b3c48 58%, #3d3049); color: #fff; }
  .ayandesaz-site .manifest-grid { display: grid; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr); gap: 74px; align-items: center; }
  .ayandesaz-site .manifest-art { position: relative; min-height: 470px; border: 1px solid rgba(255,255,255,.12); border-radius: 30px; background: radial-gradient(circle at 50% 48%, rgba(82, 159, 149, .18), transparent 58%); }
  .ayandesaz-site .brand-seal { position: absolute; left: calc(50% - 114px); top: 118px; width: 228px; height: 228px; display: grid; place-items: center; border-radius: 50%; background: var(--ay-accent); box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), 0 20px 45px rgba(0,0,0,.12); }
  .ayandesaz-site .seal-core { text-align: center; color: var(--ay-primary); }
  .ayandesaz-site .seal-core b { display: block; font-size: 56px; line-height: .95; }
  .ayandesaz-site .seal-core span { display: block; margin-top: 8px; font-size: 14px; font-weight: 800; }
  .ayandesaz-site .seal-core small { display: block; margin-top: 2px; font-size: 12px; letter-spacing: .18em; }
  .ayandesaz-site .seal-ring { position: absolute; inset: -58px; width: 344px; height: 344px; overflow: visible; }
  .ayandesaz-site .seal-ring text { fill: rgba(255,255,255,.72); font-size: 12px; font-family: var(--font-fa); letter-spacing: .08em; }
  .ayandesaz-site .stamp-note { position: absolute; width: 168px; min-height: 88px; display: grid; place-items: center; padding: 14px; border: 1px dashed rgba(255,255,255,.42); border-radius: 50%; color: #fff; background: rgba(255,255,255,.035); text-align: center; font-size: 12px; font-weight: 700; line-height: 1.8; }
  .ayandesaz-site .stamp-note::after { content: "AI for All"; position: absolute; top: -8px; padding: 1px 6px; border-radius: 4px; background: #203b4a; color: rgba(255,255,255,.62); font-size: 12px; letter-spacing: .04em; }
  .ayandesaz-site .note.n1 { right: 28px; top: 48px; transform: rotate(4deg); }
  .ayandesaz-site .note.n2 { left: 25px; bottom: 40px; transform: rotate(-4deg); }
  .ayandesaz-site .manifest-copy h2 { color: #fff; }
  .ayandesaz-site .manifest-copy > p { max-width: 54ch; margin: 14px 0 0; color: #b5c5cc; font-size: 13px; line-height: 2; }
  .ayandesaz-site .manifest-copy ul { list-style: none; margin: 25px 0 22px; padding: 0; }
  .ayandesaz-site .manifest-copy li { display: flex; gap: 17px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.12); }
  .ayandesaz-site .manifest-copy li > b { color: #ff9a77; font-size: 12px; }
  .ayandesaz-site .manifest-copy li span { color: #b9c7cc; font-size: 13px; }
  .ayandesaz-site .manifest-copy strong { display: block; margin-bottom: 3px; color: #fff; font-size: 13px; }
  .ayandesaz-site .manifest-copy .text-link { color: #fff; }

  /* Home articles */
  .ayandesaz-site .home-articles { margin-inline: 16px; padding-inline: 0; border-radius: 38px; background: rgba(226, 234, 224, .55); }
  .ayandesaz-site .home-articles > .wrap { padding-block: var(--ay-section); }

  /* Shared CTA */
  .ayandesaz-site .cta { position: relative; overflow: hidden; min-height: 380px; display: flex; align-items: center; justify-content: space-between; gap: 60px; margin-block: 72px; padding: 54px 60px; border-radius: 32px; background: linear-gradient(125deg, #1c7d79, #244d62 60%, #34384f); color: #fff; }
  .ayandesaz-site .cta::before { content: ""; position: absolute; width: 240px; height: 240px; left: -80px; bottom: -100px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
  .ayandesaz-site .cta h2 { max-width: 17ch; margin: 0 0 12px; color: #fff; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.45; }
  .ayandesaz-site .cta p { max-width: 46ch; color: #d2dfe2; font-size: 14px; line-height: 1.9; }
  .ayandesaz-site .cta-doodle { position: relative; width: 230px; aspect-ratio: 1; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
  .ayandesaz-site .cta-doodle b { width: 118px; height: 118px; display: grid; place-items: center; border-radius: 50%; background: var(--ay-accent); color: var(--ay-primary); font-size: 28px; }
  .ayandesaz-site .cta-doodle span,
  .ayandesaz-site .cta-doodle i { position: absolute; color: #fff; font-style: normal; }
  .ayandesaz-site .cta-doodle span { top: 22px; right: 34px; }
  .ayandesaz-site .cta-doodle i { bottom: 30px; left: 38px; }

  /* Generic page hero */
  .ayandesaz-site .page-hero { padding: 52px 0 44px; background: linear-gradient(120deg, rgba(245,241,230,.88), rgba(232,241,235,.88)); }
  .ayandesaz-site .page-hero h1 { max-width: 100%; margin: 6px 0 9px; font-size: clamp(30px, 3vw, 40px); line-height: 1.36; }
  .ayandesaz-site .page-hero p { max-width: 68ch; margin: 0; color: var(--ay-copy); font-size: 14.5px; line-height: 1.88; }
  .ayandesaz-site .page-featured { margin-top: 48px; }
  .ayandesaz-site .page-featured img { width: 100%; max-height: 560px; object-fit: cover; border-radius: 26px; box-shadow: var(--ay-shadow-sm); }
  .ayandesaz-site .page-content { margin-block: 48px 84px; }
  .ayandesaz-site .standard-page .prose { width: min(820px, calc(100% - 32px)); }

  /* Course archive — decision-first discovery, inspired by mature learning catalogs without copying them. */
  .ayandesaz-site .course-discovery-hero { padding: 54px 0 42px; background: linear-gradient(180deg, rgba(235,242,235,.72), rgba(248,245,237,.2)); }
  .ayandesaz-site .course-discovery-hero__inner { max-width: 780px; text-align: center; }
  .ayandesaz-site .course-discovery-hero .eyebrow { justify-content: center; }
  .ayandesaz-site .course-discovery-hero h1 { max-width: 100%; margin: 3px auto 9px; font-size: clamp(30px,3vw,40px); line-height: 1.36; }
  .ayandesaz-site .course-discovery-hero .courses-hero__lead { max-width: 66ch; margin-inline: auto; color: var(--ay-copy); font-size: 14.5px; line-height: 1.95; }
  .ayandesaz-site .course-discovery { padding-block: 30px 72px; }
  .ayandesaz-site .course-discovery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid var(--ay-line); }
  .ayandesaz-site .course-discovery-count { flex: 0 0 auto; display: flex; align-items: baseline; gap: 6px; color: var(--ay-copy); }
  .ayandesaz-site .course-discovery-count b { color: var(--ay-primary); font-size: 20px; }
  .ayandesaz-site .course-discovery-count span { font-size: 12.5px; }
  .ayandesaz-site .course-category-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; margin: 0; }
  .ayandesaz-site .course-category-nav a { min-height: 40px; display: inline-flex; align-items: center; padding: 2px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--ay-copy); font-size: 12.5px; font-weight: 700; }
  .ayandesaz-site .course-category-nav a:hover,.ayandesaz-site .course-category-nav a.selected { border-bottom-color: var(--ay-accent); background: transparent; color: var(--ay-primary); }
  .ayandesaz-site .course-catalog-grid { gap: 26px 22px; }
  .ayandesaz-site .course-guidance { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 72px; padding: 30px 0; border-block: 1px solid var(--ay-line); }
  .ayandesaz-site .course-guidance h2 { max-width: 27ch; margin: 0; font-size: 24px; line-height: 1.55; }
  .ayandesaz-site .course-guidance .eyebrow { margin-bottom: 5px; }

  /* Single course — visual hero + editorial course syllabus. */
  .ayandesaz-site .course-detail-hero { padding: 46px 0 42px; background: linear-gradient(180deg, rgba(248,245,237,.74), rgba(248,245,237,.18)); }
  .ayandesaz-site .detail-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,390px); gap: clamp(38px,5vw,68px); align-items: start; }
  .ayandesaz-site .breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; color: var(--ay-copy); font-size: 12.5px; }
  .ayandesaz-site .breadcrumbs a:hover { color: var(--ay-teal); }
  .ayandesaz-site .badges { display: flex; flex-wrap: wrap; gap: 7px 12px; }
  .ayandesaz-site .badges span { padding: 0 0 3px; border: 0; border-bottom: 1px solid rgba(30,122,115,.26); border-radius: 0; background: transparent; color: var(--ay-teal); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .detail-copy h1 { max-width: 100%; margin: 10px 0 10px; font-size: clamp(31px,3.1vw,41px); line-height: 1.35; }
  .ayandesaz-site .detail-copy > p { max-width: 61ch; margin: 0; color: var(--ay-copy); font-size: 15px; line-height: 1.95; }
  .ayandesaz-site .teacher { display: flex; align-items: center; gap: 11px; margin-top: 19px; }
  .ayandesaz-site .teacher > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--ay-primary); color: #fff; font-size: 13px; font-weight: 800; }
  .ayandesaz-site .teacher small,.ayandesaz-site .teacher em { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .teacher b { display: block; font-size: 13px; }
  .ayandesaz-site .feature-chips { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 18px; }
  .ayandesaz-site .feature-chips :where(span,a) { color: var(--ay-copy); font-size: 12.5px; text-decoration: none; }
  .ayandesaz-site .feature-chips :where(span,a)::before { content: "#"; margin-left: 2px; color: var(--ay-teal); }
  .ayandesaz-site .course-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 24px 0 0; border-block: 1px solid var(--ay-line); }
  .ayandesaz-site .course-facts > div { min-width: 0; padding: 11px 11px; }
  .ayandesaz-site .course-facts > div + div { border-right: 1px solid var(--ay-line); }
  .ayandesaz-site .course-facts dt { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .course-facts dd { margin: 2px 0 0; font-size: 13px; font-weight: 800; }
  .ayandesaz-site .enroll-card { position: sticky; top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height) + 18px); overflow: hidden; border: 1px solid rgba(18,50,73,.11); border-radius: 16px; background: rgba(255,253,248,.88); box-shadow: 0 14px 40px rgba(18,50,73,.06); }
  .ayandesaz-site .enroll-cover { position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--ay-sage); }
  .ayandesaz-site .enroll-cover img { width: 100%; height: 100%; object-fit: cover; }
  .ayandesaz-site .video-button { position: absolute; inset: 50% auto auto 50%; width: 48px; height: 48px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255,253,248,.94); color: var(--ay-primary); box-shadow: 0 8px 24px rgba(18,50,73,.14); transform: translate(-50%,-50%); }
  .ayandesaz-site .enroll-body { padding: 17px 18px 18px; }
  .ayandesaz-site .price { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
  .ayandesaz-site .price small { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .price b { display: block; margin-top: 2px; font-size: 17px; }
  .ayandesaz-site .price > span { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .enroll-body > p,.ayandesaz-site .enroll-body > small { display: block; margin: 9px 0 0; color: var(--ay-copy); font-size: 12px; line-height: 1.75; }
  .ayandesaz-site .capacity { height: 4px; margin-top: 9px; overflow: hidden; border-radius: 999px; background: #e4ebe7; }
  .ayandesaz-site .capacity i { display: block; height: 100%; border-radius: inherit; background: var(--ay-teal); }

  .ayandesaz-site .course-anchor-bar { position: sticky; top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height)); z-index: 20; border-block: 1px solid var(--ay-line); background: rgba(248,245,237,.92); backdrop-filter: blur(12px); }
  .ayandesaz-site .course-jump-nav { display: flex; gap: 24px; overflow-x: auto; padding: 0; white-space: nowrap; scrollbar-width: none; }
  .ayandesaz-site .course-jump-nav::-webkit-scrollbar { display: none; }
  .ayandesaz-site .course-jump-nav a { flex: 0 0 auto; min-height: 50px; display: inline-flex; align-items: center; padding: 1px 0 0; border-bottom: 2px solid transparent; color: var(--ay-copy); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .course-jump-nav a:hover,.ayandesaz-site .course-jump-nav a.is-active { color: var(--ay-primary); border-bottom-color: var(--ay-accent); }

  .ayandesaz-site .course-flow { width: min(1040px,calc(100% - (2 * var(--ay-gutter)))); margin: 0 auto 28px; }
  .ayandesaz-site .course-section { display: grid; grid-template-columns: minmax(190px,245px) minmax(0,1fr); gap: clamp(34px,5vw,70px); scroll-margin-top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height) + 74px); padding: 46px 0; background: transparent; }
  .ayandesaz-site .course-section + .course-section { border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .course-section__heading { margin: 0; }
  .ayandesaz-site .course-section__heading .eyebrow { margin-bottom: 7px; }
  .ayandesaz-site .course-section__heading h2 { max-width: 100%; margin: 0; font-size: clamp(22px,1.95vw,27px); line-height: 1.4; }
  .ayandesaz-site .course-section__heading > p { max-width: 26ch; margin: 8px 0 0; color: var(--ay-copy); font-size: 13px; line-height: 1.85; }
  .ayandesaz-site .course-section__body { min-width: 0; }
  .ayandesaz-site .outcomes,.ayandesaz-site .fit,.ayandesaz-site .faq,.ayandesaz-site .curriculum,.ayandesaz-site .course-description { margin: 0; border-radius: 0; background: transparent; }
  .ayandesaz-site .outcome-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; border: 0; }
  .ayandesaz-site .outcome-grid article { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 11px; padding: 0 0 22px; border: 0; }
  .ayandesaz-site .outcome-grid article > b { color: var(--ay-teal); font-size: 12px; }
  .ayandesaz-site .outcome-grid h3 { margin: -2px 0 3px; font-size: 15px; line-height: 1.65; }
  .ayandesaz-site .outcome-grid p { margin: 0; color: var(--ay-copy); font-size: 13.5px; line-height: 1.85; }
  .ayandesaz-site .course-description .prose { width: 100%; max-width: 720px; margin: 0; font-size: 15.5px; line-height: 2; }
  .ayandesaz-site .accordion,.ayandesaz-site .faq-list { max-width: 760px; }
  .ayandesaz-site .accordion details,.ayandesaz-site .faq-list details { border-top: 1px solid var(--ay-line); background: transparent; }
  .ayandesaz-site .accordion details:last-child,.ayandesaz-site .faq-list details:last-child { border-bottom: 1px solid var(--ay-line); }
  .ayandesaz-site .accordion summary,.ayandesaz-site .faq-list summary { display: flex; align-items: center; gap: 13px; min-height: 56px; padding: 13px 0; cursor: pointer; list-style: none; }
  .ayandesaz-site .accordion summary::-webkit-details-marker,.ayandesaz-site .faq-list summary::-webkit-details-marker { display: none; }
  .ayandesaz-site .accordion summary > span { color: var(--ay-teal); font-size: 12px; }
  .ayandesaz-site .accordion summary div { flex: 1; }
  .ayandesaz-site .accordion summary small { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .accordion summary b { display: block; font-size: 13.5px; }
  .ayandesaz-site .accordion summary i,.ayandesaz-site .faq-list summary i { margin-inline-start:auto; font-style: normal; color: var(--ay-muted); transition: transform .2s ease; }
  .ayandesaz-site .accordion details[open] summary i,.ayandesaz-site .faq-list details[open] summary i { transform: rotate(45deg); }
  .ayandesaz-site .accordion details > p,.ayandesaz-site .faq-list details > p { margin: -2px 0 16px; padding-right: 45px; color: var(--ay-copy); font-size: 13.5px; line-height: 1.9; }
  .ayandesaz-site .fit-body { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.72fr); gap: 34px; align-items: start; }
  .ayandesaz-site .fit-body ul { margin: 0; padding: 0 20px 0 0; color: var(--ay-copy); }
  .ayandesaz-site .fit-body li { margin: 7px 0; font-size: 13.5px; }
  .ayandesaz-site .fit-note { padding: 0 18px 0 0; border: 0; border-right: 2px solid rgba(244,118,75,.44); border-radius: 0; background: transparent; }
  .ayandesaz-site .fit-note > span { color: var(--ay-teal); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .fit-note p { margin: 6px 0 0; color: var(--ay-copy); font-size: 13px; line-height: 1.9; }
  .ayandesaz-site .related { padding-block: 44px 54px; border-top: 1px solid var(--ay-line); background: rgba(255,253,248,.30); }

  /* About */
  .ayandesaz-site .about-hero { padding: 52px 0 46px; background: linear-gradient(120deg, rgba(247,242,232,.92), rgba(233,241,235,.92)); }
  .ayandesaz-site .about-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.84fr); gap: 58px; align-items: center; }
  .ayandesaz-site .about-hero h1 { max-width: 100%; margin: 6px 0 10px; font-size: clamp(30px,3vw,40px); line-height: 1.36; }
  .ayandesaz-site .about-hero p { max-width: 58ch; margin: 0; color: var(--ay-copy); font-size: 14px; line-height: 1.95; }
  .ayandesaz-site .about-art { position: relative; height: 310px; overflow: hidden; border-radius: 26px; background: linear-gradient(135deg, var(--ay-primary), #34384f); }
  .ayandesaz-site .big-a { position: absolute; inset: 50% auto auto 50%; color: rgba(255,255,255,.92); font-size: 130px; font-weight: 800; transform: translate(-50%,-50%); }
  .ayandesaz-site .a-note { position: absolute; padding: 6px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #d9e5e8; font-size: 12px; }
  .ayandesaz-site .a-note.one { right: 28px; top: 38px; }
  .ayandesaz-site .a-note.two { left: 30px; top: 90px; }
  .ayandesaz-site .a-note.three { right: 45px; bottom: 38px; }
  .ayandesaz-site .about-art > i { position: absolute; left: 38px; bottom: 35px; color: var(--ay-accent); font-style: normal; }
  .ayandesaz-site .origin { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 52px; align-items: center; padding-block: 62px; }
  .ayandesaz-site .origin-image { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 26px; }
  .ayandesaz-site .origin-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
  .ayandesaz-site .about-editor-content { color: var(--ay-copy); font-size: 13px; line-height: 2; }
  .ayandesaz-site .signature { margin-top: 20px; font-size: 12px; font-weight: 800; }
  .ayandesaz-site .signature span { color: var(--ay-teal); }
  .ayandesaz-site .values { margin-inline: 16px; padding: 64px 0; border-radius: 38px; background: linear-gradient(125deg, var(--ay-dark), var(--ay-dark-2)); color: #fff; }
  .ayandesaz-site .values .section-head h2 { color: #fff; }
  .ayandesaz-site .value-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ayandesaz-site .value-grid article { padding: 26px 30px; border-left: 1px solid rgba(255,255,255,.14); }
  .ayandesaz-site .value-grid article:last-child { border-left: 0; }
  .ayandesaz-site .value-grid article > b { color: #ff9673; font-size: 12px; }
  .ayandesaz-site .value-grid article > span { display: block; margin: 17px 0; color: #ff9673; font-size: 24px; }
  .ayandesaz-site .value-grid h3 { color: #fff; font-size: 18px; }
  .ayandesaz-site .value-grid p { color: #c4d0d5; font-size: 13px; line-height: 1.9; }
  .ayandesaz-site .stats { padding: 48px 0; background: linear-gradient(120deg, rgba(238,230,211,.72), rgba(219,232,222,.72)); }
  .ayandesaz-site .stats .wrap { display: grid; grid-template-columns: repeat(4,1fr); }
  .ayandesaz-site .stats .wrap > div { padding: 14px 28px; border-left: 1px solid var(--ay-line); text-align: center; }
  .ayandesaz-site .stats .wrap > div:last-child { border-left: 0; }
  .ayandesaz-site .stats b { display: block; color: var(--ay-primary); font-size: 28px; text-decoration: underline; text-decoration-color: rgba(244,118,75,.34); text-underline-offset: .12em; }
  .ayandesaz-site .stats span { color: var(--ay-copy); font-size: 13px; }

  /* Contact */
  .ayandesaz-site .contact-hero-v6 { padding: 50px 0 42px; background: linear-gradient(120deg, rgba(240,237,225,.92), rgba(231,240,234,.92), rgba(247,218,205,.72)); }
  .ayandesaz-site .contact-hero-v6 .wrap { max-width: 900px; }
  .ayandesaz-site .contact-hero-v6 h1 { max-width: 100%; margin: 6px 0 9px; font-size: clamp(30px,3vw,40px); line-height: 1.36; }
  .ayandesaz-site .contact-hero-v6 p { max-width: 66ch; margin: 0; color: var(--ay-copy); font-size: 14px; line-height: 1.95; }
  .ayandesaz-site .contact-v6 { display: grid; grid-template-columns: minmax(0,.9fr) minmax(340px,1.1fr); gap: 52px; padding-block: 58px 66px; }
  .ayandesaz-site .contact-v6__intro > span { color: var(--ay-teal); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .contact-v6__intro h2 { margin: 7px 0 11px; font-size: clamp(25px,2.5vw,33px); line-height: 1.4; }
  .ayandesaz-site .contact-v6__intro p { color: var(--ay-copy); font-size: 14px; line-height: 1.95; }
  .ayandesaz-site .contact-v6__methods { border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .contact-method { display: grid; grid-template-columns: 38px 58px minmax(0,1fr) 30px; align-items: center; gap: 12px; min-height: 78px; border-bottom: 1px solid var(--ay-line); }
  .ayandesaz-site .contact-method > span { color: var(--ay-teal); font-size: 18px; }
  .ayandesaz-site .contact-method small { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .contact-method b { overflow-wrap: anywhere; font-size: 13.5px; }
  .ayandesaz-site .contact-method i { font-style: normal; }
  .ayandesaz-site .contact-form-section { padding-bottom: 82px; }
  .ayandesaz-site .contact-form-section__head { margin-bottom: 24px; }
  .ayandesaz-site .contact-form-section__head h2 { margin: 0; font-size: clamp(24px,2.35vw,31px); line-height: 1.4; }
  .ayandesaz-site .contact-form-content { padding: 0; background: transparent; }

  /* Magazine archive — publication-style discovery, not a wall of cards. */
  .ayandesaz-site .magazine-hero { padding: 48px 0 0; background: transparent; }
  .ayandesaz-site .magazine-hero__copy { max-width: 780px; text-align: center; }
  .ayandesaz-site .magazine-hero__copy .eyebrow { justify-content: center; }
  .ayandesaz-site .magazine-hero h1 { max-width: 100%; margin: 2px auto 9px; font-size: clamp(30px,3vw,40px); line-height: 1.36; }
  .ayandesaz-site .magazine-hero p { max-width: 62ch; margin: 0 auto; color: var(--ay-copy); font-size: 14.5px; line-height: 1.95; }
  .ayandesaz-site .magazine-topics { display: flex; justify-content: center; gap: 4px 20px; overflow-x: auto; margin-top: 30px; padding: 0 0 13px; border-bottom: 1px solid var(--ay-line); white-space: nowrap; scrollbar-width: none; }
  .ayandesaz-site .magazine-topics::-webkit-scrollbar { display: none; }
  .ayandesaz-site .magazine-topics a { flex: 0 0 auto; min-height: 38px; display: inline-flex; align-items: center; padding: 0; border-bottom: 2px solid transparent; color: var(--ay-copy); font-size: 12.5px; font-weight: 700; }
  .ayandesaz-site .magazine-topics a:hover,.ayandesaz-site .magazine-topics a.selected { color: var(--ay-primary); border-bottom-color: var(--ay-accent); }
  .ayandesaz-site .magazine-featured-wrap { padding-block: 34px 48px; }
  .ayandesaz-site .magazine-featured { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); grid-template-areas: "media copy"; align-items: stretch; overflow: hidden; border-radius: 18px; background: #e8eee8; direction: ltr; }
  .ayandesaz-site .magazine-featured__media { grid-area: media; min-height: 360px; overflow: hidden; }
  .ayandesaz-site .magazine-featured__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
  .ayandesaz-site .magazine-featured:hover .magazine-featured__media img { transform: scale(1.018); }
  .ayandesaz-site .magazine-featured__copy { grid-area: copy; display: flex; flex-direction: column; justify-content: center; padding: clamp(28px,4vw,48px); direction: rtl; }
  .ayandesaz-site .magazine-featured__meta { display: flex; flex-wrap: wrap; gap: 7px 13px; color: var(--ay-teal); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .magazine-featured__meta span + span::before { content: "·"; margin-left: 13px; color: var(--ay-muted); }
  .ayandesaz-site .magazine-featured h2 { max-width: 100%; margin: 9px 0 9px; font-size: clamp(23px,2.2vw,30px); line-height: 1.4; }
  .ayandesaz-site .magazine-featured p { margin: 0; color: var(--ay-copy); font-size: 14px; line-height: 1.95; }
  .ayandesaz-site .magazine-featured__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .magazine-index { padding-bottom: 74px; }
  .ayandesaz-site .magazine-index__head { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-bottom: 15px; border-bottom: 1px solid var(--ay-line); }
  .ayandesaz-site .magazine-index__head h2 { margin: 0; font-size: clamp(23px,2vw,28px); line-height: 1.4; }
  .ayandesaz-site .magazine-index__head .eyebrow { margin-bottom: 4px; }
  .ayandesaz-site .blog-stream { display: grid; }
  .ayandesaz-site .blog-stream-card { display: grid; grid-template-columns: minmax(190px,230px) minmax(0,1fr); grid-template-areas: "media copy"; gap: clamp(24px,4vw,46px); align-items: center; min-height: 190px; padding: 26px 0; border-bottom: 1px solid var(--ay-line); direction: ltr; }
  .ayandesaz-site .blog-stream-copy { grid-area: copy; direction: rtl; }
  .ayandesaz-site .blog-stream-media { grid-area: media; aspect-ratio: 16/10; overflow: hidden; border-radius: 14px; background: var(--ay-sage); direction: rtl; }
  .ayandesaz-site .blog-stream-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
  .ayandesaz-site .blog-stream-card:hover .blog-stream-media img { transform: scale(1.025); }
  .ayandesaz-site .blog-stream-media > span { width: 100%; height: 100%; display: grid; place-items: center; color: var(--ay-primary); font-size: 42px; font-weight: 800; }
  .ayandesaz-site .blog-stream-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .blog-stream-meta a { color: var(--ay-teal); font-weight: 800; }
  .ayandesaz-site .blog-stream-meta > * + *::before { content: "·"; margin-left: 12px; color: var(--ay-copy); }
  .ayandesaz-site .blog-stream-card h2 { max-width: 31ch; margin: 6px 0 6px; font-size: 20px; line-height: 1.62; }
  .ayandesaz-site .blog-stream-card p { max-width: 67ch; margin: 0; color: var(--ay-copy); font-size: 13.5px; line-height: 1.9; }
  .ayandesaz-site .blog-stream-link { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; margin-top: 7px; color: var(--ay-primary); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .blog-stream-link span { transition: transform .2s ease; }
  .ayandesaz-site .blog-stream-link:hover span { transform: translateX(-3px); }

  /* Single article — a quiet reading surface with persistent left TOC. */
  .ayandesaz-site .reading-progress { position: fixed; top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height)); left: 0; z-index: 999; width: 100%; height: 2px; pointer-events: none; }
  .ayandesaz-site .reading-progress i { display: block; width: 0; height: 100%; background: var(--ay-accent); }
  .ayandesaz-site .blog-header-wrap { background: transparent; }
  .ayandesaz-site .blog-header { width: min(820px,calc(100% - (2 * var(--ay-gutter)))); padding: 48px 0 28px; }
  .ayandesaz-site .blog-breadcrumb { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .blog-breadcrumb a:hover { color: var(--ay-teal); }
  .ayandesaz-site .blog-category { display: inline-flex; min-height: 32px; align-items: center; padding: 0; border-bottom: 1px solid rgba(30,122,115,.34); color: var(--ay-teal); font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .blog-header h1 { max-width: 100%; margin: 9px 0 10px; font-size: clamp(31px,3.15vw,41px); line-height: 1.35; }
  .ayandesaz-site .blog-deck { max-width: 64ch; margin: 0; color: var(--ay-copy); font-size: 15px; line-height: 1.88; }
  .ayandesaz-site .blog-byline { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 21px; padding-top: 18px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .blog-author { display: flex; align-items: center; gap: 10px; }
  .ayandesaz-site .blog-author img { width: 42px; height: 42px; border-radius: 50%; }
  .ayandesaz-site .blog-author b { display: block; font-size: 12.5px; }
  .ayandesaz-site .blog-author span { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .share-button { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid var(--ay-line); border-radius: 999px; background: transparent; color: var(--ay-primary); font-size: 12px; font-weight: 800; cursor: pointer; }
  .ayandesaz-site .share-button:hover { border-color: var(--ay-line-strong); background: rgba(255,253,248,.55); }
  .ayandesaz-site .blog-featured { width: min(1080px,calc(100% - (2 * var(--ay-gutter)))); margin: 0 auto; }
  .ayandesaz-site .blog-featured img { width: 100%; max-height: 620px; object-fit: cover; border-radius: 18px; }
  .ayandesaz-site .blog-featured figcaption { max-width: 760px; margin: 7px auto 0; color: var(--ay-copy); font-size: 12px; text-align: center; }
  .ayandesaz-site .blog-layout { display: grid; grid-template-columns: 210px minmax(0,720px); grid-template-areas: "toc prose"; justify-content: center; gap: 58px; width: min(1040px,calc(100% - (2 * var(--ay-gutter)))); padding-block: 42px 50px; direction: ltr; }
  .ayandesaz-site .blog-sidebar { grid-area: toc; direction: rtl; }
  .ayandesaz-site .blog-sidebar__inner { position: sticky; top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height) + 24px); max-height: calc(100dvh - var(--ay-admin-offset,0px) - var(--ay-header-height) - 48px); overflow-y: auto; padding: 0 0 0 18px; border-left: 0; border-right: 1px solid var(--ay-line); scrollbar-width: thin; }
  .ayandesaz-site .blog-sidebar__inner > strong { display: block; margin-bottom: 12px; font-size: 13px; }
  .ayandesaz-site .article-toc nav a { display: block; margin: 0 0 9px; color: var(--ay-copy); font-size: 12.5px; line-height: 1.7; text-decoration: none; }
  .ayandesaz-site .article-toc nav a[data-level="3"] { padding-right: 12px; font-size: 12px; }
  .ayandesaz-site .article-toc nav a.is-active { color: var(--ay-teal); font-weight: 800; }
  .ayandesaz-site .blog-sidebar__author { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .blog-sidebar__author img { width: 36px; height: 36px; border-radius: 50%; }
  .ayandesaz-site .blog-sidebar__author b,.ayandesaz-site .blog-sidebar__author small { display: block; font-size: 12px; }
  .ayandesaz-site .blog-sidebar__author small { color: var(--ay-copy); }
  .ayandesaz-site .article-toc-mobile { display: none; }
  .ayandesaz-site .blog-prose { grid-area: prose; direction: rtl; min-width: 0; color: #28485c; font-size: 17px; line-height: 2.05; overflow-wrap: anywhere; }
  .ayandesaz-site .blog-prose > p:first-of-type { color: #203f52; font-size: 17.5px; }
  .ayandesaz-site .blog-prose :where(h2,h3) { scroll-margin-top: calc(var(--ay-admin-offset,0px) + var(--ay-header-height) + 24px); }
  .ayandesaz-site .blog-prose h2 { margin: 1.85em 0 .55em; font-size: 25px; line-height: 1.52; }
  .ayandesaz-site .blog-prose h3 { margin: 1.6em 0 .48em; font-size: 19px; line-height: 1.58; }
  .ayandesaz-site .blog-prose :where(ul,ol) { padding-right: 1.25em; }
  .ayandesaz-site .blog-prose li { margin-block: .4em; }
  .ayandesaz-site .blog-prose blockquote { margin: 1.8em 0; padding: 7px 19px 7px 0; border-right: 3px solid var(--ay-accent); background: transparent; color: #29485a; font-size: 16.5px; }
  .ayandesaz-site .blog-prose :where(img,video,iframe) { max-width: 100%; }
  .ayandesaz-site .blog-prose :where(img,video) { height: auto; }
  .ayandesaz-site .blog-prose iframe { width: 100%; aspect-ratio: 16/9; min-height: 0; border: 0; }
  .ayandesaz-site .blog-prose img { border-radius: 14px; }
  .ayandesaz-site .blog-prose figcaption { color: var(--ay-copy); font-size: 12px; text-align: center; }
  .ayandesaz-site .blog-prose :where(.wp-block-table,table) { max-width: 100%; }
  .ayandesaz-site .blog-prose .wp-block-table,.ayandesaz-site .blog-prose > table { display: block; overflow-x: auto; overscroll-behavior-inline: contain; }
  .ayandesaz-site .blog-prose table { width: 100%; border-collapse: collapse; font-size: 13px; }
  .ayandesaz-site .blog-prose :where(th,td) { min-width: 110px; padding: 10px; border: 1px solid var(--ay-line); text-align: right; }
  .ayandesaz-site .blog-prose pre { direction: ltr; max-width: 100%; overflow: auto; padding: 18px; border-radius: 12px; background: #102c3c; color: #eef6f4; font-size: 13px; line-height: 1.8; text-align: left; }
  .ayandesaz-site .article-tags { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 30px; }
  .ayandesaz-site .article-tags a { color: var(--ay-teal); font-size: 12.5px; font-weight: 700; text-decoration: none; border-bottom: 1px solid transparent; }
  .ayandesaz-site .article-tags a:hover { border-color: currentColor; }
  .ayandesaz-site .blog-prose .post-navigation { margin-top: 28px; }
  .ayandesaz-site .blog-prose .post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .ayandesaz-site .blog-prose .post-navigation a { display: block; padding: 13px 0; border-top: 1px solid var(--ay-line); text-decoration: none; }
  .ayandesaz-site .blog-prose .post-navigation small { display: block; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .blog-prose .post-navigation span { display: block; margin-top: 4px; font-size: 13px; line-height: 1.65; }
  .ayandesaz-site .blog-layout--no-toc { display: block; width: min(720px,calc(100% - (2 * var(--ay-gutter)))); }
  .ayandesaz-site .blog-related { padding-block: 42px 50px; border-top: 1px solid var(--ay-line); background: rgba(255,253,248,.28); }
  .ayandesaz-site .blog-related .section-head { margin-bottom: 22px; }
  .ayandesaz-site .blog-related .article-art { aspect-ratio: 16/9; }

  /* Comments */
  .ayandesaz-site .comments-area { width: min(820px, calc(100% - (2 * var(--ay-gutter)))); margin: 18px auto 62px; padding: 0; }
  .ayandesaz-site .comments-heading { margin-bottom: 22px; }
  .ayandesaz-site .comments-heading h2 { margin: 0; font-size: 24px; line-height: 1.4; }
  .ayandesaz-site .comments-heading p { margin: 5px 0 0; color: var(--ay-copy); font-size: 13px; }
  .ayandesaz-site .comment-list { display: grid; gap: 0; list-style: none; padding: 0; margin: 0 0 30px; }
  .ayandesaz-site .comment-list .children { list-style: none; margin: 0 24px 0 0; padding: 0; }
  .ayandesaz-site .comment-body { margin: 0; padding: 20px 0; border-top: 1px solid var(--ay-line); background: transparent; }
  .ayandesaz-site .comment-author { display: flex; align-items: center; gap: 9px; }
  .ayandesaz-site .comment-author .avatar { border-radius: 50%; }
  .ayandesaz-site .comment-metadata { margin: 4px 57px 8px 0; color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .comment-content { font-size: 14px; line-height: 1.95; }
  .ayandesaz-site .comment-respond { margin-top: 22px; padding: 22px 0 0; border-top: 1px solid var(--ay-line); background: transparent; }
  .ayandesaz-site .comment-reply-title { margin-bottom: 6px; font-size: 21px; }
  .ayandesaz-site .comment-notes { margin-top: 0; color: var(--ay-copy); font-size: 12.5px; }
  .ayandesaz-site .comment-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 16px; }
  .ayandesaz-site .comment-form > p { margin: 0; }
  .ayandesaz-site .comment-form-comment,.ayandesaz-site .comment-notes,.ayandesaz-site .form-submit,.ayandesaz-site .comment-form-cookies-consent { grid-column: 1 / -1; }
  .ayandesaz-site .comment-form label { display: block; margin-bottom: 5px; font-size: 12.5px; font-weight: 800; }
  .ayandesaz-site .comment-form :where(input,textarea) { width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid var(--ay-line); border-radius: 10px; background: #fff; color: var(--ay-primary); }
  .ayandesaz-site .comment-form textarea { min-height: 128px; max-height: 480px; resize: vertical; overflow-y: auto; transition: height .12s ease; }
  .ayandesaz-site .comment-form .submit { min-height: 44px; padding: 10px 18px; border: 0; border-radius: 12px; background: var(--ay-accent); color: var(--ay-primary); font-weight: 800; cursor: pointer; }

  /* Empty + 404 */
  .ayandesaz-site .empty-state { grid-column: 1 / -1; padding: 54px 22px; border: 1px dashed var(--ay-line-strong); border-radius: 20px; background: rgba(255,253,248,.58); text-align: center; }
  .ayandesaz-site .empty-state > span { color: var(--ay-teal); font-size: 30px; }
  .ayandesaz-site .empty-state .search-form { margin: 20px auto 0; }
  .ayandesaz-site .not-found { min-height: 650px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 60px; padding-block: 70px; }
  .ayandesaz-site .not-found > div > span { color: rgba(244,118,75,.24); font-size: clamp(80px,14vw,160px); font-weight: 800; line-height: 1; }
  .ayandesaz-site .not-found h1 { font-size: clamp(31px,3.5vw,44px); }
  .ayandesaz-site .not-found p { max-width: 56ch; color: var(--ay-copy); }
  .ayandesaz-site .not-found .search-form { margin: 22px 0; }
  .ayandesaz-site .not-found-links { display: flex; flex-wrap: wrap; gap: 12px; margin: -4px 0 22px; }
  .ayandesaz-site .not-found-links a { color: var(--ay-teal); font-size: 12px; font-weight: 800; border-bottom: 1px solid currentColor; }
  .ayandesaz-site .not-found-art { height: 380px; display: grid; place-items: center; position: relative; }
  .ayandesaz-site .not-found-art b { width: 230px; height: 230px; display: grid; place-items: center; border-radius: 50%; background: var(--ay-accent); color: var(--ay-primary); font-size: 52px; }
  .ayandesaz-site .not-found-art i { position: absolute; left: 13%; top: 16%; color: var(--ay-teal); font-size: 42px; font-style: normal; }

  /* Gutenberg patterns */
  .ayandesaz-site .ay-block-hero { margin-block: 28px; padding: clamp(34px,5vw,58px); border: 1px solid rgba(255,255,255,.72); border-radius: 34px; background: linear-gradient(125deg, rgba(255,252,244,.95), rgba(236,243,237,.95)); }
  .ayandesaz-site .ay-block-title { font-size: clamp(31px,3.5vw,44px); line-height: 1.42; }
  .ayandesaz-site .ay-block-eyebrow { color: var(--ay-teal); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .ay-block-lead { color: var(--ay-copy); }
  .ayandesaz-site .ay-block-media img { border-radius: 26px; }
  .ayandesaz-site .ay-block-statement { margin-block: 60px; padding: 48px; border-radius: 30px; background: linear-gradient(125deg, var(--ay-dark), var(--ay-dark-2)); color: #fff; }
  .ayandesaz-site .ay-block-statement h2 { color: #fff; }
  .ayandesaz-site .ay-block-cta { margin-block: 60px; padding: 50px; border-radius: 30px; background: linear-gradient(120deg, #dfeae2, #f2e5d4); }
  .ayandesaz-site .ay-block-query-shell { margin-block: 64px; }
  .ayandesaz-site .ay-block-query-shell--articles { padding: 44px; border-radius: 30px; background: rgba(226,234,224,.55); }
  .ayandesaz-site .ay-block-query .wp-block-post-template { gap: 20px; }
  .ayandesaz-site .ay-block-query .wp-block-post { overflow: hidden; padding-bottom: 18px; border: 1px solid var(--ay-line); border-radius: 20px; background: var(--ay-surface); }
  .ayandesaz-site .ay-block-query .wp-block-post-featured-image { margin: 0 0 16px; }
  .ayandesaz-site .ay-block-query .wp-block-post-featured-image img { width: 100%; border-radius: 0; object-fit: cover; }
  .ayandesaz-site .ay-block-query .wp-block-post-title,
  .ayandesaz-site .ay-block-query .wp-block-post-excerpt,
  .ayandesaz-site .ay-block-query .wp-block-post-terms { padding-inline: 18px; }
  .ayandesaz-site .ay-block-query .wp-block-post-title { margin-block: 8px; font-size: 18px !important; line-height: 1.7; }
  .ayandesaz-site .ay-block-query .wp-block-post-excerpt { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .ay-block-query .wp-block-post-terms { color: var(--ay-teal); font-size: 12px; }
  .ayandesaz-site .ay-block-values,
  .ayandesaz-site .ay-block-contact { margin-block: 64px; padding: clamp(32px,4vw,48px); border: 1px solid var(--ay-line); border-radius: 28px; background: rgba(255,253,248,.78); }
  .ayandesaz-site .ay-block-values .wp-block-column { padding-top: 18px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .ay-block-contact .wp-block-column { padding: 20px; border-radius: 18px; background: rgba(220,231,223,.48); }
}

@layer ayandesaz.utilities {
  .ayandesaz-site .builder-content--full { width: 100%; }
  .ayandesaz-site :where(button,.pill,a,summary) { touch-action: manipulation; }
  .ayandesaz-site :where(img,svg,video,canvas) { max-width: 100%; }

  /* Desktop-tight: preserve composition without letting columns squeeze into each other. */
  @media (max-width: 1120px) {
    .ayandesaz-site .hero { grid-template-columns: minmax(0,.95fr) minmax(360px,1.05fr); gap: 34px; padding: 40px; }
    .ayandesaz-site .hero h1 { font-size: clamp(34px,4vw,46px); }
    .ayandesaz-site .manifest-grid { gap: 42px; }
    .ayandesaz-site .about-grid { gap: 42px; }
    .ayandesaz-site .contact-v6 { gap: 40px; }
  }

  /* Tablet / compact desktop. One clear layout state; JS uses the same breakpoint. */
  @media (max-width: 900px) {
    body.admin-bar.ayandesaz-site { --ay-admin-offset: 32px; }

    /* Progressive enhancement: without JS the navigation remains visible and scrollable. */
    html:not(.ay-js) .ayandesaz-site .header { flex-wrap: wrap; }
    html:not(.ay-js) .ayandesaz-site .menu { display: none; }
    html:not(.ay-js) .ayandesaz-site .nav { display: block; order: 3; width: 100%; overflow-x: auto; padding-block: 4px 8px; scrollbar-width: none; }
    html:not(.ay-js) .ayandesaz-site .nav::-webkit-scrollbar { display: none; }
    html:not(.ay-js) .ayandesaz-site .nav-list,
    html:not(.ay-js) .ayandesaz-site .menu-fallback { display: flex; width: max-content; }

    html.ay-js .ayandesaz-site .header-actions,
    html.ay-js .ayandesaz-site .nav { display: none; }
    html.ay-js .ayandesaz-site .menu { display: grid; margin-right: auto; }
    html.ay-js .ayandesaz-site .nav.open {
      position: absolute; top: calc(100% + 8px); right: var(--ay-gutter); left: var(--ay-gutter);
      display: block; max-height: calc(100dvh - var(--ay-header-height) - 44px); overflow-y: auto;
      padding: 12px; border: 1px solid var(--ay-line); border-radius: 16px; background: var(--ay-surface);
      box-shadow: var(--ay-shadow-md); overscroll-behavior: contain;
    }
    html.ay-js .ayandesaz-site .nav.open :where(.nav-list,.menu-fallback) { display: block; }
    html.ay-js .ayandesaz-site .nav.open li { margin: 2px 0; }
    html.ay-js .ayandesaz-site .nav.open a { display: flex; min-height: 44px; align-items: center; padding: 8px 10px; }
    html.ay-js .ayandesaz-site .sub-menu { position: static; visibility: visible; opacity: 1; transform: none; box-shadow: none; background: transparent; border: 0; padding: 0 14px 0 0; }

    .ayandesaz-site .hero { grid-template-columns: 1fr; width: min(760px,calc(100% - 28px)); min-height: 0; gap: 28px; padding: 36px; }
    .ayandesaz-site .hero-copy { text-align: right; }
    .ayandesaz-site .hero h1 { max-width: 100%; font-size: clamp(30px,4.4vw,39px); }
    .ayandesaz-site .hero-visual { width: 100%; aspect-ratio: 16/9; min-height: 0; }

    .ayandesaz-site :where(.catalog-grid,.article-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site :where(.manifest-grid,.about-grid,.origin,.contact-v6,.curriculum-grid,.fit) { grid-template-columns: 1fr; }
    .ayandesaz-site .manifest-art { order: 2; }
    .ayandesaz-site .curriculum-grid > div:first-child { position: static; }
    .ayandesaz-site .about-art { height: auto; aspect-ratio: 16/9; }
    .ayandesaz-site .origin-image { height: auto; aspect-ratio: 16/10; }
    .ayandesaz-site .contact-v6 { padding-block: 48px 56px; }

    .ayandesaz-site .blog-archive-heading { grid-template-columns: 1fr; gap: 10px; }
    .ayandesaz-site .blog-archive-hero { padding: 42px 0 38px; }
    .ayandesaz-site .blog-archive-heading h1 { font-size: clamp(31px,5.2vw,40px); }
    .ayandesaz-site .featured-article__copy { padding: 30px; }
    .ayandesaz-site .list-toolbar { align-items: flex-start; gap: 14px; }
    .ayandesaz-site .not-found { min-height: 0; grid-template-columns: 1fr; gap: 28px; padding-block: 54px; }
    .ayandesaz-site .not-found-art { order: -1; height: auto; min-height: 240px; }
    .ayandesaz-site .featured-article--rtl { grid-template-columns: 1fr; }
    .ayandesaz-site .featured-article--rtl .feature-image { min-height: 0; aspect-ratio: 16/9; }

    .ayandesaz-site .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site .footer-top > div:first-child,
    .ayandesaz-site .footer-top .newsletter { grid-column: 1 / -1; }
  }

  /* WordPress tablet range: reduce density before stacking everything. */
  @media (max-width: 782px) {
    body.admin-bar.ayandesaz-site { --ay-admin-offset: 46px; }
    .ayandesaz-site :where(.section-intro,.section-head) { display: block; }
    .ayandesaz-site .section-intro > p { margin-top: 10px; }

    .ayandesaz-site .ay-scroll-rail { grid-auto-columns: minmax(268px,76vw); margin-inline: calc(-1 * var(--ay-gutter)); padding-inline: var(--ay-gutter); scroll-padding-inline: var(--ay-gutter); }
    .ayandesaz-site .ay-scroll-button { display: none; }

    .ayandesaz-site .outcome-grid,
    .ayandesaz-site .value-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .outcome-grid article,
    .ayandesaz-site .value-grid article { border-left: 0; border-bottom: 1px solid var(--ay-line); }
    .ayandesaz-site .value-grid article { border-bottom-color: rgba(255,255,255,.13); }
    .ayandesaz-site .stats .wrap { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site .comment-form-author,
    .ayandesaz-site .comment-form-email { width: 100%; }
  }

  /* Phones. Typography remains 16px at the root: compactness comes from rhythm, not shrinking text. */
  @media (max-width: 620px) {
    :root { --ay-header-height: 62px; --ay-gutter: 16px; --ay-section: 48px; }
    body.admin-bar.ayandesaz-site { --ay-admin-offset: 46px; }
    .ayandesaz-site .header { min-height: var(--ay-header-height); padding-inline: 16px; }
    .ayandesaz-site .brand { font-size: 14px; }
    .ayandesaz-site .brand small { display: none; }
    .ayandesaz-site .brand-mark { width: 36px; height: 36px; border-radius: 10px; }
    .ayandesaz-site .menu { width: 44px; height: 44px; }

    .ayandesaz-site .hero { width: calc(100% - 16px); margin-top: 8px; padding: 26px 20px 20px; border-radius: 24px; gap: 22px; }
    .ayandesaz-site .hero h1 { max-width: 100%; font-size: clamp(28px,7.7vw,34px); line-height: 1.36; }
    .ayandesaz-site .hero-copy > p { font-size: 14px; line-height: 1.9; }
    .ayandesaz-site .hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
    .ayandesaz-site .hero-actions > .pill { width: 100%; }
    .ayandesaz-site .play { justify-content: flex-start; min-height: 44px; }
    .ayandesaz-site .hero-visual { aspect-ratio: 4/3; border-radius: 18px; }
    .ayandesaz-site .hero-visual img { object-position: center 28%; }
    .ayandesaz-site .hero-visual figcaption { right: 8px; left: 8px; bottom: 8px; display: block; padding: 9px 10px; }
    .ayandesaz-site .hero-visual figcaption span { display: block; margin-top: 2px; }
    .ayandesaz-site .skill-line { justify-content: flex-start; width: 100%; overflow-x: auto; padding: 10px 0; scrollbar-width: none; }
    .ayandesaz-site .skill-line::-webkit-scrollbar { display: none; }

    .ayandesaz-site :where(.path-section,.home-articles > .wrap) { padding-block: 46px; }
    .ayandesaz-site :where(.section-intro h2,.section-head h2,.manifest-copy h2,.origin h2) { font-size: clamp(23px,6.2vw,29px); line-height: 1.4; }
    .ayandesaz-site .ay-scroll-rail { grid-auto-columns: 86vw; margin-inline: -16px; padding-inline: 16px; }
    .ayandesaz-site :where(.catalog-grid,.article-grid) { grid-template-columns: 1fr; }
    .ayandesaz-site :where(.catalog-cover,.article-art) { height: auto; aspect-ratio: 16/10; }

    .ayandesaz-site :where(.manifesto,.home-articles,.values,.curriculum) { margin-inline: 6px; border-radius: 24px; }
    .ayandesaz-site .manifesto { padding: 52px 0; }
    .ayandesaz-site .manifest-art { min-height: 350px; border-radius: 20px; }
    .ayandesaz-site .brand-seal { width: 182px; height: 182px; left: calc(50% - 91px); top: 86px; }
    .ayandesaz-site .seal-ring { inset: -46px; width: 274px; height: 274px; }
    .ayandesaz-site .seal-core b { font-size: 44px; }
    .ayandesaz-site .stamp-note { width: 116px; min-height: 68px; padding: 9px; font-size: 12px; }
    .ayandesaz-site .note.n1 { right: 4px; top: 26px; }
    .ayandesaz-site .note.n2 { left: 4px; bottom: 24px; }

    .ayandesaz-site .cta { min-height: 0; flex-direction: column; align-items: stretch; gap: 28px; margin-block: 50px; padding: 32px 22px; border-radius: 24px; }
    .ayandesaz-site .cta h2 { font-size: clamp(27px,7vw,32px); }
    .ayandesaz-site .cta-doodle { width: 180px; margin-inline: auto; }

    .ayandesaz-site :where(.page-hero,.courses-hero,.about-hero,.contact-hero-v6) { padding: 34px 0 30px; }
    .ayandesaz-site :where(.page-hero h1,.courses-hero h1,.about-hero h1,.contact-hero-v6 h1) { max-width: 100%; font-size: clamp(27px,7.2vw,33px); line-height: 1.37; }
    .ayandesaz-site :where(.page-hero p,.courses-hero__lead,.about-hero p,.contact-hero-v6 p) { font-size: 14px; line-height: 1.9; }
    .ayandesaz-site :where(.filter-row,.chips,.course-jump-nav) { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 7px; scrollbar-width: none; }
    .ayandesaz-site :where(.filter-row,.chips,.course-jump-nav)::-webkit-scrollbar { display: none; }
    .ayandesaz-site .catalog { padding-block: 34px 52px; }
    .ayandesaz-site .quiz-banner { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 46px; padding: 24px 20px; }

    /* Comments/forms keep their own phone ergonomics; magazine layout is canonical below. */
    .ayandesaz-site .comments-area { width: calc(100% - 32px); margin-bottom: 48px; }
    .ayandesaz-site .comments-heading h2 { font-size: 25px; }
    .ayandesaz-site .comment-list .children { margin-right: 16px; }
    .ayandesaz-site .comment-body { padding: 18px 0; }
    .ayandesaz-site .comment-form { display: block; }
    .ayandesaz-site .comment-form :where(input,textarea) { font-size: 16px; }
    .ayandesaz-site .comment-form .submit { width: 100%; min-height: 46px; }

    .ayandesaz-site .not-found { padding-block: 40px 52px; }
    .ayandesaz-site .not-found-art { min-height: 190px; }
    .ayandesaz-site .not-found-art b { width: 150px; height: 150px; font-size: 38px; }
    .ayandesaz-site .not-found > div > span { font-size: clamp(68px,22vw,104px); }
    .ayandesaz-site .not-found h1 { font-size: clamp(29px,8vw,35px); line-height: 1.45; }
    .ayandesaz-site .not-found .search-form { width: 100%; }
    .ayandesaz-site .about-grid { gap: 28px; }
    .ayandesaz-site .about-art { aspect-ratio: 4/3; border-radius: 22px; }
    .ayandesaz-site .big-a { font-size: 86px; }
    .ayandesaz-site .origin { gap: 28px; padding-block: 50px; }
    .ayandesaz-site .origin-image { aspect-ratio: 4/3; border-radius: 20px; }
    .ayandesaz-site .values { padding: 50px 0; }
    .ayandesaz-site .stats { padding-block: 36px; }

    .ayandesaz-site .contact-v6 { gap: 28px; padding-block: 44px 50px; }
    .ayandesaz-site .contact-v6__intro h2 { font-size: clamp(25px,7vw,31px); }
    .ayandesaz-site .contact-method { grid-template-columns: 32px minmax(0,1fr) 24px; gap: 10px; min-height: 68px; padding-block: 8px; }
    .ayandesaz-site .contact-method small { grid-column: 2; }
    .ayandesaz-site .contact-method b { grid-column: 2; }
    .ayandesaz-site .contact-method i { grid-column: 3; grid-row: 1 / span 2; }
    .ayandesaz-site .contact-form-section { padding-bottom: 58px; }
    .ayandesaz-site .contact-form-section__head h2 { font-size: 28px; }

    .ayandesaz-site .footer-top { grid-template-columns: 1fr; gap: 30px; }
    .ayandesaz-site .footer-top > div:first-child,
    .ayandesaz-site .footer-top .newsletter { grid-column: auto; }
    .ayandesaz-site .footer-bottom { display: block; line-height: 1.9; }
    .ayandesaz-site .footer-bottom > * + * { margin-top: 6px; }
  }

  @media (max-width: 480px) {
    :root { --ay-gutter: 14px; }
    .ayandesaz-site .hero { width: calc(100% - 12px); padding-inline: 18px; }
    .ayandesaz-site .hero h1 { font-size: clamp(27px,8vw,32px); }
    .ayandesaz-site .hero-visual { aspect-ratio: 4/3; }
    .ayandesaz-site .ay-scroll-rail { grid-auto-columns: 88vw; }
    .ayandesaz-site .comments-area { width: calc(100% - 28px); }
    .ayandesaz-site .comment-list .children { margin-right: 10px; }
    .ayandesaz-site .contact-method { grid-template-columns: 28px minmax(0,1fr); }
    .ayandesaz-site .contact-method i { display: none; }
  }


  /* Canonical course + magazine responsive behavior. These rules intentionally own these two experiences. */
  @media (max-width: 1100px) {
    .ayandesaz-site .course-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site .detail-grid { grid-template-columns: minmax(0,1fr) minmax(320px,350px); gap: 34px; }
    .ayandesaz-site .course-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site .course-facts > div:nth-child(3) { border-right: 0; }
    .ayandesaz-site .magazine-featured { grid-template-columns: minmax(0,1.08fr) minmax(300px,.92fr); }
    .ayandesaz-site .blog-layout { gap: 42px; grid-template-columns: 190px minmax(0,700px); }
  }

  @media (max-width: 950px) {
    .ayandesaz-site .detail-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .enroll-card { position: static; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(280px,.92fr); }
    .ayandesaz-site .enroll-cover { aspect-ratio: 16/10; }
    .ayandesaz-site .course-section { grid-template-columns: 190px minmax(0,1fr); gap: 34px; }
    .ayandesaz-site .magazine-featured { grid-template-columns: 1fr; grid-template-areas: "media" "copy"; }
    .ayandesaz-site .magazine-featured__media { min-height: 0; aspect-ratio: 16/8.5; }
    .ayandesaz-site .magazine-featured__copy { padding: 28px 30px 31px; }
    .ayandesaz-site .blog-layout { grid-template-columns: minmax(0,720px); grid-template-areas: "toc-mobile" "prose"; width: min(760px,calc(100% - 48px)); gap: 0; }
    .ayandesaz-site .blog-sidebar { display: none; }
    .ayandesaz-site .article-toc-mobile { display: block; grid-area: toc-mobile; margin-bottom: 22px; padding: 0 0 12px; border-bottom: 1px solid var(--ay-line); direction: rtl; }
    .ayandesaz-site .article-toc-mobile summary { min-height: 44px; display: flex; align-items: center; color: var(--ay-primary); font-size: 13px; font-weight: 800; cursor: pointer; }
    .ayandesaz-site .article-toc-mobile nav { padding-top: 6px; }
    .ayandesaz-site .article-toc-mobile nav a { display: block; padding: 6px 0; color: var(--ay-copy); font-size: 12.5px; line-height: 1.75; }
    .ayandesaz-site .article-toc-mobile nav a[data-level="3"] { padding-right: 14px; }
    .ayandesaz-site .article-toc-mobile nav a.is-active { color: var(--ay-teal); font-weight: 800; }
    .ayandesaz-site .blog-prose { grid-area: prose; }
  }

  @media (max-width: 782px) {
    .ayandesaz-site .course-discovery-hero { padding: 40px 0 32px; }
    .ayandesaz-site .course-discovery-hero h1,.ayandesaz-site .magazine-hero h1 { max-width: 100%; font-size: clamp(28px,5vw,35px); }
    .ayandesaz-site .course-discovery-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
    .ayandesaz-site .course-category-nav { width: 100%; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
    .ayandesaz-site .course-category-nav::-webkit-scrollbar { display: none; }
    .ayandesaz-site .course-guidance { align-items: flex-start; flex-direction: column; gap: 17px; }
    .ayandesaz-site .course-guidance h2 { font-size: 22px; }
    .ayandesaz-site .enroll-card { display: block; width: 100%; border-radius: 18px; }
    .ayandesaz-site .enroll-body { padding: 18px; }
    .ayandesaz-site .course-anchor-bar { position: static; backdrop-filter: none; background: transparent; border-top: 0; }
    .ayandesaz-site .course-jump-nav { gap: 20px; }
    .ayandesaz-site .course-jump-nav a { min-height: 46px; }
    .ayandesaz-site .course-section { display: block; padding: 34px 0; }
    .ayandesaz-site .course-section__heading { margin-bottom: 18px; }
    .ayandesaz-site .course-section__heading h2 { max-width: 20ch; font-size: clamp(23px,4vw,27px); }
    .ayandesaz-site .course-section__heading > p { max-width: 56ch; }
    .ayandesaz-site .fit-body { grid-template-columns: 1fr; gap: 22px; }
    .ayandesaz-site .outcome-grid { grid-template-columns: 1fr 1fr; gap: 0 22px; }
    .ayandesaz-site .magazine-hero { padding-top: 38px; }
    .ayandesaz-site .magazine-topics { justify-content: flex-start; }
    .ayandesaz-site .magazine-featured-wrap { padding-block: 28px 40px; }
    .ayandesaz-site .magazine-index__head { align-items: stretch; flex-direction: column; gap: 16px; }
    .ayandesaz-site .magazine-index__head .search-form { width: 100%; }
    .ayandesaz-site .blog-stream-card { grid-template-columns: 170px minmax(0,1fr); gap: 24px; min-height: 170px; padding: 22px 0; }
    .ayandesaz-site .blog-header { padding: 38px 0 24px; }
    .ayandesaz-site .blog-header h1 { max-width: 100%; font-size: clamp(28px,5vw,35px); }
    .ayandesaz-site .blog-featured { width: calc(100% - 32px); }
  }

  @media (max-width: 620px) {
    .ayandesaz-site .course-discovery { padding-block: 24px 50px; }
    .ayandesaz-site .course-detail-hero { padding: 34px 0 30px; }
    .ayandesaz-site .detail-grid { gap: 26px; }
    .ayandesaz-site .teacher { margin-top: 16px; }
    .ayandesaz-site .feature-chips { gap: 7px; margin-top: 16px; }
    .ayandesaz-site .course-catalog-grid { grid-template-columns: 1fr; gap: 22px; }
    .ayandesaz-site .course-discovery-count b { font-size: 18px; }
    .ayandesaz-site .course-card-v2 .catalog-content { padding: 17px 17px 15px; }
    .ayandesaz-site .course-card-footer { align-items: center; }
    .ayandesaz-site .course-guidance { margin-bottom: 50px; padding-block: 24px; }
    .ayandesaz-site .detail-copy h1 { max-width: 100%; font-size: clamp(27px,7vw,34px); }
    .ayandesaz-site .detail-copy > p { font-size: 14.5px; }
    .ayandesaz-site .course-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ayandesaz-site .course-facts > div { padding: 9px 8px; }
    .ayandesaz-site .course-flow { width: calc(100% - 32px); }
    .ayandesaz-site .course-section { padding: 29px 0; }
    .ayandesaz-site .course-section__heading { margin-bottom: 14px; }
    .ayandesaz-site .course-section__heading > p { font-size: 13.5px; }
    .ayandesaz-site .outcome-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .outcome-grid article { padding-bottom: 17px; }
    .ayandesaz-site .accordion summary,.ayandesaz-site .faq-list summary { min-height: 52px; }
    .ayandesaz-site .accordion details > p,.ayandesaz-site .faq-list details > p { padding-right: 0; }
    .ayandesaz-site .related { padding-block: 40px 46px; }
    .ayandesaz-site .magazine-hero { padding-top: 34px; }
    .ayandesaz-site .magazine-hero p { font-size: 14px; }
    .ayandesaz-site .magazine-topics { margin-top: 22px; }
    .ayandesaz-site .magazine-featured { border-radius: 14px; }
    .ayandesaz-site .magazine-featured__media { aspect-ratio: 16/9.5; }
    .ayandesaz-site .magazine-featured__copy { padding: 22px 20px 24px; }
    .ayandesaz-site .magazine-featured h2 { font-size: 23px; }
    .ayandesaz-site .magazine-featured p { font-size: 13.5px; }
    .ayandesaz-site .magazine-featured__footer { margin-top: 14px; }
    .ayandesaz-site .magazine-index { padding-bottom: 54px; }
    .ayandesaz-site .magazine-index__head h2 { font-size: 23px; }
    .ayandesaz-site .blog-stream-card { grid-template-columns: 112px minmax(0,1fr); gap: 16px; min-height: 132px; padding: 18px 0; }
    .ayandesaz-site .blog-stream-media { border-radius: 10px; }
    .ayandesaz-site .blog-stream-meta { gap: 4px 8px; }
    .ayandesaz-site .blog-stream-meta > span:first-of-type { display: none; }
    .ayandesaz-site .blog-stream-meta > * + *::before { margin-left: 8px; }
    .ayandesaz-site .blog-stream-card h2 { margin: 4px 0; font-size: 17px; line-height: 1.62; }
    .ayandesaz-site .blog-stream-card p { display: none; }
    .ayandesaz-site .blog-stream-link { min-height: 32px; margin-top: 2px; font-size: 12px; }
    .ayandesaz-site .blog-header { width: calc(100% - 32px); padding: 32px 0 21px; }
    .ayandesaz-site .blog-header h1 { max-width: 100%; font-size: clamp(26px,7vw,32px); }
    .ayandesaz-site .blog-deck { font-size: 14.5px; }
    .ayandesaz-site .blog-byline { align-items: flex-start; gap: 12px; }
    .ayandesaz-site .share-button { min-width: 44px; padding-inline: 11px; }
    .ayandesaz-site .blog-featured { width: calc(100% - 24px); }
    .ayandesaz-site .blog-featured img { border-radius: 12px; }
    .ayandesaz-site .blog-layout { width: calc(100% - 32px); padding-block: 28px 42px; }
    .ayandesaz-site .blog-prose { font-size: 16.5px; line-height: 1.98; }
    .ayandesaz-site .blog-prose > p:first-of-type { font-size: 17px; }
    .ayandesaz-site .blog-prose h2 { font-size: clamp(22px,5.7vw,25px); }
    .ayandesaz-site .blog-prose h3 { font-size: 19px; }
    .ayandesaz-site .blog-prose blockquote { margin: 1.5em 0; padding: 7px 16px 7px 0; font-size: 16px; }
    .ayandesaz-site .blog-prose pre { padding: 14px; font-size: 12.5px; }
    .ayandesaz-site .blog-prose .post-navigation .nav-links { grid-template-columns: 1fr; gap: 8px; }
    .ayandesaz-site .article-tags { gap: 10px 14px; }
  }


  /* Article cards keep the same visual language while becoming compact on phones. */
  @media (max-width: 620px) {
    .ayandesaz-site .article-grid:not(.ay-scroll-rail) { gap: 16px; }
    .ayandesaz-site .article-card { display: grid; grid-template-columns: 126px minmax(0,1fr); grid-template-areas: "media body"; min-height: 142px; }
    .ayandesaz-site .article-card .article-art { grid-area: media; height: 100%; min-height: 142px; aspect-ratio: auto; }
    .ayandesaz-site .article-card__body { grid-area: body; padding: 13px 14px 12px; }
    .ayandesaz-site .article-card__meta { gap: 7px; font-size: 12px; }
    .ayandesaz-site .article-card h3 { margin: 7px 0 5px; font-size: 16.5px; }
    .ayandesaz-site .article-card p { -webkit-line-clamp: 1; font-size: 13px; line-height: 1.75; }
    .ayandesaz-site .article-card__footer { padding-top: 9px; font-size: 12px; }
    .ayandesaz-site .article-card__footer time { display: none; }
    .ayandesaz-site .article-card .card-read-more { min-height: 34px; font-size: 12px; }
    .ayandesaz-site .article-grid.ay-scroll-rail .article-card { grid-template-columns: 126px minmax(0,1fr); }
  }

  @media (max-width: 390px) {
    .ayandesaz-site .article-card { grid-template-columns: 104px minmax(0,1fr); min-height: 124px; }
    .ayandesaz-site .article-card .article-art { min-height: 124px; }
    .ayandesaz-site .article-card__body { padding: 11px 12px 10px; }
    .ayandesaz-site .article-card h3 { font-size: 15.5px; }
    .ayandesaz-site .article-card p { display: none; }
    .ayandesaz-site .course-card-footer { align-items: flex-start; flex-direction: column; gap: 8px; }
    .ayandesaz-site .catalog-cta { min-height: 38px; }
    .ayandesaz-site .course-facts { grid-template-columns: 1fr 1fr; }
    .ayandesaz-site .blog-stream-card { grid-template-columns: 96px minmax(0,1fr); gap: 13px; }
    .ayandesaz-site .blog-stream-meta span:last-child { display: none; }
    .ayandesaz-site .blog-byline { flex-wrap: wrap; }
  }

  @media (hover: none), (pointer: coarse) {
    .ayandesaz-site .ay-scroll-button { display: none !important; }
    .ayandesaz-site :where(.catalog-card,.article-card):hover { transform: none; box-shadow: var(--ay-shadow-sm); }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .ayandesaz-site *, .ayandesaz-site *::before, .ayandesaz-site *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  }

  @media print {
    .ayandesaz-site .header,
    .ayandesaz-site .footer,
    .ayandesaz-site .share-button,
    .ayandesaz-site .reading-progress,
    .ayandesaz-site .article-toc-mobile,
    .ayandesaz-site .blog-related,
    .ayandesaz-site .comments-area,
    .ayandesaz-site .course-jump-nav { display: none !important; }
    .ayandesaz-site { background: #fff !important; color: #000 !important; }
    .ayandesaz-site .blog-layout,
    .ayandesaz-site .blog-layout--no-toc,
    .ayandesaz-site .course-flow { display: block; width: 100%; }
    .ayandesaz-site .blog-prose { color: #000; font-size: 11pt; line-height: 1.6; }
    .ayandesaz-site a { color: #000; text-decoration: underline; }
  }
}

@layer ayandesaz.redesign {
  :root {
    --ay-primary: #102f46;
    --ay-accent: #ff6b4a;
    --ay-teal: #0f8f88;
    --ay-canvas: #f6f4ed;
    --ay-surface: #fffefa;
    --ay-copy: #4d6472;
    --ay-muted: #728590;
    --ay-line: rgba(16,47,70,.11);
    --ay-line-strong: rgba(16,47,70,.18);
    --ay-shadow-sm: 0 8px 28px rgba(16,47,70,.065);
    --ay-shadow-md: 0 24px 70px rgba(16,47,70,.11);
    --ay-radius-sm: 14px;
    --ay-radius-md: 20px;
    --ay-radius-lg: 30px;
    --ay-section: clamp(68px,8vw,112px);
  }

  .ayandesaz-site {
    background: var(--ay-canvas);
    color: var(--ay-primary);
  }

  .ayandesaz-site main {
    background:
      radial-gradient(circle at 92% 9%, rgba(15,143,136,.08), transparent 27rem),
      radial-gradient(circle at 4% 25%, rgba(255,107,74,.07), transparent 30rem),
      var(--ay-canvas);
  }

  .ayandesaz-site :where(h1,h2,h3,h4,h5,h6) {
    max-width: none;
    white-space: normal !important;
    text-wrap: balance !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word;
  }

  .ayandesaz-site .is-title-truncated {
    white-space: normal !important;
    text-overflow: clip !important;
  }

  .ayandesaz-site .eyebrow {
    gap: 8px;
    color: var(--ay-teal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
  }

  .ayandesaz-site .eyebrow::before {
    content: "";
    width: 22px;
    height: 2px;
    border-radius: 99px;
    background: var(--ay-accent);
  }

  .ayandesaz-site .pill {
    min-height: 48px;
    padding-inline: 22px;
    border: 0;
    border-radius: 14px;
    background: var(--ay-primary);
    color: #fff;
    box-shadow: 0 12px 28px rgba(16,47,70,.16);
    font-weight: 700;
  }

  .ayandesaz-site .pill:hover {
    transform: translateY(-2px);
    background: #0b273a;
    box-shadow: 0 16px 34px rgba(16,47,70,.2);
  }

  /* Cohesive header */
  .ayandesaz-site .header {
    width: min(1240px,calc(100% - 32px));
    min-height: 72px;
    margin: 12px auto 0;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 18px;
    background: rgba(255,254,250,.88);
    box-shadow: 0 10px 34px rgba(16,47,70,.07);
    backdrop-filter: blur(18px);
  }

  .ayandesaz-site .brand-mark {
    background: linear-gradient(145deg,var(--ay-teal),#0a6e74);
    color: #fff;
    box-shadow: 0 8px 20px rgba(15,143,136,.2);
  }

  .ayandesaz-site .nav-list > li > a {
    position: relative;
    color: #29495b;
    font-size: 14px;
    font-weight: 600;
  }

  .ayandesaz-site .nav-list > li > a::after {
    content: "";
    position: absolute;
    right: 12px;
    left: 12px;
    bottom: 3px;
    height: 2px;
    border-radius: 99px;
    background: var(--ay-accent);
    transform: scaleX(0);
    transition: transform .2s ease;
  }

  .ayandesaz-site .nav-list > li > a:hover::after,
  .ayandesaz-site .nav-list > .current-menu-item > a::after { transform: scaleX(1); }

  /* Home hero */
  .ayandesaz-site .hero {
    isolation: isolate;
    grid-template-columns: minmax(0,.92fr) minmax(420px,1.08fr);
    gap: clamp(40px,6vw,80px);
    min-height: 610px;
    margin-top: 18px;
    padding: clamp(38px,5vw,68px);
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 34px;
    background:
      linear-gradient(135deg,rgba(255,254,250,.96),rgba(235,244,238,.9)),
      var(--ay-surface);
    box-shadow: var(--ay-shadow-md);
  }

  .ayandesaz-site .hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto auto -42px 8%;
    width: 170px;
    aspect-ratio: 1;
    border: 34px solid rgba(255,107,74,.1);
    border-radius: 50%;
  }

  .ayandesaz-site .hero-copy { align-self: center; }

  .ayandesaz-site .hero h1 {
    max-width: 13ch;
    margin: 12px 0 18px;
    font-size: clamp(40px,4.2vw,62px);
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -.02em;
  }

  .ayandesaz-site .hero h1 em {
    color: var(--ay-accent);
    text-decoration: none;
  }

  .ayandesaz-site .hero h1 em::after { display: none; }

  .ayandesaz-site .hero-copy > p {
    max-width: 53ch;
    color: #415d6c;
    font-size: 16px;
    line-height: 2;
  }

  .ayandesaz-site .hero-actions { margin-top: 28px; }

  .ayandesaz-site .hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    color: #47606f;
    font-size: 13px;
    font-weight: 600;
  }

  .ayandesaz-site .hero-highlights li { display: inline-flex; align-items: center; gap: 6px; }
  .ayandesaz-site .hero-highlights span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: rgba(15,143,136,.12); color: var(--ay-teal); font-size: 12px; }

  .ayandesaz-site .hero-visual {
    aspect-ratio: 1.12/1;
    border: 8px solid rgba(255,255,255,.86);
    border-radius: 28px;
    box-shadow: 0 28px 70px rgba(16,47,70,.18);
  }

  .ayandesaz-site .hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg,transparent 45%,rgba(10,35,50,.18));
  }

  .ayandesaz-site .hero-float {
    position: absolute;
    z-index: 2;
    display: grid;
    min-width: 142px;
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 15px;
    background: rgba(255,254,250,.9);
    color: var(--ay-primary);
    box-shadow: var(--ay-shadow-sm);
    backdrop-filter: blur(12px);
  }

  .ayandesaz-site .hero-float b { font-size: 13px; }
  .ayandesaz-site .hero-float small { color: var(--ay-copy); font-size: 12px; }
  .ayandesaz-site .hero-float--top { top: 22px; right: 22px; }
  .ayandesaz-site .hero-float--side { left: 18px; bottom: 86px; }
  .ayandesaz-site .hero-visual figcaption { z-index: 2; right: 18px; left: 18px; bottom: 16px; border-radius: 14px; }

  .ayandesaz-site .skill-line {
    gap: 10px;
    padding-block: 30px 0;
  }

  .ayandesaz-site .skill-line span {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding-inline: 15px;
    border: 1px solid var(--ay-line);
    border-radius: 99px;
    background: rgba(255,254,250,.62);
    color: #526977;
    font-size: 12px;
    font-weight: 600;
  }

  /* Shared section rhythm */
  .ayandesaz-site :where(.path-section,.home-articles) { padding-block: var(--ay-section); }
  .ayandesaz-site .section-intro,.ayandesaz-site .section-head { align-items: end; gap: 30px; margin-bottom: 30px; }
  .ayandesaz-site :where(.section-intro,.section-head) h2 { max-width: 18ch; margin: 8px 0 0; font-size: clamp(27px,3vw,40px); line-height: 1.35; }
  .ayandesaz-site :where(.section-intro,.section-head) h2 em { color: var(--ay-accent); }
  .ayandesaz-site .section-intro > p { max-width: 48ch; color: var(--ay-copy); line-height: 1.95; }

  /* Course system inspired by dense marketplace cards, translated to Ayandesaz. */
  .ayandesaz-site .course-grid,
  .ayandesaz-site .catalog-grid { gap: 22px; }

  .ayandesaz-site .catalog-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(16,47,70,.1);
    border-radius: 22px;
    background: rgba(255,254,250,.96);
    box-shadow: 0 8px 30px rgba(16,47,70,.045);
  }

  .ayandesaz-site .catalog-card:hover {
    transform: translateY(-5px);
    border-color: rgba(15,143,136,.24);
    box-shadow: 0 22px 54px rgba(16,47,70,.11);
  }

  .ayandesaz-site .catalog-cover {
    aspect-ratio: 16/10;
    margin: 10px 10px 0;
    overflow: hidden;
    border-radius: 15px;
  }

  .ayandesaz-site .catalog-cover::after {
    content: "";
    position: absolute;
    inset: 55% 0 0;
    background: linear-gradient(180deg,transparent,rgba(9,29,42,.2));
  }

  .ayandesaz-site .course-status {
    z-index: 2;
    top: 12px;
    right: 12px;
    min-height: 28px;
    padding-inline: 10px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 99px;
    background: rgba(255,254,250,.9);
    color: var(--ay-primary);
    font-size: 12px;
    backdrop-filter: blur(10px);
  }

  .ayandesaz-site .catalog-content { flex: 1; padding: 18px 18px 16px; }
  .ayandesaz-site .course-card-kicker { gap: 7px; margin-bottom: 9px; }
  .ayandesaz-site .course-card-kicker span { padding: 4px 9px; border-radius: 99px; background: #edf5f1; color: #32645f; font-size: 12px; font-weight: 600; }

  .ayandesaz-site .catalog-content h2 {
    display: -webkit-box;
    min-height: 3.2em;
    margin: 0 0 8px;
    overflow: hidden !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .ayandesaz-site .catalog-content > p:not(.course-card-instructor) {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ay-copy);
    font-size: 13px;
    line-height: 1.8;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .ayandesaz-site .course-card-instructor { color: #5d727d; font-size: 12px; }
  .ayandesaz-site .course-card-instructor span { color: var(--ay-accent); }
  .ayandesaz-site .catalog-meta { gap: 7px; margin-top: 12px; }
  .ayandesaz-site .catalog-meta span { min-height: 27px; display: inline-flex; align-items: center; padding-inline: 9px; border-radius: 99px; background: #f2f4f2; color: #61747d; font-size: 12px; }

  .ayandesaz-site .course-card-footer {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid var(--ay-line);
  }

  .ayandesaz-site .course-card-price b { color: var(--ay-primary); font-size: 15px; }
  .ayandesaz-site .catalog-cta { min-height: 38px; gap: 8px; padding-inline: 12px; border-radius: 11px; background: rgba(15,143,136,.1); color: #0a6f6a; font-size: 12px; font-weight: 700; }
  .ayandesaz-site .catalog-cta:hover { background: var(--ay-teal); color: #fff; }

  /* Course archive */
  .ayandesaz-site .course-discovery-hero {
    margin-top: -84px;
    padding: 156px 0 72px;
    background:
      radial-gradient(circle at 82% 20%,rgba(255,107,74,.15),transparent 18rem),
      radial-gradient(circle at 16% 12%,rgba(15,143,136,.13),transparent 22rem),
      linear-gradient(180deg,#edf5ef 0%,rgba(246,244,237,.3) 100%);
  }

  .ayandesaz-site .course-discovery-hero__inner { max-width: 850px; }
  .ayandesaz-site .course-discovery-hero h1 { margin: 8px auto 12px; font-size: clamp(36px,4vw,54px); font-weight: 800; }
  .ayandesaz-site .course-discovery-hero .courses-hero__lead { max-width: 67ch; font-size: 16px; }

  .ayandesaz-site .course-search {
    max-width: 670px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin: 28px auto 0;
    padding: 7px;
    border: 1px solid rgba(16,47,70,.1);
    border-radius: 17px;
    background: rgba(255,254,250,.93);
    box-shadow: 0 16px 42px rgba(16,47,70,.08);
  }

  .ayandesaz-site .course-search input[type="search"] { min-width: 0; min-height: 46px; padding: 0 14px; border: 0; background: transparent; color: var(--ay-primary); outline: 0; }
  .ayandesaz-site .course-search button { min-height: 46px; display: inline-flex; align-items: center; gap: 8px; padding-inline: 19px; border: 0; border-radius: 12px; background: var(--ay-primary); color: #fff; font-weight: 700; cursor: pointer; }

  .ayandesaz-site .course-discovery { padding-block: 42px 84px; }
  .ayandesaz-site .course-discovery-toolbar { margin-bottom: 25px; padding: 14px 16px; border: 1px solid var(--ay-line); border-radius: 17px; background: rgba(255,254,250,.75); }
  .ayandesaz-site .filter-row a { min-height: 38px; padding-inline: 14px; border-radius: 99px; }
  .ayandesaz-site .filter-row a.selected { border-color: var(--ay-primary); background: var(--ay-primary); color: #fff; }
  .ayandesaz-site .course-catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

  /* Single course */
  .ayandesaz-site .course-detail-hero { padding: 48px 0 54px; }
  .ayandesaz-site .detail-grid { grid-template-columns: minmax(0,1fr) minmax(350px,400px); gap: clamp(42px,6vw,86px); }
  .ayandesaz-site .detail-copy { padding-top: 10px; }
  .ayandesaz-site .breadcrumbs { margin-bottom: 24px; color: var(--ay-muted); font-size: 12px; }
  .ayandesaz-site .badges span,.ayandesaz-site .feature-chips span,.ayandesaz-site .feature-chips a { border: 0; background: #eaf3ee; color: #2b625c; }
  .ayandesaz-site .detail-copy h1 { max-width: 15ch; margin: 14px 0 16px; font-size: clamp(36px,4vw,54px); font-weight: 800; line-height: 1.32; }
  .ayandesaz-site .detail-copy > p { max-width: 57ch; color: #405b6a; font-size: 16px; line-height: 2; }
  .ayandesaz-site .teacher { margin-top: 24px; padding: 14px; border: 1px solid var(--ay-line); border-radius: 16px; background: rgba(255,254,250,.7); }
  .ayandesaz-site .course-facts { gap: 10px; margin-top: 24px; }
  .ayandesaz-site .course-facts div { border: 1px solid var(--ay-line); border-radius: 14px; background: rgba(255,254,250,.72); }

  .ayandesaz-site .enroll-card {
    position: sticky;
    top: calc(var(--ay-admin-offset) + 94px);
    overflow: hidden;
    border: 1px solid rgba(16,47,70,.11);
    border-radius: 24px;
    background: var(--ay-surface);
    box-shadow: 0 24px 70px rgba(16,47,70,.13);
  }

  .ayandesaz-site .enroll-cover { margin: 10px; border-radius: 16px; }
  .ayandesaz-site .enroll-body { padding: 15px 20px 22px; }
  .ayandesaz-site .enroll-body .pill { width: 100%; background: var(--ay-teal); box-shadow: 0 12px 25px rgba(15,143,136,.19); }
  .ayandesaz-site .enroll-body .pill:hover { background: #0a756f; }
  .ayandesaz-site .price b { font-size: 22px; }

  .ayandesaz-site .course-anchor-bar { border-block: 1px solid var(--ay-line); background: rgba(255,254,250,.9); box-shadow: 0 8px 26px rgba(16,47,70,.05); }
  .ayandesaz-site .course-jump-nav a { min-height: 52px; padding-inline: 16px; color: #5b707c; font-size: 13px; font-weight: 600; }
  .ayandesaz-site .course-jump-nav a.is-active { color: var(--ay-primary); }
  .ayandesaz-site .course-jump-nav a.is-active::after { height: 3px; background: var(--ay-accent); }

  .ayandesaz-site .course-flow { width: min(1060px,calc(100% - (2 * var(--ay-gutter)))); }
  .ayandesaz-site .course-section { grid-template-columns: 230px minmax(0,1fr); gap: clamp(36px,6vw,78px); padding: 56px 0; }
  .ayandesaz-site .course-section__heading h2 { font-size: clamp(25px,2.4vw,34px); }
  .ayandesaz-site :where(.outcome-grid,.fit-grid) > * { border: 1px solid var(--ay-line); border-radius: 17px; background: rgba(255,254,250,.76); }
  .ayandesaz-site .curriculum-list details,.ayandesaz-site .faq-list details { margin-bottom: 10px; border: 1px solid var(--ay-line); border-radius: 15px; background: rgba(255,254,250,.8); }
  .ayandesaz-site :where(.curriculum-list,.faq-list) summary { min-height: 62px; padding: 15px 18px; cursor: pointer; }

  /* Magazine archive */
  .ayandesaz-site .magazine-hero { margin-top: -84px; padding: 156px 0 0; background: linear-gradient(180deg,#eef5ef 0%,rgba(246,244,237,0) 100%); }
  .ayandesaz-site .magazine-hero h1 { margin: 8px auto 12px; font-size: clamp(36px,4vw,52px); font-weight: 800; }
  .ayandesaz-site .magazine-hero p { font-size: 16px; }
  .ayandesaz-site .magazine-topics { gap: 8px; border-bottom: 0; }
  .ayandesaz-site .magazine-topics a { min-height: 38px; padding-inline: 14px; border: 1px solid var(--ay-line); border-radius: 99px; background: rgba(255,254,250,.66); }
  .ayandesaz-site .magazine-topics a:hover,.ayandesaz-site .magazine-topics a.selected { border-color: var(--ay-primary); background: var(--ay-primary); color: #fff; }

  .ayandesaz-site .magazine-featured-wrap { padding-block: 32px 68px; }
  .ayandesaz-site .magazine-featured { grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); min-height: 440px; border: 1px solid rgba(16,47,70,.08); border-radius: 26px; background: var(--ay-surface); box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .magazine-featured__copy { padding: clamp(30px,4.5vw,58px); }
  .ayandesaz-site .magazine-featured h2 { margin: 12px 0; font-size: clamp(27px,2.7vw,38px); line-height: 1.45; }

  .ayandesaz-site .magazine-index { padding-bottom: 92px; }
  .ayandesaz-site .magazine-index__head { padding-bottom: 22px; }
  .ayandesaz-site .magazine-index__head h2 { font-size: clamp(25px,2.5vw,34px); }
  .ayandesaz-site .magazine-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 28px; }

  .ayandesaz-site .article-card {
    min-height: 100%;
    overflow: hidden;
    border: 1px solid var(--ay-line);
    border-radius: 21px;
    background: rgba(255,254,250,.92);
    box-shadow: 0 8px 28px rgba(16,47,70,.045);
  }

  .ayandesaz-site .article-art { margin: 9px 9px 0; border-radius: 14px; }
  .ayandesaz-site .article-card__body { padding: 17px 18px 18px; }
  .ayandesaz-site .article-card h3 { display: -webkit-box; min-height: 3.25em; margin: 10px 0 8px; overflow: hidden !important; font-size: 18px; font-weight: 700; line-height: 1.62; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .ayandesaz-site .article-card p { font-size: 13px; line-height: 1.9; }
  .ayandesaz-site .article-card__footer { padding-top: 15px; border-top: 1px solid var(--ay-line); }

  /* Single article: stable editorial measure and robust content blocks. */
  .ayandesaz-site .reading-progress { height: 3px; background: transparent; }
  .ayandesaz-site .reading-progress i { background: linear-gradient(90deg,var(--ay-teal),var(--ay-accent)); }
  .ayandesaz-site .blog-header { width: min(900px,calc(100% - (2 * var(--ay-gutter)))); padding: 62px 0 34px; text-align: center; }
  .ayandesaz-site .blog-breadcrumb { justify-content: center; }
  .ayandesaz-site .blog-header h1 { max-width: 18ch; margin: 14px auto; font-size: clamp(36px,4.5vw,58px); font-weight: 800; line-height: 1.38; }
  .ayandesaz-site .blog-deck { max-width: 62ch; margin-inline: auto; color: #425e6c; font-size: 17px; line-height: 2; }
  .ayandesaz-site .blog-byline { max-width: 690px; margin: 25px auto 0; padding-top: 18px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .blog-featured { width: min(1120px,calc(100% - (2 * var(--ay-gutter)))); overflow: hidden; border-radius: 26px; box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .blog-featured img { aspect-ratio: 16/8.5; object-fit: cover; }

  .ayandesaz-site .blog-layout { grid-template-columns: 220px minmax(0,760px); gap: clamp(44px,6vw,86px); width: min(1060px,calc(100% - (2 * var(--ay-gutter)))); padding-block: 58px 82px; }
  .ayandesaz-site .blog-layout--no-toc { width: min(760px,calc(100% - (2 * var(--ay-gutter)))); }
  .ayandesaz-site .blog-sidebar__inner { top: calc(var(--ay-admin-offset) + 108px); padding: 18px; border: 1px solid var(--ay-line); border-radius: 17px; background: rgba(255,254,250,.76); }
  .ayandesaz-site .article-toc nav a { padding: 7px 10px; border-right: 2px solid transparent; color: #667a84; font-size: 12px; line-height: 1.7; }
  .ayandesaz-site .article-toc nav a.is-active { border-right-color: var(--ay-accent); background: rgba(255,107,74,.06); color: var(--ay-primary); }

  .ayandesaz-site .blog-prose { color: #243f50; font-size: 17px; line-height: 2.18; }
  .ayandesaz-site .blog-prose > :first-child { margin-top: 0; }
  .ayandesaz-site .blog-prose :where(h2,h3,h4) { scroll-margin-top: calc(var(--ay-admin-offset) + 110px); color: var(--ay-primary); }
  .ayandesaz-site .blog-prose h2 { margin: 2.3em 0 .7em; padding-top: .7em; border-top: 1px solid var(--ay-line); font-size: clamp(25px,2.5vw,33px); font-weight: 800; line-height: 1.55; }
  .ayandesaz-site .blog-prose h3 { margin: 1.9em 0 .6em; font-size: clamp(21px,2vw,26px); line-height: 1.6; }
  .ayandesaz-site .blog-prose p { margin: 0 0 1.35em; }
  .ayandesaz-site .blog-prose :where(ul,ol) { margin: 1.2em 0 1.6em; padding-right: 1.35em; }
  .ayandesaz-site .blog-prose li { margin-bottom: .5em; }
  .ayandesaz-site .blog-prose blockquote { margin: 2em 0; padding: 22px 24px; border: 0; border-right: 4px solid var(--ay-accent); border-radius: 14px; background: #fff7f1; color: #29485a; font-size: 18px; }
  .ayandesaz-site .blog-prose :where(figure,.wp-block-image,.wp-block-gallery) { margin-block: 2em; }
  .ayandesaz-site .blog-prose img { border-radius: 17px; }
  .ayandesaz-site .blog-prose pre { border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: #0c2a3c; }
  .ayandesaz-site .blog-prose :where(th,td) { padding: 13px; }

  /* Footer remains one system, not a separate black slab. */
  .ayandesaz-site .footer { margin: 0 16px 16px; overflow: hidden; border-radius: 28px; background: #102f46; color: rgba(255,255,255,.76); }
  .ayandesaz-site .footer-top { gap: clamp(30px,5vw,76px); padding: clamp(46px,6vw,76px); }
  .ayandesaz-site .footer-top b { color: #fff; }
  .ayandesaz-site .footer a { color: rgba(255,255,255,.78); }
  .ayandesaz-site .footer a:hover { color: #fff; }
  .ayandesaz-site .newsletter { padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.06); }
  .ayandesaz-site .footer-bottom { border-top-color: rgba(255,255,255,.12); }

  @media (max-width: 1100px) {
    .ayandesaz-site .hero { grid-template-columns: minmax(0,.9fr) minmax(390px,1.1fr); gap: 36px; padding: 42px; }
    .ayandesaz-site .hero h1 { font-size: clamp(38px,4.6vw,52px); }
    .ayandesaz-site .course-catalog-grid,.ayandesaz-site .magazine-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }

  @media (max-width: 900px) {
    .ayandesaz-site .header { width: calc(100% - 24px); margin-top: 8px; }
    .ayandesaz-site .nav { border-radius: 0 0 18px 18px; background: rgba(255,254,250,.98); }
    .ayandesaz-site .hero { grid-template-columns: 1fr; width: calc(100% - 28px); min-height: 0; }
    .ayandesaz-site .hero h1 { max-width: 14ch; }
    .ayandesaz-site .hero-visual { aspect-ratio: 16/10; }
    .ayandesaz-site .detail-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .enroll-card { position: static; width: min(580px,100%); }
    .ayandesaz-site .magazine-featured { grid-template-columns: 1fr; grid-template-areas: "media" "copy"; }
    .ayandesaz-site .magazine-featured__media { aspect-ratio: 16/9; }
    .ayandesaz-site .blog-layout { grid-template-columns: minmax(0,760px); }
    .ayandesaz-site .blog-header { padding-top: 48px; }
  }

  @media (max-width: 782px) {
    .ayandesaz-site .hero { gap: 28px; padding: 32px; border-radius: 26px; }
    .ayandesaz-site .hero h1 { font-size: clamp(34px,7vw,45px); }
    .ayandesaz-site .section-intro,.ayandesaz-site .section-head { align-items: start; flex-direction: column; }
    .ayandesaz-site .course-discovery-hero,.ayandesaz-site .magazine-hero { margin-top: -78px; padding-top: 132px; }
    .ayandesaz-site .course-section { display: block; padding: 42px 0; }
    .ayandesaz-site .course-section__heading { margin-bottom: 22px; }
    .ayandesaz-site .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }

  @media (max-width: 620px) {
    :root { --ay-gutter: 16px; --ay-section: 62px; }
    .ayandesaz-site .header { min-height: 64px; padding-inline: 12px; border-radius: 15px; }
    .ayandesaz-site .brand small { display: none; }
    .ayandesaz-site .hero { width: calc(100% - 16px); margin-top: 8px; padding: 28px 20px 20px; }
    .ayandesaz-site .hero h1 { max-width: 13ch; margin-block: 10px 14px; font-size: clamp(31px,9vw,40px); line-height: 1.35; }
    .ayandesaz-site .hero-copy > p { font-size: 14px; }
    .ayandesaz-site .hero-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .ayandesaz-site .hero-visual { aspect-ratio: 4/3; border-width: 5px; border-radius: 20px; }
    .ayandesaz-site .hero-float { min-width: 120px; padding: 8px 10px; }
    .ayandesaz-site .hero-float--top { top: 12px; right: 12px; }
    .ayandesaz-site .hero-float--side { display: none; }
    .ayandesaz-site .hero-visual figcaption { right: 8px; left: 8px; bottom: 8px; }
    .ayandesaz-site .skill-line { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
    .ayandesaz-site :where(.section-intro,.section-head) h2 { font-size: 29px; }
    .ayandesaz-site .course-catalog-grid,.ayandesaz-site .magazine-card-grid { grid-template-columns: 1fr; gap: 16px; }
    .ayandesaz-site .catalog-cover { aspect-ratio: 16/9.5; }
    .ayandesaz-site .course-search { grid-template-columns: 1fr; }
    .ayandesaz-site .course-search button { justify-content: center; }
    .ayandesaz-site .course-discovery-toolbar { padding: 12px; }
    .ayandesaz-site .course-category-nav { flex-wrap: nowrap; overflow-x: auto; }
    .ayandesaz-site .detail-copy h1 { font-size: clamp(32px,9vw,42px); }
    .ayandesaz-site .detail-copy > p { font-size: 14px; }
    .ayandesaz-site .course-facts { grid-template-columns: 1fr 1fr; }
    .ayandesaz-site .course-anchor-bar { top: calc(var(--ay-admin-offset) + 72px); }
    .ayandesaz-site .course-jump-nav { overflow-x: auto; flex-wrap: nowrap; }
    .ayandesaz-site .course-jump-nav a { flex: 0 0 auto; }
    .ayandesaz-site .magazine-featured { min-height: 0; border-radius: 18px; }
    .ayandesaz-site .magazine-featured__copy { padding: 22px 20px 25px; }
    .ayandesaz-site .magazine-featured h2 { font-size: 25px; }
    .ayandesaz-site .blog-header { padding: 40px 0 26px; text-align: right; }
    .ayandesaz-site .blog-breadcrumb { justify-content: flex-start; }
    .ayandesaz-site .blog-header h1 { max-width: none; margin-inline: 0; font-size: clamp(31px,9vw,40px); }
    .ayandesaz-site .blog-deck { font-size: 15px; }
    .ayandesaz-site .blog-featured { width: calc(100% - 20px); border-radius: 17px; }
    .ayandesaz-site .blog-featured img { aspect-ratio: 4/3; }
    .ayandesaz-site .blog-layout { width: calc(100% - 32px); padding-block: 34px 60px; }
    .ayandesaz-site .blog-prose { font-size: 16px; line-height: 2.05; }
    .ayandesaz-site .blog-prose h2 { font-size: 25px; }
    .ayandesaz-site .blog-prose blockquote { padding: 18px; font-size: 16px; }
    .ayandesaz-site .footer { margin: 0 8px 8px; border-radius: 22px; }
    .ayandesaz-site .footer-top { grid-template-columns: 1fr; padding: 38px 24px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ayandesaz-site * { scroll-behavior: auto !important; }
    .ayandesaz-site :where(.catalog-card,.article-card,.pill) { transition: none !important; }
  }

  @media print {
    .ayandesaz-site .header,.ayandesaz-site .footer,.ayandesaz-site .reading-progress,.ayandesaz-site .blog-sidebar,.ayandesaz-site .blog-share,.ayandesaz-site .blog-related { display: none !important; }
    .ayandesaz-site main,.ayandesaz-site .blog-layout { display: block; width: 100%; background: #fff; }
    .ayandesaz-site .blog-prose { color: #000; font-size: 11pt; }
  }
}

@layer ayandesaz.aiforall {
  :root {
    --ay-primary: #4c2ca4;
    --ay-accent: #15a694;
    --ay-accent-strong: #0d7f72;
    --ay-on-accent: #ffffff;
    --ay-canvas: #f7f7fc;
    --ay-surface: #ffffff;
    --ay-ink: #20183d;
    --ay-copy: #526074;
    --ay-muted: #738096;
    --ay-violet-soft: #eeeaff;
    --ay-mint-soft: #e6f8f4;
    --ay-sun: #f5b942;
    --ay-sun-soft: #fff4ce;
    --ay-coral: #f47b65;
    --ay-line: rgba(54, 38, 103, .11);
    --ay-line-strong: rgba(54, 38, 103, .2);
    --ay-shadow-sm: 0 8px 24px rgba(50, 35, 92, .07);
    --ay-shadow-md: 0 20px 54px rgba(50, 35, 92, .1);
    --ay-shadow-lg: 0 32px 90px rgba(50, 35, 92, .14);
    --ay-radius-xs: 10px;
    --ay-radius-sm: 14px;
    --ay-radius-md: 22px;
    --ay-radius-lg: 32px;
    --ay-section: clamp(72px, 8vw, 116px);
    --ay-gutter: clamp(16px, 3vw, 32px);
    --ay-reading: 720px;
  }

  html { scroll-padding-top: 104px; }

  .ayandesaz-site {
    overflow-x: clip;
    background: var(--ay-canvas);
    color: var(--ay-ink);
    font-variant-numeric: tabular-nums;
  }

  .ayandesaz-site main {
    min-height: 64vh;
    background:
      radial-gradient(circle at 100% 0, rgba(76, 44, 164, .08), transparent 27rem),
      radial-gradient(circle at 0 22%, rgba(21, 166, 148, .07), transparent 30rem),
      var(--ay-canvas);
  }

  .ayandesaz-site .wrap,
  .ayandesaz-site .alignwide { width: min(1220px, calc(100% - (2 * var(--ay-gutter)))); }

  .ayandesaz-site :where(h1, h2, h3, h4, h5, h6) {
    color: var(--ay-ink);
    font-weight: 800;
    letter-spacing: -.012em;
    text-wrap: balance;
  }

  .ayandesaz-site :where(p, li) { text-wrap: pretty; }

  .ayandesaz-site :where(a, button, input, textarea, select, summary) {
    -webkit-tap-highlight-color: transparent;
  }

  .ayandesaz-site :where(a, button, summary) { cursor: pointer; }

  .ayandesaz-site :where(a, button, input, textarea, select, summary):focus-visible {
    outline: 3px solid rgba(76, 44, 164, .34);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px #fff;
  }

  .ayandesaz-site .ay-icon { width: 1.25em; height: 1.25em; flex: 0 0 auto; }

  .ayandesaz-site .eyebrow {
    min-height: 28px;
    gap: 9px;
    margin-bottom: 10px;
    color: var(--ay-primary);
    font-size: 12px;
    font-weight: 800;
  }

  .ayandesaz-site .eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ay-accent);
    box-shadow: 0 0 0 5px rgba(21, 166, 148, .12);
  }

  .ayandesaz-site .eyebrow i { display: none; }

  .ayandesaz-site .eyebrow.pale { color: #d9d0ff; }
  .ayandesaz-site .eyebrow.pale::before { background: #6fe2d4; box-shadow: 0 0 0 5px rgba(111, 226, 212, .13); }

  .ayandesaz-site .pill,
  .ayandesaz-site .wp-element-button,
  .ayandesaz-site .wp-block-button__link {
    min-height: 50px;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: var(--ay-primary);
    color: #fff;
    box-shadow: 0 12px 26px rgba(76, 44, 164, .18);
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  }

  .ayandesaz-site .pill:hover,
  .ayandesaz-site .wp-element-button:hover,
  .ayandesaz-site .wp-block-button__link:hover {
    transform: translateY(-2px);
    background: #3e2389;
    color: #fff;
    box-shadow: 0 18px 36px rgba(76, 44, 164, .24);
  }

  /* Header: calm, compact and trustworthy. */
  .ayandesaz-site .header {
    position: sticky;
    z-index: 100;
    top: calc(10px + var(--ay-admin-offset, 0px));
    width: min(1240px, calc(100% - 24px));
    min-height: 76px;
    margin: 10px auto 0;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 20px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 34px rgba(43, 31, 83, .08);
    backdrop-filter: blur(18px) saturate(140%);
  }

  .ayandesaz-site .brand { gap: 11px; color: var(--ay-ink); font-size: 15px; }
  .ayandesaz-site .brand small { color: var(--ay-copy); font-size: 12px; }

  .ayandesaz-site .brand-mark {
    width: 43px;
    height: 43px;
    border-radius: 14px 14px 14px 5px;
    background: linear-gradient(145deg, var(--ay-primary), #7253d5);
    color: #fff;
    box-shadow: 0 10px 24px rgba(76, 44, 164, .22);
    transform: none;
  }

  .ayandesaz-site .nav-list,
  .ayandesaz-site .menu-fallback { gap: 6px; }

  .ayandesaz-site .nav-list > li > a {
    min-height: 44px;
    padding: 0 13px;
    border-radius: 10px;
    color: #4c5870;
    font-size: 13px;
    font-weight: 700;
  }

  .ayandesaz-site .nav-list > li > a::after { display: none; }
  .ayandesaz-site .nav-list > li > a:hover,
  .ayandesaz-site .nav-list > .current-menu-item > a,
  .ayandesaz-site .nav-list > .current-menu-ancestor > a { background: var(--ay-violet-soft); color: var(--ay-primary); }

  .ayandesaz-site .sub-menu {
    min-width: 210px;
    padding: 8px;
    border: 1px solid var(--ay-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--ay-shadow-md);
  }

  .ayandesaz-site .sub-menu a { min-height: 44px; border-radius: 9px; }
  .ayandesaz-site .sub-menu a:hover { background: var(--ay-violet-soft); }

  .ayandesaz-site .ghost-link { min-height: 44px; display: inline-flex; align-items: center; padding-inline: 8px; color: var(--ay-copy); }
  .ayandesaz-site .pill.small { min-height: 44px; padding: 9px 17px; border-radius: 12px; }
  .ayandesaz-site .menu { border: 1px solid var(--ay-line); background: var(--ay-violet-soft); }
  .ayandesaz-site .menu-icon { position: relative; width: 20px; height: 16px; display: block; }
  .ayandesaz-site .menu-icon i { position: absolute; right: 0; width: 20px; height: 2px; border-radius: 99px; background: currentColor; transition: top .2s ease, transform .2s ease, opacity .2s ease; }
  .ayandesaz-site .menu-icon i:nth-child(1) { top: 0; }
  .ayandesaz-site .menu-icon i:nth-child(2) { top: 7px; }
  .ayandesaz-site .menu-icon i:nth-child(3) { top: 14px; }
  .ayandesaz-site .menu.is-open .menu-icon i:nth-child(1) { top: 7px; transform: rotate(45deg); }
  .ayandesaz-site .menu.is-open .menu-icon i:nth-child(2) { opacity: 0; }
  .ayandesaz-site .menu.is-open .menu-icon i:nth-child(3) { top: 7px; transform: rotate(-45deg); }

  /* Home hero: clear promise first, visual energy second. */
  .ayandesaz-site .hero {
    isolation: isolate;
    grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
    gap: clamp(42px, 6vw, 82px);
    min-height: 640px;
    margin-top: 20px;
    padding: clamp(40px, 5.2vw, 72px);
    border: 1px solid rgba(76, 44, 164, .1);
    border-radius: 34px;
    background:
      linear-gradient(128deg, rgba(255, 255, 255, .98), rgba(243, 240, 255, .9)),
      #fff;
    box-shadow: var(--ay-shadow-lg);
  }

  .ayandesaz-site .hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -80px;
    right: -80px;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(21, 166, 148, .16), rgba(21, 166, 148, 0) 68%);
  }

  .ayandesaz-site .hero::after {
    inset: auto auto -62px 8%;
    width: 190px;
    border: 40px solid rgba(245, 185, 66, .11);
  }

  .ayandesaz-site .hero-copy { position: relative; z-index: 2; }

  .ayandesaz-site .hero h1 {
    max-width: 12.5ch;
    margin: 10px 0 20px;
    color: var(--ay-ink);
    font-size: clamp(40px, 4.5vw, 66px);
    font-weight: 900;
    line-height: 1.27;
  }

  .ayandesaz-site .hero h1 em {
    position: relative;
    color: var(--ay-primary);
    white-space: nowrap;
  }

  .ayandesaz-site .hero h1 em::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: -.12em;
    width: 100%;
    height: 7px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--ay-accent), #7bd5c9);
    opacity: .32;
    transform: rotate(-1deg);
  }

  .ayandesaz-site .hero-copy > p { max-width: 56ch; color: #46556c; font-size: 16px; line-height: 2; }
  .ayandesaz-site .hero-actions { gap: 14px; margin-top: 30px; }

  .ayandesaz-site .play {
    min-height: 52px;
    gap: 11px;
    padding-inline: 8px 14px;
    border-radius: 14px;
    color: var(--ay-ink);
  }

  .ayandesaz-site .play b {
    width: 42px;
    height: 42px;
    background: var(--ay-mint-soft);
    color: var(--ay-accent-strong);
    box-shadow: inset 0 0 0 1px rgba(21, 166, 148, .15);
  }

  .ayandesaz-site .hero-highlights { gap: 10px 18px; margin-top: 26px; color: #4d5b70; }
  .ayandesaz-site .hero-highlights span { background: var(--ay-mint-soft); color: var(--ay-accent-strong); }

  .ayandesaz-site .hero-visual {
    aspect-ratio: 1.08 / 1;
    border: 7px solid rgba(255, 255, 255, .94);
    border-radius: 29px 29px 29px 10px;
    background: var(--ay-violet-soft);
    box-shadow: 0 28px 70px rgba(50, 35, 92, .2);
  }

  .ayandesaz-site .hero-visual img { object-position: center; }
  .ayandesaz-site .hero-visual::after { background: linear-gradient(180deg, transparent 50%, rgba(32, 24, 61, .22)); }

  .ayandesaz-site .hero-float {
    min-width: 148px;
    border: 1px solid rgba(76, 44, 164, .1);
    border-radius: 14px;
    background: rgba(255, 255, 255, .93);
    box-shadow: var(--ay-shadow-sm);
  }

  .ayandesaz-site .hero-float--top { top: 20px; right: 20px; }
  .ayandesaz-site .hero-float--side { left: 16px; bottom: 88px; }
  .ayandesaz-site .hero-visual figcaption { right: 14px; left: 14px; bottom: 14px; border: 1px solid rgba(255, 255, 255, .25); background: rgba(32, 24, 61, .74); backdrop-filter: blur(12px); }

  .ayandesaz-site .trust-row { border-color: var(--ay-line); background: #fff; }
  .ayandesaz-site .trust-mark { background: var(--ay-violet-soft); color: var(--ay-primary); }

  .ayandesaz-site .skill-line { justify-content: center; gap: 8px; padding-block: 28px 0; }
  .ayandesaz-site .skill-line span {
    min-height: 38px;
    padding: 6px 14px;
    border: 1px solid var(--ay-line);
    border-radius: 99px;
    background: rgba(255, 255, 255, .74);
    color: #536076;
    box-shadow: 0 3px 10px rgba(50, 35, 92, .03);
  }

  /* Shared section rhythm and cards. */
  .ayandesaz-site :where(.path-section, .home-articles > .wrap) { padding-block: var(--ay-section); }
  .ayandesaz-site :where(.section-intro, .section-head) { align-items: end; gap: 32px; margin-bottom: 32px; }
  .ayandesaz-site :where(.section-intro, .section-head) h2 { max-width: 19ch; font-size: clamp(28px, 3vw, 42px); line-height: 1.4; }
  .ayandesaz-site :where(.section-intro, .section-head) h2 em { color: var(--ay-primary); }
  .ayandesaz-site .section-intro > p { color: var(--ay-copy); line-height: 1.95; }

  .ayandesaz-site .course-grid,
  .ayandesaz-site .catalog-grid,
  .ayandesaz-site .article-grid { gap: 24px; }

  .ayandesaz-site .catalog-card,
  .ayandesaz-site .article-card {
    border: 1px solid var(--ay-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(50, 35, 92, .045);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }

  .ayandesaz-site .catalog-card:hover,
  .ayandesaz-site .article-card:hover {
    transform: translateY(-5px);
    border-color: rgba(76, 44, 164, .23);
    box-shadow: 0 24px 52px rgba(50, 35, 92, .11);
  }

  .ayandesaz-site .catalog-cover,
  .ayandesaz-site .article-art { position: relative; margin: 7px 7px 0; border-radius: 16px; }
  .ayandesaz-site .catalog-cover { aspect-ratio: 16 / 10; }
  .ayandesaz-site .article-art { aspect-ratio: 16 / 10.5; }

  .ayandesaz-site .catalog-cover::after,
  .ayandesaz-site .article-art::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 58%, rgba(32, 24, 61, .12));
  }

  .ayandesaz-site .catalog-cover.coral.no-image { background: linear-gradient(145deg, #ffe6df, #fff2ee); }
  .ayandesaz-site .catalog-cover.violet.no-image { background: linear-gradient(145deg, #ded5ff, #f0ecff); }
  .ayandesaz-site .catalog-cover.teal.no-image { background: linear-gradient(145deg, #cfeee8, #ebfaf7); }
  .ayandesaz-site .catalog-cover.yellow.no-image { background: linear-gradient(145deg, #ffe9a9, #fff5d3); }
  .ayandesaz-site .catalog-cover.blue.no-image { background: linear-gradient(145deg, #d8e8ff, #eef5ff); }
  .ayandesaz-site .catalog-cover.pink.no-image { background: linear-gradient(145deg, #f5d8ea, #fff0f8); }

  .ayandesaz-site .course-status {
    top: 12px;
    right: 12px;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 99px;
    background: rgba(255, 255, 255, .93);
    color: var(--ay-primary);
    box-shadow: 0 5px 16px rgba(50, 35, 92, .09);
  }

  .ayandesaz-site .catalog-content { padding: 18px 20px 18px; }
  .ayandesaz-site .course-card-kicker { gap: 7px; color: var(--ay-primary); }
  .ayandesaz-site .course-card-kicker span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 99px;
    background: var(--ay-violet-soft);
  }
  .ayandesaz-site .course-card-kicker span + span::before { display: none; }

  .ayandesaz-site .catalog-content h2 { margin: 12px 0 8px; font-size: 19px; line-height: 1.55; }
  .ayandesaz-site .catalog-content > p:not(.course-card-instructor) { min-height: 3.8em; color: var(--ay-copy); line-height: 1.9; }
  .ayandesaz-site .course-card-instructor span { background: var(--ay-accent); }

  .ayandesaz-site .catalog-meta { gap: 7px; }
  .ayandesaz-site .catalog-meta span {
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid var(--ay-line);
    border-radius: 9px;
    background: #fafafe;
  }
  .ayandesaz-site .catalog-meta span + span::before { display: none; }
  .ayandesaz-site .course-card-footer { align-items: center; margin-top: 16px; padding-top: 14px; }
  .ayandesaz-site .course-card-price b { color: var(--ay-ink); font-size: 14px; }

  .ayandesaz-site .catalog-cta {
    min-height: 44px;
    padding: 6px 12px;
    border-radius: 11px;
    background: var(--ay-violet-soft);
    color: var(--ay-primary);
  }
  .ayandesaz-site .catalog-cta i { background: var(--ay-primary); color: #fff; }
  .ayandesaz-site .catalog-cta:hover { background: #e5ddff; }
  .ayandesaz-site .catalog-cta:hover i { background: #3e2389; }

  /* Home manifesto and articles. */
  .ayandesaz-site .manifesto {
    margin-inline: 12px;
    padding-block: var(--ay-section);
    border-radius: 36px;
    background:
      radial-gradient(circle at 12% 16%, rgba(111, 226, 212, .14), transparent 25rem),
      linear-gradient(135deg, #26165c, #4c2ca4 74%);
    box-shadow: 0 26px 68px rgba(45, 27, 105, .2);
  }

  .ayandesaz-site .manifest-grid { gap: clamp(52px, 8vw, 110px); }
  .ayandesaz-site .manifest-copy h2 { color: #fff; font-size: clamp(30px, 3.3vw, 44px); }
  .ayandesaz-site .manifest-copy h2 em { color: #8be7db; }
  .ayandesaz-site .manifest-copy > p { color: #ded8f3; }
  .ayandesaz-site .manifest-copy li { border-color: rgba(255, 255, 255, .14); }
  .ayandesaz-site .manifest-copy li b { color: #fff; }
  .ayandesaz-site .manifest-copy li p { color: #cec7e8; }
  .ayandesaz-site .manifest-art { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .065); }
  .ayandesaz-site .brand-seal { background: var(--ay-sun); color: #251654; box-shadow: 0 22px 56px rgba(10, 4, 35, .24); }
  .ayandesaz-site .stamp-note { border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .94); color: var(--ay-ink); }

  .ayandesaz-site .home-articles { background: transparent; }

  .ayandesaz-site .article-art.peach { background: #ffe3dc; }
  .ayandesaz-site .article-art.mint { background: #dff6f1; }
  .ayandesaz-site .article-art.lavender { background: #e8e1ff; }
  .ayandesaz-site .article-art.blue { background: #dceaff; }
  .ayandesaz-site .article-art.yellow { background: #fff0be; }
  .ayandesaz-site .article-art.coral { background: #ffdcd5; }
  .ayandesaz-site .article-card__body { padding: 18px 20px 18px; }
  .ayandesaz-site .article-card__meta a { color: var(--ay-primary); }
  .ayandesaz-site .article-card h3 { margin: 10px 0 8px; font-size: 19px; line-height: 1.55; }
  .ayandesaz-site .article-card p { color: var(--ay-copy); line-height: 1.9; }
  .ayandesaz-site .card-read-more { min-height: 44px; color: var(--ay-primary); }

  .ayandesaz-site .cta {
    overflow: hidden;
    min-height: 260px;
    margin-block: var(--ay-section);
    padding: clamp(34px, 5vw, 62px);
    border: 1px solid rgba(76, 44, 164, .1);
    border-radius: 30px;
    background:
      radial-gradient(circle at 8% 18%, rgba(21, 166, 148, .15), transparent 18rem),
      linear-gradient(135deg, #fff, #f1edff);
    box-shadow: var(--ay-shadow-md);
  }
  .ayandesaz-site .cta h2 { color: var(--ay-ink); font-size: clamp(30px, 3.4vw, 46px); }
  .ayandesaz-site .cta h2 em { color: var(--ay-primary); }
  .ayandesaz-site .cta p { color: var(--ay-copy); }
  .ayandesaz-site .cta-doodle { border-color: rgba(76, 44, 164, .13); }
  .ayandesaz-site .cta-doodle b { background: var(--ay-primary); color: #fff; box-shadow: 0 18px 42px rgba(76, 44, 164, .2); }
  .ayandesaz-site .cta-doodle span,
  .ayandesaz-site .cta-doodle i { width: 18px; height: 18px; border-radius: 5px; background: var(--ay-accent); transform: rotate(18deg); }
  .ayandesaz-site .cta-doodle i { width: 12px; height: 12px; background: var(--ay-sun); transform: rotate(45deg); }

  /* Course discovery. */
  .ayandesaz-site .course-discovery-hero {
    padding: clamp(56px, 7vw, 92px) 0 64px;
    background:
      radial-gradient(circle at 15% 20%, rgba(21, 166, 148, .14), transparent 22rem),
      linear-gradient(180deg, rgba(238, 234, 255, .8), rgba(247, 247, 252, 0));
  }
  .ayandesaz-site .course-discovery-hero__inner { text-align: center; }
  .ayandesaz-site .course-discovery-hero__inner .eyebrow { justify-content: center; }
  .ayandesaz-site .course-discovery-hero h1 { margin: 6px auto 12px; font-size: clamp(34px, 4vw, 52px); }
  .ayandesaz-site .courses-hero__lead { max-width: 68ch; margin-inline: auto; color: var(--ay-copy); font-size: 16px; line-height: 2; }

  .ayandesaz-site .course-search {
    max-width: 680px;
    margin: 28px auto 0;
    padding: 6px;
    border: 1px solid var(--ay-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: var(--ay-shadow-sm);
  }
  .ayandesaz-site .course-search input { min-height: 48px; padding-inline: 15px; color: var(--ay-ink); }
  .ayandesaz-site .course-search button { min-height: 46px; padding-inline: 18px; border-radius: 12px; background: var(--ay-primary); color: #fff; }

  .ayandesaz-site .course-discovery { padding-block: 34px var(--ay-section); }
  .ayandesaz-site .course-discovery-toolbar { align-items: center; gap: 20px; margin-bottom: 30px; }
  .ayandesaz-site .course-discovery-count { min-width: max-content; }
  .ayandesaz-site .course-discovery-count b { color: var(--ay-primary); font-size: 23px; }
  .ayandesaz-site .course-discovery-count span { color: var(--ay-copy); }
  .ayandesaz-site .filter-row { gap: 7px; }
  .ayandesaz-site .filter-row a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    border: 1px solid var(--ay-line);
    border-radius: 99px;
    background: #fff;
    color: var(--ay-copy);
  }
  .ayandesaz-site .filter-row a:hover,
  .ayandesaz-site .filter-row a.selected { border-color: var(--ay-primary); background: var(--ay-primary); color: #fff; }

  .ayandesaz-site .course-guidance {
    margin-bottom: var(--ay-section);
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid rgba(21, 166, 148, .16);
    border-radius: 24px;
    background: var(--ay-mint-soft);
  }
  .ayandesaz-site .course-guidance h2 { max-width: 26ch; }

  /* Single course: one connected learning story. */
  .ayandesaz-site .course-detail-hero {
    padding-block: clamp(50px, 6vw, 82px);
    background:
      radial-gradient(circle at 8% 0, rgba(21, 166, 148, .12), transparent 24rem),
      linear-gradient(180deg, #f0ecff, #f7f7fc);
  }
  .ayandesaz-site .detail-grid { grid-template-columns: minmax(0, 1.1fr) minmax(340px, .72fr); gap: clamp(38px, 6vw, 76px); }
  .ayandesaz-site .breadcrumbs { color: var(--ay-copy); }
  .ayandesaz-site .detail-copy h1 { max-width: 18ch; margin: 14px 0; font-size: clamp(34px, 4vw, 54px); line-height: 1.35; }
  .ayandesaz-site .detail-copy > p { max-width: 62ch; color: var(--ay-copy); font-size: 16px; line-height: 2; }
  .ayandesaz-site .badges span,
  .ayandesaz-site .feature-chips span { border-color: var(--ay-line); background: rgba(255, 255, 255, .74); color: #4e5b70; }
  .ayandesaz-site .teacher { border-top-color: var(--ay-line); }

  .ayandesaz-site .enroll-card {
    overflow: hidden;
    border: 1px solid rgba(76, 44, 164, .13);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 66px rgba(50, 35, 92, .15);
  }
  .ayandesaz-site .enroll-cover { margin: 7px; border-radius: 17px; }
  .ayandesaz-site .enroll-body { padding: 22px; }
  .ayandesaz-site .course-facts { border-color: var(--ay-line); }
  .ayandesaz-site .course-facts li { border-color: var(--ay-line); }
  .ayandesaz-site .capacity i { background: linear-gradient(90deg, var(--ay-accent), #67d6c8); }

  .ayandesaz-site .course-anchor-bar {
    position: sticky;
    z-index: 40;
    top: calc(98px + var(--ay-admin-offset, 0px));
    border-block: 1px solid var(--ay-line);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 22px rgba(50, 35, 92, .045);
    backdrop-filter: blur(16px);
  }
  .ayandesaz-site .course-jump-nav { gap: 5px; }
  .ayandesaz-site .course-jump-nav a { min-height: 46px; padding-inline: 12px; border-radius: 9px; color: var(--ay-copy); }
  .ayandesaz-site .course-jump-nav a:hover,
  .ayandesaz-site .course-jump-nav a.is-active { background: var(--ay-violet-soft); color: var(--ay-primary); }

  .ayandesaz-site .course-flow { padding-block: 64px; }
  .ayandesaz-site .course-section { margin: 0 0 28px; border: 1px solid var(--ay-line); border-radius: 24px; background: #fff; box-shadow: var(--ay-shadow-sm); }
  .ayandesaz-site .course-section__heading { padding: 28px 30px 0; }
  .ayandesaz-site .course-section__heading h2 { font-size: clamp(25px, 2.5vw, 34px); }
  .ayandesaz-site .course-section__body { padding: 24px 30px 30px; }
  .ayandesaz-site .outcome-grid { gap: 12px; }
  .ayandesaz-site .outcome-grid article { border: 1px solid var(--ay-line); border-radius: 16px; background: #fbfaff; }
  .ayandesaz-site .curriculum-list details,
  .ayandesaz-site .faq-list details { border: 1px solid var(--ay-line); border-radius: 14px; background: #fff; }
  .ayandesaz-site .curriculum-list summary,
  .ayandesaz-site .faq-list summary { min-height: 54px; padding: 14px 16px; }
  .ayandesaz-site .curriculum-list details[open],
  .ayandesaz-site .faq-list details[open] { border-color: rgba(76, 44, 164, .22); background: #fbfaff; }
  .ayandesaz-site .fit-note { border-color: rgba(21, 166, 148, .17); background: var(--ay-mint-soft); }

  /* Magazine archive: editorial rhythm instead of disconnected tiles. */
  .ayandesaz-site .magazine-hero { padding: clamp(54px, 7vw, 86px) 0 0; background: linear-gradient(180deg, #f0ecff, rgba(247, 247, 252, 0)); }
  .ayandesaz-site .magazine-hero__copy { max-width: 820px; }
  .ayandesaz-site .magazine-hero h1 { font-size: clamp(34px, 4vw, 52px); }
  .ayandesaz-site .magazine-hero p { color: var(--ay-copy); font-size: 15.5px; }
  .ayandesaz-site .magazine-topics { gap: 7px; margin-top: 30px; padding-bottom: 18px; border-bottom: 0; }
  .ayandesaz-site .magazine-topics a { min-height: 44px; padding: 6px 13px; border: 1px solid var(--ay-line); border-radius: 99px; background: #fff; }
  .ayandesaz-site .magazine-topics a:hover,
  .ayandesaz-site .magazine-topics a.selected { border-color: var(--ay-primary); background: var(--ay-primary); color: #fff; }

  .ayandesaz-site .magazine-featured-wrap { padding-block: 42px 58px; }
  .ayandesaz-site .magazine-featured {
    grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr);
    border: 1px solid var(--ay-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: var(--ay-shadow-md);
  }
  .ayandesaz-site .magazine-featured__media { min-height: 410px; margin: 7px; border-radius: 19px; }
  .ayandesaz-site .magazine-featured__copy { padding: clamp(30px, 4vw, 52px); }
  .ayandesaz-site .magazine-featured__meta { color: var(--ay-primary); }
  .ayandesaz-site .magazine-featured h2 { margin: 13px 0 12px; font-size: clamp(27px, 3vw, 40px); line-height: 1.45; }
  .ayandesaz-site .magazine-featured p { color: var(--ay-copy); line-height: 1.95; }
  .ayandesaz-site .magazine-featured__footer { border-top-color: var(--ay-line); }
  .ayandesaz-site .magazine-index { padding-bottom: var(--ay-section); }
  .ayandesaz-site .magazine-index__head { align-items: end; margin-bottom: 30px; }

  /* Single article: strong reading focus and reliable line length. */
  .ayandesaz-site .reading-progress { background: rgba(76, 44, 164, .08); }
  .ayandesaz-site .reading-progress i { background: linear-gradient(90deg, var(--ay-primary), var(--ay-accent)); }
  .ayandesaz-site .blog-header-wrap { padding: clamp(50px, 7vw, 90px) 0 44px; background: linear-gradient(180deg, #f0ecff, rgba(247, 247, 252, 0)); }
  .ayandesaz-site .blog-header { max-width: 940px; }
  .ayandesaz-site .blog-breadcrumb { color: var(--ay-copy); }
  .ayandesaz-site .blog-category { min-height: 44px; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 99px; background: var(--ay-violet-soft); color: var(--ay-primary); }
  .ayandesaz-site .blog-header h1 { margin: 18px 0 14px; font-size: clamp(34px, 4.5vw, 58px); line-height: 1.36; }
  .ayandesaz-site .blog-deck { max-width: 65ch; color: var(--ay-copy); font-size: 17px; line-height: 1.95; }
  .ayandesaz-site .blog-byline { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--ay-line); }
  .ayandesaz-site .blog-author img { box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--ay-line); }
  .ayandesaz-site .blog-share { min-height: 44px; padding: 8px 13px; border: 1px solid var(--ay-line); border-radius: 11px; background: #fff; }
  .ayandesaz-site .blog-featured { overflow: hidden; border: 7px solid #fff; border-radius: 27px; box-shadow: var(--ay-shadow-lg); }
  .ayandesaz-site .blog-layout { grid-template-columns: minmax(210px, 250px) minmax(0, var(--ay-reading)); gap: clamp(38px, 6vw, 76px); align-items: start; justify-content: center; }
  .ayandesaz-site .blog-sidebar__inner { top: 126px; padding: 18px; border: 1px solid var(--ay-line); border-radius: 17px; background: rgba(255, 255, 255, .84); box-shadow: var(--ay-shadow-sm); backdrop-filter: blur(14px); }
  .ayandesaz-site .article-toc nav a { min-height: 44px; padding: 7px 10px; border-right: 2px solid transparent; border-radius: 8px; color: var(--ay-copy); }
  .ayandesaz-site .article-toc nav a:hover,
  .ayandesaz-site .article-toc nav a.is-active { border-right-color: var(--ay-primary); background: var(--ay-violet-soft); color: var(--ay-primary); }
  .ayandesaz-site .blog-prose { max-width: var(--ay-reading); color: #30384c; font-size: 17px; line-height: 2.05; }
  .ayandesaz-site .blog-prose :where(h2, h3) { scroll-margin-top: 132px; }
  .ayandesaz-site .blog-prose h2 { margin-top: 2.2em; font-size: clamp(25px, 2.5vw, 34px); }
  .ayandesaz-site .blog-prose h3 { margin-top: 1.8em; font-size: clamp(21px, 2vw, 27px); }
  .ayandesaz-site .blog-prose :where(blockquote, .wp-block-quote) { padding: 20px 22px; border: 0; border-right: 4px solid var(--ay-primary); border-radius: 14px; background: var(--ay-violet-soft); color: var(--ay-ink); }
  .ayandesaz-site .blog-prose :where(img, video, iframe) { border-radius: 18px; }
  .ayandesaz-site .blog-prose :where(table) { min-width: 620px; }
  .ayandesaz-site .blog-prose .wp-block-table { max-width: 100%; overflow-x: auto; }
  .ayandesaz-site .article-tags a { min-height: 44px; display: inline-flex; align-items: center; border: 1px solid var(--ay-line); border-radius: 99px; background: #fff; }

  /* About, contact, generic pages. */
  .ayandesaz-site :where(.about-hero, .contact-hero-v6, .page-hero) { padding: clamp(54px, 7vw, 88px) 0; background: linear-gradient(180deg, #f0ecff, rgba(247, 247, 252, 0)); }
  .ayandesaz-site :where(.about-hero, .contact-hero-v6, .page-hero) h1 { font-size: clamp(34px, 4vw, 52px); }
  .ayandesaz-site :where(.about-hero, .contact-hero-v6, .page-hero) p { color: var(--ay-copy); font-size: 16px; line-height: 2; }
  .ayandesaz-site .about-grid { gap: clamp(44px, 7vw, 92px); }
  .ayandesaz-site .about-art { border: 1px solid rgba(76, 44, 164, .12); border-radius: 28px; background: linear-gradient(145deg, #fff, var(--ay-violet-soft)); box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .big-a { color: var(--ay-primary); font-size: clamp(76px, 10vw, 112px); letter-spacing: -.08em; }
  .ayandesaz-site .a-note { border-color: var(--ay-line); background: #fff; box-shadow: var(--ay-shadow-sm); }
  .ayandesaz-site .about-art > .ay-icon { position: absolute; left: 34px; bottom: 30px; width: 30px; height: 30px; color: var(--ay-accent); }
  .ayandesaz-site .origin { gap: clamp(46px, 7vw, 90px); padding-block: var(--ay-section); }
  .ayandesaz-site .origin-image { border-radius: 28px 28px 28px 10px; box-shadow: var(--ay-shadow-lg); }
  .ayandesaz-site .about-editor-content { color: var(--ay-copy); font-size: 16px; line-height: 2.05; }
  .ayandesaz-site .signature { color: var(--ay-primary); }
  .ayandesaz-site .values { margin-inline: 12px; padding-block: var(--ay-section); border-radius: 34px; background: linear-gradient(135deg, #26165c, #4c2ca4); }
  .ayandesaz-site .values h2 { color: #fff; }
  .ayandesaz-site .value-grid { gap: 14px; }
  .ayandesaz-site .value-grid article { border: 1px solid rgba(255, 255, 255, .14); border-radius: 18px; background: rgba(255, 255, 255, .07); }
  .ayandesaz-site .value-grid article h3 { color: #fff; }
  .ayandesaz-site .value-grid article p { color: #d7d0ed; }
  .ayandesaz-site .value-grid article > span { color: #8be7db; font-size: 13px; font-weight: 800; }
  .ayandesaz-site .stats { background: var(--ay-mint-soft); color: var(--ay-ink); }

  .ayandesaz-site .contact-v6 { grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr); gap: clamp(44px, 8vw, 100px); padding-block: var(--ay-section); }
  .ayandesaz-site .contact-v6__intro > span { color: var(--ay-primary); }
  .ayandesaz-site .contact-v6__intro h2 { font-size: clamp(27px, 3vw, 40px); }
  .ayandesaz-site .contact-v6__intro p { color: var(--ay-copy); }
  .ayandesaz-site .contact-v6__methods { overflow: hidden; padding: 8px 22px; border: 1px solid var(--ay-line); border-radius: 22px; background: #fff; box-shadow: var(--ay-shadow-md); }
  .ayandesaz-site .contact-method { min-height: 86px; border-bottom-color: var(--ay-line); }
  .ayandesaz-site .contact-method > span { color: var(--ay-primary); }
  .ayandesaz-site a.contact-method:hover { background: #fbfaff; }
  .ayandesaz-site .contact-form-section { margin-bottom: var(--ay-section); padding: clamp(28px, 4vw, 46px); border: 1px solid var(--ay-line); border-radius: 24px; background: #fff; box-shadow: var(--ay-shadow-sm); }

  .ayandesaz-site :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    min-height: 48px;
    border: 1px solid var(--ay-line-strong);
    border-radius: 11px;
    background: #fff;
    color: var(--ay-ink);
  }
  .ayandesaz-site textarea { min-height: 132px; }
  .ayandesaz-site :where(input, textarea)::placeholder { color: #7b8799; opacity: 1; }
  .ayandesaz-site :where(input, textarea, select):focus { border-color: var(--ay-primary); }

  .ayandesaz-site .standard-page,
  .ayandesaz-site .comments-area { max-width: 820px; }
  .ayandesaz-site .page-content,
  .ayandesaz-site .comment-respond { border: 1px solid var(--ay-line); border-radius: 22px; background: #fff; box-shadow: var(--ay-shadow-sm); }
  .ayandesaz-site .search-form { border-color: var(--ay-line); border-radius: 13px; background: #fff; }
  .ayandesaz-site .search-submit,
  .ayandesaz-site .comment-form .submit { min-height: 46px; border-radius: 11px; background: var(--ay-primary); color: #fff; }
  .ayandesaz-site .nav-links .page-numbers { min-width: 44px; min-height: 44px; border-color: var(--ay-line); border-radius: 11px; background: #fff; }
  .ayandesaz-site .nav-links .current { border-color: var(--ay-primary); background: var(--ay-primary); color: #fff; }
  .ayandesaz-site .empty-state { border-color: rgba(76, 44, 164, .18); background: #fff; }
  .ayandesaz-site .empty-state > span { width: 48px; height: 48px; display: grid; place-items: center; margin: 0 auto 12px; border-radius: 14px; background: var(--ay-violet-soft); color: var(--ay-primary); }
  .ayandesaz-site .empty-state > span .ay-icon { width: 25px; height: 25px; }
  .ayandesaz-site .not-found-art b { background: var(--ay-primary); color: #fff; box-shadow: var(--ay-shadow-lg); }
  .ayandesaz-site .not-found-art > .ay-icon { position: absolute; left: 13%; top: 16%; width: 42px; height: 42px; color: var(--ay-accent); }

  /* Elementor/Gutenberg stay editable and visually aligned without forcing layout. */
  .ayandesaz-site .builder-content--full { min-width: 0; }
  .ayandesaz-site:not(.ayandesaz-builder-canvas) .elementor :where(.elementor-button, button[type="submit"]) { min-height: 44px; }
  .ayandesaz-site:not(.ayandesaz-builder-canvas) .elementor-widget-text-editor { color: var(--ay-copy); line-height: 1.9; }
  .ayandesaz-site:not(.ayandesaz-builder-canvas) :where(.wp-block-group, .wp-block-columns, .elementor-section, .e-con) { min-width: 0; }

  /* Footer: useful navigation and a quiet final CTA. */
  .ayandesaz-site .footer {
    margin: 0 12px 12px;
    border-radius: 32px;
    background:
      radial-gradient(circle at 10% 10%, rgba(21, 166, 148, .18), transparent 24rem),
      linear-gradient(135deg, #21134f, #342070);
    color: #fff;
    box-shadow: 0 24px 60px rgba(32, 19, 79, .2);
  }
  .ayandesaz-site .footer-top { width: min(1220px, calc(100% - (2 * var(--ay-gutter)))); padding-block: 64px 48px; }
  .ayandesaz-site .footer .brand { color: #fff; }
  .ayandesaz-site .footer .brand small { color: #cfc7e8; }
  .ayandesaz-site .footer .brand-mark { background: #fff; color: var(--ay-primary); box-shadow: none; }
  .ayandesaz-site .footer p { color: #cfc7e8; }
  .ayandesaz-site .footer-top > div > b { color: #fff; }
  .ayandesaz-site .footer a { min-height: 44px; color: #d9d3eb; }
  .ayandesaz-site .footer a:hover { color: #fff; }
  .ayandesaz-site .newsletter { padding: 22px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 18px; background: rgba(255, 255, 255, .07); }
  .ayandesaz-site .newsletter-link { min-height: 44px; display: inline-flex; align-items: center; color: #8be7db !important; }
  .ayandesaz-site .footer-bottom { width: min(1220px, calc(100% - (2 * var(--ay-gutter)))); min-height: 66px; border-top-color: rgba(255, 255, 255, .12); color: #aaa2c6; }

  @media (max-width: 1100px) {
    .ayandesaz-site .hero { grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr); gap: 38px; padding: 42px; }
    .ayandesaz-site .hero h1 { font-size: clamp(37px, 4.4vw, 52px); }
    .ayandesaz-site .detail-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr); gap: 38px; }
  }

  @media (max-width: 900px) {
    .ayandesaz-site .header { width: calc(100% - 20px); }
    html.ay-js .ayandesaz-site .nav.open { top: calc(100% + 8px); padding: 9px; border: 1px solid var(--ay-line); border-radius: 16px; background: rgba(255, 255, 255, .98); box-shadow: var(--ay-shadow-md); }
    html.ay-js .ayandesaz-site .nav.open a { border-radius: 9px; }
    .ayandesaz-site .hero { grid-template-columns: 1fr; width: min(760px, calc(100% - 28px)); min-height: 0; }
    .ayandesaz-site .hero h1 { max-width: 14ch; }
    .ayandesaz-site .hero-visual { aspect-ratio: 16 / 10; }
    .ayandesaz-site .detail-grid,
    .ayandesaz-site .contact-v6 { grid-template-columns: 1fr; }
    .ayandesaz-site .enroll-card { max-width: 620px; }
    .ayandesaz-site .course-anchor-bar { top: calc(86px + var(--ay-admin-offset, 0px)); }
    .ayandesaz-site .magazine-featured { grid-template-columns: 1fr; grid-template-areas: "media" "copy"; }
    .ayandesaz-site .magazine-featured__media { min-height: 0; aspect-ratio: 16 / 9; }
    .ayandesaz-site .blog-layout { grid-template-columns: 1fr; }
    .ayandesaz-site .blog-sidebar { display: none; }
    .ayandesaz-site .article-toc-mobile { display: block; margin-bottom: 28px; border: 1px solid var(--ay-line); border-radius: 14px; background: #fff; }
  }

  @media (max-width: 700px) {
    :root { --ay-section: 58px; }
    html { scroll-padding-top: 88px; }
    .ayandesaz-site .hero { width: calc(100% - 16px); margin-top: 9px; padding: 28px 20px 20px; border-radius: 24px; }
    .ayandesaz-site .hero h1 { max-width: 100%; font-size: clamp(30px, 8vw, 39px); }
    .ayandesaz-site .hero h1 em { white-space: normal; }
    .ayandesaz-site .hero-copy > p { font-size: 15px; }
    .ayandesaz-site .hero-actions { display: grid; grid-template-columns: 1fr; }
    .ayandesaz-site .hero-actions > * { width: 100%; }
    .ayandesaz-site .play { justify-content: flex-start; }
    .ayandesaz-site .hero-visual { aspect-ratio: 4 / 3; border-width: 5px; border-radius: 20px 20px 20px 8px; }
    .ayandesaz-site .hero-float { display: none; }
    .ayandesaz-site .hero-visual figcaption { right: 8px; left: 8px; bottom: 8px; }
    .ayandesaz-site .skill-line { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x proximity; }
    .ayandesaz-site .skill-line span { flex: 0 0 auto; scroll-snap-align: start; }
    .ayandesaz-site :where(.section-intro, .section-head) { display: block; }
    .ayandesaz-site :where(.section-intro, .section-head) h2 { font-size: clamp(25px, 7vw, 32px); }
    .ayandesaz-site .section-intro > p { margin-top: 12px; }
    .ayandesaz-site .ay-scroll-rail { grid-auto-columns: 86vw; }
    .ayandesaz-site .manifesto,
    .ayandesaz-site .values,
    .ayandesaz-site .footer { margin-inline: 6px; border-radius: 24px; }
    .ayandesaz-site .catalog-grid,
    .ayandesaz-site .article-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .catalog-content > p:not(.course-card-instructor) { min-height: 0; }
    .ayandesaz-site .course-discovery-toolbar { align-items: flex-start; }
    .ayandesaz-site .course-category-nav,
    .ayandesaz-site .magazine-topics,
    .ayandesaz-site .course-jump-nav { width: calc(100% + (2 * var(--ay-gutter))); margin-inline: calc(-1 * var(--ay-gutter)); padding-inline: var(--ay-gutter); overflow-x: auto; scroll-padding-inline: var(--ay-gutter); }
    .ayandesaz-site .course-category-nav a,
    .ayandesaz-site .magazine-topics a,
    .ayandesaz-site .course-jump-nav a { flex: 0 0 auto; }
    .ayandesaz-site .course-search { grid-template-columns: minmax(0, 1fr) auto; }
    .ayandesaz-site .course-search button span { display: none; }
    .ayandesaz-site .course-guidance { align-items: stretch; }
    .ayandesaz-site .course-guidance .pill { width: 100%; }
    .ayandesaz-site .course-section { border-radius: 18px; }
    .ayandesaz-site .course-section__heading { padding: 22px 20px 0; }
    .ayandesaz-site .course-section__body { padding: 20px; }
    .ayandesaz-site .outcome-grid { grid-template-columns: 1fr; }
    .ayandesaz-site .magazine-featured { border-radius: 20px; }
    .ayandesaz-site .magazine-featured__media { margin: 6px; border-radius: 14px; }
    .ayandesaz-site .magazine-featured__copy { padding: 24px 20px; }
    .ayandesaz-site .magazine-featured h2 { font-size: 26px; }
    .ayandesaz-site .blog-header h1 { font-size: clamp(30px, 8vw, 40px); }
    .ayandesaz-site .blog-deck,
    .ayandesaz-site .blog-prose { font-size: 16px; }
    .ayandesaz-site .blog-featured { width: calc(100% - 16px); border-width: 4px; border-radius: 19px; }
    .ayandesaz-site .contact-v6__methods { padding-inline: 16px; }
    .ayandesaz-site .contact-method { grid-template-columns: 34px minmax(0, 1fr) 24px; gap: 10px; }
    .ayandesaz-site .contact-method small { grid-column: 2; }
    .ayandesaz-site .contact-method b { grid-column: 2; }
    .ayandesaz-site .contact-method i { grid-column: 3; grid-row: 1 / 3; }
    .ayandesaz-site .footer-top { padding-block: 48px 36px; }
  }

  @media (max-width: 480px) {
    .ayandesaz-site .header { min-height: 68px; padding-inline: 12px; border-radius: 16px; }
    .ayandesaz-site .brand { font-size: 13px; }
    .ayandesaz-site .brand-mark { width: 38px; height: 38px; border-radius: 12px 12px 12px 4px; }
    .ayandesaz-site .hero { padding-inline: 17px; }
    .ayandesaz-site .hero-highlights { display: grid; grid-template-columns: 1fr; }
    .ayandesaz-site .catalog-cover,
    .ayandesaz-site .article-art { margin: 5px 5px 0; border-radius: 13px; }
    .ayandesaz-site .course-card-footer { align-items: stretch; flex-direction: column; }
    .ayandesaz-site .catalog-cta { justify-content: space-between; width: 100%; }
    .ayandesaz-site .course-search { display: grid; }
    .ayandesaz-site .course-search button { padding-inline: 13px; }
    .ayandesaz-site .blog-byline { align-items: flex-start; gap: 16px; }
    .ayandesaz-site .blog-share { min-width: 44px; padding-inline: 10px; }
    .ayandesaz-site .blog-share:not(:focus) { font-size: 0; }
    .ayandesaz-site .blog-share span { font-size: 18px; }
    .ayandesaz-site .footer-top { grid-template-columns: 1fr; }
    .ayandesaz-site .footer-top .newsletter { grid-column: auto; }
    .ayandesaz-site .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding-block: 16px; }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .ayandesaz-site *,
    .ayandesaz-site *::before,
    .ayandesaz-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .ayandesaz-site :where(.catalog-card, .article-card, .pill, .wp-element-button, .wp-block-button__link):hover { transform: none; }
  }

  @media print {
    .ayandesaz-site { background: #fff; color: #000; }
    .ayandesaz-site :where(.header, .footer, .reading-progress, .blog-sidebar, .article-toc-mobile, .share-button, .course-anchor-bar, .related, .comments-area) { display: none !important; }
    .ayandesaz-site main { background: #fff; }
    .ayandesaz-site .blog-layout { display: block; width: 100%; }
    .ayandesaz-site .blog-prose { max-width: none; color: #000; font-size: 11pt; line-height: 1.65; }
    .ayandesaz-site a { color: #000; text-decoration: underline; }
  }
}

@layer ayandesaz.polish {
  /* A livelier editorial rhythm: varied cards, gentle texture and clear section changes. */
  .ayandesaz-site .path-section {
    position: relative;
    isolation: isolate;
  }

  .ayandesaz-site .path-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -6% -8% 4%;
    pointer-events: none;
    background:
      radial-gradient(circle at 88% 10%, rgba(245, 185, 66, .16), transparent 19rem),
      radial-gradient(circle at 8% 72%, rgba(21, 166, 148, .11), transparent 22rem);
  }

  .ayandesaz-site .section-intro > div,
  .ayandesaz-site .section-head > div { position: relative; }

  .ayandesaz-site .section-intro > div::after,
  .ayandesaz-site .section-head > div::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -17px;
    width: 72px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--ay-primary) 0 45%, var(--ay-accent) 45% 72%, var(--ay-sun) 72%);
  }

  .ayandesaz-site .catalog-grid { align-items: start; }

  .ayandesaz-site .catalog-card,
  .ayandesaz-site .article-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }

  .ayandesaz-site .catalog-card::before,
  .ayandesaz-site .article-card::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 22px;
    left: 22px;
    height: 3px;
    border-radius: 0 0 99px 99px;
    background: var(--ay-primary);
  }

  .ayandesaz-site .catalog-card:nth-child(3n + 2)::before,
  .ayandesaz-site .article-card:nth-child(3n + 2)::before { background: var(--ay-accent); }

  .ayandesaz-site .catalog-card:nth-child(3n)::before,
  .ayandesaz-site .article-card:nth-child(3n)::before { background: var(--ay-coral); }

  .ayandesaz-site .catalog-card:nth-child(3n + 2) { margin-top: 30px; }
  .ayandesaz-site .catalog-card:nth-child(3n) { margin-top: 14px; }

  .ayandesaz-site :where(.catalog-cover, .article-art) img {
    transition: transform .5s cubic-bezier(.2, .75, .25, 1), filter .3s ease;
  }

  .ayandesaz-site :where(.catalog-card, .article-card):hover :where(.catalog-cover, .article-art) img {
    transform: scale(1.035);
    filter: saturate(1.04) contrast(1.02);
  }

  .ayandesaz-site .catalog-placeholder::after,
  .ayandesaz-site .article-art__fallback::after {
    content: "";
    position: absolute;
    inset: 16px;
    border: 1px dashed rgba(76, 44, 164, .17);
    border-radius: 12px;
    pointer-events: none;
  }

  .ayandesaz-site .home-articles {
    margin-inline: 12px;
    border: 1px solid rgba(76, 44, 164, .08);
    border-radius: 36px;
    background:
      radial-gradient(circle at 92% 8%, rgba(76, 44, 164, .09), transparent 22rem),
      radial-gradient(circle at 6% 92%, rgba(21, 166, 148, .1), transparent 20rem),
      linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(238, 234, 255, .52));
  }

  .ayandesaz-site .home-articles .article-card:nth-child(2) { transform: translateY(18px); }
  .ayandesaz-site .home-articles .article-card:nth-child(2):hover { transform: translateY(13px); }

  .ayandesaz-site .article-card__meta {
    min-height: 30px;
    align-items: center;
  }

  .ayandesaz-site .article-card__meta a {
    padding: 4px 9px;
    border-radius: 99px;
    background: var(--ay-violet-soft);
  }

  @media (max-width: 900px) {
    .ayandesaz-site .hero-copy { max-width: 660px; margin-inline: auto; text-align: center; }
    .ayandesaz-site .hero-copy > p,
    .ayandesaz-site .hero h1 { margin-inline: auto; }
    .ayandesaz-site .hero-actions,
    .ayandesaz-site .hero-highlights { justify-content: center; }

    .ayandesaz-site .catalog-card:nth-child(n),
    .ayandesaz-site .home-articles .article-card:nth-child(n) { margin-top: 0; transform: none; }

    .ayandesaz-site .home-articles .article-card:nth-child(n):hover { transform: translateY(-5px); }
  }

  @media (max-width: 700px) {
    .ayandesaz-site .hero-copy { text-align: right; }
    .ayandesaz-site .hero h1,
    .ayandesaz-site .hero-copy > p { margin-inline: 0; }
    .ayandesaz-site .hero-actions,
    .ayandesaz-site .hero-highlights { justify-content: initial; }

    .ayandesaz-site .home-articles { margin-inline: 6px; border-radius: 24px; }
    .ayandesaz-site .section-intro > div::after,
    .ayandesaz-site .section-head > div::after { bottom: -12px; width: 54px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .ayandesaz-site :where(.catalog-cover, .article-art) img { transition: none; }
    .ayandesaz-site :where(.catalog-card, .article-card):hover :where(.catalog-cover, .article-art) img { transform: none; }
  }
}

@layer ayandesaz.platform {
  /* Header and search: powerful when requested, quiet while reading. */
  .ayandesaz-site .header {
    transition: transform .28s cubic-bezier(.2,.75,.25,1), box-shadow .2s ease, background-color .2s ease;
  }
  .ayandesaz-site .header.is-reading-hidden { transform: translateY(calc(-100% - 22px)); }
  .ayandesaz-site .header-search-toggle,
  .ayandesaz-site .site-search-close {
    width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 auto;
    border: 1px solid var(--ay-line); border-radius: 12px; background: #fff; color: var(--ay-primary); cursor: pointer;
  }
  .ayandesaz-site .mobile-account-link { display:none; }
  .ayandesaz-site .header-search-toggle:hover { background: var(--ay-violet-soft); }
  .ayandesaz-site :where(.header-search-toggle,.site-search-close) svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }
  .ayandesaz-site .site-search-dialog {
    width: min(760px, calc(100% - 28px)); max-height: min(720px, calc(100dvh - 28px)); margin: auto; padding: 0;
    border: 1px solid rgba(76,44,164,.15); border-radius: 26px; background: transparent; box-shadow: var(--ay-shadow-lg); color: var(--ay-ink);
  }
  .ayandesaz-site .site-search-dialog::backdrop { background: rgba(24,16,50,.52); backdrop-filter: blur(8px); }
  .ayandesaz-site .site-search-panel { overflow: auto; max-height: inherit; padding: clamp(22px,4vw,38px); border-radius: inherit; background: linear-gradient(145deg,#fff,#f4f1ff); }
  .ayandesaz-site .site-search-panel > header { display: flex; justify-content: space-between; align-items: start; gap: 24px; margin-bottom: 26px; }
  .ayandesaz-site .site-search-panel > header span { color: var(--ay-accent-strong); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .site-search-panel h2 { margin: 7px 0 0; font-size: clamp(25px,4vw,38px); }
  .ayandesaz-site .site-search-panel form > label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 800; }
  .ayandesaz-site .site-search-fields { display: grid; grid-template-columns: minmax(0,1fr) 150px auto; gap: 8px; }
  .ayandesaz-site .site-search-fields :where(input,select,button) { min-height: 52px; border-radius: 12px; font: inherit; }
  .ayandesaz-site .site-search-fields :where(input,select) { min-width: 0; padding: 10px 13px; border: 1px solid var(--ay-line-strong); background: #fff; color: var(--ay-ink); }
  .ayandesaz-site .site-search-fields button { padding: 10px 18px; border: 0; background: var(--ay-primary); color: #fff; font-weight: 800; cursor: pointer; }
  .ayandesaz-site .site-search-suggestions { display: grid; gap: 7px; min-height: 24px; margin-top: 16px; color: var(--ay-copy); }
  .ayandesaz-site .site-search-suggestions a { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; padding: 12px 14px; border: 1px solid var(--ay-line); border-radius: 12px; background: rgba(255,255,255,.82); }
  .ayandesaz-site .site-search-suggestions a:hover { border-color: rgba(76,44,164,.3); background: #fff; }
  .ayandesaz-site .site-search-suggestions span { grid-row: 1 / 3; align-self: center; padding: 4px 8px; border-radius: 99px; background: var(--ay-mint-soft); color: var(--ay-accent-strong); font-size: 12px; font-weight: 800; }
  .ayandesaz-site .site-search-suggestions b { color: var(--ay-ink); font-size: 14px; }
  .ayandesaz-site .site-search-suggestions small { color: var(--ay-copy); }
  .ayandesaz-site .site-search-panel > footer { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--ay-line); color: var(--ay-muted); font-size: 12px; }
  .ayandesaz-site .search-form { display:grid; grid-template-columns:minmax(0,1fr) 130px 46px; }
  .ayandesaz-site .search-form select { min-width:0; border:0; border-right:1px solid var(--ay-line); background:#fff; color:var(--ay-copy); }
  .ayandesaz-site .search-submit svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }
  .ayandesaz-site .course-search button svg,.ayandesaz-site .share-button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

  /* Article reading surface and a visually continuous left-side TOC. */
  .ayandesaz-site.single-post .blog-header-wrap { position: relative; overflow: hidden; }
  .ayandesaz-site.single-post .blog-header-wrap::after { content:""; position:absolute; left:7%; bottom:-120px; width:250px; height:250px; border:38px solid rgba(245,185,66,.11); border-radius:50%; pointer-events:none; }
  .ayandesaz-site.single-post .blog-header { position: relative; z-index: 1; }
  .ayandesaz-site .blog-layout { grid-template-columns: minmax(220px,260px) minmax(0,var(--ay-reading)); grid-template-areas: "toc prose"; }
  .ayandesaz-site .blog-prose {
    padding: clamp(28px,4vw,48px); border: 1px solid var(--ay-line); border-radius: 26px; background: #fff;
    box-shadow: 0 18px 60px rgba(50,35,92,.065);
  }
  .ayandesaz-site .blog-sidebar__inner {
    position: sticky; top: calc(var(--ay-admin-offset,0px) + 104px); overflow: hidden; padding: 0;
    border: 1px solid rgba(76,44,164,.14); border-radius: 22px;
    background: linear-gradient(180deg,#fff 0%,#f7f4ff 70%,#eef9f7 100%); box-shadow: 0 18px 48px rgba(50,35,92,.08);
  }
  .ayandesaz-site .toc-heading { position: relative; padding: 22px 20px 18px; border-bottom: 1px solid var(--ay-line); }
  .ayandesaz-site .toc-heading::before { content:""; position:absolute; top:0; right:20px; left:20px; height:3px; border-radius:0 0 99px 99px; background:linear-gradient(90deg,var(--ay-primary),var(--ay-accent)); }
  .ayandesaz-site .toc-heading span,.ayandesaz-site .toc-heading strong,.ayandesaz-site .toc-heading small { display:block; }
  .ayandesaz-site .toc-heading span { margin-bottom:5px; color:var(--ay-accent-strong); font-size:12px; font-weight:800; }
  .ayandesaz-site .toc-heading strong { font-size:17px; }
  .ayandesaz-site .toc-heading small { margin-top:5px; color:var(--ay-muted); }
  .ayandesaz-site .article-toc nav { position:relative; display:grid; gap:3px; padding:14px 10px; }
  .ayandesaz-site .article-toc nav::before { content:""; position:absolute; top:24px; bottom:24px; right:24px; width:1px; background:var(--ay-line); }
  .ayandesaz-site .article-toc nav a { position:relative; min-height:44px; display:grid; grid-template-columns:12px 1fr; gap:8px; align-items:center; margin:0; padding:7px 9px; border:0; border-radius:10px; color:var(--ay-copy); }
  .ayandesaz-site .article-toc nav a i { position:relative; z-index:1; width:9px; height:9px; border:2px solid #bdb5d7; border-radius:50%; background:#fff; transition:border-color .2s ease,background-color .2s ease,transform .2s ease; }
  .ayandesaz-site .article-toc nav a:hover,.ayandesaz-site .article-toc nav a.is-active { border:0; background:rgba(76,44,164,.075); color:var(--ay-primary); }
  .ayandesaz-site .article-toc nav a.is-active i { border-color:var(--ay-primary); background:var(--ay-primary); box-shadow:0 0 0 4px rgba(76,44,164,.12); transform:scale(1.08); }
  .ayandesaz-site .article-toc nav a[data-level="3"] { padding-right:23px; font-size:12px; }
  .ayandesaz-site .blog-sidebar__author { margin:0; padding:16px 18px; border-top:1px solid var(--ay-line); background:rgba(255,255,255,.62); }
  .ayandesaz-site .toc-top { min-height:44px; display:flex; align-items:center; justify-content:center; padding:8px 12px; border-top:1px solid var(--ay-line); color:var(--ay-primary); font-size:12px; font-weight:800; }
  .ayandesaz-site .blog-prose > :first-child { margin-top:0; }
  .ayandesaz-site .blog-prose h2 { position:relative; padding-right:19px; }
  .ayandesaz-site .blog-prose h2::before { content:""; position:absolute; right:0; top:.42em; width:6px; height:1.25em; border-radius:99px; background:linear-gradient(var(--ay-primary),var(--ay-accent)); }
  .ayandesaz-site .blog-prose :where(a:not(.wp-block-button__link)) { color:#3f238d; text-decoration-thickness:1px; text-underline-offset:4px; }

  /* Recommended reading has a distinctive editorial stage. */
  .ayandesaz-site .blog-related { margin-inline:12px; padding-block:var(--ay-section); border:1px solid rgba(76,44,164,.08); border-radius:34px; background:linear-gradient(145deg,#f0ecff,#f8fbfa 64%,#fff8e8); }
  .ayandesaz-site .blog-related .wrap { width:min(1180px,calc(100% - (2 * var(--ay-gutter)))); }
  .ayandesaz-site .blog-related .section-head > p { max-width:48ch; color:var(--ay-copy); line-height:1.9; }
  .ayandesaz-site .related-article-grid .article-card { box-shadow:0 16px 40px rgba(50,35,92,.075); }
  .ayandesaz-site .related-article-grid .article-card:nth-child(2) { transform:translateY(22px); }
  .ayandesaz-site .related-article-grid .article-card:nth-child(2):hover { transform:translateY(17px); }

  /* Comments become a warm, identity-led conversation area. */
  .ayandesaz-site .comments-area { width:min(1080px,calc(100% - (2 * var(--ay-gutter)))); max-width:none; margin:var(--ay-section) auto; padding:clamp(24px,4vw,46px); border-radius:30px; background:linear-gradient(145deg,#241650,#3c2879); box-shadow:0 28px 70px rgba(36,22,80,.2); }
  .ayandesaz-site .comments-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
  .ayandesaz-site .comments-heading h2 { margin:8px 0 6px; color:#fff; font-size:clamp(27px,3.5vw,40px); }
  .ayandesaz-site .comments-heading p { max-width:58ch; margin:0; color:#d8d1ed; line-height:1.9; }
  .ayandesaz-site .comments-heading .eyebrow { color:#9ce7dd; }
  .ayandesaz-site .comments-count { min-width:92px; min-height:92px; display:grid; place-content:center; text-align:center; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(255,255,255,.08); color:#d8d1ed; }
  .ayandesaz-site .comments-count b { display:block; color:#fff; font-size:28px; }
  .ayandesaz-site .comment-list { gap:14px; margin-bottom:24px; }
  .ayandesaz-site .comment-list .children { margin:12px 26px 0 0; padding-right:20px; border-right:2px solid rgba(156,231,221,.22); }
  .ayandesaz-site .comment-card__inner { padding:20px 22px; border:1px solid rgba(255,255,255,.16); border-radius:19px; background:rgba(255,255,255,.96); box-shadow:0 12px 32px rgba(15,8,40,.12); }
  .ayandesaz-site .comment-card__inner > header { display:flex; justify-content:space-between; align-items:center; gap:18px; }
  .ayandesaz-site .comment-identity { display:flex; align-items:center; gap:12px; }
  .ayandesaz-site .comment-identity img { width:52px; height:52px; border-radius:50%; box-shadow:0 0 0 4px var(--ay-violet-soft); }
  .ayandesaz-site .comment-identity b,.ayandesaz-site .comment-role { display:block; }
  .ayandesaz-site .comment-role { width:max-content; margin-top:4px; padding:2px 8px; border-radius:99px; background:var(--ay-mint-soft); color:var(--ay-accent-strong); font-size:12px; font-weight:800; }
  .ayandesaz-site .comment-role.is-author { background:var(--ay-violet-soft); color:var(--ay-primary); }
  .ayandesaz-site .comment-permalink { color:var(--ay-muted); font-size:12px; }
  .ayandesaz-site .comment-card__content { padding:17px 2px 12px; color:#3b4458; line-height:2; }
  .ayandesaz-site .comment-card__content p { margin:0; }
  .ayandesaz-site .comment-card__inner footer { display:flex; justify-content:flex-end; padding-top:10px; border-top:1px solid var(--ay-line); }
  .ayandesaz-site .comment-reply-link { min-height:40px; display:inline-flex; align-items:center; padding:6px 11px; border-radius:10px; background:var(--ay-violet-soft); color:var(--ay-primary); font-size:12px; font-weight:800; }
  .ayandesaz-site .comment-awaiting { padding:9px 12px; border-radius:10px; background:var(--ay-sun-soft); color:#72530e; }
  .ayandesaz-site .comment-respond { margin-top:28px; padding:clamp(22px,4vw,36px); border:1px solid rgba(255,255,255,.14); border-radius:22px; background:#fff; }
  .ayandesaz-site .comment-reply-title { margin-top:0; color:var(--ay-ink); font-size:clamp(22px,3vw,30px); }
  .ayandesaz-site .comment-form-intro { grid-column:1/-1; padding:13px 15px; border-radius:12px; background:var(--ay-mint-soft); }
  .ayandesaz-site .comment-form-intro b { color:var(--ay-accent-strong); }
  .ayandesaz-site .comment-form-intro p { margin:3px 0 0; color:var(--ay-copy); }
  .ayandesaz-site .comment-form-cookies-consent label { display:flex; gap:9px; align-items:flex-start; font-weight:500; }
  .ayandesaz-site .comment-form-cookies-consent input { width:18px; min-height:18px; margin-top:3px; }
  .ayandesaz-site .comment-form .submit { min-height:50px; padding-inline:24px; border-radius:13px; background:linear-gradient(135deg,var(--ay-primary),#6848cc); box-shadow:0 12px 28px rgba(76,44,164,.22); }

  /* Course tracking and context-aware purchase actions. */
  .ayandesaz-site .course-detail-hero .enroll-card .pill:not(.is-disabled) { background:linear-gradient(135deg,#d9553c,var(--ay-coral)); color:#20183d; box-shadow:0 14px 30px rgba(217,85,60,.22); }
  .ayandesaz-site .course-learning-progress { margin-top:20px; padding:14px; border:1px solid rgba(21,166,148,.18); border-radius:14px; background:var(--ay-mint-soft); }
  .ayandesaz-site .course-learning-progress > div:first-child { display:flex; justify-content:space-between; gap:12px; margin-bottom:9px; color:var(--ay-accent-strong); }
  .ayandesaz-site .curriculum-panel { padding:0 18px 18px; }
  .ayandesaz-site .course-progress-toggle { min-height:44px; margin-top:12px; padding:8px 13px; border:1px solid rgba(76,44,164,.2); border-radius:11px; background:#fff; color:var(--ay-primary); font-weight:800; cursor:pointer; }
  .ayandesaz-site .course-progress-toggle.is-complete { border-color:rgba(21,166,148,.24); background:var(--ay-mint-soft); color:var(--ay-accent-strong); }

  /* Contact and about pages retain editorial personality without decorative noise. */
  .ayandesaz-site .contact-form-section { display:grid; grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr); gap:clamp(28px,5vw,64px); padding:clamp(26px,5vw,52px); border-radius:28px; }
  .ayandesaz-site .contact-form-section__head { align-self:start; position:sticky; top:110px; }
  .ayandesaz-site .contact-form-section__head h2 { margin:10px 0; font-size:clamp(28px,3vw,42px); }
  .ayandesaz-site .contact-form-section__head p { color:var(--ay-copy); line-height:1.9; }
  .ayandesaz-site .contact-v6__methods { position:relative; }
  .ayandesaz-site .contact-v6__methods::before { content:""; position:absolute; top:18px; bottom:18px; right:42px; width:1px; background:var(--ay-line); }
  .ayandesaz-site .contact-method > span svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .ayandesaz-site .video-button svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }
  .ayandesaz-site .about-art { overflow:hidden; }
  .ayandesaz-site .about-art::after { content:"AI FOR ALL"; position:absolute; left:-22px; bottom:18px; color:rgba(76,44,164,.08); font-size:44px; font-weight:900; letter-spacing:.05em; transform:rotate(-90deg); }
  .ayandesaz-site .origin-image img { transition:transform .7s cubic-bezier(.2,.75,.25,1); }
  .ayandesaz-site .origin-image:hover img { transform:scale(1.025); }

  /* Motion uses compositor-only properties and never hides content without JS. */
  .ayandesaz-site .ay-reveal { opacity:0; transform:translateY(16px); transition:opacity .42s ease var(--ay-reveal-delay,0ms),transform .42s cubic-bezier(.2,.75,.25,1) var(--ay-reveal-delay,0ms); }
  .ayandesaz-site .ay-reveal.is-revealed { opacity:1; transform:none; }

  @media (max-width: 900px) {
    html.ay-js .ayandesaz-site .header-actions { display:flex; margin-right:auto; }
    html.ay-js .ayandesaz-site .header-actions :where(.account-link,.pill) { display:none; }
    .ayandesaz-site .header-search-toggle { margin:0; }
    .ayandesaz-site .mobile-account-link { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--ay-line); border-radius:12px; background:#fff; color:var(--ay-primary); }
    .ayandesaz-site .mobile-account-link svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
    html.ay-js .ayandesaz-site .menu { margin-right:0; }
    .ayandesaz-site .header .account-link { display:none; }
    .ayandesaz-site .blog-layout { grid-template-columns:minmax(0,var(--ay-reading)); grid-template-areas:"toc-mobile" "prose"; }
    .ayandesaz-site .blog-prose { padding:clamp(24px,5vw,38px); }
    .ayandesaz-site .related-article-grid .article-card:nth-child(n) { transform:none; }
    .ayandesaz-site .comments-area { border-radius:24px; }
    .ayandesaz-site .contact-form-section { grid-template-columns:1fr; }
    .ayandesaz-site .contact-form-section__head { position:static; }
  }
  @media (max-width: 700px) {
    .ayandesaz-site .site-search-fields { grid-template-columns:1fr; }
    .ayandesaz-site .search-form { grid-template-columns:minmax(0,1fr) 92px 44px; }
    .ayandesaz-site .site-search-fields button { width:100%; }
    .ayandesaz-site .blog-prose { padding:24px 19px; border-radius:19px; }
    .ayandesaz-site .blog-related { margin-inline:6px; border-radius:24px; }
    .ayandesaz-site .comments-area { width:calc(100% - 12px); padding:22px 14px; border-radius:22px; }
    .ayandesaz-site .comments-heading { align-items:flex-start; flex-direction:column; }
    .ayandesaz-site .comments-count { min-width:78px; min-height:70px; grid-auto-flow:column; place-content:center; gap:6px; align-items:center; }
    .ayandesaz-site .comments-count b { font-size:22px; }
    .ayandesaz-site .comment-card__inner { padding:17px 15px; }
    .ayandesaz-site .comment-list .children { margin-right:8px; padding-right:10px; }
    .ayandesaz-site .comment-card__inner > header { align-items:flex-start; flex-direction:column; }
    .ayandesaz-site .comment-permalink { margin-right:64px; }
    .ayandesaz-site .comment-respond { padding:20px 15px; }
    .ayandesaz-site .contact-form-section { padding:24px 18px; }
  }
  @media (max-width: 480px) {
    .ayandesaz-site .header-search-toggle { width:42px; height:42px; }
    .ayandesaz-site .site-search-dialog { width:calc(100% - 12px); border-radius:20px; }
    .ayandesaz-site .site-search-panel { padding:20px 15px; }
    .ayandesaz-site .blog-layout { width:calc(100% - 18px); }
    .ayandesaz-site .blog-prose { padding:22px 16px; }
  }
  @media (max-width: 620px) {
    .ayandesaz-site .header { gap:8px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .ayandesaz-site .header,.ayandesaz-site .ay-reveal,.ayandesaz-site .origin-image img,.ayandesaz-site .article-toc nav a i { transition:none; }
    .ayandesaz-site .ay-reveal { opacity:1; transform:none; }
    .ayandesaz-site .origin-image:hover img { transform:none; }
  }
  @media print {
    .ayandesaz-site .site-search-dialog { display:none!important; }
    .ayandesaz-site .blog-prose { padding:0; border:0; box-shadow:none; }
  }
}
