html {
    --header-separator: hsl(0 0% 89% / 1);
    --language-menu-background: white;
    --language-menu-border: hsl(0 0% 89% / 1);
    --language-menu-code-border: hsl(0 0% 89% / 1);
    --language-menu-item-hover: cornflowerblue;

    --foreground-dark: black;
    --foreground-normal: #333333;
    --foreground-light: #7c7a7a;
    --outline-color: silver;

    --tag-background: lightseagreen;
    --tag-foreground: white;
    --tag-hover-background: darksalmon;
    --tag-hover-foreground: white;

    --shadow: 0 1px 2px rgba(0,0,0,0.051), 0 1px 4px rgba(0, 0, 0, 0.051), 0 2px 8px rgba(0, 0, 0, 0.051);
}

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: var(--foreground-normal);
}

p, li, ul {
    line-height: 1.6;    
}

li {
    margin-bottom: 0.8em;
}

body {
    display: grid;
    grid-template-areas:
        ' header header header header'
        '. main aside .'
        'footer footer footer footer';
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr auto auto 1fr;
}

main {
    display: grid;
    padding: 24px;
    grid-area: main;
}

article {
    justify-self: center;
    max-width: 800px
}

aside {
    grid-area: aside;
}

footer {
    grid-area: footer;
}

header {
    border-bottom: 1px solid var(--header-separator);
    display: grid;
    grid-area: header;
    padding: 12px;
}

header nav {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr max-content;
}

.language-selector{
    position: relative;
}

.language-selector ul {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    display: none;
    background: var(--language-menu-background);
    border: 1px solid var(--language-menu-border);
    z-index: 1;
}

.language-selector:hover ul {
    display: grid;
}

.language-selector li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.language-selector a {
    text-decoration: none;
    color: var(--foreground-normal);
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4px;
    padding: 4px;
}

.language-selector a code {
    border: 1px solid var(--language-menu-code-border);
    border-radius: 3px;
    padding: 1px 4px 1px 3px;
}

.language-selector a * {
    padding: 2px;
}

.language-selector a:hover {
    color: var(--language-menu-item-hover);
}


.cover
{
    height: 45vh;
    width: 100%;
    border-radius: 6px;
    position: relative;
    margin-bottom: 24px;
    box-shadow: 1px 1px 10px 0px #e0e0e0;
}

.cover img
{
    position: absolute;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    box-shadow: 1px 1px 10px 0px #eeeeee;
    height: 100%;
    margin: 0;
}

.cover:after {
    content: '';
    position:
            absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgb(255 255 255 / 41%) 100%);
    z-index: 0;
    border-radius: 6px;
}

.cover .tags {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    flex-wrap: wrap-reverse;
    z-index: 1;
    padding: 8px;
    max-width: 70%;
}

.cover .tags .tag {
    background: var(--tag-background);
    color: var(--tag-foreground);
    margin: 3px;
    padding: 5px 6px 5px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.65em;
    font-weight: 600;
}



.cards {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, 250px);
    justify-content: center;
    grid-gap: 16px;    
}

main > .cards {
    width: 85vw;
    max-width: 1200px;
}


.card {
    display: grid;
    grid-template-rows: 200px;
    align-content: start;
}

.card:hover .card-image {
    opacity: 0.8;
}


.card-tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
    margin-bottom: 4px;
    overflow: hidden;
}

.card-tag {
    font-size: 0.55em;
    font-weight: 600;
    text-transform:uppercase;
    border-radius: 4px;
    background: var(--tag-background);
    color: var(--tag-foreground);
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    margin: 1px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-tag:hover {
    background: var(--tag-hover-background);
    color: var(--tag-hover-foreground);
}

.card-title {
    text-decoration: none;
    color: var(--foreground-dark);
    font-size: 0.9em;
    font-weight: 600;
    margin: 4px 1px 2px 1px;
}

.card-subtitle {
    text-decoration: none;
    color: var(--foreground-light);
    opacity: 0.7;
    font-size: 0.9em;
    margin: 0px 1px 4px 1px;
}

.card-image {
    background-size: cover;
    border-radius: 4px;
    position: relative;
    transition: opacity 300ms ease;
}

.card-image:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(transparent, transparent, #00000026);
    z-index: 0;
    border-radius: 4px;
    box-shadow: var(--shadow);
}

.category-banner {
    padding: 16px;
    border-bottom: 1px solid var(--header-separator);;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center;
}

.logo{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 40px;
    text-decoration: none;
    color: darkcyan;
    position: relative;
}

.logo:after {
    content: ' ';
    position: absolute;
    background-image: url(/assets/favicon.svg);
    width: 24px;
    height: 24px;
    left: -32px;
    background-repeat: no-repeat;
    top: -4px;
    background-position: center;
    background-size: contain;
}

.toc-container {
    height: 100%;
}

.toc {
    position: sticky;
    top: 16px;
    display: grid;
    width: 250px;
    border: 1px solid silver;
    border-radius: 4px;
    padding: 16px;
    margin: 16px;
    grid-gap: 8px;
    font-size: 0.8em;
}

.toc .h1,.toc .h2, .toc .h3, .toc .h4{
    color: var(--foreground-light);
    text-decoration: none;
}

.toc .h1:hover,.toc .h2:hover, .toc .h3:hover, .toc .h4:hover{
    color: var(--foreground-dark);
    text-decoration: none;
}

@media (max-width: 1000px) {
    .toc-container {
        display: none;
    }
}

.not-found
{
    max-width: 550px;
    font-size: min(7.05vw, 34px);
    font-weight: bold;
    text-align: center;
    justify-self: center;
    margin: min(7.05vw, 40px);
}

.index-title{
    justify-self: center;
    font-size: 18px;
    color: var(--foreground-light);
    margin-top: 0;
    margin-bottom: 21px;    
}

.share-buttons{
    margin-bottom: 16px;
}

.share-buttons > button {    
    background-color: transparent;    
    background-position: center;
    background-size: cover;
    cursor: pointer;
    width: 27px;
    height: 27px;
    margin-right: 4px;
    opacity: 0.45;
    border: 3px solid transparent;
}

.share-buttons > button:hover {
    opacity: 1;
}


.share-button-pinterest {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.5 24.002c-.129 0-.257-.05-.354-.146-1.517-1.517-1.152-3.376-1.136-3.455l1.365-6.142-.394 1.38c-.062.215-.258.363-.481.363-1.809 0-4.5-4.187-4.5-7 0-2.503 1.886-9 10.5-9 7.515 0 9.5 5.887 9.5 9 0 4.152-1.964 9-7.5 9-1.234 0-2.193-.411-2.758-.735-.434 1.127-1.376 3.549-1.788 4.444-.591 1.287-2.14 2.187-2.205 2.225-.078.044-.164.066-.249.066zm3.5-17c-2.43 0-2.5 2.244-2.5 2.5 0 .612.331 1.507.458 1.8.042.098.053.206.03.309l-2 9c-.009.044-.219 1.184.6 2.238.428-.299 1.145-.876 1.458-1.555.518-1.128 1.972-4.931 1.987-4.97.058-.152.187-.266.344-.306.157-.039.326 0 .448.105.009.007 1.063.879 2.675.879 6.187 0 6.5-6.664 6.5-8 0-2.971-1.79-8-8.5-8-7.793 0-9.5 5.775-9.5 8 0 2.388 2.037 5.313 3.152 5.896l.785-2.745c-.354-.389-.937-1.244-.937-2.651 0-3.939 3.27-6 6.5-6 3.397 0 5.5 2.595 5.5 5 0 2.085-1.893 6.5-4 6.5-1.978 0-2.5-1.635-2.5-2.5 0-.133.053-.26.146-.354 1.001-1 1.354-3.241 1.354-3.646.001-.312.002-.727-.302-1.031-.305-.307-.893-.469-1.698-.469zm1.512 5.684c.048.41.292 1.316 1.488 1.316 1.122 0 3-3.444 3-5.5 0-1.924-1.721-4-4.5-4-2.649 0-5.5 1.564-5.5 5 0 1.454.771 2.078.804 2.104.053.041.096.092.128.148l.046-.207c-.144-.362-.478-1.285-.478-2.045 0-1.3.737-3.5 3.5-3.5 1.092 0 1.902.256 2.406.762.597.599.595 1.345.594 1.703 0 .605-.361 2.922-1.488 4.219z'/%3E%3C/svg%3E");
}

.share-button-twitter {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.145 21.449c-2.15 0-4.638-.552-7.39-2.097-.208-.117-.304-.364-.23-.59s.297-.375.533-.342c1.814.208 3.795-.217 5.275-1.086-1.695-.398-3.065-1.499-3.788-3.098-.081-.179-.05-.389.08-.536.13-.148.334-.205.522-.148.218.067.435.113.644.138-1.287-.768-2.665-2.238-2.665-4.441 0-.193.111-.369.285-.452.174-.082.381-.059.529.063.16.13.331.239.508.325-.368-.5-.687-1.117-.869-1.817-.332-1.282-.139-2.582.557-3.756.084-.142.232-.232.396-.244.156-.01.322.058.425.187 1.472 1.839 4.088 4.061 8.294 4.466-.078-1.331.322-3.512 2.16-4.585 2.261-1.32 4.436-1.15 6.305.487.828-.184 2.135-.752 2.406-.941.172-.12.401-.121.573 0s.251.335.197.538c-.125.471-.408.995-.76 1.463.279-.083.514-.167.639-.231.2-.103.445-.06.598.106s.174.415.054.605c-.588.93-1.539 1.796-2.174 2.266.343 4.225-2.126 8.946-6.089 11.577-1.47.975-3.886 2.143-7.015 2.143zm-4.995-2.043c5.351 2.195 9.403.428 11.456-.935 3.756-2.494 6.067-6.988 5.62-10.929-.021-.188.064-.371.222-.474.269-.177.68-.502 1.094-.905-.407.088-.802.147-1.089.148-.276-.033-.447-.169-.492-.405-.046-.236.083-.471.306-.559.283-.113.665-.454.995-.872-.566.219-1.178.413-1.628.478-.149.023-.302-.027-.413-.131-1.578-1.482-3.362-1.658-5.306-.524-1.745 1.02-1.784 3.397-1.6 4.148.038.154 0 .316-.101.438s-.255.187-.412.181c-4.471-.236-7.375-2.346-9.122-4.292-.358.931-.282 1.766-.132 2.344.294 1.133 1.034 2.002 1.596 2.33.18.104.276.31.242.514-.034.205-.191.368-.395.408-.569.113-1.182.044-1.752-.185.521 2.085 2.689 3.067 3.299 3.135.199.022.365.16.424.351.058.191-.003.399-.156.528-.437.369-1.091.547-1.828.51.836 1.114 2.132 1.754 3.681 1.788.205.005.387.134.458.327.071.192.018.409-.135.545-1.228 1.1-2.99 1.823-4.832 2.038z'/%3E%3C/svg%3E");
}

.share-button-okru {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 13.002c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5zm0-12c-3.032 0-5.5 2.467-5.5 5.5s2.468 5.5 5.5 5.5 5.5-2.467 5.5-5.5-2.468-5.5-5.5-5.5z'/%3E%3Cpath d='m12 10.002c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5zm0-6c-1.379 0-2.5 1.122-2.5 2.5s1.121 2.5 2.5 2.5 2.5-1.122 2.5-2.5-1.121-2.5-2.5-2.5z'/%3E%3Cpath d='m16.5 24.001c-.512 0-1.024-.195-1.414-.585l-3.086-3.195-3.08 3.188c-.785.787-2.055.787-2.834.006-.378-.377-.586-.879-.586-1.413 0-.535.208-1.037.586-1.414l3.021-2.957c-.187-.047-.368-.097-.544-.151-1.041-.327-2.026-.797-2.931-1.398-.708-.471-1.132-1.257-1.132-2.102 0-.718.38-1.336 1.016-1.655.646-.324 1.414-.253 2.003.188 2.605 1.948 6.357 1.948 8.963 0 .59-.44 1.357-.512 2.003-.188.636.318 1.016.937 1.016 1.655 0 .845-.424 1.631-1.133 2.102-.904.601-1.89 1.071-2.928 1.397-.177.055-.359.105-.547.152l3.018 2.953c.382.381.59.883.59 1.418 0 .534-.208 1.036-.586 1.414-.391.39-.903.585-1.415.585zm-4.5-4.999c.136 0 .266.055.359.153l3.439 3.561c.367.365 1.029.372 1.408-.006.188-.189.293-.44.293-.707s-.104-.518-.293-.707l-3.683-3.603c-.135-.131-.184-.327-.128-.506s.208-.312.393-.344c.48-.083.937-.19 1.354-.318.944-.297 1.845-.726 2.671-1.275.429-.285.686-.759.686-1.269 0-.477-.324-.691-.464-.761-.309-.155-.666-.12-.955.094-1.478 1.104-3.234 1.688-5.081 1.688s-3.604-.583-5.081-1.688c-.288-.214-.646-.25-.955-.094-.139.069-.463.283-.463.76 0 .509.257.983.686 1.269.826.549 1.727.978 2.674 1.276.415.127.871.234 1.352.317.185.032.337.165.393.344.056.18.007.375-.128.506l-3.687 3.606c-.186.186-.29.437-.29.704s.104.518.293.707c.379.378 1.035.378 1.414 0l3.434-3.554c.093-.098.223-.153.359-.153z'/%3E%3C/svg%3E");
}

.share-button-facebook {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.5 24.003h-5c-.276 0-.5-.224-.5-.5v-9c0-.276.224-.5.5-.5h2.64l.667-2h-3.307c-.276 0-.5-.224-.5-.5v-3c0-1.378 1.122-2.5 2.5-2.5h1.5v-2h-1.5c-2.481 0-4.5 2.019-4.5 4.5v3c0 .276-.224.5-.5.5h-2.5v2h2.5c.276 0 .5.224.5.5v9c0 .276-.224.5-.5.5h-11c-1.378 0-2.5-1.122-2.5-2.5v-19c0-1.378 1.122-2.5 2.5-2.5h19c1.378 0 2.5 1.122 2.5 2.5v19c0 1.378-1.122 2.5-2.5 2.5zm-4.5-1h4.5c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5h-19c-.827 0-1.5.673-1.5 1.5v19c0 .827.673 1.5 1.5 1.5h10.5v-8h-2.5c-.276 0-.5-.224-.5-.5v-3c0-.276.224-.5.5-.5h2.5v-2.5c0-3.033 2.467-5.5 5.5-5.5h2c.276 0 .5.224.5.5v3c0 .276-.224.5-.5.5h-2c-.827 0-1.5.673-1.5 1.5v2.5h3.5c.161 0 .312.077.406.208.094.13.12.298.068.451l-1 3c-.068.204-.259.342-.474.342h-2.5z'/%3E%3C/svg%3E");
}

.share-button-whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 24.002c-.133 0-.262-.053-.357-.151-.137-.14-.18-.346-.109-.529l1.863-4.845c-1.243-1.931-1.897-4.164-1.897-6.475 0-6.617 5.383-12 12-12s12 5.383 12 12-5.383 12-12 12c-2.244 0-4.429-.626-6.333-1.814l-4.999 1.785c-.055.02-.111.029-.168.029zm5.23-2.867c.096 0 .191.027.273.081 1.79 1.169 3.864 1.787 5.997 1.787 6.065 0 11-4.935 11-11s-4.935-11-11-11-11 4.935-11 11c0 2.198.646 4.32 1.87 6.136.091.135.11.307.052.459l-1.564 4.067 4.204-1.501c.054-.019.111-.029.168-.029z'/%3E%3Cpath d='m15 18.002c-1.571 0-4.587-1.879-5.854-3.146-1.267-1.268-3.146-4.284-3.146-5.854 0-1.616 1.375-3 2.5-3h1c.19 0 .364.108.448.279.001.001.603 1.225.997 1.993.444.867-.391 1.887-.866 2.368.17.436.567 1.3 1.274 2.007s1.571 1.105 2.007 1.274c.48-.476 1.5-1.312 2.368-.866.768.395 1.991.996 1.992.996.172.085.28.259.28.449v1c0 1.126-1.385 2.5-3 2.5zm-6.5-11c-.565 0-1.5.935-1.5 2 0 1.159 1.634 3.926 2.854 5.146 1.333 1.333 4.074 2.854 5.146 2.854 1.065 0 2-.935 2-1.5v-.689c-.41-.202-1.184-.586-1.729-.866-.234-.126-.945.375-1.396.886-.129.146-.33.202-.514.149-.063-.018-1.544-.456-2.715-1.627s-1.608-2.652-1.627-2.715c-.054-.186.005-.386.149-.514.51-.451 1.008-1.159.886-1.397-.279-.543-.662-1.317-.864-1.727z'/%3E%3C/svg%3E");
}

.share-button-telegram {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='1 -35 511.99993 511' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m121.453125 253.171875 63.554687 158.886719 82.75-82.753906 141.535157 112.503906 102.707031-441.308594-512 205.480469zm-39.933594-47.640625 244.046875-97.945312-194.074218 117.363281zm287.535157-89.25-161.980469 148.1875-19.484375 73.425781-36.035156-90.085937zm-149.851563 219.230469 9.816406-36.996094 15.144531 12.035156zm171.65625 53.394531-147.386719-117.152344 221.902344-203.007812zm0 0'/%3E%3C/svg%3E");
}

.share-button-reddit {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 21.002c-5.514 0-10-2.916-10-6.5s4.486-6.5 10-6.5 10 2.916 10 6.5-4.486 6.5-10 6.5zm0-12c-4.963 0-9 2.467-9 5.5s4.037 5.5 9 5.5 9-2.467 9-5.5-4.037-5.5-9-5.5z'/%3E%3Cpath d='m12 19.002c-1.498 0-3.033-.34-4.694-1.039-.254-.107-.374-.4-.267-.655s.399-.374.655-.267c3.07 1.293 5.541 1.293 8.611 0 .256-.105.548.013.655.267s-.013.547-.267.655c-1.66.7-3.195 1.039-4.693 1.039z'/%3E%3Cpath d='m8.5 15.002c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-2c-.275 0-.5.224-.5.5s.225.5.5.5.5-.224.5-.5-.225-.5-.5-.5z'/%3E%3Cpath d='m15.5 15.002c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-2c-.275 0-.5.224-.5.5s.225.5.5.5.5-.224.5-.5-.225-.5-.5-.5z'/%3E%3Cpath d='m19.5 8.002c-1.379 0-2.5-1.122-2.5-2.5s1.121-2.5 2.5-2.5 2.5 1.122 2.5 2.5-1.121 2.5-2.5 2.5zm0-4c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.672 1.5-1.5-.673-1.5-1.5-1.5z'/%3E%3Cpath d='m21.346 13.953c-.221 0-.42-.146-.481-.365-.312-1.112-1.168-2.129-2.475-2.94-.135-.083-.222-.227-.234-.385-.013-.158.051-.313.171-.417.618-.535 1.501-.842 2.424-.842 1.792 0 3.25 1.122 3.25 2.5 0 1.194-1.059 2.199-2.574 2.444-.029.003-.055.005-.081.005zm-1.782-3.714c1.009.755 1.727 1.647 2.11 2.625.789-.242 1.326-.776 1.326-1.362 0-.813-1.03-1.5-2.25-1.5-.424 0-.832.084-1.186.237z'/%3E%3Cpath d='m2.654 13.953c-.026 0-.053-.002-.08-.006-1.515-.245-2.574-1.25-2.574-2.445 0-1.378 1.458-2.5 3.25-2.5.923 0 1.806.307 2.424.842.12.104.184.259.171.417-.013.159-.1.302-.234.385-1.307.811-2.163 1.828-2.475 2.94-.062.22-.261.367-.482.367zm.596-3.951c-1.22 0-2.25.687-2.25 1.5 0 .585.537 1.12 1.325 1.362.384-.978 1.102-1.87 2.11-2.625-.353-.153-.761-.237-1.185-.237z'/%3E%3Cpath d='m12 9.002c-.276 0-.5-.224-.5-.5 0-1.502.16-3.01 1.319-3.865 1.032-.763 2.612-.799 4.828-.113.265.082.412.362.33.625s-.363.41-.625.33c-1.866-.577-3.19-.59-3.94-.038-.802.593-.912 1.822-.912 3.061 0 .277-.224.5-.5.5z'/%3E%3C/svg%3E");
}

.share-button-vk {
    background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m22.789 19.001h-3.568c-.599 0-1.161-.233-1.584-.656l-2.076-2.076c-.17-.17-.406-.268-.646-.268-.504 0-.914.41-.914.914v.857c0 .678-.551 1.229-1.229 1.229h-3.272c-2.29 0-5.968-5.144-8.651-9.459-.556-.895-.849-1.929-.849-2.989v-.255c0-.715.582-1.297 1.297-1.297h3.203c.188 0 .361.106.446.274.703 1.388 2.685 5.149 3.407 5.872.184.183.361.291.473.269.066-.006.128-.048.174-.091v-3.797c0-.529-.206-1.025-.58-1.399l-.274-.274c-.143-.143-.186-.358-.108-.545.077-.187.26-.309.462-.309h4.406c.603 0 1.094.491 1.094 1.094v5.115c.277.128.773.274 1.165-.079.419-.38 1.464-2.463 2.66-5.308.21-.499.697-.822 1.241-.822h3.508c.786 0 1.426.64 1.426 1.427 0 .805-.277 1.595-.78 2.224l-3.22 4.025v.618l3.644 3.644c.347.347.45.864.262 1.317-.188.452-.626.745-1.117.745zm-7.875-4c.511 0 .992.199 1.354.561l2.076 2.076c.231.231.551.363.877.363h3.568c.122 0 .173-.081.193-.129s.041-.142-.045-.228l-3.79-3.79c-.094-.093-.147-.22-.147-.353v-1c0-.114.039-.224.109-.313l3.33-4.162c.362-.451.561-1.019.561-1.598 0-.235-.191-.427-.427-.427h-3.508c-.14 0-.266.082-.319.209-.938 2.229-2.204 5.021-2.911 5.661-.927.839-2.122.391-2.623.038-.133-.092-.212-.245-.212-.408v-5.406c0-.052-.042-.094-.094-.094h-3.325c.273.457.419.981.419 1.527v3.973c0 .091-.024.18-.071.257-.035.059-.361.575-.977.65-.44.056-.883-.131-1.306-.554-.869-.869-2.867-4.709-3.453-5.854h-2.896c-.164.001-.297.135-.297.298v.255c0 .874.242 1.725.699 2.461 3.446 5.543 6.435 8.987 7.801 8.987h3.271c.126 0 .229-.103.229-.229v-.857c0-1.055.859-1.914 1.914-1.914z'/%3E%3C/svg%3E");
}

article img
{
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 1px 1px 10px 0px #eeeeee;
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

article img:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgb(255 255 255 / 41%) 100%);
    z-index: 0;
    border-radius: 4px;
}