/* Article title with source link and the hover pencil that edits the URL. */
.article-title{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:.4rem;max-width:1000px}
#detail>.article-title>h2{font-family:var(--font-serif);font-size:var(--text-title-serif);line-height:1.5;letter-spacing:var(--tracking-title);margin-top:0;margin-bottom:14px;min-width:0;overflow-wrap:anywhere}
#detail>.article-title>h2:focus{outline:none}
#detail[data-view="study"]>.article-title{max-width:none}
#detail[data-view="study"]>.article-title>h2{font-size:var(--text-title-serif-compact);line-height:1.4;margin-top:var(--space-2);margin-bottom:var(--space-2)}
#detail>.article-title>h2 a,#detail>.article-title>h2 a:visited{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
#detail>.article-title>h2 a:hover{border-bottom-color:currentColor}
.article-title-edit{flex:none;margin-top:.55em;min-height:0;padding:2px var(--space-2);font-size:var(--text-md);line-height:1.3;border-radius:var(--radius-sm);border-color:transparent;background:transparent;color:var(--color-muted);opacity:0;transition:opacity var(--duration-fast)}
.article-title:hover .article-title-edit,.article-title:focus-within .article-title-edit,.article-title-edit[aria-expanded=true]{opacity:1}
@media(hover:none){.article-title-edit{opacity:.55}}
.article-title-form{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin:0 0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-base)}
.article-title-form[hidden]{display:none}
.article-title-form label{flex:1 1 20rem;margin:0;font-size:inherit;font-weight:500;color:var(--color-muted)}
.article-title-form input{margin-top:3px;min-height:var(--control-sm);padding:0 .6rem;font-size:var(--text-base)}
.article-title-form button{min-height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-base)}
.article-title-status{flex:1 0 100%;margin:0;font-size:var(--text-sm);color:var(--color-muted)}
.article-title-status:empty{display:none}