/* ============================================================
   Institutional History of the AOCOO-HNS — interface styles
   ALL rules are scoped under #institutional-history so they
   cannot affect the surrounding OctoberCMS theme.
   Ryan: set --history-sticky-offset to the height (px) of the
   existing site header so anchored headings are not hidden.
   ============================================================ */
#institutional-history {
  --ih-ink:#292a2c; --ih-blue:#0149a5; --ih-navy:#1f3864; --ih-navy-2:#2e4a7a;
  --ih-green:#3c7d5a; --ih-line:#d9dce1; --ih-muted:#5c636e; --ih-pale:#f5f7fa;
  --ih-white:#ffffff; --ih-reading:800px; --ih-content:1160px;
  --history-sticky-offset:0px;            /* <-- Ryan adjusts this */
  font-family:"Open Sans",Arial,Helvetica,sans-serif;
  color:var(--ih-ink); background:var(--ih-white); line-height:1.6;
  font-size:17px; -webkit-text-size-adjust:100%;
}
#institutional-history *,#institutional-history *::before,#institutional-history *::after{box-sizing:border-box;}
#institutional-history p{margin:0 0 1em;}
#institutional-history a{color:var(--ih-blue);text-decoration:none;}
#institutional-history a:hover{text-decoration:underline;}
#institutional-history strong{font-weight:700;}
#institutional-history .ih-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* hero / title block */
#institutional-history .ih-hero{max-width:var(--ih-reading);margin:0 auto;padding:30px 24px 18px;text-align:left;border-bottom:1px solid var(--ih-line);}
#institutional-history .ih-title{font-size:41px;line-height:1.18;font-weight:700;color:var(--ih-navy);margin:0 0 10px 0;}
#institutional-history .ih-subtitle{font-size:18px;color:var(--ih-muted);margin:0 0 14px;font-style:italic;}
#institutional-history .ih-byline{font-size:12.5px;color:var(--ih-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;}
#institutional-history .ih-author{font-size:16px;font-weight:700;color:var(--ih-ink);margin:2px 0;}
#institutional-history .ih-office{font-size:13.5px;color:var(--ih-muted);margin:0;}
#institutional-history .ih-version{font-size:13.5px;color:var(--ih-muted);margin:4px 0 0;}
#institutional-history .ih-project{font-size:12.5px;color:var(--ih-muted);margin:10px 0 0;}
#institutional-history .ih-status{font-size:12.5px;color:var(--ih-green);font-weight:600;margin:6px auto 0;}
#institutional-history .ih-hero-actions{margin-top:16px;}
#institutional-history .ih-pdf-button{display:inline-block;background:var(--ih-blue);color:#fff;padding:9px 18px;border-radius:4px;font-size:14px;font-weight:600;}
#institutional-history .ih-pdf-button:hover{background:var(--ih-navy);text-decoration:none;}

/* sticky internal nav (sits below the existing site header) */
#institutional-history .ih-nav{position:sticky;top:var(--history-sticky-offset);z-index:30;background:var(--ih-navy);border-bottom:1px solid rgba(0,0,0,.15);}
#institutional-history .ih-nav-links{max-width:var(--ih-content);margin:0 auto;display:flex;flex-wrap:wrap;gap:2px 4px;padding:6px 16px;}
#institutional-history .ih-nav-links a{color:#e8edf5;font-size:14px;padding:6px 10px;border-radius:3px;}
#institutional-history .ih-nav-links a:hover,#institutional-history .ih-nav-links a.ih-active{background:var(--ih-navy-2);color:#fff;text-decoration:none;}
#institutional-history .ih-nav-toggle{display:none;width:100%;text-align:left;background:var(--ih-navy);color:#fff;border:0;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;}

/* sections */
#institutional-history .ih-section{scroll-margin-top:calc(var(--history-sticky-offset) + 58px);padding:26px 0;}
#institutional-history .ih-section--tint{background:var(--ih-pale);}
#institutional-history .ih-section-head,#institutional-history .ih-reading,#institutional-history .ih-section-nav,#institutional-history .ih-search,#institutional-history .ih-toc-grid{max-width:var(--ih-reading);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
#institutional-history .ih-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:2px solid var(--ih-green);padding-bottom:6px;margin-bottom:16px;}
#institutional-history .ih-section-title{font-size:25px;font-weight:700;color:var(--ih-navy);margin:0;}
#institutional-history .ih-section-tools{display:flex;gap:14px;align-items:center;}
#institutional-history .ih-copylink{background:none;border:0;color:var(--ih-blue);font-size:13px;cursor:pointer;font-family:inherit;padding:0;}
#institutional-history .ih-copylink:hover{text-decoration:underline;}
#institutional-history .ih-copylink.ih-copied{color:var(--ih-green);}
#institutional-history .ih-backtop{font-size:13px;}
#institutional-history .ih-sub{font-size:20px;font-weight:400;color:var(--ih-ink);margin:18px 0 8px;}
#institutional-history .ih-reading{font-size:17.5px;}
#institutional-history .ih-list{margin:0 0 1em;padding-left:1.3em;}
#institutional-history .ih-list li{margin:.3em 0;}
#institutional-history .ih-section-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:14px;}
#institutional-history .ih-section-nav a{color:var(--ih-navy-2);}

/* tables */
#institutional-history .ih-tablewrap{overflow-x:auto;margin:0 0 1.2em;}
#institutional-history .ih-table{border-collapse:collapse;width:100%;font-size:14px;}
#institutional-history .ih-table th,#institutional-history .ih-table td{border:1px solid var(--ih-line);padding:5px 9px;text-align:left;vertical-align:top;}
#institutional-history .ih-table th{background:var(--ih-pale);font-weight:700;color:var(--ih-navy);}

/* contents + search */
#institutional-history .ih-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;}
#institutional-history .ih-search-input{flex:1 1 280px;font-size:15px;padding:9px 12px;border:1px solid var(--ih-line);border-radius:4px;font-family:inherit;}
#institutional-history .ih-search-controls{display:flex;gap:6px;align-items:center;}
#institutional-history .ih-search-count{font-size:13px;color:var(--ih-muted);min-width:4.5em;}
#institutional-history .ih-search-btn{border:1px solid var(--ih-line);background:#fff;border-radius:4px;padding:6px 9px;font-size:13px;cursor:pointer;font-family:inherit;color:var(--ih-ink);}
#institutional-history .ih-search-btn:hover{background:var(--ih-pale);}
#institutional-history mark.ih-hl{background:#fde68a;color:inherit;padding:0 1px;}
#institutional-history mark.ih-hl.ih-hl-active{background:#f59e0b;color:#fff;}
#institutional-history .ih-toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px;}
#institutional-history .ih-toc-head{font-size:15px;color:var(--ih-green);font-weight:700;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em;}
#institutional-history .ih-toc-col ul{list-style:none;margin:0;padding:0;}
#institutional-history .ih-toc-col li{margin:3px 0;font-size:14.5px;line-height:1.35;}

/* suggest button + modal */
#institutional-history .ih-suggest-button{position:fixed;right:18px;bottom:18px;z-index:40;background:var(--ih-green);color:#fff;border:0;border-radius:24px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 1px 4px rgba(0,0,0,.25);}
#institutional-history .ih-suggest-button:hover{background:#2f6447;}
#institutional-history .ih-modal{position:fixed;inset:0;z-index:50;background:rgba(20,24,30,.5);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;}
#institutional-history .ih-modal[hidden]{display:none;}
#institutional-history .ih-modal-panel{background:#fff;border-radius:6px;max-width:560px;width:100%;margin:40px 0;padding:0 0 18px;}
#institutional-history .ih-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ih-line);}
#institutional-history .ih-modal-head h2{margin:0;font-size:20px;color:var(--ih-navy);}
#institutional-history .ih-modal-close{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--ih-muted);}
#institutional-history .ih-modal-note{font-size:13px;color:var(--ih-muted);padding:12px 20px 0;margin:0;}
#institutional-history .ih-suggest-form{padding:8px 20px 0;}
#institutional-history .ih-form-row{margin:10px 0;display:flex;flex-direction:column;gap:4px;}
#institutional-history .ih-form-row label{font-size:13px;font-weight:600;color:var(--ih-ink);}
#institutional-history .ih-form-row input,#institutional-history .ih-form-row select,#institutional-history .ih-form-row textarea{font-size:14px;padding:8px 10px;border:1px solid var(--ih-line);border-radius:4px;font-family:inherit;width:100%;}
#institutional-history .ih-modal-actions{padding:6px 0 0;}
#institutional-history .ih-submit{background:var(--ih-blue);color:#fff;border:0;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;}
#institutional-history .ih-submit:hover{background:var(--ih-navy);}

/* focus visibility (accessibility) */
#institutional-history a:focus-visible,#institutional-history button:focus-visible,#institutional-history input:focus-visible,#institutional-history select:focus-visible,#institutional-history textarea:focus-visible{outline:2px solid var(--ih-blue);outline-offset:2px;}
#institutional-history .ih-skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--ih-blue);padding:8px 14px;z-index:60;}
#institutional-history .ih-skip:focus{left:8px;top:8px;}

/* mobile */
@media (max-width:760px){
  #institutional-history .ih-title{font-size:31px;}
  #institutional-history .ih-nav-toggle{display:block;}
  #institutional-history .ih-nav-links{display:none;flex-direction:column;padding:4px 10px 10px;}
  #institutional-history .ih-nav-links.ih-open{display:flex;}
  #institutional-history .ih-section-title{font-size:21px;}
  #institutional-history .ih-reading{font-size:17px;}
}
@media (prefers-reduced-motion:reduce){
  #institutional-history *{scroll-behavior:auto!important;}
}

/* print: hide controls, print the history */
@media print{
  #institutional-history .ih-nav,#institutional-history .ih-search,#institutional-history .ih-search-controls,
  #institutional-history .ih-suggest-button,#institutional-history .ih-modal,#institutional-history .ih-section-tools,
  #institutional-history .ih-section-nav,#institutional-history .ih-hero-actions,#institutional-history .ih-skip{display:none!important;}
  #institutional-history .ih-section{background:none!important;padding:10px 0;break-inside:auto;}
  #institutional-history .ih-section-title,#institutional-history .ih-sub{break-after:avoid;page-break-after:avoid;}
  #institutional-history .ih-table{font-size:10pt;}
  #institutional-history{font-size:11pt;}
}