@charset "UTF-8";

/*
 * Your IT & Tech Mates public master theme — A0019341
 * Loaded last on customer-facing pages. This file owns shared safety rails,
 * responsive hero contracts and customer-facing component consistency.
 */

body[data-yitm-public-theme="A0019341"] {
  --yitm-public-ink: #10233f;
  --yitm-public-muted: #53627a;
  --yitm-public-green: #1f654f;
  --yitm-public-green-strong: #174b3d;
  --yitm-public-gold: #f2b900;
  --yitm-public-page: #f7f5ef;
  --yitm-public-surface: #ffffff;
  --yitm-public-soft: #f3f8f5;
  --yitm-public-border: #d7e2dc;
  --yitm-public-radius: 18px;
  --yitm-public-wide: 1180px;
  --yitm-public-copy: 72ch;
  --yitm-public-shadow: 0 16px 42px rgba(16, 35, 63, 0.09);
  --yitm-public-space-1: clamp(0.75rem, 0.68rem + 0.28vw, 1rem);
  --yitm-public-space-2: clamp(1rem, 0.84rem + 0.65vw, 1.5rem);
  --yitm-public-space-3: clamp(1.5rem, 1.12rem + 1.35vw, 2.5rem);
  --yitm-public-space-4: clamp(2.25rem, 1.6rem + 2.4vw, 4rem);
}

body[data-yitm-public-theme="A0019341"],
body[data-yitm-public-theme="A0019341"] *,
body[data-yitm-public-theme="A0019341"] *::before,
body[data-yitm-public-theme="A0019341"] *::after {
  box-sizing: border-box;
}

body[data-yitm-public-theme="A0019341"] main {
  min-width: 0;
}

body[data-yitm-public-theme="A0019341"] :where(.wrap, .container, .yitm-shell, .content-wrap) {
  min-width: 0;
}

body[data-yitm-public-theme="A0019341"] main :where(img, picture, video, iframe, svg, canvas) {
  max-width: 100%;
}

body[data-yitm-public-theme="A0019341"] main :where(img, video) {
  height: auto;
}

body[data-yitm-public-theme="A0019341"] main :where(h1, h2, h3, h4) {
  line-height: 1.08;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body[data-yitm-public-theme="A0019341"] main h1 {
  letter-spacing: -0.04em;
}

body[data-yitm-public-theme="A0019341"] main :where(p, li, dd) {
  overflow-wrap: break-word;
}

body[data-yitm-public-theme="A0019341"] main :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--yitm-public-gold);
  outline-offset: 3px;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .btn,
  .yitm-btn,
  .yitm-u-btn,
  .yitm-button,
  .yitm-pathway-btn,
  .leadroom-button,
  .ldt-btn,
  .pt-btn
) {
  min-height: 44px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .card,
  .glass-card,
  .shared-card,
  .content-card,
  .guide-card,
  .cross-link-card,
  .yitm-card,
  .yitm-service-card,
  .yitm-pathway-card,
  .leadroom-card
) {
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .grid,
  .cards-2,
  .cards-3,
  .card-grid,
  .guide-grid,
  .path-grid,
  .cross-links,
  .cross-links-grid,
  .content-upgrade-grid,
  .yitm-grid-2,
  .yitm-reader-related-grid,
  .yitm-reader-benefit-grid
) > * {
  min-width: 0;
}

body[data-yitm-public-theme="A0019341"] main :where(.cross-links, .cross-links-grid) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--yitm-public-space-2);
}

/* Shared hero contract ---------------------------------------------------- */

body[data-yitm-public-theme="A0019341"] main :where(
  .hero,
  .yitm-hero,
  .premium-hero,
  .article-hero,
  .blog-article-hero,
  .hub-article-hero,
  .cyber-hero,
  .scam-post-hero,
  .yitm-intent-hero,
  .ldt-hero,
  .pt-hero
) {
  min-height: 0;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .hero-grid,
  .yitm-hero-grid,
  .yitm-ndis-hero-grid,
  .premium-hero-grid,
  .blog-article-hero-grid,
  .post-hero-grid,
  .auth-hero-grid,
  .yitm-intent-hero-grid,
  .ldt-hero-grid,
  .pt-hero-grid
) {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 52px);
  align-items: center;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .hero-grid,
  .yitm-hero-grid,
  .yitm-ndis-hero-grid,
  .premium-hero-grid,
  .blog-article-hero-grid,
  .post-hero-grid,
  .auth-hero-grid,
  .yitm-intent-hero-grid,
  .ldt-hero-grid,
  .pt-hero-grid
) > * {
  min-width: 0;
  max-width: 100%;
  grid-row: auto;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .hero-img-col,
  .hero-media,
  .hero-image,
  .yitm-hero-media,
  .yitm-hero-image,
  .article-hero-media,
  .blog-article-hero-media,
  .premium-hero-media,
  .auth-hero-media,
  .yitm-intent-hero-img,
  .ldt-hero-media,
  .tool-hero-media
) {
  min-width: 0;
  max-width: 100%;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .hero-img-col,
  .hero-media,
  .hero-image,
  .yitm-hero-media,
  .yitm-hero-image,
  .article-hero-media,
  .blog-article-hero-media,
  .premium-hero-media,
  .auth-hero-media,
  .ldt-hero-media,
  .tool-hero-media
) img {
  display: block;
  width: 100%;
  object-fit: cover;
}

body[data-yitm-public-theme="A0019341"] main :where(
  .hero-actions,
  .hero-ctas,
  .yitm-actions,
  .yitm-cta-row,
  .yitm-pathway-actions,
  .yitm-intent-actions,
  .ldt-actions
) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* Service pages use legacy forced grid placement. These four compatibility
   locks make the shared grid the single layout owner until those rules retire. */
body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid) {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr) !important;
  align-items: center !important;
}

body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid) > :first-child {
  grid-column: 1 !important;
  grid-row: auto !important;
}

body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid) > :is(.hero-img-col, .hero-image, figure):not(.yitm-review-strip) {
  grid-column: 2 !important;
  grid-row: auto !important;
}

body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid) > .yitm-review-strip {
  grid-column: 1 / -1 !important;
}

/* Smart Tools hub: restore a deliberate two-column hero and prevent implicit
   grid tracks from reducing the heading to a narrow strip. */
body[data-yitm-public-theme="A0019341"].template-tool-page .hero > .wrap {
  width: min(var(--yitm-public-wide), calc(100% - 40px));
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid {
  grid-template-columns: minmax(340px, 0.9fr) minmax(440px, 1.25fr) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  align-items: start !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid > :first-child {
  grid-column: 1 !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid > :is(.hero-img-col, .hero-image, figure) {
  grid-column: 2 !important;
  justify-self: stretch !important;
  align-self: start !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(h1, .hero-h1) {
  width: auto !important;
  max-width: 13ch !important;
  margin-inline: 0 !important;
  font-size: clamp(2.8rem, 4.7vw, 4.75rem) !important;
  line-height: 0.98 !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(.ux-copy-panel--hero, .reading-split.ux-copy-panel--hero, .ux-copy-card, .reading-card) {
  width: 100% !important;
  max-width: 100% !important;
}

body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(.hero-img, .hero-img-col img, .hero-image img, figure img) {
  width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: var(--yitm-public-radius) !important;
  object-fit: cover !important;
  object-position: center !important;
}

body[data-yitm-public-theme="A0019341"] .yitm-tool-led-pillar {
  margin-bottom: 0;
}

body[data-yitm-public-theme="A0019341"] .yitm-tool-led-pillar__inner {
  min-height: 0;
}

/* Shared replacements for repeated inline presentation styles. */
body[data-yitm-public-theme="A0019341"] .yitm-u-pt-0 { padding-top: 0; }
body[data-yitm-public-theme="A0019341"] .yitm-u-m-0 { margin: 0; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mb-24 { margin-bottom: 24px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-8 { margin-top: 8px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-14 { margin-top: 14px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-16 { margin-top: 16px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-18 { margin-top: 18px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-20 { margin-top: 20px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-22 { margin-top: 22px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-24 { margin-top: 24px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-38 { margin-top: 38px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-mt-42 { margin-top: 42px; }
body[data-yitm-public-theme="A0019341"] .yitm-u-center { text-align: center; }
body[data-yitm-public-theme="A0019341"] .yitm-u-justify-center { justify-content: center; }
body[data-yitm-public-theme="A0019341"] .yitm-u-light-action {
  border-color: #dce2e8;
  background: #fff;
  color: #0f6a50;
}
body[data-yitm-public-theme="A0019341"] .yitm-u-green-link {
  color: #1f7a4d;
  font-weight: 600;
  text-decoration: none;
}
body[data-yitm-public-theme="A0019341"] .yitm-u-section-title {
  color: var(--clay-accent, #0f4c81);
  font-size: 2.2rem;
  font-weight: 800;
}
body[data-yitm-public-theme="A0019341"] .yitm-u-icon-16 {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
body[data-yitm-public-theme="A0019341"] .yitm-u-media-card {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--yitm-border, #e5d6c8);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}
body[data-yitm-public-theme="A0019341"] .yitm-u-caption {
  margin-top: 8px;
  color: var(--yitm-muted, #6b7280);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
body[data-yitm-public-theme="A0019341"] .yitm-u-direct-card {
  margin: 16px 0;
  padding: 16px 20px;
  border: 1px solid rgba(126, 94, 57, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 900px) {
  body[data-yitm-public-theme="A0019341"] main :where(
    .hero-grid,
    .yitm-hero-grid,
    .yitm-ndis-hero-grid,
    .premium-hero-grid,
    .blog-article-hero-grid,
    .post-hero-grid,
    .auth-hero-grid,
    .yitm-intent-hero-grid,
    .ldt-hero-grid,
    .pt-hero-grid
  ),
  body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid),
  body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(20px, 4vw, 32px) !important;
  }

  body[data-yitm-public-theme="A0019341"] main :where(
    .hero-grid,
    .yitm-hero-grid,
    .yitm-ndis-hero-grid,
    .premium-hero-grid,
    .blog-article-hero-grid,
    .post-hero-grid,
    .auth-hero-grid,
    .yitm-intent-hero-grid,
    .ldt-hero-grid,
    .pt-hero-grid
  ) > *,
  body[data-yitm-public-theme="A0019341"].yitm-service-hero-enabled .yitm-service-hero-shell :where(.hero-grid, .yitm-ndis-hero-grid) > *,
  body[data-yitm-public-theme="A0019341"].template-tool-page .hero .hero-grid > * {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(h1, .hero-h1) {
    max-width: 16ch !important;
  }
}

@media (max-width: 700px) {
  body[data-yitm-public-theme="A0019341"] main :where(.cross-links, .cross-links-grid) {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-yitm-public-theme="A0019341"] main :where(
    .hero-actions,
    .hero-ctas,
    .yitm-actions,
    .yitm-cta-row,
    .yitm-pathway-actions,
    .yitm-intent-actions,
    .ldt-actions
  ) {
    align-items: stretch;
  }

  body[data-yitm-public-theme="A0019341"] main :where(
    .hero-actions,
    .hero-ctas,
    .yitm-actions,
    .yitm-cta-row,
    .yitm-pathway-actions,
    .yitm-intent-actions,
    .ldt-actions
  ) :where(.btn, .yitm-btn, .yitm-u-btn, .yitm-button, .yitm-pathway-btn, .leadroom-button, .ldt-btn, .pt-btn) {
    width: 100%;
  }

  body[data-yitm-public-theme="A0019341"].template-tool-page .hero > .wrap {
    width: min(100% - 22px, var(--yitm-public-wide));
  }

  body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(h1, .hero-h1) {
    max-width: none !important;
    font-size: clamp(2.2rem, 10vw, 3.2rem) !important;
    line-height: 1.02 !important;
  }

  body[data-yitm-public-theme="A0019341"].template-tool-page .hero :is(.hero-img, .hero-img-col img, .hero-image img, figure img) {
    max-height: 320px !important;
    aspect-ratio: 16 / 10 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-yitm-public-theme="A0019341"] *,
  body[data-yitm-public-theme="A0019341"] *::before,
  body[data-yitm-public-theme="A0019341"] *::after {
    scroll-behavior: auto;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }
}