.book-title-with-genres{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.book-genre-markers{display:inline-flex;vertical-align:middle;align-items:center;gap:6px;margin-inline:5px}
.book-genre-marker{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;color:var(--genre-color)!important;background:transparent;border:0;text-decoration:none!important;font:26px/1 Georgia,serif}
.book-genre-marker>span:first-child{display:flex;align-items:center;justify-content:center}.book-genre-marker svg{display:block;width:26px;height:26px}.book-genre-marker:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.legal-links a:has(svg){display:inline-flex;align-items:center;gap:6px}.legal-links a>svg{width:18px;height:18px;flex:none}
body[data-rubric=parutions] .purchase-row{grid-template-columns:minmax(0,1fr) auto}body[data-rubric=parutions] .announcement-actions{grid-column:auto}
@media(max-width:600px){body[data-rubric=parutions] .purchase-row{grid-template-columns:1fr}.book-genre-marker{width:32px;height:32px;font-size:23px}}

#catalog-genre option:disabled{color:#777;background:#eee}

/* Genre signs are descriptive, never controls. Keep author titles and signs inline. */
.book-genre-marker{cursor:default}
:is(body[data-rubric=auteurs],body[data-rubric=auteur]) .book-title-with-genres{display:block}
:is(body[data-rubric=auteurs],body[data-rubric=auteur]) .book-genre-markers{margin-inline:5px 0;gap:3px}
:is(body[data-rubric=auteurs],body[data-rubric=auteur]) .book-genre-marker{width:18px;height:18px;font-size:18px;border-radius:0}
:is(body[data-rubric=auteurs],body[data-rubric=auteur]) .book-genre-marker svg{width:17px;height:17px}