@charset "utf-8";
/* ==========================================================================
   Publications page — years menu (2026-10, restyled 2026-10-21)
   Built to look and behave like the Group page's left menu. The menu item
   rules below mirror the current styles/group.css:

       .member_nav{ height:auto; background-color:white; padding:8px;
                    width:180px; position:fixed; border-radius:8px;
                    box-shadow:0 1px 4px rgba(16,42,67,.10); }
       .part{ text-align:center; line-height:60px;
              border-bottom:1px solid #d9d9d9; border-radius:5px;
              color:#000000; }
       .part:hover{ background:rgba(0,64,152,.08);
                    color:var(--color-primary); cursor:pointer; }
       .part.is_active{ background:rgba(0,64,152,.12); font-weight:600;
                        color:var(--color-primary); }

   They live in their own file rather than being pulled from group.css because
   group.css also ends with a bare `a{...}` selector, which would restyle every
   link on this page.

   Only difference from Group: the menu is pinned below the fixed header (which
   shrinks 120px -> 60px on scroll) instead of at the viewport top, and the
   links are display:block so the whole row is clickable.
   ========================================================================== */

/* --------------------------------------------------------------------------
   The menu itself: copied from styles/group.css so it looks identical there.
   The bare `a{...}` rule at the end of group.css is replaced by the scoped
   `#pubs_year_nav .part a` rule further down.
   -------------------------------------------------------------------------- */

.member_nav {
	height: auto;
	background-color: white;
	padding: 8px;
	width: 180px;
	position: fixed;
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(16, 42, 67, 0.10);
}

.part {
	text-align: center;
	line-height: 60px;
	border-bottom: 1px solid #d9d9d9;
	border-radius: 5px;
	color: #000000;
}

.part:hover {
	background: rgba(0, 64, 152, 0.08);
	color: var(--color-primary);
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   Publications-specific: pin the menu below the fixed header instead of at the
   viewport top, and make the whole row clickable.
   -------------------------------------------------------------------------- */

#pubs_year_nav.member_nav {
	position: fixed;
	top: 132px;
	left: 10px;
	width: 180px;
	padding: 8px;
	background-color: #ffffff;
	z-index: 50;
	-webkit-transition: top 200ms ease;
	transition: top 200ms ease;
}

/* the fixed header is 120px tall, and 60px once scrolled */
.header.scrolled ~ .pubs_container .member_nav,
.header.scrolled ~ .pubs_container #pubs_year_nav {
	top: 72px;
}

/* group.css relies on a global `a{display:block}`; scope that here instead */
#pubs_year_nav .part a {
	display: block;
	text-decoration: none;
	color: #000000;
}

/* the year currently on screen, so the menu is useful while scrolling */
#pubs_year_nav .part.is_active,
#pubs_year_nav .part.is_active a {
	background: rgba(0, 64, 152, 0.12);
	font-weight: 600;
	color: var(--color-primary);
}

/* keep the list clear of the fixed menu (the Bootstrap container would
   otherwise sit underneath it on a wide screen) */
@media only screen and (min-width: 1101px)
{
	.pubs_container > .container {
		margin-left: 190px;
		margin-right: auto;
		width: auto;
		max-width: 1170px;
	}
}

/* phones: same as the Group page, the fixed menu is not used there */
@media only screen and (max-width: 1100px)
{
	#pubs_year_nav.member_nav {
		display: none;
	}
}