.nav-publications{position:relative}
.nav-publications>summary{position:relative;list-style:none;color:var(--text-main);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.nav-publications>summary::-webkit-details-marker{display:none}
.nav-publications>summary::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:var(--accent)}
.nav-publications>summary::after{content:" +";color:var(--metal)}
.nav-publications[open]>summary::after{content:" −"}
.nav-publications-panel{position:absolute;top:calc(100% + 28px);right:-40px;width:min(450px,calc(100vw - 48px));padding:14px;background:var(--bg-paper);border:1px solid var(--line);box-shadow:0 30px 70px rgba(24,24,24,.14)}
.nav-publication-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:start;padding:14px;background:var(--bg-main);border:1px solid transparent;transition:background var(--transition),border-color var(--transition),transform var(--transition)}
.nav-publication-card:hover,.nav-publication-card:focus-visible{background:#fff;border-color:var(--line-strong);transform:translateY(-2px)}
.nav-publication-cover{display:block;width:112px;height:auto;aspect-ratio:2/3;object-fit:cover;background:#f4f0e7;box-shadow:0 14px 30px rgba(24,24,24,.16)}
.nav-publication-copy{display:flex;min-width:0;flex-direction:column;align-self:stretch}
.nav-publication-kicker{display:block;margin:1px 0 12px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nav-publication-title{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.02;letter-spacing:-.02em}
.nav-publication-subtitle{margin-top:8px;color:var(--text-secondary);font-family:var(--serif);font-size:15px;line-height:1.25}
.nav-publication-meta{margin-top:14px;color:var(--text-muted);font-size:10px;font-weight:650;letter-spacing:.035em}
.nav-publication-footer{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px}
.nav-publication-price{color:var(--text-main);font-family:var(--serif);font-size:23px;font-weight:500;line-height:1}
.nav-publication-link{color:var(--accent);font-size:11px;font-weight:750;white-space:nowrap}

@media(max-width:1120px){
  .nav-publications>summary{font-size:12px}
  .nav-publications-panel{right:-20px}
}
@media(max-width:900px){
  .nav-publications{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
  .nav-publications>summary{display:flex;align-items:center;min-height:48px;color:var(--text-main);font-family:var(--serif);font-size:clamp(1.55rem,5vw,2rem);font-weight:500}
  .nav-publications>summary::before{width:7px;height:7px;margin-right:11px}
  .nav-publications>summary::after{margin-left:auto;font-family:var(--sans);font-size:16px}
  .nav-publications-panel{position:static;width:auto;margin-top:12px;padding:0;border:0;box-shadow:none}
  .nav-publication-card{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
  .nav-publication-card:hover,.nav-publication-card:focus-visible{background:transparent;border-right-color:transparent;border-left-color:transparent;transform:none}
  .nav-publication-cover{width:76px;box-shadow:0 10px 24px rgba(24,24,24,.13)}
  .nav-publication-kicker{margin-bottom:7px;font-size:8px}
  .nav-publication-title{font-size:20px}
  .nav-publication-subtitle{margin-top:5px;font-size:13px}
  .nav-publication-meta{margin-top:8px;font-size:9px}
  .nav-publication-footer{padding-top:10px}
  .nav-publication-price{font-size:19px}
}
@media(max-width:430px){
  .nav-publication-card{grid-template-columns:66px minmax(0,1fr);gap:14px}
  .nav-publication-cover{width:66px}
  .nav-publication-meta{display:none}
}