/* ======================================================================
   V3.10 Authenticity Test
   Purpose: keep the information depth while reducing template/AI rhythm.
   ====================================================================== */

/* Logo: actual transparent artwork for both themes. */
.ntf-logo-dark{display:none!important}
[data-theme="dark"] .ntf-logo-light{display:none!important}
[data-theme="dark"] .ntf-logo-dark{display:block!important}
.ntf-logo-light,.ntf-logo-dark{background:transparent!important;padding:0!important;border-radius:0!important}

/* Consistent inline SVG icon system; no emoji/unicode UI glyphs. */
.ui-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.button-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;margin-right:7px}
.shortcut-icon .ui-icon{width:24px;height:24px}
.protect-icon .ui-icon{width:31px;height:31px}

/* The hero statistic area becomes a quiet editorial information strip. */
.brand-impact-bar{
  background:rgba(255,254,250,.94)!important;
  border-top:3px solid var(--brand-gold)!important;
  box-shadow:0 14px 38px rgba(9,31,20,.10);
  backdrop-filter:blur(9px);
}
.brand-impact{border-right:1px solid rgba(23,63,43,.14)!important}
.brand-impact strong{color:var(--brand-deep)!important;font-size:1.4rem!important}
.brand-impact span{color:#667068!important}
[data-theme="dark"] .brand-impact-bar{background:rgba(19,37,26,.94)!important}
[data-theme="dark"] .brand-impact{border-right-color:rgba(255,255,255,.13)!important}
[data-theme="dark"] .brand-impact strong{color:#f3f6f3!important}
[data-theme="dark"] .brand-impact span{color:#b9c5bc!important}

/* Homepage shortcuts: one navigation rail, not four floating AI cards. */
.brand-shortcuts{
  gap:0!important;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.brand-shortcut{
  min-height:102px!important;
  border:0!important;
  border-right:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:19px 22px!important;
}
.brand-shortcut:last-child{border-right:0!important}
.brand-shortcut:hover{background:rgba(36,136,69,.045)!important;transform:none!important}
.shortcut-icon{
  width:42px!important;height:42px!important;border-radius:0!important;
  background:transparent!important;display:grid!important;place-items:center!important;
  color:var(--brand-green)!important;border-left:2px solid currentColor;
}
.brand-shortcut:nth-child(2) .shortcut-icon{color:var(--brand-brown)!important}
.brand-shortcut:nth-child(3) .shortcut-icon{color:#aa851b!important}
.brand-shortcut:nth-child(4) .shortcut-icon{color:var(--brand-blue)!important}
.brand-shortcut b{font-family:Georgia,serif;font-weight:400!important}

/* What we protect: more editorial, less four coloured bubbles. */
.brand-protect-grid{border-top:1px solid var(--line)!important;gap:0!important}
.protect-item{text-align:left!important;padding:19px 16px 8px 0;border-right:1px solid var(--line)}
.protect-item:last-child{border-right:0;padding-left:16px}
.protect-item:not(:first-child){padding-left:16px}
.protect-icon{
  width:44px!important;height:44px!important;border-radius:0!important;margin:0 0 12px!important;
  background:transparent!important;color:var(--brand-green)!important;place-items:start!important;
}
.protect-item:nth-child(2) .protect-icon{color:var(--brand-brown)!important}
.protect-item:nth-child(3) .protect-icon{color:#aa851b!important}
.protect-item:nth-child(4) .protect-icon{color:var(--brand-blue)!important}
.protect-item strong{font-size:.9rem!important}

/* Our Work becomes a light editorial section rather than a large green slab. */
.work-editorial{
  background:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.work-editorial-grid{display:grid;grid-template-columns:.78fr 1.45fr;gap:70px;align-items:start}
.work-editorial-intro{position:sticky;top:108px}
.work-editorial-intro h2{font:500 clamp(2.2rem,4vw,4rem)/1.02 Georgia,serif;color:var(--brand-deep);margin:11px 0 18px;letter-spacing:-.025em}
.work-editorial-intro p{color:var(--muted);font-size:.79rem;line-height:1.8;max-width:440px}
.work-editorial-list{border-top:1px solid var(--line)}
.work-editorial-item{
  display:grid;grid-template-columns:54px 1fr auto;gap:22px;align-items:start;
  padding:27px 0;border-bottom:1px solid var(--line);cursor:pointer
}
.work-editorial-item:hover h3{color:var(--brand-green)}
.work-editorial-item .work-no{font:500 1rem Georgia,serif;color:var(--brand-gold);padding-top:3px}
.work-editorial-item h3{font:500 1.55rem Georgia,serif;margin:0 0 8px;color:var(--brand-deep);transition:.2s}
.work-editorial-item p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.72;max-width:680px}
.work-editorial-item strong{font-size:.68rem;color:var(--brand-green);padding-top:6px;white-space:nowrap}

/* Plan a visit: image-backed editorial band instead of another green card. */
.brand-plan-panel{
  min-height:270px!important;
  display:grid;align-content:center;
  background:
    linear-gradient(90deg,rgba(255,254,250,.985) 0%,rgba(255,254,250,.97) 52%,rgba(255,254,250,.20) 76%,rgba(255,254,250,.03) 100%),
    url('../images/home/ntf-hero-banner.png') 78% center/cover no-repeat!important;
  color:var(--ink)!important;
  border:1px solid var(--line);border-left:4px solid var(--brand-gold);border-radius:4px!important;
  padding:38px 42px!important;
}
.brand-plan-panel:after{display:none!important}
.brand-plan-panel h2{color:var(--brand-deep)!important;max-width:580px}
.brand-plan-panel p{color:var(--muted)!important;max-width:590px!important;font-size:.78rem!important;line-height:1.75}
[data-theme="dark"] .brand-plan-panel{
  background:linear-gradient(90deg,rgba(22,36,27,.98) 0%,rgba(22,36,27,.95) 55%,rgba(22,36,27,.38) 78%,rgba(22,36,27,.10) 100%),url('../images/home/ntf-hero-banner.png') 78% center/cover no-repeat!important;
}
[data-theme="dark"] .brand-plan-panel h2{color:#eef4ef!important}
[data-theme="dark"] .brand-plan-panel p{color:#bdc9c0!important}

/* HIYH pathway: visually connected progression instead of three cards. */
.hiyh-copy{border-top:0!important;border-left:3px solid var(--brand-gold)!important;box-shadow:none!important}
.hiyh-levels{gap:0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hiyh-level{
  background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;
  border-radius:0!important;padding:18px 18px 18px 0!important
}
.hiyh-level:not(:first-child){padding-left:18px!important}
.hiyh-level:last-child{border-right:0!important}

/* Site profiles: information first. Main copy no longer sits in a generic card. */
.site-overview-copy{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 20px 2px 0!important
}
.site-overview-copy:hover{transform:none!important;box-shadow:none!important}
.site-experiences .experience-grid{gap:0!important;border-top:1px solid var(--line)}
.site-experiences .experience-grid > .content-card{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;
  box-shadow:none!important;padding:24px 26px 24px 0!important
}
.site-experiences .experience-grid > .content-card:hover{transform:none!important;box-shadow:none!important}
.site-experiences .experience-grid > .content-card:nth-child(even){padding-left:26px!important}

/* Account: less dashboard-like hero, services consolidated in one practical place. */
.account-hero{
  background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;
  border-top:3px solid var(--brand-gold)!important
}
.account-hero h1{color:var(--brand-deep)!important}
.account-hero p{color:var(--muted)!important}
[data-theme="dark"] .account-hero h1{color:#eef4ef!important}
.account-service-hub{display:grid;gap:24px}
.service-hub-intro{max-width:760px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.service-hub-intro h2{font:500 2.25rem Georgia,serif;margin:8px 0 10px;color:var(--brand-deep)}
.service-hub-intro p{color:var(--muted);line-height:1.75;font-size:.77rem}
.service-hub-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}
.service-hub-form{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:5px}
.service-hub-aside{padding:5px 0 0}
.service-hub-aside h3{font:500 1.35rem Georgia,serif;color:var(--brand-deep);margin:0 0 13px}
.service-hub-list{border-top:1px solid var(--line)}
.service-hub-list div{padding:13px 0;border-bottom:1px solid var(--line)}
.service-hub-list strong{display:block;font-size:.75rem;margin-bottom:3px}
.service-hub-list span{font-size:.67rem;color:var(--muted);line-height:1.5}
.service-extra{display:none}
.service-extra.active{display:block}
.service-history{padding-top:8px;border-top:1px solid var(--line)}
.service-history h3{font:500 1.45rem Georgia,serif;color:var(--brand-deep);margin:18px 0}

/* Education stats and T.K.C: numbers and text, not floating cards. */
.programme-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0!important}
.programme-stats > div{background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.programme-stats > div:last-child{border-right:0!important}
.tkc-grid{gap:0!important;border-top:1px solid var(--line)}
.tkc-grid .tkc-card{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding-left:0!important;padding-right:28px!important}
.tkc-grid .tkc-card:hover{transform:none!important;box-shadow:none!important}

/* Remove unnecessary card hover theatrics where content is editorial, not a product. */
.story-card:hover,.content-card:hover{transform:none}

/* Better focus visibility + motion respect. */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(206,175,53,.58)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:900px){
  .work-editorial-grid{grid-template-columns:1fr;gap:30px}
  .work-editorial-intro{position:static}
  .service-hub-layout{grid-template-columns:1fr}
  .brand-shortcuts{grid-template-columns:1fr 1fr!important}
  .brand-shortcut:nth-child(2){border-right:0!important}
  .brand-shortcut:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
}
@media(max-width:620px){
  .brand-shortcuts{grid-template-columns:1fr!important}
  .brand-shortcut{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .brand-shortcut:last-child{border-bottom:0!important}
  .brand-impact-bar{box-shadow:none}
  .work-editorial-item{grid-template-columns:38px 1fr;gap:14px}
  .work-editorial-item strong{grid-column:2}
  .brand-plan-panel{background:var(--paper)!important;padding:28px 22px!important}
  .hiyh-levels{grid-template-columns:1fr!important}
  .hiyh-level{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:16px 0!important}
  .hiyh-level:not(:first-child){padding-left:0!important}
  .hiyh-level:last-child{border-bottom:0!important}
  .programme-stats{grid-template-columns:1fr 1fr!important}
  .programme-stats > div:nth-child(2){border-right:0!important}
  .programme-stats > div:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
}