/* About page: institutional marks stay in their original colours and proportions. */
.about-page-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1.5rem 0; }
.about-page-nav a { display:flex; align-items:center; gap:.75rem; min-height:52px; padding:.8rem 1rem; background:var(--surface); border:1px solid var(--line); border-radius:10px; color:var(--text); text-decoration:none; line-height:1.65; }
.about-page-nav a:hover { background:var(--raised); border-color:var(--control-line); }
.about-page-nav a:focus-visible,.about-reference summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.about-page-nav .ui-icon { flex:0 0 24px; color:var(--link); }
.about-project [id] { scroll-margin-top:1.25rem; }
.about-reference { margin:1.5rem 0; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.about-reference summary { display:grid; grid-template-columns:24px minmax(0,1fr) auto auto; align-items:center; gap:.75rem; cursor:pointer; min-height:60px; padding:1rem 1.25rem; font-weight:650; line-height:1.7; list-style:none; }
.about-reference summary::-webkit-details-marker { display:none; }
.about-reference summary::after { content:'+'; font:700 1.3rem/1 Consolas,monospace; color:var(--link); }
.about-reference[open] summary::after { content:'−'; }
.about-reference[open] summary { border-bottom:1px solid var(--line); }
.about-reference-hint { font-size:.875rem; color:var(--muted); font-weight:400; }
.about-reference-body { padding:1.25rem; }
.about-reference-body>.about-grid>.card { margin-top:0; }
.about-partner { display:flex; flex-direction:column; gap:1.25rem; }
.institution-logo { display:grid; place-items:center; width:132px; height:132px; padding:10px; background:#000; border:1px solid var(--line); border-radius:12px; flex-shrink:0; }
.institution-logo img { display:block; width:100%; height:100%; object-fit:contain; }
/* Mask the JPEG's exterior white margin; retain the original official artwork. */
.institution-logo-tu img { clip-path:ellipse(47.3% 47.3% at 49.57% 49.14%); }
.about-partners .eyebrow { display:block; margin-bottom:.5rem; }
.about-partners .muted { margin-bottom:.75rem; }
.about-law-heading { display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; gap:2rem; margin-bottom:1.5rem; }
.about-law-heading h2,.about-section #academic-title { font-size:clamp(1.5rem,3vw,2rem); line-height:1.55; margin:.5rem 0; }
.about-regulator { margin:0; text-align:center; }
.institution-logo-nbtc { width:156px; height:204px; margin:auto; padding:12px; }
.about-regulator figcaption { margin-top:.6rem; font-size:.875rem; color:var(--muted); }
.about-policy-path { list-style:none; padding:0; margin:1.5rem 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.about-policy-path li { display:flex; flex-direction:column; gap:.5rem; background:var(--surface); padding:1.25rem; min-width:0; }
.policy-index { font-family:Consolas,monospace; color:var(--muted); font-size:.875rem; }
.about-policy-path strong { line-height:1.65; }
.about-policy-path li>span:last-child { font-size:.875rem; color:var(--muted); }
.about-funding { margin-top:1rem; }
.about-funding h3,.about-approval h3 { margin:.5rem 0; font-size:1.25rem; line-height:1.65; }
.about-funding-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; padding:0; list-style:none; margin:1.5rem 0; }
.about-funding-list li { border-top:1px solid var(--line); padding-top:1rem; }
.about-funding-list strong,.about-funding-list span { display:block; }
.about-funding-list span { color:var(--muted); margin-top:.4rem; }
.about-approval { border-left:3px solid var(--brand-red); }
.about-academic-intro { margin-bottom:1rem; }
.about-academic-intro p:first-child { margin-top:0; }
.about-academic-grid .academic-index { display:block; font-family:Consolas,monospace; font-size:.75rem; color:var(--muted); margin-bottom:.75rem; letter-spacing:.02em; }
.about-society { border-left:3px solid var(--control-line); padding: .25rem 0 .25rem 1.25rem; margin-top:1.75rem; }
.about-society h3 { font-size:1.125rem; line-height:1.65; margin:0; }
.about-project .source-note { line-height:1.8; }
@media(max-width:900px) { .about-policy-path,.about-page-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) {
  .about-page-nav { gap:.5rem; }
  .about-page-nav a { gap:.5rem; padding:.75rem; font-size:.9375rem; }
  .about-reference summary { grid-template-columns:24px minmax(0,1fr) auto; padding:1rem; }
  .about-reference-hint { display:none; }
  .about-reference-body { padding:1rem; }
  .about-law-heading { grid-template-columns:1fr; gap:1rem; }
  .about-regulator { justify-self:start; display:flex; align-items:center; gap:1rem; text-align:left; }
  .institution-logo-nbtc { width:98px; height:128px; padding:8px; }
  .about-regulator figcaption { margin:0; }
  .about-funding-list,.about-policy-path { grid-template-columns:1fr; }
  .about-policy-path li { padding:1rem; }
  .about-partner { gap:1rem; }
  .institution-logo { width:112px; height:112px; }
  .institution-logo-nbtc { width:98px; height:128px; }
}
@media print { .about-page-nav,.about-reference-hint { display:none; } .about-reference::details-content { content-visibility:visible !important; } .about-reference>.about-reference-body { display:block !important; } }