all: update default CSS to asciidoctor v2.0.26

2 files changed, 376 insertions, 206 deletions

diff --git a/testdata/test.exp.html b/testdata/test.exp.html
index f18a625..6a6b0e9 100644
--- a/testdata/test.exp.html
+++ b/testdata/test.exp.html
@@ -4,7 +4,7 @@
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="generator" content="Asciidoctor 2.0.23">
+<meta name="generator" content="Asciidoctor 2.0.26">
 <meta name="description" content="meta description">
 <meta name="keywords" content="key, words">
 <meta name="author" content="Author A, Author mid dle B">
@@ -119,7 +119,6 @@ h1 strong,h2 strong,h3 strong,#toctitle strong,.sidebarblock>.content>.title str
 :not(pre):not([class^=L])>code{font-size:.9375em;font-style:normal!important;letter-spacing:0;padding:.1em .5ex;word-spacing:-.15em;background:#f7f7f8;border-radius:4px;line-height:1.45;text-rendering:optimizeSpeed}
 pre{color:rgba(0,0,0,.9);font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;line-height:1.45;text-rendering:optimizeSpeed}
 pre code,pre pre{color:inherit;font-size:inherit;line-height:inherit}
-pre>code{display:block}
 pre.nowrap,pre.nowrap pre{white-space:pre;word-wrap:normal}
 em em{font-style:normal}
 strong strong{font-weight:400}
@@ -222,6 +221,7 @@ table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
 .literalblock pre,.listingblock>.content>pre:not(.highlight),.listingblock>.content>pre[class=highlight],.listingblock>.content>pre[class^="highlight "]{background:#f7f7f8}
 .literalblock.output pre{color:#f7f7f8;background:rgba(0,0,0,.9)}
 .listingblock>.content{position:relative}
+.listingblock pre>code{display:block}
 .listingblock code[data-lang]::before{display:none;content:attr(data-lang);position:absolute;font-size:.75em;top:.425rem;right:.5rem;line-height:1;text-transform:uppercase;color:inherit;opacity:.5}
 .listingblock:hover code[data-lang]::before{display:block}
 .listingblock.terminal pre .command::before{content:attr(data-prompt);padding-right:.5em;color:inherit;opacity:.5}
diff --git a/testdata/test.got.html b/testdata/test.got.html
index 0cb0df5..f236402 100644
--- a/testdata/test.got.html
+++ b/testdata/test.got.html
@@ -13,79 +13,37 @@
 /* SPDX-License-Identifier: MIT */
 /* SPDX-SnippetCopyrightText: Copyright 2012-present Dan Allen, Sarah White, Ryan Waldron, and the individual contributors to Asciidoctor. */
 
-/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
-/* Original source:
- * https://github.com/asciidoctor/asciidoctor/blob/fc0d033577d30adbffba73ce06709292fc2cf3ce/src/stylesheets/asciidoctor.css
- */
-
-*,
-::before,
-::after {
-  box-sizing: border-box;
-}
+/* Source: https://raw.githubusercontent.com/asciidoctor/asciidoctor/refs/tags/v2.0.26/src/stylesheets/asciidoctor.css */
 
+/*! Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
+/* Uncomment the following line when using as a custom stylesheet */
+/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"; */
 html {
-  font-size: 100%;
+  font-family: sans-serif;
   -webkit-text-size-adjust: 100%;
 }
 
-body {
-  background: #fff;
-  color: rgb(0 0 0 / 0.8);
-  padding: 0;
-  margin: 0;
-  font-family: "Noto Serif", "DejaVu Serif", serif;
-  font-size: inherit;
-  line-height: 1;
-  position: relative;
-  cursor: auto;
-  tab-size: 4;
-  word-wrap: anywhere;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-pre,
-p,
-blockquote,
-th,
-td {
-  margin: 0;
-  padding: 0;
-}
-
 a {
   background: none;
-  color: #2156a5;
-  text-decoration: underline;
-  line-height: inherit;
+}
+
+a:focus {
+  outline: thin dotted;
 }
 
 a:active,
 a:hover {
-  cursor: pointer;
   outline: 0;
 }
 
-a:focus {
-  outline: thin dotted;
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
 }
 
-a:hover,
-a:focus {
-  color: #1d4b8f;
+b,
+strong {
+  font-weight: bold;
 }
 
 abbr {
@@ -98,55 +56,12 @@ abbr[title] {
   text-decoration: none;
 }
 
-b,
-strong {
-  font-weight: bold;
-  line-height: inherit;
-}
-
-strong strong {
-  font-weight: 400;
-}
-
-code,
-kbd,
-pre {
-  font-family: "Noto Sans Mono", "Droid Sans Mono", monospace;
-  font-size: 1em;
-}
-
-code {
-  font-weight: 400;
-  color: rgb(0 0 0 / 0.9);
-}
-
-pre {
-  color: rgb(0 0 0 / 0.9);
-  line-height: 1.45;
-  text-rendering: optimizeSpeed;
-  white-space: pre-wrap;
-}
-
 dfn {
   font-style: italic;
 }
 
-em,
-i {
-  font-style: italic;
-  line-height: inherit;
-}
-
-em em {
-  font-style: normal;
-}
-
 hr {
-  border: solid #dddddf;
-  border-width: 1px 0 0;
-  clear: both;
   height: 0;
-  margin: 1.25em 0 1.1875em;
 }
 
 mark {
@@ -154,10 +69,16 @@ mark {
   color: #000;
 }
 
-p {
-  line-height: 1.6;
-  margin-bottom: 1.25rem;
-  text-rendering: optimizeLegibility;
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace;
+  font-size: 1em;
+}
+
+pre {
+  white-space: pre-wrap;
 }
 
 q {
@@ -165,8 +86,7 @@ q {
 }
 
 small {
-  font-size: 60%;
-  line-height: inherit;
+  font-size: 80%;
 }
 
 sub,
@@ -185,22 +105,8 @@ sub {
   bottom: -0.25em;
 }
 
-img,
-object[type^="image/"],
-svg {
-  display: inline-block;
-  height: auto;
-  max-width: 100%;
-  vertical-align: middle;
-}
-
 img {
   border: 0;
-  -ms-interpolation-mode: bicubic;
-}
-
-object {
-  max-width: 100%;
 }
 
 svg:not(:root) {
@@ -221,6 +127,116 @@ audio:not([controls]) {
   height: 0;
 }
 
+fieldset {
+  border: 1px solid silver;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+  border: 0;
+  padding: 0;
+}
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  margin: 0;
+}
+
+button,
+input {
+  line-height: normal;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  padding: 0;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  font-size: 100%;
+}
+
+body {
+  background: #fff;
+  color: rgba(0, 0, 0, 0.8);
+  padding: 0;
+  margin: 0;
+  font-family: "Noto Serif", "DejaVu Serif", serif;
+  line-height: 1;
+  position: relative;
+  cursor: auto;
+  tab-size: 4;
+  word-wrap: anywhere;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+a:hover {
+  cursor: pointer;
+}
+
+img,
+object,
+embed {
+  max-width: 100%;
+  height: auto;
+}
+
+object,
+embed {
+  height: 100%;
+}
+
+img {
+  -ms-interpolation-mode: bicubic;
+}
+
 .left {
   float: left !important;
 }
@@ -229,23 +245,19 @@ audio:not([controls]) {
   float: right !important;
 }
 
-.text-left,
-div.text-left > * {
+.text-left {
   text-align: left !important;
 }
 
-.text-right,
-div.text-right > * {
+.text-right {
   text-align: right !important;
 }
 
-.text-center,
-div.text-center > * {
+.text-center {
   text-align: center !important;
 }
 
-.text-justify,
-div.text-justify > * {
+.text-justify {
   text-align: justify !important;
 }
 
@@ -253,6 +265,22 @@ div.text-justify > * {
   display: none;
 }
 
+img,
+object,
+svg {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+textarea {
+  height: auto;
+  min-height: 50px;
+}
+
+select {
+  width: 100%;
+}
+
 .subheader,
 .admonitionblock td.content > .title,
 .audioblock > .title,
@@ -279,6 +307,52 @@ table.tableblock > .title,
   margin-bottom: 0.25em;
 }
 
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+#toctitle,
+.sidebarblock > .content > .title,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: #2156a5;
+  text-decoration: underline;
+  line-height: inherit;
+}
+
+a:hover,
+a:focus {
+  color: #1d4b8f;
+}
+
+a img {
+  border: 0;
+}
+
+p {
+  line-height: 1.6;
+  margin-bottom: 1.25em;
+  text-rendering: optimizeLegibility;
+}
+
 p aside {
   font-size: 0.875em;
   line-height: 1.35;
@@ -300,8 +374,7 @@ h6 {
   text-rendering: optimizeLegibility;
   margin-top: 1em;
   margin-bottom: 0.5em;
-  line-height: 1.2;
-  word-spacing: -0.05em;
+  line-height: 1.0125em;
 }
 
 h1 small,
@@ -312,6 +385,7 @@ h3 small,
 h4 small,
 h5 small,
 h6 small {
+  font-size: 60%;
   color: #e99b8f;
   line-height: 0;
 }
@@ -339,6 +413,36 @@ h6 {
   font-size: 1em;
 }
 
+hr {
+  border: solid #dddddf;
+  border-width: 1px 0 0;
+  clear: both;
+  margin: 1.25em 0 1.1875em;
+}
+
+em,
+i {
+  font-style: italic;
+  line-height: inherit;
+}
+
+strong,
+b {
+  font-weight: bold;
+  line-height: inherit;
+}
+
+small {
+  font-size: 60%;
+  line-height: inherit;
+}
+
+code {
+  font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.9);
+}
+
 ul,
 ol,
 dl {
@@ -390,7 +494,6 @@ dl dt {
 
 dl dd {
   margin-bottom: 1.25em;
-  margin-left: 1.125em;
 }
 
 blockquote {
@@ -402,10 +505,21 @@ blockquote {
 blockquote,
 blockquote p {
   line-height: 1.6;
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
 }
 
 @media screen and (min-width: 768px) {
+  h1,
+  h2,
+  h3,
+  #toctitle,
+  .sidebarblock > .content > .title,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.2;
+  }
+
   h1 {
     font-size: 2.75em;
   }
@@ -427,10 +541,8 @@ blockquote p {
 
 table {
   background: #fff;
-  border: 1px solid #dedede;
-  border-collapse: collapse;
-  border-spacing: 0;
   margin-bottom: 1.25em;
+  border: 1px solid #dedede;
   word-wrap: normal;
 }
 
@@ -445,7 +557,7 @@ table tfoot tr th,
 table tfoot tr td {
   padding: 0.5em 0.625em 0.625em;
   font-size: inherit;
-  color: rgb(0 0 0 / 0.8);
+  color: rgba(0, 0, 0, 0.8);
   text-align: left;
 }
 
@@ -453,7 +565,7 @@ table tr th,
 table tr td {
   padding: 0.5625em 0.625em;
   font-size: inherit;
-  color: rgb(0 0 0 / 0.8);
+  color: rgba(0, 0, 0, 0.8);
 }
 
 table tr.even,
@@ -469,6 +581,18 @@ table tfoot tr td {
   line-height: 1.6;
 }
 
+h1,
+h2,
+h3,
+#toctitle,
+.sidebarblock > .content > .title,
+h4,
+h5,
+h6 {
+  line-height: 1.2;
+  word-spacing: -0.05em;
+}
+
 h1 strong,
 h2 strong,
 h3 strong,
@@ -493,7 +617,7 @@ h6 strong {
 .clearfix::after,
 .float-group::before,
 .float-group::after {
-  content: "";
+  content: " ";
   display: table;
 }
 
@@ -526,6 +650,13 @@ h6 strong {
   text-rendering: optimizeSpeed;
 }
 
+pre {
+  color: rgba(0, 0, 0, 0.9);
+  font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
+  line-height: 1.45;
+  text-rendering: optimizeSpeed;
+}
+
 pre code,
 pre pre {
   color: inherit;
@@ -539,20 +670,29 @@ pre.nowrap pre {
   word-wrap: normal;
 }
 
+em em {
+  font-style: normal;
+}
+
+strong strong {
+  font-weight: 400;
+}
+
 .keyseq {
-  color: rgb(51 51 51 / 0.8);
+  color: rgba(51, 51, 51, 0.8);
 }
 
 kbd {
+  font-family: "Droid Sans Mono", "DejaVu Sans Mono", monospace;
   display: inline-block;
-  color: rgb(0 0 0 / 0.8);
+  color: rgba(0, 0, 0, 0.8);
   font-size: 0.65em;
   line-height: 1.45;
   background: #f7f7f7;
   border: 1px solid #ccc;
   border-radius: 3px;
   box-shadow:
-    0 1px 0 rgb(0 0 0 / 0.2),
+    0 1px 0 rgba(0, 0, 0, 0.2),
     0 0 0 0.1em #fff inset;
   margin: 0 0.15em;
   padding: 0.2em 0.5em;
@@ -613,29 +753,43 @@ b.button::after {
 }
 
 p a > code:hover {
-  color: rgb(0 0 0 / 0.9);
+  color: rgba(0, 0, 0, 0.9);
 }
 
-body > div[id] {
+#header,
+#content,
+#footnotes,
+#footer {
+  width: 100%;
   margin: 0 auto;
   max-width: 62.5em;
+  *zoom: 1;
   position: relative;
   padding-left: 0.9375em;
   padding-right: 0.9375em;
-  width: 100%;
 }
 
-body > div[id]::before,
-body > div[id]::after,
-#content #footnotes::before {
-  content: "";
+#header::before,
+#header::after,
+#content::before,
+#content::after,
+#footnotes::before,
+#footnotes::after,
+#footer::before,
+#footer::after {
+  content: " ";
   display: table;
+}
+
+#header::after,
+#content::after,
+#footnotes::after,
+#footer::after {
   clear: both;
 }
 
 #content {
   margin-top: 1.25em;
-  margin-bottom: 0.625em;
 }
 
 #content::before {
@@ -643,7 +797,7 @@ body > div[id]::after,
 }
 
 #header > h1:first-child {
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
   margin-top: 2.25rem;
   margin-bottom: 0;
 }
@@ -664,7 +818,7 @@ body > div[id]::after,
   padding-top: 0.25em;
   padding-bottom: 0.25em;
   padding-left: 0.25em;
-  color: rgb(0 0 0 / 0.6);
+  color: rgba(0, 0, 0, 0.6);
   display: flex;
   flex-flow: row wrap;
 }
@@ -674,7 +828,7 @@ body > div[id]::after,
 }
 
 #header .details span.email a {
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
 }
 
 #header .details br {
@@ -687,7 +841,7 @@ body > div[id]::after,
 
 #header .details br + span.author::before {
   content: "\00a0\22c5\00a0";
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
 }
 
 #header .details br + span#revremark::before {
@@ -703,7 +857,7 @@ body > div[id]::after,
 }
 
 #content > h1:first-child:not([class]) {
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
   border-bottom: 1px solid #dddddf;
   padding-bottom: 8px;
   margin-top: 0;
@@ -720,7 +874,7 @@ body > div[id]::after,
   margin-left: 0.125em;
 }
 
-#toc ul.sectlevel0 > li:not([class]) > a {
+#toc ul.sectlevel0 > li > a {
   font-style: italic;
 }
 
@@ -853,17 +1007,29 @@ body > div[id]::after,
   border-radius: 4px;
 }
 
+#content #toc > :first-child {
+  margin-top: 0;
+}
+
+#content #toc > :last-child {
+  margin-bottom: 0;
+}
+
 #footer {
   max-width: none;
-  background: rgb(0 0 0 / 0.8);
+  background: rgba(0, 0, 0, 0.8);
   padding: 1.25em;
 }
 
 #footer-text {
-  color: rgb(255 255 255 / 0.8);
+  color: rgba(255, 255, 255, 0.8);
   line-height: 1.44;
 }
 
+#content {
+  margin-bottom: 0.625em;
+}
+
 .sect1 {
   padding-bottom: 0.625em;
 }
@@ -1050,7 +1216,7 @@ table.tableblock.fit-content > caption.title {
 #preamble > .sectionbody > [class="paragraph"]:first-of-type p {
   font-size: 1.21875em;
   line-height: 1.6;
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
 }
 
 .admonitionblock > table {
@@ -1079,7 +1245,7 @@ table.tableblock.fit-content > caption.title {
   padding-left: 1.125em;
   padding-right: 1.25em;
   border-left: 1px solid #dddddf;
-  color: rgb(0 0 0 / 0.6);
+  color: rgba(0, 0, 0, 0.6);
   word-wrap: anywhere;
 }
 
@@ -1088,12 +1254,11 @@ table.tableblock.fit-content > caption.title {
 }
 
 .exampleblock > .content {
-  border: 1px solid #e0e0dc;
+  border: 1px solid #e6e6e6;
   margin-bottom: 1.25em;
   padding: 1.25em;
-  background: #fffef7;
+  background: #fff;
   border-radius: 4px;
-  box-shadow: 0 1px 4px #e0e0dc;
 }
 
 .sidebarblock {
@@ -1110,13 +1275,11 @@ table.tableblock.fit-content > caption.title {
   text-align: center;
 }
 
-#content #toc > :first-child,
 .exampleblock > .content > :first-child,
 .sidebarblock > .content > :first-child {
   margin-top: 0;
 }
 
-#content #toc > :last-child,
 .exampleblock > .content > :last-child,
 .exampleblock > .content > :last-child > :last-child,
 .exampleblock > .content .olist > ol > li:last-child > :last-child,
@@ -1161,7 +1324,7 @@ table.tableblock.fit-content > caption.title {
 
 .literalblock.output pre {
   color: #f7f7f8;
-  background: rgb(0 0 0 / 0.9);
+  background: rgba(0, 0, 0, 0.9);
 }
 
 .listingblock > .content {
@@ -1255,21 +1418,15 @@ table.linenotable td.code {
   padding-left: 0.75em;
 }
 
-table.linenotable td.linenos {
-  width: 0.01%;
-}
-
 table.linenotable td.linenos,
-pre.pygments .linenos,
-pre.rouge .linenos {
+pre.pygments .linenos {
   border-right: 1px solid;
   opacity: 0.35;
   padding-right: 0.5em;
   user-select: none;
 }
 
-pre.pygments span.linenos,
-pre.rouge span.linenos {
+pre.pygments span.linenos {
   display: inline-block;
   margin-right: 0.75em;
 }
@@ -1286,7 +1443,7 @@ pre.rouge span.linenos {
 
 .quoteblock blockquote,
 .quoteblock p {
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
   font-size: 1.15rem;
   line-height: 1.75;
   word-spacing: 0.1em;
@@ -1309,7 +1466,7 @@ pre.rouge span.linenos {
   line-height: 0.6em;
   margin-left: -0.6em;
   color: #7a2518;
-  text-shadow: 0 1px 2px rgb(0 0 0 / 0.1);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .quoteblock blockquote > .paragraph:last-child p {
@@ -1329,7 +1486,7 @@ pre.rouge span.linenos {
 .verseblock pre {
   font-family: "Open Sans", "DejaVu Sans", sans-serif;
   font-size: 1.15rem;
-  color: rgb(0 0 0 / 0.85);
+  color: rgba(0, 0, 0, 0.85);
   font-weight: 300;
   text-rendering: optimizeLegibility;
 }
@@ -1359,7 +1516,7 @@ pre.rouge span.linenos {
 .verseblock .attribution cite {
   display: block;
   letter-spacing: -0.025em;
-  color: rgb(0 0 0 / 0.6);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 .quoteblock.abstract blockquote::before,
@@ -1479,10 +1636,10 @@ table.frame-ends > * > tr > :last-child {
   border-right-width: 0;
 }
 
-table.stripes-all > tbody > tr,
-table.stripes-odd > tbody > tr:nth-of-type(odd),
-table.stripes-even > tbody > tr:nth-of-type(even),
-table.stripes-hover > tbody > tr:hover {
+table.stripes-all > * > tr,
+table.stripes-odd > * > tr:nth-of-type(odd),
+table.stripes-even > * > tr:nth-of-type(even),
+table.stripes-hover > * > tr:hover {
   background: #f8f8f7;
 }
 
@@ -1529,7 +1686,7 @@ tbody tr th,
 tbody tr th p,
 tfoot tr th,
 tfoot tr th p {
-  color: rgb(0 0 0 / 0.8);
+  color: rgba(0, 0, 0, 0.8);
   font-weight: bold;
 }
 
@@ -1550,6 +1707,10 @@ ul li ol {
   margin-left: 1.5em;
 }
 
+dl dd {
+  margin-left: 1.125em;
+}
+
 dl dd:last-child,
 dl dd:last-child > :last-child {
   margin-bottom: 0;
@@ -1605,9 +1766,7 @@ ul.checklist > li > p:first-child > .fa-check-square-o:first-child {
 }
 
 ul.checklist > li > p:first-child > input[type="checkbox"]:first-child {
-  font: inherit;
-  margin: 0 0.25em 0 0;
-  padding: 0;
+  margin-right: 0.25em;
 }
 
 ul.inline {
@@ -1809,12 +1968,8 @@ sup.footnoteref a:active,
   padding: 0.75em 0;
 }
 
-div.page-break {
-  display: none;
-}
-
 div.unbreakable {
-  break-inside: avoid;
+  page-break-inside: avoid;
 }
 
 .big {
@@ -1975,7 +2130,7 @@ a span.icon > .fa {
 
 .admonitionblock td.icon [class^="fa icon-"] {
   font-size: 2.5em;
-  text-shadow: 1px 1px 2px rgb(0 0 0 / 0.5);
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   cursor: default;
 }
 
@@ -1986,7 +2141,7 @@ a span.icon > .fa {
 
 .admonitionblock td.icon .icon-tip::before {
   content: "\f0eb";
-  text-shadow: 1px 1px 2px rgb(155 155 0 / 0.8);
+  text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
   color: #111;
 }
 
@@ -2008,7 +2163,7 @@ a span.icon > .fa {
 .conum[data-value] {
   display: inline-block;
   color: #fff !important;
-  background: rgb(0 0 0 / 0.8);
+  background: rgba(0, 0, 0, 0.8);
   border-radius: 50%;
   text-align: center;
   font-size: 0.75em;
@@ -2077,6 +2232,10 @@ summary {
   font-size: 1.0625rem;
 }
 
+p {
+  margin-bottom: 1.25rem;
+}
+
 .sidebarblock p,
 .sidebarblock dt,
 .sidebarblock td.content,
@@ -2084,6 +2243,12 @@ p.tableblock {
   font-size: 1em;
 }
 
+.exampleblock > .content {
+  background: #fffef7;
+  border-color: #e0e0dc;
+  box-shadow: 0 1px 4px #e0e0dc;
+}
+
 .print-only {
   display: none !important;
 }
@@ -2135,13 +2300,17 @@ p.tableblock {
   img,
   object,
   svg {
-    break-inside: avoid;
+    page-break-inside: avoid;
   }
 
   thead {
     display: table-header-group;
   }
 
+  svg {
+    max-width: 100%;
+  }
+
   p,
   blockquote,
   dt,
@@ -2155,10 +2324,13 @@ p.tableblock {
   h3,
   #toctitle,
   .sidebarblock > .content > .title {
-    break-after: avoid;
+    page-break-after: avoid;
   }
 
-  body > div[id] {
+  #header,
+  #content,
+  #footnotes,
+  #footer {
     max-width: none;
   }
 
@@ -2211,18 +2383,13 @@ p.tableblock {
   body.book #preamble,
   body.book h1.sect0,
   body.book .sect1 > h2 {
-    break-before: page;
+    page-break-before: always;
   }
 
   .listingblock code[data-lang]::before {
     display: block;
   }
 
-  div.page-break {
-    display: block;
-    break-after: page;
-  }
-
   #footer {
     padding: 0 0.9375em;
   }
@@ -2262,13 +2429,16 @@ p.tableblock {
   }
 
   #footer-text {
-    color: rgb(0 0 0 / 0.6);
+    color: rgba(0, 0, 0, 0.6);
     font-size: 0.9em;
   }
 }
 
 @media amzn-kf8 {
-  body > div[id] {
+  #header,
+  #content,
+  #footnotes,
+  #footer {
     padding: 0;
   }
 }