doc/style.css: make admonition styles container-agnostic

doc/style.css

@@ -216,11 +216,7 @@ h3 {
   color: var(--heading-color);
 }
 
-.note h3,
-.tip h3,
-.warning h3,
-.caution h3,
-.important h3 {
+:is(.note, .tip, .warning, .caution, .important) h3 {
   font-size: 120%;
 }
 
@@ -290,16 +286,7 @@ div.appendix .programlisting {
   color: var(--codeblock-text-color);
 }
 
-div.book .note,
-div.book .tip,
-div.book .warning,
-div.book .caution,
-div.book .important,
-div.appendix .note,
-div.appendix .tip,
-div.appendix .warning,
-div.appendix .caution,
-div.appendix .important {
+:is(.note, .tip, .warning, .caution, .important) {
   margin-bottom: 1rem;
   border-radius: 0.5rem;
   padding: 1.5rem;
@@ -307,74 +294,42 @@ div.appendix .important {
   background: #f4f4f4;
 }
 
-div.book .note > .title,
-div.book .tip > .title,
-div.book .warning > .title,
-div.book .caution > .title,
-div.book .important > .title,
-div.appendix .note > .title,
-div.appendix .tip > .title,
-div.appendix .warning > .title,
-div.appendix .caution > .title,
-div.appendix .important > .title {
+:is(.note, .tip, .warning, .caution, .important) > .title {
   font-weight: 800;
   line-height: 110%;
   color: inherit;
   margin-bottom: 0;
 }
 
-div.book .note > :first-child,
-div.book .tip > :first-child,
-div.book .warning > :first-child,
-div.book .caution > :first-child,
-div.book .important > :first-child,
-div.appendix .note > :first-child,
-div.appendix .tip > :first-child,
-div.appendix .warning > :first-child,
-div.appendix .caution > :first-child,
-div.appendix .important > :first-child {
+:is(.note, .tip, .warning, .caution, .important) > :first-child {
   margin-top: 0;
 }
 
-div.book .note > :last-child,
-div.book .tip > :last-child,
-div.book .warning > :last-child,
-div.book .caution > :last-child,
-div.book .important > :last-child,
-div.appendix .note > :last-child,
-div.appendix .tip > :last-child,
-div.appendix .warning > :last-child,
-div.appendix .caution > :last-child,
-div.appendix .important > :last-child {
+:is(.note, .tip, .warning, .caution, .important) > :last-child {
   margin-bottom: 0;
 }
 
-div.book .note,
-div.appendix .note {
+.note {
   color: var(--note-text-color);
   background: var(--note-background);
 }
 
-div.book .tip,
-div.appendix .tip {
+.tip {
   color: var(--tip-text-color);
   background: var(--tip-background);
 }
 
-div.book .important,
-div.appendix .important {
+.important {
   color: var(--important-text-color);
   background: var(--important-background);
 }
 
-div.book .warning,
-div.appendix .warning {
+.warning {
   color: var(--warning-text-color);
   background: var(--warning-background);
 }
 
-div.book .caution,
-div.appendix .caution {
+.caution {
   color: var(--caution-text-color);
   background: var(--caution-background);
 }
@@ -517,16 +472,7 @@ div.appendix .variablelist .term {
     --codeblock-text-color: #fff;
   }
 
-  div.book .note,
-  div.book .tip,
-  div.book .important,
-  div.book .warning,
-  div.book .caution,
-  div.appendix .note,
-  div.appendix .tip,
-  div.appendix .important,
-  div.appendix .warning,
-  div.appendix .caution {
+  :is(.note, .tip, .warning, .caution, .important) {
     border: 2px solid;
     font-weight: 400;
   }