/* Quiet Korea dropdown in the masthead */
.nav-drop{position:relative}
.nav-sub{display:none;position:absolute;top:100%;left:-1rem;z-index:30;min-width:12rem;flex-direction:column;gap:0;padding:.6rem 0;background:var(--brand);border:1px solid var(--brand-rule);border-top:none}
.nav-drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:.8rem}
.nav-drop:hover .nav-sub,.nav-drop:focus-within .nav-sub{display:flex}
.masthead .nav-sub a{padding:.5rem 1rem;border-bottom:none;white-space:nowrap}
.masthead .nav-sub a:hover{background:rgba(255,255,255,.08)}
@media(hover:none){.nav-drop:hover .nav-sub{display:none}.nav-drop:focus-within .nav-sub{display:none}}

/* Section tabs on Quiet Korea pages */
.subnav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;font-family:var(--ui);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.subnav a{text-decoration:none;color:var(--accent);border:1px solid var(--rule);padding:.4rem .85rem;border-radius:100px}
.subnav a:hover{border-color:var(--accent)}
.subnav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.eyebrow a{color:inherit;text-decoration:none}
.eyebrow a:hover{text-decoration:underline}

/* Author portraits in essays */
.fig--portrait{max-width:22rem}
.fig--portrait img{width:auto;max-width:100%;height:auto}