/* Independent UNIDAYAN colour edition. Artwork stays intact; activity gallery is compact. */
:root {
  --brand-cyan: #00b3d1;
  --brand-lake: #1aa8c3;
  --brand-action: #087e9f;
  --brand-hover: #066e90;
  --brand-pressed: #085674;
  --brand-number: #168ca9;
  --brand-gradient: linear-gradient(105deg,#6757f7 0%,#297ef4 48%,#08a4ec 100%);
  --brand-gradient-hover: linear-gradient(105deg,#5b4ce9 0%,#1f70e7 48%,#0797dd 100%);
  --brand-button-ink: #fff;
  --brand-ink: #21434b;
  --brand-muted: #526e76;
  --brand-soft: #effbfc;
  --brand-tint: #f7fbff;
  --brand-selected: #e5f6ff;
  --brand-border: #c9e6f0;
  --brand-control-border: #719ca5;
  --brand-orange: #b05c1c;
  --brand-green: #358052;
  --brand-purple: #6f69ad;
  --blue: var(--brand-action);
  --violet: var(--brand-action);
  --line: #dfebee;
  --shadow: 0 6px 25px #245c6614;
}

/* Unified action button treatment follows the purple-to-blue reference. */
.button,.button.ghost,.button.white { background: var(--brand-gradient); color: var(--brand-button-ink); border-color: transparent; border-radius: 14px; }
.button:hover,.button.ghost:hover,.button.white:hover { background: var(--brand-gradient-hover); color: var(--brand-button-ink); filter: none; }
.button:active,.button.ghost:active,.button.white:active { background: var(--brand-gradient-hover); color: var(--brand-button-ink); }
.button:disabled { background: #dce9eb; color: #5d7277; }
.text-link { color: var(--brand-action); }
.text-link:hover { color: var(--brand-hover); }
.tiny-icon { color: var(--brand-action); }
::selection { background: #cceff4; color: #174b56; }
input,select,textarea { caret-color: var(--brand-action); accent-color: var(--brand-action); }
::-webkit-scrollbar-thumb { background: #9abfc6; }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,
.dayan-header a:focus-visible,.dayan-header button:focus-visible,.dayan-footer a:focus-visible,
#home .button:focus-visible,.experts-carousel :focus-visible { outline-color: var(--brand-hover); }

/* Masthead and the live text layer only: the laboratory panorama is not recoloured. */
.dayan-header { border-bottom-color: var(--line); }
.dayan-header .nav a:hover { color: var(--brand-action); }
.dayan-header .nav a::after { background: var(--brand-cyan); }
.dayan-header .mobile-toggle span { background: var(--brand-ink); }
#home h1 { color: #183a46; }
#home .hero-content p { color: #365568; }
#home .button.ghost { color: var(--brand-button-ink); background: var(--brand-gradient); border-color: transparent; }
#home .button.ghost:hover { color: var(--brand-button-ink); background: var(--brand-gradient-hover); }
@media (max-width: 1180px) {
  #home.education-hero { background: var(--brand-soft); }
}
@media (max-width: 1100px) {
  .dayan-header .nav { box-shadow: 0 16px 24px #245c5914; }
}
.education-proof { border-bottom-color: var(--line); }
.education-proof strong span { color: var(--brand-action); }
.education-proof > :nth-child(2) .tiny-icon { color: #a97b23; }
.education-proof > :nth-child(3) .tiny-icon { color: #358052; }
.education-proof > :nth-child(4) .tiny-icon { color: #8175bc; }
.about-copy .about-label { color: var(--brand-action); }

/* Eight learning dimensions: selection, diagram strokes and navigation share one hue. */
#experience .showcase { background: linear-gradient(135deg,#e7fbf5,#e8f3ff); border-color: #9cd6e7; box-shadow: 0 16px 32px #4b8cab12; }
.app-slide.education-slide { background: linear-gradient(145deg,#fcfffd,#edf7ff); }
.education-preview h3 { color: var(--brand-ink); }
.education-preview > p { color: var(--brand-muted); }
.learning-diagram > div { border-bottom-color: var(--line); }
.learning-diagram span { color: var(--brand-number); }
.learning-diagram b { color: var(--brand-ink); }
.dimension-tag { color: var(--brand-muted); background: #f0f6f7; }
.dimension-sub { color: var(--brand-orange); }
.education-thumb { color: var(--brand-hover); background: var(--brand-soft); }
.experience-step:nth-child(4n+2) .education-thumb { background: #eff8e9; }
.experience-step:nth-child(4n+3) .education-thumb { background: #fff5e5; }
.experience-step:nth-child(4n+4) .education-thumb { background: #f2effc; }
.education-thumb .tiny-icon,.experience-step .tiny-icon { color: var(--brand-action); }
.experience-step { border-bottom-color: var(--line); }
.experience-step.active { background: linear-gradient(90deg,var(--brand-soft),#fff); border-left-color: var(--brand-action); }
.experience-step.active .step-thumb { outline-color: #66b8c7; }
.slide-dots button::before { background: #d3e5e8; }
.slide-dots button[aria-pressed=true]::before { background: var(--brand-action); }
.arrow-controls button { color: var(--brand-action); border-color: var(--brand-border); }
.arrow-controls button:hover { background: var(--brand-soft); color: var(--brand-hover); border-color: var(--brand-action); }
@media (max-width: 680px) {
  #experience .experience-step { border-color: var(--line); }
  #experience .experience-step.active { border-color: var(--brand-action); }
}

/* Companion study: cyan anchor with restrained logo-derived category accents. */
.study-lead { background: linear-gradient(155deg,#fff 10%,#eafbf5 55%,#edf4ff); }
.study-outcomes::before { border-color: #a8d9e1; }
.study-outcomes strong { background: var(--brand-gradient); color: var(--brand-button-ink); }
.study-outcomes > span { color: var(--brand-muted); }
.study-benefits > article:nth-child(1) .tiny-icon { color: var(--brand-action); }
.study-benefits > article:nth-child(2) .tiny-icon { color: var(--brand-green); }
.study-benefits > article:nth-child(3) .tiny-icon { color: var(--brand-orange); }
.study-benefits > article:nth-child(4) .tiny-icon { color: var(--brand-purple); }
.study-equipment { border-top-color: var(--line); }

/* Evidence photo retains its original colour and opacity. */
.education-data { background: linear-gradient(125deg,#fffdf5,#effcf8 48%,#edf7ff); }
.education-metrics dd { color: var(--brand-number); }

/* Soft logo-derived hues give each content group a different temperature. */
.school-section { background: linear-gradient(125deg,#f1fcf7 5%,#eef7ff 55%,#f6f1ff); }
.school-tabs button:hover { background: #fff; color: var(--brand-action); }
.school-tabs button[aria-selected=true] { background: #fff; color: var(--brand-action); box-shadow: 0 4px 14px #245c6610; }
.school-tabs button[aria-selected=true] small { color: var(--brand-action); }
.school-keywords span { color: var(--brand-muted); }
.school-rail { scrollbar-color: #9abfc6 transparent; }
.school-card .school-region { color: var(--brand-hover); }
.school-card h4 { color: var(--brand-ink); }
.school-tags span { color: var(--brand-hover); background: #edf7f8; }
.school-card .school-products { color: var(--brand-orange); }
.school-pager button { color: var(--brand-action); border-color: var(--brand-border); }
.school-pager button:hover:not(:disabled) { background: var(--brand-selected); }

/* Portraits are untouched; only the transparent cut-out backing changes. */
.experts-section { background: #f7faff; }
.experts-window::after { background: linear-gradient(90deg,transparent,#f7faff); }
.expert-card { box-shadow: 0 8px 18px #245c6610; }
.expert-portrait,.expert-portrait.institution { background: linear-gradient(145deg,#e3f8f4,#e5f2ff); color: var(--brand-ink); }
.expert-card:nth-child(4n+2) .expert-portrait { background: linear-gradient(145deg,#fff5e5,#fffaf1); }
.expert-card:nth-child(4n+3) .expert-portrait { background: linear-gradient(145deg,#eaf7eb,#f6fbeb); }
.expert-card:nth-child(4n+4) .expert-portrait { background: linear-gradient(145deg,#eeeafa,#f5f3ff); }
.experts-pause { color: var(--brand-muted); }
.experts-arrow { color: var(--brand-action); border-color: var(--brand-border); }
.experts-arrow:hover { background: var(--brand-selected); color: var(--brand-hover); }

/* Keep the photographs and copy; shrink only the gallery's footprint. */
.activity-grid { width: 85%; margin-inline: auto; height: clamp(608px,51.2vw,800px); }
@media (max-width: 1000px) {
  .activity-grid { width: 100%; height: 640px; }
}
@media (max-width: 680px) {
  .activity-grid { height: auto; }
  .activity-card { min-height: 312px; }
  .activity-featured { min-height: 408px; }
}
@media (max-width: 360px) {
  .activity-card { min-height: 336px; }
  .activity-featured { min-height: 416px; }
}
.laurel { color: #71aeb9; }
.education-news { background: linear-gradient(130deg,#fffaf2,#f5fbff 65%,#f5f2ff); }
.education-news-card { box-shadow: 0 8px 20px #245c6608; }
.education-news-image { background: #e7f2f4; }
.education-news-copy time { color: var(--brand-action); }
.news-symbol-orange { background: #fff3e7; color: var(--brand-orange); }
.news-symbol-green { background: #eff8f1; color: var(--brand-green); }
.news-symbol-teal { background: #e9f8fa; color: var(--brand-action); }

/* Quiet footer, floating actions, and the existing local consultation dialog. */
.dayan-footer { background: linear-gradient(110deg,#f3faf7,#f2f7fd); }
.dayan-footer a:hover { color: var(--brand-action); }
.float-tools { box-shadow: 0 5px 22px #245c6620; }
.float-tools button { color: var(--brand-action); }
.float-tools button:hover { background: var(--brand-soft); }
dialog { box-shadow: 0 25px 100px #173e4830; }
dialog::backdrop { background: #173e4865; }
.dialog-close { color: var(--brand-muted); }
.dialog-close:hover { color: var(--brand-action); }
.search-field,.demo-form input,.demo-form select {
  border-color: var(--brand-control-border);
  color: var(--brand-ink);
  background: #fff;
}
.search-field:focus,.demo-form input:focus,.demo-form select:focus { border-color: var(--brand-action); }
.search-field::placeholder,.demo-form input::placeholder { color: #647b81; }
.search-result,.detail-grid > div,.console-resource { background: var(--brand-tint); }
.search-result:hover,.calculator-total { background: var(--brand-soft); }
.calculator-total strong { color: var(--brand-action); }
.toast { background: var(--brand-ink); box-shadow: 0 6px 22px #173e4830; }