/* A quieter frame for the archive, with the papers as the primary content. */
:root{--sidebar-width:240px;--header-height:82px;--nav-ink:#594c43;--nav-muted:#716257}
.sidebar{width:var(--sidebar-width);height:100dvh;padding:0 16px 20px;overflow:hidden;background:#eee8df;border-right:1px solid #ddd3c7}
.sidebar-intro{height:var(--header-height);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;margin:0 -16px 23px;padding:0 26px;border-bottom:1px solid #ddd3c7}
.sidebar-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#7e201c}
.sidebar-intro p{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--nav-ink)}
.archive-nav{flex-shrink:0}
.sidebar .nav-label{font-size:10px;letter-spacing:.1em;color:var(--nav-muted);margin:0 11px 10px}
.sidebar .nav-item{position:relative;min-height:44px;padding:10px 11px;gap:10px;margin-bottom:5px;border-radius:5px;font-size:13px;color:var(--nav-ink);transition:background .15s,color .15s}
.sidebar .nav-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sidebar .nav-count{margin-left:auto;min-width:24px;padding:1px 5px;border-radius:4px;background:#e3dacd;color:#6f5e50;font:10px/1.8 var(--mono);text-align:center}
.sidebar .nav-item:hover{background:#e7dfd3;color:#8f211e}
.sidebar .nav-item.active{background:#f9eee5;color:#961e1c;box-shadow:inset 3px 0 #a92220;font-weight:500}
.sidebar .nav-item.active .nav-count{background:#ecd9cb;color:#8b2420}
.subject-section{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:23px}
.sidebar .subject-heading{margin:0 0 5px;flex-shrink:0}
.sidebar .subject-heading .nav-label{margin-bottom:7px}
.sidebar .subject-hint{display:block;font-size:10px;margin:0 11px 7px 0;color:var(--nav-muted)}
#subject-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7b9aa transparent;padding:0 3px 4px 0;margin-right:-3px}
.sidebar .subject-item{position:relative;min-height:37px;padding:8px 11px;gap:10px;border-radius:4px;font-size:12px;line-height:1.45;color:var(--nav-ink);margin-bottom:2px}
.sidebar .subject-item small{min-width:20px;font-size:10px;line-height:1.5;color:#716257;text-align:center}
.sidebar .subject-item:hover{background:#e6ddcf;color:#86201d}
.sidebar .subject-item.active{background:#f9eee5;color:#961e1c;box-shadow:inset 3px 0 #a92220;font-weight:500}
.sidebar .subject-item.active small{color:#961e1c}
.sidebar-bottom{flex-shrink:0;margin-top:16px;padding-top:12px;border-top:1px solid #d9cdbf}
.sidebar .quiet-button{padding:8px 11px;font-size:11px;line-height:1.5;color:#6e5d50;border-radius:4px}
.sidebar .quiet-button:hover{background:#e7dfd3;color:#8f211e}
.sidebar .prototype-mark{margin:13px 11px 0;font-size:8px;color:#716257;letter-spacing:.07em}
.sidebar button:focus-visible,.sidebar a:focus-visible{outline:2px solid #9e2722;outline-offset:-2px}
.workspace{margin-left:var(--sidebar-width)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:nowrap;min-height:var(--header-height);height:var(--header-height);padding:0 clamp(24px,3vw,52px);gap:28px;background:#aa1d1e;border:0;border-bottom:1px solid #8f1b1c;box-shadow:0 2px 5px #3b160b08}
.topbar .header-brand{display:inline-flex;align-items:center;min-height:44px;margin-right:auto;font-size:36px;line-height:1;color:#fff8ee}
.topbar .discussion-trigger{flex-shrink:0;justify-content:center;max-width:none;padding:10px 0;border:0;font-size:14px;font-weight:400;line-height:1.3;gap:8px;white-space:nowrap;color:#fff3e7}
.topbar .discussion-trigger>span:last-child{font-size:16px;margin:0}
.topbar .poll-trigger{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:11px;min-height:40px;margin:0;padding:10px 15px;border:1px solid #ffe9d0;border-radius:5px;background:#fff5e7;color:#8f1b1c;font-size:13px;font-weight:500;line-height:1.3}
.topbar .poll-trigger:hover{background:#ffe9cf;border-color:#ffe9cf}
.topbar .poll-trigger-arrow{font-size:16px;margin:0}
.header-nav-short,.poll-label-short{display:none}
.topbar button{min-height:44px}
.topbar .poll-trigger{min-height:44px}
.skip{z-index:100}
#main{scroll-margin-top:calc(var(--header-height) + 12px)}
#main:focus{outline:none}
.archive-main{max-width:1420px;padding:28px clamp(24px,3vw,52px) 36px}
.page-heading{padding:21px 0 10px;gap:24px}
.breadcrumb{font-size:9px;letter-spacing:.1em;color:#716257}
.page-heading h1{font-size:clamp(28px,2.5vw,38px);max-width:920px;line-height:1.2;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.page-heading p{font-size:13px;line-height:1.7;margin-top:12px;max-width:none;color:#716257}
.archive-search-row{max-width:none;margin:24px 0 40px}
.archive-search-row>.archive-search{background:#fffdf8;box-shadow:0 2px 7px #4b2d1205;border-color:#d9cbbd}
.archive-search-row>.primary-button{background:#aa1d1e;border-color:#aa1d1e;font-size:12px;border-radius:5px}
.archive-search-row>.primary-button:hover{background:#8f1b1c}
.collection-bar{align-items:center;gap:16px;padding-bottom:18px}
.collection-bar label{font-size:11px;color:#77695e}
.collection-bar select{font-size:12px}
.collection-bar p{font-size:10px;color:#716257;line-height:1.6}
.collection-bar .sort-control{width:auto;flex-shrink:0}
.collection-bar .sort-control label{display:block;font-size:10px}
.collection-bar .sort-control select{font-size:11px;max-width:190px}
.list-heading{padding-top:20px;padding-bottom:14px}
.list-heading output{font-size:11px;color:#76695f}
.paper-row{scroll-margin-top:calc(var(--header-height) + 18px)}
.artifact-link:focus-visible,.title-button:focus-visible{scroll-margin-top:calc(var(--header-height) + 24px)}
@media(max-width:1150px){
  :root{--sidebar-width:216px}
  .sidebar{padding-left:13px;padding-right:13px}
  .sidebar-intro{margin-left:-13px;margin-right:-13px;padding:0 24px}
  .sidebar .subject-item{font-size:11px;padding-left:10px;padding-right:8px}
  .topbar{gap:22px;padding-inline:26px}
  .topbar .header-brand{font-size:34px}
  .topbar .discussion-trigger{font-size:13px}
  .archive-main{padding-inline:26px}
  .collection-bar p{order:3;flex-basis:100%;text-align:left}
}
@media(max-width:900px){
  :root{--sidebar-width:200px;--header-height:76px}
  .sidebar .nav-item{font-size:12px}
  .sidebar .subject-item{font-size:11px;padding-left:9px;padding-right:6px;gap:6px}
  .sidebar .subject-item small{min-width:16px;font-size:9px}
  .topbar{gap:18px;padding-inline:22px}
  .topbar .header-brand{font-size:31px}
  .topbar .discussion-trigger .header-nav-title{display:none}
  .topbar .discussion-trigger .header-nav-short{display:inline}
  .topbar .poll-trigger{padding:9px 12px;font-size:12px;gap:8px}
  .archive-main{padding-inline:22px}
  .page-heading p{font-size:12px}
}
@media(max-width:650px){
  :root{--header-height:68px}
  .sidebar{display:none}
  .workspace{margin-left:0}
  .topbar{min-height:var(--header-height);height:var(--header-height);padding:0 18px;gap:18px}
  .topbar .header-brand{font-size:30px}
  .topbar .discussion-trigger{padding:10px 0;font-size:12px;gap:5px}
  .topbar .discussion-trigger>span:last-child{font-size:14px}
  .topbar .poll-trigger{min-height:44px;padding:8px 11px;gap:8px;font-size:12px}
  .poll-label{display:none}
  .poll-label-short{display:inline}
  .archive-main{padding:19px 18px 28px}
  .page-heading{padding:17px 0 6px}
  .page-heading h1{font-size:29px;line-height:1.2;text-wrap:pretty}
  .page-heading p{font-size:12px;line-height:1.7}
  .archive-search-row{gap:10px;margin:23px 0 30px}
  .archive-search-row>.primary-button{font-size:10px;padding:12px;gap:8px}
  .mobile-subject{display:flex;gap:10px;margin-bottom:20px;padding:0;border:0}
  .mobile-subject label{font-size:10px;color:#77695e}
  .mobile-subject select{max-width:none;min-height:40px;padding:8px;background:#fffaf3;border:1px solid #d8cabc;font-size:11px;color:#55483e}
  .mobile-subject button{min-height:40px;padding:8px;font-size:11px;color:#9a2720}
  .collection-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 14px;padding-bottom:15px}
  .collection-bar>div{width:100%;flex-direction:column;align-items:stretch;gap:6px}
  .collection-bar select{font-size:11px;width:100%;max-width:none;min-height:40px}
  .collection-bar .sort-control{margin:0;gap:6px}
  .collection-bar .sort-control label{display:block;font-size:11px}
  .collection-bar .sort-control select{max-width:none;min-height:40px;padding:8px 24px 8px 10px;font-size:11px;background:#fffaf3;border:1px solid #d9cbbd;border-radius:4px}
  .collection-bar p{order:3;grid-column:1/-1;font-size:9px;line-height:1.6}
  .list-heading{padding-top:17px;padding-bottom:12px}
}
@media(min-width:651px) and (max-height:600px){.sidebar{overflow-y:auto}.subject-section{flex:none;max-height:220px}.sidebar-bottom{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav-item{transition:none}}