.card{text-decoration:none}.card:hover,.card:active,.card:focus{text-decoration:none;--color:--dropdown-color}.card:hover article,.card:active article,.card:focus article{background:var(--code-background-color)}.card article{padding:var(--spacing)var(--block-spacing-horizontal)}.card article h3{display:flex;margin-bottom:calc(var(--spacing)/4);align-items:center}.card article .icon-featured{color:var(--primary);stroke:none;margin-right:calc(var(--spacing)/2)}.card article ul{color:var(--secondary);display:inline-flex;padding:0;margin:0;flex-wrap:wrap}.card article ul li{list-style:none;margin:0;margin-right:var(--spacing)}.card article ul li:not([role=date])::before{content:"#";font-size:.9rem}.card article p{color:var(--dropdown-color);margin:var(--spacing)0}.tags{line-height:2.5;text-align:center;max-width:90%;margin:var(--spacing)auto;padding:var(--spacing);line-height:2}.tags span{margin-left:calc(var(--spacing)/4)}.tags a{margin-right:calc(var(--spacing)/4)}.tags a:hover,.tags a:active,.tags a:focus{text-decoration:none;background:unset}.tags a:hover code,.tags a:active code,.tags a:focus code{color:var(--code-property-color);background:var(--form-element-focus-color)}.card{text-decoration:none}.card:hover,.card:active,.card:focus{text-decoration:none;--color:--dropdown-color}.card:hover article,.card:active article,.card:focus article{background:var(--code-background-color)}.card article{padding:var(--spacing)var(--block-spacing-horizontal)}.card article h3{display:flex;margin-bottom:calc(var(--spacing)/4);align-items:center}.card article .icon-featured{color:var(--primary);stroke:none;margin-right:calc(var(--spacing)/2)}.card article ul{color:var(--secondary);display:inline-flex;padding:0;margin:0;flex-wrap:wrap}.card article ul li{list-style:none;margin:0;margin-right:var(--spacing)}.card article ul li:not([role=date])::before{content:"#";font-size:.9rem}.card article p{color:var(--dropdown-color);margin:var(--spacing)0}.type-main{}.type-main section{display:none}.type-main [value=posts]:checked~.tabs #posts,.type-main [value=projects]:checked~.tabs #projects{display:block!important}.type-main [role=tabset]{display:flex;min-inline-size:fit-content;align-items:center}.type-main [role=tabset] label{padding:var(--spacing)calc(var(--spacing) * 2);cursor:pointer;flex-grow:1;min-width:max-content;border-bottom:1px solid var(--dropdown-border-color);color:var(--dropdown-color)}.type-main [role=tabset] .icon{display:none}@media(min-width:768px){.type-main [role=tabset] .icon{display:inline-flex;margin-right:1rem}}.type-main [value=projects]:checked~[role=tabset] label[for=projects],.type-main [value=posts]:checked~[role=tabset] label[for=posts]{font-weight:700;color:var(--dropdown-color);border-bottom:1px solid}.type-main [rel=next]{display:flex;margin-top:var(--block-spacing-vertical);border-radius:var(--border-radius);box-shadow:var(--button-box-shadow,0 0 0 transparent);padding:var(--spacing);margin:auto;margin-right:0;max-inline-size:max-content;align-items:center;justify-content:center;color:var(--h3-color);min-width:34%}.type-main [rel=next]:hover,.type-main [rel=next]:active,.type-main [rel=next]:focus{background:var(--code-background-color);color:var(--h1-color);text-decoration:none}.type-main [rel=next] span{margin:0 calc(var(--spacing)/2)}