resolves #4114 update font styles for summary element to match font styles of paragraph (PR #4115)

3 files changed, 9 insertions, 6 deletions

diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
index d758bc5d..8cf8e8f2 100644
--- a/CHANGELOG.adoc
+++ b/CHANGELOG.adoc
@@ -38,6 +38,7 @@ Improvements::
   * Use queue to iterate over lines in reader instead of stack (#4106)
   * Uppercase automatic reftext for level-2 section titles in manpage output if reftext matches section title (#4110)
   * Show safe modes in strictness order in CLI help (#4065)
+  * Update font styles for summary element to match font styles of paragraph (#4114)
   * Add Vietnamese translation of built-in attributes (PR #4066) (*@nguyenhoa93*)
   * Add Thai translation of built-in attributes (PR #4113) (*@ammaneena*)
 
diff --git a/data/stylesheets/asciidoctor-default.css b/data/stylesheets/asciidoctor-default.css
index ff494a22..2999de21 100644
--- a/data/stylesheets/asciidoctor-default.css
+++ b/data/stylesheets/asciidoctor-default.css
@@ -184,7 +184,7 @@ body.toc2.toc-right{padding-left:0;padding-right:20em}}
 #content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,h4>a.link,h5>a.link,h6>a.link{color:#ba3925;text-decoration:none}
 #content h1>a.link:hover,h2>a.link:hover,h3>a.link:hover,#toctitle>a.link:hover,.sidebarblock>.content>.title>a.link:hover,h4>a.link:hover,h5>a.link:hover,h6>a.link:hover{color:#a53221}
 details,.audioblock,.imageblock,.literalblock,.listingblock,.stemblock,.videoblock{margin-bottom:1.25em}
-details>summary:first-of-type{cursor:pointer;display:list-item;outline:none;margin-bottom:.75em}
+details>summary:first-of-type{cursor:pointer;display:list-item;outline:none;margin-bottom:.625rem}
 .admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
 table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
 .paragraph.lead>p,#preamble>.sectionbody>[class=paragraph]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
@@ -380,9 +380,9 @@ pre .conum[data-value]{position:relative;top:-.125em}
 b.conum *{color:inherit!important}
 .conum:not([data-value]):empty{display:none}
 dt,th.tableblock,td.content,div.footnote{text-rendering:optimizeLegibility}
-h1,h2,p,td.content,span.alt{letter-spacing:-.01em}
+h1,h2,p,td.content,span.alt,summary{letter-spacing:-.01em}
 p strong,td.content strong,div.footnote strong{letter-spacing:-.005em}
-p,blockquote,dt,td.content,span.alt{font-size:1.0625rem}
+p,blockquote,dt,td.content,span.alt,summary{font-size:1.0625rem}
 p{margin-bottom:1.25rem}
 .sidebarblock p,.sidebarblock dt,.sidebarblock td.content,p.tableblock{font-size:1em}
 .exampleblock>.content{background:#fffef7;border-color:#e0e0dc;-webkit-box-shadow:0 1px 4px #e0e0dc;box-shadow:0 1px 4px #e0e0dc}
diff --git a/src/stylesheets/asciidoctor.css b/src/stylesheets/asciidoctor.css
index caaa7752..0e84a867 100644
--- a/src/stylesheets/asciidoctor.css
+++ b/src/stylesheets/asciidoctor.css
@@ -1161,7 +1161,7 @@ details > summary:first-of-type {
   cursor: pointer;
   display: list-item;
   outline: none;
-  margin-bottom: 0.75em;
+  margin-bottom: 0.625rem;
 }
 
 .admonitionblock td.content > .title,
@@ -2219,7 +2219,8 @@ h1,
 h2,
 p,
 td.content,
-span.alt {
+span.alt,
+summary {
   letter-spacing: -0.01em;
 }
 
@@ -2233,7 +2234,8 @@ p,
 blockquote,
 dt,
 td.content,
-span.alt {
+span.alt,
+summary {
   font-size: 1.0625rem;
 }