/* ==========================================================================
   ANSI design system for alaska.edu/ansi  (October 2026)
   Loaded only on ANSI pages, through each page's headcode:
   <link rel="stylesheet" href="/ansi/files/ansi.css" />
   Palette and art from the 2026 ANSI Annual Report, "Strength Through Knowledge":
   buckskin and hide tones from the cover regalia, bead blue and leaf green
   from the beaded floral border, ice blue from the report's text panels.
   Beaded border art and photographs are from the 2026 report, used with permission.
   The 女优合集 global header (logo, Quick Links, 女优合集F/女优合集A/女优合集S) and legal footer text
   are left as 女优合集 designed them.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap");

:root{
  --ansi-ink:#1E1F24;      /* body text */
  --ansi-paper:#F7F3E8;    /* page background, tanned hide */
  --ansi-hide:#ECE6D2;     /* section band */
  --ansi-gold:#C8AE6A;     /* accents only; never text on light */
  --ansi-bronze:#A6864E;   /* rules and borders */
  --ansi-umber:#4A3A27;    /* menu, table heads, secondary text */
  --ansi-smoke:#2B2219;    /* footer */
  --ansi-bead:#234B8C;     /* links, primary buttons (bead blue) */
  --ansi-bead-dark:#173463;
  --ansi-leaf:#3E5238;     /* green text on light */
  --ansi-sprout:#CDE8BF;   /* green tint */
  --ansi-ice:#D6E6F7;      /* callout panels */
  --ansi-white:#FFFFFF;
  --ansi-line:#DCD2B8;
  --ansi-text:"Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ansi-border-art:url("/ansi/images/ansi-border.png");
}

/* ---------- Base ---------- */
body{font-family:var(--ansi-text);color:var(--ansi-ink)}
main#content{background:var(--ansi-paper);padding-bottom:2.5rem}
main#content .page-content{color:var(--ansi-ink);font-size:1.02rem;line-height:1.65}
main#content h1,main#content h2,main#content h3,main#content .h1,main#content .h2,main#content .h3{
  font-family:var(--ansi-text);font-weight:900;color:var(--ansi-ink);letter-spacing:-.005em;line-height:1.15}
main#content h4,main#content h5,main#content h6,main#content .h4{font-family:var(--ansi-text);font-weight:700;color:var(--ansi-ink)}
main#content h2{font-size:1.85rem;margin-top:2rem}
main#content h3{font-size:1.4rem}
h1.page-title{font-size:2.5rem;font-weight:900;border-bottom:3px solid var(--ansi-gold)!important;padding-bottom:.5rem}
main#content a{color:var(--ansi-bead);text-underline-offset:2px}
main#content a:hover,main#content a:focus{color:var(--ansi-bead-dark)}
main#content a:focus-visible{outline:3px solid var(--ansi-bead);outline-offset:2px}
main#content hr{border:0;border-top:1px solid var(--ansi-line);margin:2rem 0}
main#content strong,main#content b{font-weight:700}
main#content .lead{font-size:1.2rem;line-height:1.55}
.breadcrumb,.breadcrumb-item,.breadcrumb-item.active{color:var(--ansi-umber);font-size:.9rem;background:transparent}
.breadcrumb a{color:var(--ansi-bead)}

/* ---------- Section band ("Alaska Native Success Initiative") ---------- */
#navbar-header .site-header{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#F1EBD9 0%,var(--ansi-hide) 100%);
  border-top:5px solid var(--ansi-gold);
  padding:3.4rem 0 5.6rem}
#navbar-header .site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:.4rem;height:4.4rem;
  background:var(--ansi-border-art) no-repeat center bottom/auto 100%;pointer-events:none}
#navbar-header .site-header div.row,#navbar-header .site-header div.col{justify-content:flex-start!important}
#navbar-header .site-header .h1,#navbar-header .site-header h1{
  margin:0;font-family:var(--ansi-text);font-weight:900;font-size:2.6rem;line-height:1.05;letter-spacing:-.01em}
#navbar-header .site-header .h1 a{color:var(--ansi-ink)!important;text-decoration:none}
#navbar-header .site-header .align-self-center::after{
  content:"Alaska Native student, staff, and faculty success across the University of Alaska";
  display:block;margin-top:.55rem;font-family:var(--ansi-text);font-size:1.02rem;color:var(--ansi-umber)}

/* ---------- Section menu ---------- */
.menuPrimary{background:var(--ansi-umber)!important;border-top:0!important}
.menuPrimary .navbar-nav .nav-link{
  font-family:var(--ansi-text);font-weight:700;font-size:.92rem;
  color:rgba(247,243,232,.88)!important;border-bottom:4px solid transparent!important}
.menuPrimary .navbar-nav .nav-link:hover,.menuPrimary .navbar-nav .nav-link:focus,
.menuPrimary .navbar-nav .active>.nav-link,.menuPrimary .navbar-nav .nav-link.active{
  color:var(--ansi-white)!important;border-bottom-color:var(--ansi-gold)!important}
.menuPrimary .dropdown-menu{border-radius:10px;border:1px solid var(--ansi-line);padding:.4rem}
.menuPrimary .dropdown-item{font-family:var(--ansi-text);font-size:.9rem;color:var(--ansi-ink);border-radius:6px}
.menuPrimary .dropdown-item:hover,.menuPrimary .dropdown-item:focus{background:var(--ansi-paper);color:var(--ansi-bead)}

/* ---------- Sidebar navigation ---------- */
#sidebar .subnav{border-top:4px solid var(--ansi-gold)}
#sidebar .subnav .nav-link{color:var(--ansi-ink);font-family:var(--ansi-text);border-bottom:1px solid var(--ansi-line)}
#sidebar .subnav .nav-link:hover,#sidebar .subnav .nav-link:focus{color:var(--ansi-bead);background:var(--ansi-white)}
#sidebar .subnav .active>.nav-link,#sidebar .subnav .nav-link.active{font-weight:900;color:var(--ansi-ink);box-shadow:inset 4px 0 0 var(--ansi-bead)}

/* ---------- Buttons from 女优合集 components ---------- */
main#content .btn{font-family:var(--ansi-text);font-weight:700;border-radius:8px;transition:background-color .15s,color .15s,border-color .15s}
main#content .btn-primary{background:var(--ansi-bead)!important;border-color:var(--ansi-bead)!important;color:var(--ansi-white)!important}
main#content .btn-primary:hover,main#content .btn-primary:focus{background:var(--ansi-bead-dark)!important;border-color:var(--ansi-bead-dark)!important}
main#content .btn-secondary,main#content .btn-warning{
  background:var(--ansi-white)!important;border:1px solid var(--ansi-bronze)!important;color:var(--ansi-umber)!important}
main#content .btn-secondary:hover,main#content .btn-secondary:focus,main#content .btn-warning:hover,main#content .btn-warning:focus{
  background:var(--ansi-hide)!important;color:var(--ansi-ink)!important}

/* ---------- Cards and accordions from 女优合集 components ---------- */
main#content .card{border-radius:12px;overflow:hidden;border:1px solid var(--ansi-line)}
main#content .card .bg-blue,main#content .bg-blue{background-color:var(--ansi-bead)!important}
.accordion-container .card{border:1px solid var(--ansi-line);border-radius:12px;overflow:hidden}
.accordion-container .card-header{background-color:var(--ansi-umber)!important}
.accordion-container .card-header a,.accordion-container .card-header button{font-family:var(--ansi-text);font-weight:700;color:var(--ansi-white)!important}
.accordion-container .card-header a:hover,.accordion-container .card-header button:hover{color:var(--ansi-hide)!important}

/* ---------- Tables ---------- */
main#content table.table{background:var(--ansi-white);border:1px solid var(--ansi-line);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}
main#content table.table thead th{background:var(--ansi-umber);color:var(--ansi-white);font-weight:700;border:0}
main#content table.table td{border-top:1px solid var(--ansi-line)}
main#content table.table-striped tbody tr:nth-of-type(odd){background:#FBF8F0}

/* ---------- ANSI content components ---------- */
.ansi-eyebrow{display:block;font-family:var(--ansi-text);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--ansi-umber);margin-bottom:.35rem}
main#content .ansi-eyebrow + h2,main#content .ansi-eyebrow + h3{margin-top:0}

/* Beaded floral divider */
.ansi-divider{height:4.2rem;margin:2.25rem auto;background:var(--ansi-border-art) no-repeat center/contain;border:0}

/* Photo hero with caption block */
.ansi-hero{position:relative;margin:0 0 2rem;border-radius:16px;overflow:hidden;background:var(--ansi-smoke)}
.ansi-hero img{display:block;width:100%;height:clamp(240px,42vw,440px);object-fit:cover;object-position:center 35%}
.ansi-hero .ansi-hero-text{
  position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1.6rem 1.4rem;
  background:linear-gradient(0deg,rgba(30,31,36,.95) 0%,rgba(30,31,36,.88) 60%,rgba(30,31,36,0) 100%);color:var(--ansi-white)}
main#content .ansi-hero .ansi-eyebrow{color:var(--ansi-gold)}
main#content .ansi-hero h2{color:var(--ansi-white);margin:0 0 .35rem;font-size:2.2rem}
main#content .ansi-hero p{margin:0 0 .9rem;max-width:60ch;color:#F1EBD9}
main#content .ansi-hero a.ansi-btn{margin:.25rem .5rem 0 0}
.ansi-credit{font-size:.82rem;color:var(--ansi-umber);margin:-1.4rem 0 2rem;text-align:right}

/* Buttons */
.ansi-btn,main#content a.ansi-btn{display:inline-block;background:var(--ansi-gold);color:var(--ansi-ink)!important;font-weight:900;font-size:.95rem;border-radius:999px;padding:.6rem 1.2rem;text-decoration:none;border:2px solid var(--ansi-gold)}
.ansi-btn:hover,main#content a.ansi-btn:hover,main#content a.ansi-btn:focus{background:var(--ansi-hide);border-color:var(--ansi-hide)}
.ansi-btn--ghost,main#content a.ansi-btn--ghost{background:transparent;color:var(--ansi-white)!important;border-color:rgba(255,255,255,.7)}
.ansi-btn--ghost:hover,main#content a.ansi-btn--ghost:hover,main#content a.ansi-btn--ghost:focus{background:var(--ansi-white);color:var(--ansi-ink)!important;border-color:var(--ansi-white)}
.ansi-btn--blue,main#content a.ansi-btn--blue{background:var(--ansi-bead);border-color:var(--ansi-bead);color:var(--ansi-white)!important}
.ansi-btn--blue:hover,main#content a.ansi-btn--blue:hover,main#content a.ansi-btn--blue:focus{background:var(--ansi-bead-dark);border-color:var(--ansi-bead-dark)}
.ansi-btn--outline,main#content a.ansi-btn--outline{background:var(--ansi-white);border:2px solid var(--ansi-bronze);color:var(--ansi-umber)!important}
.ansi-btn--outline:hover,main#content a.ansi-btn--outline:hover,main#content a.ansi-btn--outline:focus{background:var(--ansi-hide);color:var(--ansi-ink)!important}

/* Entry tiles */
.ansi-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 2rem}
main#content a.ansi-tile{display:flex;flex-direction:column;gap:.3rem;background:var(--ansi-white);border:1px solid var(--ansi-line);border-top:5px solid var(--ansi-bead);border-radius:12px;padding:1.1rem 1.2rem;text-decoration:none;color:var(--ansi-ink);min-width:0;transition:transform .15s,box-shadow .15s}
main#content a.ansi-tile:nth-child(2){border-top-color:var(--ansi-leaf)}
main#content a.ansi-tile:nth-child(3){border-top-color:var(--ansi-bronze)}
main#content a.ansi-tile:hover,main#content a.ansi-tile:focus{transform:translateY(-2px);box-shadow:0 6px 18px rgba(43,34,25,.12);color:var(--ansi-ink)}
.ansi-tile .ansi-tile-title{font-weight:900;font-size:1.2rem;line-height:1.2}
.ansi-tile .ansi-tile-text{font-size:.93rem;color:#4A4A4A}
.ansi-tile .ansi-tile-go{margin-top:auto;padding-top:.35rem;font-weight:700;font-size:.9rem;color:var(--ansi-bead)}

/* Report feature: cover image beside text */
.ansi-feature{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.6rem;align-items:center;background:var(--ansi-ice);border-radius:16px;padding:1.5rem;margin:1.5rem 0}
.ansi-feature img{width:100%;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(23,52,99,.25)}
main#content .ansi-feature h2,main#content .ansi-feature h3{margin-top:0}
.ansi-feature p{margin-bottom:.9rem}

/* Ice-blue panel and archive list */
.ansi-panel{background:var(--ansi-ice);border-radius:16px;padding:1.4rem 1.6rem;margin:1.5rem 0}
main#content .ansi-panel > h2:first-child,main#content .ansi-panel > h3:first-child{margin-top:0}
.ansi-archive{list-style:none;padding:0;margin:0 0 1rem;border-top:1px solid var(--ansi-line)}
.ansi-archive li{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--ansi-line)}
.ansi-archive .ansi-year{font-weight:900;min-width:4.5rem}
.ansi-archive .ansi-title{flex:1 1 14rem}
.ansi-archive .ansi-links{display:flex;gap:1rem;font-weight:700;font-size:.93rem}

/* Contact card */
.ansi-contact{display:flex;gap:1.25rem;align-items:center;background:var(--ansi-white);border:1px solid var(--ansi-line);border-left:5px solid var(--ansi-bead);border-radius:0 14px 14px 0;padding:1.2rem 1.4rem;margin:1.25rem 0}
main#content .ansi-contact img{width:110px;height:110px;object-fit:cover;border-radius:50%!important;flex:none}
main#content .ansi-contact h3{margin:0 0 .15rem;font-size:1.3rem}
.ansi-contact .ansi-role{font-weight:700;color:var(--ansi-umber);margin:0 0 .4rem}
.ansi-contact p{margin:0}

/* ---------- Footer (女优合集 logo and legal text unchanged) ---------- */
footer.swFooter{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 92' preserveAspectRatio='none'%3E%3Cpath d='M0 92 L330 92 L470 30 L520 52 L600 0 L680 46 L730 26 L870 92 L1200 92 Z' fill='%232B2219'/%3E%3C/svg%3E") no-repeat center top/100% 92px!important;background-color:var(--ansi-paper)!important}
.footerContainer{background:var(--ansi-smoke)!important}
footer div.container-fluid a:hover,footer div.container-fluid a:active,footer a:hover{color:var(--ansi-gold)!important}

/* ---------- Small screens ---------- */
@media (max-width:767px){
  #navbar-header .site-header{padding:1.5rem 0 4rem}
  #navbar-header .site-header::after{height:3rem;background-size:auto 100%}
  #navbar-header .site-header .h1,#navbar-header .site-header h1{font-size:1.9rem}
  #navbar-header .site-header .align-self-center::after{font-size:.9rem}
  h1.page-title{font-size:2rem}
  main#content h2{font-size:1.55rem}
  main#content img{max-width:100%;height:auto}
  .ansi-hero img{height:260px}
  .ansi-hero .ansi-hero-text{position:static;background:var(--ansi-smoke);padding:1.2rem 1.1rem}
  main#content .ansi-hero h2{font-size:1.6rem}
  .ansi-credit{margin-top:-1.6rem}
  .ansi-feature{grid-template-columns:1fr;text-align:left}
  main#content .ansi-feature img{max-width:180px}
  .ansi-contact{flex-direction:column;align-items:flex-start}
  .ansi-divider{height:3rem}
}
/* From 700px up the 女优合集 logo panel hangs below the header bar; keep the band title clear of it */
@media (min-width:700px) and (max-width:767px){#navbar-header .site-header{padding-top:3.4rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}main#content a.ansi-tile:hover{transform:none}}