With my settings, this is what the front page looks like. The result seems to be as expected. I actually don't use the "genre" tag for Ao3 and just use the separate tags for them.
Code:
[archiveofourown.org]
category_label:Fandom
include_in_genre:
## freeformtags, ao3categories
use_view_full_work:true
ao3categories_label:Category
chapterslashtotal_label:Chapters
keep_in_order_ao3categories:true
add_to_custom_columns_settings:
chapterslashtotal=>#ao3_chapters
add_to_replace_metadata:
## Changes line breaks to paragraphs
description=>(<p>[-+*;.]*<\/p>)+=>
## Items to include in the title page
## Empty metadata entries will *not* appear, unless .SHOW_EMPTY is
## appended. Eg: titlepage_entries: ..., characters.SHOW_EMPTY,
## ships,... will always display Characters, but only show
## Relationships if there are any. You can include extra text or HTML
## that will be included as-is in the title page. Eg:
## titlepage_entries: ...,<br />,summary,<br />,...
## All current formats already include title and author.
titlepage_entries:<div class="inline">,seriesHTML,category,rating,warnings,</div>,ships,additional_characters,freeformtags
## metadata ${title}, etc. Make sure to keep at least one space
## at the start of each line and to escape % to %%.
titlepage_start:<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${title} by ${author}</title>
<link href="stylesheet.css" type="text/css" charset="UTF-8" rel="stylesheet"/>
<meta name="calibre-html-render-data" content='{"size": "A2", "margins": [0, 0, 0, 0]}'/>
</head>
<body class="fff_titlepage" style="font-size: 2.5vmax;">
<div class="title">
<h1><a href="${storyUrl}">${title}</a> by ${authorHTML}</h1>
</div>
<hr/>
<dl class="tags">
## ${id}, ${label}, ${value}
titlepage_entry:
<dt><b>${label}:</b></dt> <dd>${value}</dd>
## ${id}, ${label}, ${value}
## Used with entries listed in wide_titlepage_entries, typically description, storyUrl, authorUrl
titlepage_wide_entry:
## When using tables, make these span both columns.
wide_titlepage_entries:
## ${id}, ${value}
## For example, if you've set description_label:
## (that is, nothing)
titlepage_no_title_entry:
## metadata
titlepage_end:
<dl class="stats">
<dt><b>Words & Chapters:</b> ${numWords} • ${chapterslashtotal}</dt>
<dt><b>Date:</b> ${dateRange}</dt>
</dl>
</dl>
<hr/>
<div class="tag-summary-content">${description}</div>
</body>
</html>