.mastodon-comment.svelte-1a3bu7a{padding:.5rem;margin-left:calc(var(--comment-indent) * var(--depth));display:flex;flex-direction:column}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a){display:flex;align-items:center}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a) .avatar:where(.svelte-1a3bu7a) img:where(.svelte-1a3bu7a){margin:auto;margin-right:1rem;min-width:5px;border-radius:.2rem;border:2px var(--bg-accent) solid}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a) .details:where(.svelte-1a3bu7a){display:flex;flex-direction:column}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a) .details:where(.svelte-1a3bu7a) .name:where(.svelte-1a3bu7a){font-weight:700}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a) .details:where(.svelte-1a3bu7a) .user:where(.svelte-1a3bu7a){color:var(--fg-hint);font-size:medium}.mastodon-comment.svelte-1a3bu7a .author:where(.svelte-1a3bu7a) .date:where(.svelte-1a3bu7a){width:max-content;color:var(--fg-hint);font-size:.8rem}.mastodon-comment.svelte-1a3bu7a .content:where(.svelte-1a3bu7a){margin:.5rem 1rem 1rem .5rem}.mastodon-comment.svelte-1a3bu7a .attachments:where(.svelte-1a3bu7a){margin:0 1rem}.mastodon-comment.svelte-1a3bu7a .attachments:where(.svelte-1a3bu7a)>*{margin:0 1rem}.mastodon-comment.svelte-1a3bu7a .attachments:where(.svelte-1a3bu7a) img{max-width:100%}.mastodon-comment.svelte-1a3bu7a .status:where(.svelte-1a3bu7a){display:flex;align-items:center}.mastodon-comment.svelte-1a3bu7a .status:where(.svelte-1a3bu7a) a:where(.svelte-1a3bu7a){display:flex;align-items:center;color:var(--bg-accent);--icon-color: var(--bg-accent)}.mastodon-comment.svelte-1a3bu7a .status>div:where(.svelte-1a3bu7a){display:inline-block;margin-right:15px}.mastodon-comment.svelte-1a3bu7a .status:where(.svelte-1a3bu7a) .replies.active:where(.svelte-1a3bu7a) a:where(.svelte-1a3bu7a){color:var(--clr-blue);--icon-color: var(--clr-blue)}.mastodon-comment.svelte-1a3bu7a .status:where(.svelte-1a3bu7a) .reblogs.active:where(.svelte-1a3bu7a) a:where(.svelte-1a3bu7a){color:var(--clr-green);--icon-color: var(--clr-green)}.mastodon-comment.svelte-1a3bu7a .status:where(.svelte-1a3bu7a) .favourites.active:where(.svelte-1a3bu7a) a:where(.svelte-1a3bu7a){color:var(--clr-yellow);--icon-color: var(--clr-yellow)}.comment-replies.svelte-1a3bu7a{display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--bg-accent);border-left:2px solid var(--bg-accent)}h2.svelte-o55djd{margin-top:1rem}.comment-section.svelte-o55djd{margin:0 auto;--comment-indent: 1rem}button.leave-comment.svelte-o55djd{margin:auto;margin-bottom:1rem}#blog-layout{padding-bottom:2rem}#blog-layout>h1,#blog-layout>h2,#blog-layout>h3,#blog-layout>h4,#blog-layout>h5,#blog-layout>h6{margin-left:1rem}#blog-layout article .title{padding-top:0;padding-bottom:.2rem}#blog-layout article hr{margin:1rem 0}#blog-layout article p{text-align:justify}#blog-layout article .dates{display:flex;justify-content:flex-start;gap:1em;font-size:.8rem}#blog-layout article .date{display:flex;width:max-content;gap:.2em;color:var(--fg-muted);align-items:center}#blog-layout article aside{margin-top:.5rem}#blog-layout article aside.related{display:grid;grid-template-columns:1fr 1fr;padding:0}#blog-layout article aside.related>div{background-color:var(--bg-accent)}#blog-layout article aside.related>div a{display:grid;align-items:center;padding:.5rem 1rem}#blog-layout article aside.related>div span{color:var(--fg-muted)}#blog-layout article aside.related>div .title{font-weight:700;font-size:1.2rem}#blog-layout article aside.related>div .icon{margin-inline:.25rem;transition:margin-left ease-in-out .5s,margin-right ease-in-out .5s;--icon-color: var(--fg-muted)}#blog-layout article aside.related .icon{grid-row:1/span 2}#blog-layout article aside.related .prev{grid-column:1/2;text-align:left}#blog-layout article aside.related .prev a{grid-template-columns:auto 1fr}#blog-layout article aside.related .prev a .icon{grid-column:1/2;margin-left:.5rem}#blog-layout article aside.related .prev a:hover .icon{margin-left:0rem}#blog-layout article aside.related .next{grid-column:2/3;text-align:right}#blog-layout article aside.related .next a{grid-template-columns:1fr auto}#blog-layout article aside.related .next a .icon{grid-column:2/3;margin-right:.5rem}#blog-layout article aside.related .next a:hover .icon{margin-right:0rem}#blog-layout article aside.share{display:flex;align-items:center}#blog-layout article aside.share p{width:max-content;padding:0;padding-right:1rem;font-weight:700;color:var(--fg-muted)}#blog-layout article aside.share div.share-targets{display:flex;gap:.5rem}#blog-layout article aside.share div.share-targets button{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.2rem;background-color:var(--bg-accent);color:var(--fg);border:2px solid var(--bg-accent)}#blog-layout article aside.share div.share-targets button:hover{background-color:var(--bg-accent-2);border-color:var(--bg-accent-2)}#blog-layout article div.code-block button.copy{border:none;border-radius:.2rem;padding:.2rem;aspect-ratio:1/1}#blog-layout article div.code-block button.copy:hover{background-color:var(--bg-accent)}#blog-layout article div.code-block button.copy .icon{--icon-color: var(--fg-hint);font-size:1.25rem;stroke-width:2px;padding:0;margin:0}#blog-layout article span[data-paraphrase]:after{display:block;float:inline-end;content:"~paraphrased";font-style:italic;font-size:small;color:var(--fg-muted);border-radius:.2rem}#blog-layout article dl{display:grid;row-gap:1rem}#blog-layout article dl lh{font-size:1.5rem;grid-column:1/3;color:var(--accent)}#blog-layout article dl dt{grid-column:1;padding-right:1ch;font-weight:700;color:var(--accent-2)}#blog-layout article dl dd{grid-column:2;display:flex;text-align:justify;text-justify:inner-word}#blog-layout article table{border:2pt solid var(--fg-muted);border-collapse:collapse;margin:.5rem auto}#blog-layout article table th{padding:.5ch 1ch;border-style:solid;border-color:var(--fg-muted);border-width:2pt}#blog-layout article table td{padding:.2ch 1ch;border-style:solid;border-color:var(--fg-hint);border-width:1pt}#blog-layout article img{max-width:100%}#blog-layout article div.normal-th+table th{padding:.2ch 1ch;font-weight:400;border-color:var(--fg-hint)}#blog-layout article div.row-titles+table tr th:nth-child(1),#blog-layout article div.row-titles+table tr td:nth-child(1){font-weight:700;border-color:var(--fg-muted);border-width:2pt}#blog-layout article div.strong-cols+table td{border-width:1pt 2pt}#blog-layout article div.strong-rows+table th{border-width:2pt 1pt}#blog-layout article div.strong-rows+table td{border-width:2pt 1pt}#blog-layout article canvas{display:block;background:#111;color:#fff;max-width:100%;aspect-ratio:1/1;border-radius:.2rem;margin:.5rem auto}#blog-layout article>*{overflow-x:auto}#blog-layout article dynamic-script{display:flex;align-items:baseline;gap:1ch;background-color:var(--bg-accent);border-radius:.2rem;width:max-content;max-width:100%;padding:.25rem .5rem;margin:1rem .4ch;overflow-x:hidden;font-size:.8rem}#blog-layout article dynamic-script .path,#blog-layout article dynamic-script details{font-family:var(--fnt-mono);width:max-content;max-width:100%;height:min-content}#blog-layout article dynamic-script details summary{display:inline-block;width:max-content;color:var(--accent);cursor:default}#blog-layout article dynamic-script details summary:before{content:"+"}#blog-layout article dynamic-script details[open] summary:before{content:"-"}#blog-layout article dynamic-script details code{display:block;background:var(--bg);margin-top:.5rem;padding:.2rem .5rem;overflow:auto}#blog-layout article dynamic-script .status:after{content:": "}#blog-layout article dynamic-script .status:before{content:"🧩 "}#blog-layout article dynamic-script.error .status:before{content:"⚠️ "}#blog-layout article dynamic-script.success .status:before{content:"✅ "}#blog-layout article dynamic-script[data-shown]{margin-bottom:0;border-radius:.2rem .2rem 0 0}#blog-layout article dynamic-script[data-shown] .status:after{content:""}#blog-layout article dynamic-script+dynamic-script{margin-top:-.8rem}@media screen and (min-width: 500px){#blog-layout article dl dt{max-width:30ch;text-align:right}}@media screen and (max-width: 500px){#blog-layout article dl{display:flex;flex-direction:column;row-gap:.2rem}#blog-layout article dl dd{margin-left:1em;margin-bottom:.5rem}#blog-layout article dl dd:before{display:none}}
