html{font-size:20px}body{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;max-width:70ch;margin:auto;padding:.8rem;padding-top:4vh;color:#d4d4d4;background:#141414}hr{display:block;height:1px;border:0;border-top:2px solid;margin:1em 0;padding:0;grid-column:span 2/span 2}a,a:visited{color:#d4d4d4}footer{font-size:.8rem;text-align:center;grid-column:span 2/span 2;grid-row-start:5}h1{font-size:3rem}h2{font-size:1.6rem}.nav{font-size:1.6rem}.nav ul{list-style-type:none;padding:0;text-align:right}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline;text-decoration-thickness:2px}.content{display:block;grid-column:span 2/span 2;grid-row-start:3;line-height:1.5em;text-align:justify;text-justify:inter-word;word-wrap:break-word;}.content ul{padding:0}.article-cards{display:grid;grid-template-rows:auto;grid-template-columns:1fr;gap:24px;padding-block:12px}.article-cards a{text-decoration:none}.card{padding:2%;border:2px solid #d4d4d4}.card:hover{border:2px solid #171717;background:#d4d4d4;color:#171717}.card:hover .article-summary{color:#2b2b2b}.card .article-title{font-size:1.6rem}.card .article-date{font-size:1rem;line-height:0em;color:#6f6f6f}.article-list{list-style-type:none}.article-item{margin:0 0 2em 0}.article-title a{font-size:1.6rem}.article-date{font-size:1rem;line-height:0em;color:#6f6f6f}.article-summary{font-size:1.2rem;color:#b3b3b3}.article-content{text-align:justify}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%;font-size:1.1rem}td,th{border:1px solid #d4d4d4;padding:5px}tr:hover{background-color:#d4d4d4;color:#141414}tr:hover td{border:1px solid #141414}th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#141414;color:#fff}.giallo-l{display:inline-block;min-height:1lh;height:1rem}.giallo-ln{display:inline-block;user-select:none;margin-right:.4em;padding:.4em;min-width:3ch;text-align:right;opacity:.8}.giallo{border:1px solid #d4d4d4;font-family:monospace;display:block;position:relative;border-radius:5px;padding-inline:1rem;padding-block-start:2.4rem;padding-block-end:1rem;overflow:hidden;overflow-x:scroll;line-height:1}.giallo code{font-size:14pt;width:100%}.giallo code::before{display:block;position:absolute;top:0;inset-inline-start:0;color:#141414;background-color:#d4d4d4;padding:.5rem;padding-inline-start:1rem;width:calc(100% - 1.5rem);height:1rem;content:attr(data-lang);text-align:start;text-transform:uppercase}@media (max-width: 38rem){body{width:100%}}