MAIN {max-width: 65ch;}
NAV {border-width: 4px; border-style: dashed; border-color: skyblue;}

HGROUP[fig]         {display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: auto auto;}
HGROUP[fig]::before {content: '⧼'; font-size: 5rem; margin-block: auto; margin-inline-end:   1vw; grid-row: 1/3; text-align: end;}
HGROUP[fig]::after  {content: '⧽'; font-size: 5rem; margin-block: auto; margin-inline-start: 1vw; grid-row: 1/3; grid-column: 3/4;}
HGROUP[fig] H1      {text-align: center; margin-block-end: 0;}
HGROUP[fig] H2      {text-align: center;}

BLOCKQUOTE {font-family: fantasy; font-style: italic;}
FIGCAPTION {text-align: center; font-style: italic;}
IMG {max-width: 100%; height: auto; margin: auto;}
IFRAME {display: block; max-width: 100%; margin: auto;}

HR         {border: none;}
HR::before {content: '⁂'; display: block; width: 100%; text-align: center; font-size: 1.5rem;}