/*
 * Kanika's Nursing Academy UI system — 1.26.1
 * This file is intentionally loaded last. It consolidates the public type,
 * spacing, icon and media contract without replacing the established design.
 */
:root{
  --kna-space-section:clamp(58px,5vw,80px);
  --kna-space-section-compact:clamp(44px,4vw,62px);
  --kna-type-body:16px;
  --kna-type-small:.875rem;
  --kna-type-card:1.2rem;
  --kna-type-section:clamp(1.9rem,2.45vw,2.65rem);
  --kna-type-page:clamp(2.35rem,4vw,3.75rem);
}

html{font-size:100%}
body{font-family:var(--sans);font-size:var(--kna-type-body);font-weight:400;line-height:1.65;color:var(--ink)}
p,li,dd,dt,label,input,select,textarea{font-weight:400}
strong,b{font-weight:600}
h1,h2,h3,h4,h5,h6{font-family:var(--sans);font-weight:700;letter-spacing:-.016em;text-wrap:balance}
h1{font-size:var(--kna-type-page);line-height:1.08}
h2,.section-heading h2,.batch-showcase-copy h2,.home-care-copy h2{font-size:var(--kna-type-section);line-height:1.16}
h3,.course-card h2,.course-card h3,.course-card-full h2,.job-main h3,.batch-card-body h3,.result-card-copy h3{font-size:var(--kna-type-card);font-weight:600;line-height:1.3;letter-spacing:-.01em}
p{line-height:1.68;text-wrap:pretty}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.115em}
.button,.text-link,.primary-nav .menu a,.nav-enquire{font-weight:600}
.button{font-size:.9rem}
.text-link{font-size:.875rem}
.section{padding-block:var(--kna-space-section)}
.section-heading{margin-bottom:32px}
.section-heading.split{gap:clamp(28px,4vw,52px)}
.section-heading.split>p{font-size:1rem;line-height:1.68}
.job-search-band,.related-content{padding-block:var(--kna-space-section)}

/* Locally bundled Font Awesome icons: one consistent box and baseline. */
.kna-icon{display:inline-flex;width:1.15em;height:1.15em;flex:0 0 1.15em;align-items:center;justify-content:center;font-size:1em;line-height:1;text-align:center}
.button .kna-icon,.text-link .kna-icon,.card-arrow .kna-icon{font-size:1rem}
.utility-bar .kna-icon{font-size:.9rem}
.batch-carousel-controls .kna-icon,.results-carousel-controls .kna-icon{font-size:1rem}
.social-links .kna-icon,.social-home-icon .kna-icon{font-size:1.1rem}
.batch-location .kna-icon{width:17px;height:17px;flex-basis:17px;margin-top:2px;color:var(--red);font-size:.95rem}
.batch-whatsapp .kna-icon{color:#168c4d;font-size:1.1rem}
.feature-list .kna-icon{display:inline-flex;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--red);color:#fff;font-size:.7rem}
.online-learning-points .kna-icon{color:var(--gold)}
.contact-mini .kna-icon,.branch-detail .kna-icon,.footer-contact .kna-icon{margin-top:2px}
.play-store-link .kna-icon,.online-app-link .kna-icon{color:inherit}

/* Upcoming batches: consistent card rhythm and a reasonable transition gap. */
.upcoming-course-showcase{padding:var(--kna-space-section) 0 var(--kna-space-section-compact)}
.upcoming-course-showcase+.courses-section{padding-top:var(--kna-space-section-compact)}
.batch-showcase-intro{margin-bottom:28px}
.batch-carousel-shell{padding:16px}
.upcoming-course-showcase .batch-card-body{min-height:238px;padding:20px}
.batch-card-meta{font-size:.72rem;font-weight:700;letter-spacing:.055em}
.batch-card h3,.upcoming-course-showcase .batch-card h3{margin:12px 0 9px;font-size:1.18rem;font-weight:600}
.batch-card-body>p,.upcoming-course-showcase .batch-card-body>p{font-size:.95rem;line-height:1.62}
.batch-location{min-height:22px;margin-top:14px;font-size:.86rem;line-height:1.45}
.batch-card-actions{padding-top:16px}
.batch-card-actions .text-link{font-size:.85rem}
.batch-whatsapp{width:40px;height:40px;flex:0 0 40px}
.batch-carousel-controls button,.results-carousel-controls button{display:inline-flex;align-items:center;justify-content:center}

/* Academy video: restore contrast and keep only the play affordance. */
.academy-video-grid{gap:clamp(38px,4.5vw,64px)}
.academy-video-copy h2{margin:12px 0 18px;font-size:var(--kna-type-section);font-weight:700;line-height:1.16}
.academy-video-copy p{color:#c8d3e2!important;font-size:1rem!important;line-height:1.7!important}
.academy-video-frame:before{display:none}
.academy-video-lazy{min-height:clamp(320px,32vw,460px)}
.academy-video-play{display:inline-flex;width:68px;height:68px;min-width:68px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.28);backdrop-filter:none}
.academy-video-play:hover,.academy-video-play:focus-visible{background:var(--red-dark);transform:scale(1.05)}
.academy-video-play>span{display:inline-flex;width:auto;height:auto;padding:0 0 0 3px;background:transparent;font-size:1.25rem}
.academy-video-play strong,.academy-video-play small{display:none}

/* Result artwork is editorial content: never crop or impose a fake ratio. */
.results-section .results-carousel-track .result-item{height:auto;align-self:flex-start}
.results-section .results-carousel-track .result-item img,
.results-section .results-carousel-track .result-wide img,
.results-section .results-carousel-track .result-portrait img,
.result-gallery .result-item img,
.result-gallery .result-wide img,
.result-gallery .result-portrait img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
}
.result-gallery figcaption,.result-gallery .result-item>span{min-height:70px;padding:12px 15px 13px 20px}
.result-gallery strong{font-size:.9rem;font-weight:600}
.result-gallery small{font-size:.78rem;line-height:1.45}

/* Readability on dark sections must not be overridden by generic card copy. */
.academy-video-section h2,.latest-jobs h2,.online-learning-section h2{color:#fff}
.academy-video-section .text-link,.latest-jobs .text-link{font-weight:600}
.site-footer p,.site-footer li,.site-footer a,.site-footer button{font-weight:400}

/* Cross-template typography: the same hierarchy now applies beyond the homepage. */
.page-hero h1,.page-hero.compact h1,
.about-hero-copy h1,.news-media-hero h1,
.single-job-heading h1,.single-course-heading h1,
.batch-archive-hero h1,.batch-single-hero h1,
.home-care-hero h1,.local-coaching-hero h1{
  font-family:var(--sans);
  font-size:var(--kna-type-page);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.016em;
}
.page-hero p,.about-hero-copy>p,.news-media-hero p,
.single-job-heading>div>p,.single-course-heading>div>p,
.batch-archive-hero p,.batch-single-hero p{
  font-size:1rem;
  font-weight:400;
  line-height:1.72;
}
.prose,.job-content,.single-content,.batch-single-content,.home-care-main{
  font-size:1rem;
  font-weight:400;
  line-height:1.72;
}
.prose h2,.job-content h2,.single-content h2,.batch-single-content h2,.home-care-main h2{
  font-size:clamp(1.65rem,2.35vw,2.2rem);
  font-weight:700;
  line-height:1.2;
}
.prose h3,.job-content h3,.single-content h3,.batch-single-content h3,.home-care-main h3{
  font-size:clamp(1.2rem,1.7vw,1.45rem);
  font-weight:600;
  line-height:1.3;
}
.sidebar-card h2,.contact-panel h2,.contact-form-card h2,.archive-heading h2{
  font-family:var(--sans);
  font-size:clamp(1.4rem,2vw,1.8rem);
  font-weight:700;
  line-height:1.22;
}
.sidebar-card p,.sidebar-card li,.contact-panel p,.contact-panel li,
.archive-heading p,.search-result p,.news-media-card p{
  font-size:.95rem;
  line-height:1.65;
}
.facts-grid strong,.branch-card strong,.contact-shared-details strong{font-weight:600}

/* Surface-aware contrast. Generic paragraph rules must never darken copy on navy panels. */
.student-care-note{gap:18px;padding:20px 22px}
.student-care-note p{
  margin:0;
  color:#c8d3e2!important;
  font-size:.96rem!important;
  font-weight:400;
  line-height:1.62!important;
}
.student-care-note p strong{color:#fff!important;font-weight:600}
.student-care-note>span{flex:none}
.student-care-note .button{white-space:nowrap}
.jobs-hero p,.batch-archive-hero p,.batch-single-hero p,
.about-hero-copy>p,.news-media-hero p,.official-actions p,
.contact-panel p,.contact-panel li,.site-footer p,.site-footer li{color:#c8d3e2}
.contact-panel h1,.contact-panel h2,.contact-panel h3,
.official-actions h2,.official-actions h3,.site-footer h2,.site-footer h3{color:#fff}
.about-proof-grid p{color:#b9c6d8!important}
.news-media-cta p{color:#d5deeb}

/* Cards and forms use one readable scale instead of isolated tiny labels. */
.course-card p,.course-card-full p,.batch-card-body>p,.purpose-cards p,
.about-program-card>p,.student-care-grid p,.story-copy>p,
.sidebar-home-care-content>p{font-size:.95rem!important;line-height:1.65!important}
.field label,.consent,.breadcrumbs,.facts-grid small,.branch-detail small,
.contact-shared-details small{font-size:.8rem}
.field input,.field select,.field textarea{font-size:1rem}
.job-meta,.job-deadline small,.course-card-footer>span,.batch-location{font-size:.82rem}
.search-result h2,.news-media-card h2{font-family:var(--sans);font-weight:600;line-height:1.3}

@media(max-width:1050px){
  :root{--kna-space-section:clamp(54px,6.5vw,70px)}
  .academy-video-grid{grid-template-columns:1fr;gap:34px}
  .academy-video-copy{max-width:720px}
}

@media(max-width:760px){
  :root{--kna-space-section:54px;--kna-space-section-compact:42px;--kna-type-card:1.15rem;--kna-type-section:clamp(1.75rem,7vw,2.15rem);--kna-type-page:clamp(2.2rem,9vw,2.8rem)}
  body{font-size:16px}
  .section-heading{margin-bottom:26px}
  .section-heading.split{display:grid;gap:14px;align-items:start}
  .section-heading.split>p,.section-heading.split>.text-link{margin-top:0}
  .upcoming-course-showcase{padding:54px 0 40px}
  .upcoming-course-showcase+.courses-section{padding-top:44px}
  .batch-carousel-shell{padding:12px}
  .upcoming-course-showcase .batch-card-body{min-height:225px;padding:18px}
  .academy-video-copy p{font-size:1rem!important}
  .academy-video-actions{gap:14px}
  .academy-video-frame{padding:7px}
  .academy-video-lazy{min-height:280px}
  .results-section .results-carousel-track .result-item,
  .results-section .results-carousel-track .result-item.result-square,
  .results-section .results-carousel-track .result-item.result-portrait,
  .results-section .results-carousel-track .result-item.result-wide{width:100%;min-width:100%;max-width:100%;flex-basis:100%}
  .student-care-note{grid-template-columns:auto 1fr;padding:18px}
  .student-care-note .button{grid-column:1/-1;width:100%;white-space:normal}
  .page-hero p,.about-hero-copy>p,.news-media-hero p,
  .single-job-heading>div>p,.single-course-heading>div>p{font-size:1rem}
}

@media(max-width:480px){
  .section{padding-block:48px}
  .batch-carousel-label{align-items:center}
  .batch-carousel-label>span{font-size:.68rem}
  .academy-video-actions{display:grid;align-items:stretch}
  .academy-video-actions .button{width:100%}
  .academy-video-actions .text-link{justify-content:center}
  .academy-video-lazy{min-height:230px}
  .academy-video-play{width:60px;height:60px;min-width:60px}
  .student-care-note{grid-template-columns:1fr;gap:14px}
}