/* repo-layout: one Repository chrome. Breadcrumb, title, chips, tabs and search
   keep the same heights on every page, so their tops line up. */
html, html body.fm-page, html body.rf-v2{margin:0!important}
html body.rf-v2{display:flex;flex-direction:column;min-height:100vh;background:#000F17}
html body.rf-v2>main{flex:1 0 auto;width:100%}
html body .skip-link{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body .rp-layout{
  box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:28px 40px 0;
  flex:0 0 auto;align-self:center;
}
html body .rp-layout .rp-crumbs{
  display:flex;align-items:center;gap:8px;height:22px;min-height:22px;max-height:22px;
  margin:0 0 12px;padding:0;overflow:hidden;flex-wrap:nowrap;white-space:nowrap;
  font:14px/22px "Source Sans 3",system-ui,sans-serif;color:#F2D7AC;
}
html body .rp-layout .rp-crumbs a,
html body .rp-layout .rp-crumbs b,
html body .rp-layout .rp-crumbs span{
  font:14px/22px "Source Sans 3",system-ui,sans-serif;color:#F2D7AC;white-space:nowrap;
}
html body .rp-layout .rp-head{margin:0;padding:0}
html body .rp-layout .rp-head h1{
  margin:0;padding:0;height:88px;overflow:hidden;
  font:600 40px/44px Cinzel,"Cormorant Garamond",Georgia,serif;
  letter-spacing:.02em;color:#F2D7AC;
}
html body .rp-layout .rp-lede{
  margin:8px 0 0;padding:0;height:48px;overflow:hidden;
  font:16px/24px "Source Sans 3",system-ui,sans-serif;color:#F2D7AC;
}
/* Title and lede heights are the same on every page. They are tall enough for the
   longest title and lede at that width, so a short page does not pull the tabs up. */
html body .rp-layout .rp-chips{
  display:flex;align-items:center;gap:8px;height:44px;margin:12px 0 0;padding:0;
  list-style:none;overflow:hidden;flex-wrap:nowrap;
}
html body .rp-layout .rp-chips li{
  height:44px;margin:0;padding:0 12px;box-sizing:border-box;
  border:1px solid #8A683C;border-radius:8px;background:#04131E;color:#F2D7AC;
  font:16px/42px "Source Sans 3",system-ui,sans-serif;white-space:nowrap;
}
html body .rp-layout .rp-chips b{font-weight:700;margin-right:6px;color:#F2D7AC}
html body .rp-layout .rp-tabs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  height:44px;margin:16px 0 0;padding:0;
}
html body .rp-layout .rp-tabs a{
  display:flex;align-items:center;justify-content:center;height:44px;box-sizing:border-box;
  border:1px solid #8A683C;border-radius:8px;background:#04131E;color:#F2D7AC;
  font:600 15px/1.15 "Source Sans 3",system-ui,sans-serif;text-decoration:none;text-align:center;
  padding:0 8px;overflow:hidden;white-space:normal;
}
html body .rp-layout .rp-tabs a[aria-current="page"]{border-color:#F2D7AC;box-shadow:inset 0 0 0 1px #F2D7AC}
html body .rp-layout .rp-cm-box{margin:12px 0 0;max-width:640px}
html body .rp-layout .rp-search{
  display:flex;flex-direction:row;align-items:center;gap:12px;max-width:640px;height:44px;margin:0;
}
html body .rp-layout .rp-search label{
  font:600 14px/44px "Source Sans 3",system-ui,sans-serif;color:#F2D7AC;
  text-transform:none;letter-spacing:0;white-space:nowrap;margin:0;height:44px;
}
html body .rp-layout .rp-search input{
  flex:1;min-width:0;height:44px;min-height:44px;box-sizing:border-box;
  border:1px solid #8A683C;border-radius:8px;background:#000F17;color:#F2D7AC;
  padding:0 14px;font:16px/44px "Source Sans 3",system-ui,sans-serif;
}
html body .rp-layout .rp-search input::placeholder{color:#F2D7AC;opacity:1}
html body .rp-layout .rp-cm-list{margin-top:8px}
html body.rf-v2 main .page-head{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;
}
html body .fm-side > h2{margin:0;font-size:30px;line-height:1.15;color:#F2D7AC}
html body .rp-empty{margin:0;padding:28px;border:1px solid #8A683C;border-radius:8px;background:#04131E;color:#F2D7AC}
html body .rp-empty h2{margin:0 0 8px;font:600 28px/1.2 Cinzel,Georgia,serif;color:#F2D7AC}
html body .rp-empty p{margin:0;font:16px/1.5 "Source Sans 3",system-ui,sans-serif;color:#F2D7AC}
html body.rf-v2.rf-ready .rp-layout + main#main{
  max-width:1320px!important;width:100%!important;margin:0 auto!important;box-sizing:border-box!important;
  padding:28px 40px 48px!important;
}
@media (max-width:700px){
  html body .rp-layout{padding:16px 16px 0}
  html body .rp-layout .rp-chips{gap:6px}
  html body .rp-layout .rp-chips li{padding:0 8px}
  html body .rp-layout .rp-head h1{font-size:30px;line-height:34px;height:76px}
  html body .rp-layout .rp-lede{height:88px;line-height:22px}
  html body .rp-layout .rp-tabs{height:48px}
  html body .rp-layout .rp-tabs a{height:48px;font-size:13px;padding:0 4px}
  html body .rp-layout .rp-search{flex-direction:column;align-items:stretch;height:72px;gap:8px}
  html body .rp-layout .rp-search label{height:20px;line-height:20px}
  html body .rp-layout .rp-search input{height:44px;line-height:44px}
  html body.rf-v2.rf-ready .rp-layout + main#main{padding:16px 16px 32px!important}
}
@media (max-width:389px){
  html body .rp-layout .rp-head h1{height:108px}
  html body .rp-layout .rp-lede{height:110px}
}
@media (max-width:360px){
  html body .rp-layout .rp-chips{gap:4px}
  html body .rp-layout .rp-chips li{padding:0 6px}
}
