/* AURA D3.11G — consolidated polish inspection build
   Date: 14 Aug 2026
   Status: INSPECTION ONLY — NOT PRODUCTION APPROVED
   Scope approved by Product Owner:
   - Restore landing-card title "Structured Hiring".
   - Standardise evidence-page hero H1 typography.
   - Add full Skills rows to all evidence-page heroes.
   - Carry each approved landing-card image into its detail-page hero.
   - Correct the visual word-space collision in "Evidence of how I work.".
   - Rebuild the two Structured Hiring workstream cards using one aligned
     Process × Assessment visual grammar, keeping Structured Assessment on one line.
*/

:root{
  --d311g-forest:#103C32;
  --d311g-deep:#0B2F28;
  --d311g-sage:#8FB79A;
  --d311g-cream:#F7F2E8;
  --d311g-ivory:#FCF8F1;
  --d311g-gold:#B88A3B;
  --d311g-blue:#A6B4FC;
  --d311g-lavender:#E7E1F3;
  --d311g-neutral:#EAE1D5;
  --d311g-text:#1F2925;
  --d311g-muted:#6F746D;
  --d311g-border:#D8D1C6;
}

/* Case Studies hero: targeted word-space fix only. */
.case-library-hero .case-hero-of{
  display:inline-block;
  margin-right:.12em!important;
}

/* Preserve source-resolution rendering on approved card imagery. */
.case-card-visual img{
  image-rendering:auto;
  transform:none;
  backface-visibility:hidden;
}

/* Shared evidence-page hero typography token. */
.hmt-hero h1,
.ta-combined-hero h1,
.kickoff-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.8rem,7vw,6.4rem)!important;
  line-height:.92!important;
  font-weight:400;
  color:var(--d311g-deep);
  margin:.6rem 0 1rem!important;
}

/* Full Skills row: detail/evidence pages only. */
.evidence-page-skills{
  margin-top:1.5rem;
}
.evidence-page-skills>strong{
  display:block;
  margin-bottom:.68rem;
  color:var(--d311g-deep);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-weight:800;
}
.evidence-skill-list{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.evidence-skill-list span{
  display:inline-flex;
  align-items:center;
  min-height:2.05rem;
  padding:.45rem .72rem;
  border-radius:999px;
  border:1px solid rgba(16,60,50,.07);
  color:var(--d311g-deep);
  font-size:.78rem;
  line-height:1.15;
  font-weight:680;
}
.evidence-skill-list span:nth-child(3n+1){background:rgba(143,183,154,.26)}
.evidence-skill-list span:nth-child(3n+2){background:rgba(231,225,243,.82)}
.evidence-skill-list span:nth-child(3n){background:rgba(184,138,59,.15)}

/* Existing Structured Hiring skills use the same shared treatment. */
.combined-skills.evidence-page-skills{margin-top:1.5rem}
.combined-skills.evidence-page-skills>strong{margin-bottom:.68rem}
.combined-skills.evidence-page-skills .combined-skill-list span{
  min-height:2.05rem;
  padding:.45rem .72rem;
  font-size:.78rem;
}

/* Structured Hiring: approved card image now carried into the hero. */
.ta-combined-hero{
  padding:5.4rem 7vw 4.8rem;
}
.ta-combined-hero-layout{
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  gap:clamp(2.25rem,5vw,5rem);
  align-items:center;
}
.ta-combined-hero-inner{max-width:760px}
.evidence-hero-visual{
  margin:0;
  min-width:0;
  overflow:hidden;
  border-radius:0 0 3rem 0;
  background:var(--d311g-neutral);
  box-shadow:0 18px 42px rgba(16,60,50,.075);
}
.evidence-hero-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}
.structured-hiring-hero-visual img{object-position:center 52%}

/* Kickoff: approved card image carried into the hero; privacy copy is preserved below it. */
.kickoff-hero{
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  align-items:center;
  gap:clamp(2.25rem,5vw,5rem);
  padding:5.4rem 7vw 4.8rem;
}
.kickoff-hero-copy{max-width:800px}
.kickoff-hero-media{min-width:0;display:grid;gap:1rem;align-self:center}
.kickoff-hero-visual{width:100%}
.kickoff-hero-visual img{object-position:center 50%}
.kickoff-hero-media .kickoff-privacy{
  border-radius:1rem;
  padding:1.1rem 1.25rem;
  box-shadow:none;
}
.kickoff-hero-media .kickoff-privacy strong{margin-bottom:.42rem;font-size:.9rem}
.kickoff-hero-media .kickoff-privacy p{font-size:.84rem;line-height:1.55}

/* HMT: keep the approved image-led composition; only align its typography + skills. */
.hmt-hero-copy{max-width:780px}
.hmt-hero .artifact-meta{margin-top:1.35rem}
.hmt-skills{margin-top:1.35rem}

/* Structured Hiring overview — approved Process × Assessment concept. */
.combined-summary-grid{
  gap:1.25rem;
  align-items:stretch;
}
.combined-summary-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  padding:1.6rem;
}
.combined-summary-card h3{
  margin:0 0 .7rem;
  font-size:clamp(1.95rem,2.35vw,2.35rem);
  line-height:1;
  white-space:nowrap;
}
.summary-outcome{
  min-height:3rem;
  margin-bottom:.7rem;
}
.summary-description{
  min-height:5.25rem;
}
.summary-system{
  margin:1.2rem 0 1.15rem;
  padding-top:1rem;
  border-top:1px solid rgba(16,60,50,.14);
}
.summary-system-label{
  display:block;
  margin-bottom:.78rem;
  color:var(--d311g-forest);
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.assessment .summary-system-label{color:#625ac6}
.summary-system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.72rem;
}
.summary-system-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:7.25rem;
  padding:.72rem .42rem;
  border-radius:.58rem;
  text-align:center;
  background:rgba(143,183,154,.20);
  border:1px solid rgba(16,60,50,.10);
  color:var(--d311g-deep);
}
.assessment .summary-system-item{
  background:rgba(231,225,243,.76);
  border-color:rgba(98,90,198,.10);
}
.summary-system-item:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:50%;
  right:-.58rem;
  z-index:2;
  transform:translate(50%,-50%);
  width:1rem;
  color:var(--d311g-forest);
  font-size:.75rem;
  line-height:1;
  font-weight:800;
}
.assessment .summary-system-item:not(:last-child)::after{color:#625ac6}
.summary-system-icon{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  margin-bottom:.48rem;
  color:var(--d311g-forest);
}
.assessment .summary-system-icon{color:#625ac6}
.summary-system-icon svg{display:block;width:100%;height:100%}
.summary-system-item b{
  display:block;
  max-width:100%;
  font-size:.66rem;
  line-height:1.16;
  font-weight:700;
}
.summary-anchor{
  margin-top:auto;
  align-self:flex-start;
}

/* Ensure titles, system and CTA form matching horizontal bands. */
.combined-summary-card .summary-card-top{min-height:3.35rem}

@media(max-width:1100px){
  .ta-combined-hero-layout,
  .kickoff-hero{
    grid-template-columns:1fr;
  }
  .evidence-hero-visual,
  .kickoff-hero-media{max-width:820px;width:100%}
  .combined-summary-card h3{font-size:2.05rem}
}

@media(max-width:700px){
  .case-library-hero .case-hero-of{margin-right:.1em!important}

  .hmt-hero h1,
  .ta-combined-hero h1,
  .kickoff-hero h1{
    font-size:clamp(2.8rem,12vw,3.4rem)!important;
    line-height:.94!important;
    margin:.45rem 0 .8rem!important;
  }
  .evidence-page-skills{margin-top:1.2rem}
  .evidence-skill-list{gap:.4rem}
  .evidence-skill-list span,
  .combined-skills.evidence-page-skills .combined-skill-list span{
    min-height:1.86rem;
    padding:.4rem .6rem;
    font-size:.7rem;
  }

  .ta-combined-hero{padding:3.7rem 6vw 3.3rem}
  .ta-combined-hero-layout{display:flex;flex-direction:column;gap:1.7rem}
  .structured-hiring-hero-visual{order:-1;width:calc(100% + 12vw);margin:0 -6vw;border-radius:0}
  .structured-hiring-hero-visual img{aspect-ratio:4/3}

  .kickoff-hero{padding:0 6vw 3.5rem;display:flex;flex-direction:column;gap:0}
  .kickoff-hero-media{order:-1;width:calc(100% + 12vw);margin:0 -6vw 1.6rem;max-width:none}
  .kickoff-hero-visual{border-radius:0;box-shadow:none}
  .kickoff-hero-visual img{aspect-ratio:4/3}
  .kickoff-hero-media .kickoff-privacy{margin:1rem 6vw 0}

  .combined-summary-card{padding:1.25rem}
  .combined-summary-card h3{font-size:clamp(1.8rem,8.2vw,2.15rem);white-space:nowrap}
  .summary-outcome,.summary-description{min-height:0}
  .summary-system-grid{grid-template-columns:1fr 1fr;gap:.55rem}
  .summary-system-item{min-height:6.4rem}
  .summary-system-item::after{display:none!important}
  .summary-system-icon{width:1.8rem;height:1.8rem}
  .summary-system-item b{font-size:.68rem}
}