code-hl code{padding:1.5rem;overflow:auto;border-radius:0;width:100%;font-size:1rem;display:block;scrollbar-width:thin;max-height:85vh}code-hl{position:relative;&:has(details){copy-code{display:none}}&:has(details[open]){copy-code{display:flex}summary{border-bottom:none;display:flex;justify-content:space-between;align-items:center}}}p+code-hl:has(details){margin-top:1rem;display:block}code-hl:has(details){pre{margin:0;border:1px solid var(--color-text)}summary{padding:.6rem;font-family:Courier New,Courier,monospace;border:1px solid var(--color-text);cursor:pointer;&::marker,&::-webkit-details-marker{content:""}}}copy-code{position:absolute;right:8px;top:8px;.copy{--button-bg: #353434;--button-hover-bg: #464646;--button-text-color: #cccccc;--button-hover-text-color: #8bb9fe;--button-border-radius: 10px;--button-diameter: 36px;--button-outline-width: 1px;--button-outline-color: rgb(141, 141, 141)}.copy{box-sizing:border-box;width:var(--button-diameter);height:var(--button-diameter);border-radius:var(--button-border-radius);background-color:var(--button-bg);color:var(--button-text-color);border:none;cursor:pointer;position:relative;outline:none}.copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark{display:none}.copy:focus:not(:focus-visible) .clipboard{display:none}.copy:focus:not(:focus-visible) .checkmark{display:block}.copy:hover,.copy:focus{background-color:var(--button-hover-bg)}.copy:active{outline:var(--button-outline-width) solid var(--button-outline-color)}.copy:hover svg{color:var(--button-hover-text-color)}}summary>copy-code{position:static;.copy{--button-bg: transparent;--button-hover-bg: transparent;--button-text-color: var(--color-text);--button-hover-text-color: var(--color-primary);--button-border-radius: 0px;--button-diameter: 36px;--button-outline-width: 0px;--button-outline-color: transparent}}.pub-date{margin-top:1em}