/* Project links and related-case tags, matching the Figma metadata row. */
.case .case-metadata{gap:8px 24px;align-items:baseline}
.case-project{display:inline-flex;align-items:center;gap:4px}
.external-link-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none}
.external-link-icon::before{content:"";width:12px;height:12px;background:currentColor;mask:url(assets/open-in-new-tab.svg) center / 12px 12px no-repeat}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.case-tag-list{display:flex;flex-wrap:wrap;gap:0 4px;min-width:0}
.case-tag-item{display:inline-flex;align-items:baseline;gap:4px}
.case-tag{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}
.case-tag:hover,.case-tag:focus-visible,.case-tag[aria-expanded="true"]{color:#307bff}
.case-tag:focus-visible{outline:2px solid #307bff;outline-offset:3px;border-radius:2px}
.case-tag-dropdown{position:fixed;inset:auto;margin:0;padding:8px;width:420px;max-width:calc(100vw - 32px);border:0;border-radius:12px;background:var(--background);color:var(--secondary);box-shadow:0 4px 20px #00000014;backdrop-filter:none;-webkit-backdrop-filter:none;font:16px/24px Lato,sans-serif;overflow:auto;overscroll-behavior:contain}
.case-tag-dropdown ul{list-style:none;margin:0;padding:0}
.case-tag-heading{display:block;padding:10px 12px 8px;color:var(--secondary)}
.case-tag-dropdown a{display:block;position:relative;padding:10px 12px 10px 28px;overflow-wrap:anywhere}
.case-tag-dropdown a::before{content:"·";position:absolute;left:12px;top:10px}
.case-tag-dropdown a:hover,.case-tag-dropdown a:focus-visible{color:#307bff;background:transparent;outline-offset:-2px}
.case-tag-empty{padding:10px 12px;color:var(--secondary)}
@media(max-width:760px){.case .case-metadata{gap:8px 24px}.case-tag-dropdown a{padding:12px 12px 12px 28px}.case-tag-dropdown a::before{top:12px}}