*, *::before, *::after { box-sizing: border-box; } :root {
--cp-paper:     #faf7f2;
--cp-paper-alt: #f1ece2;
--cp-ink:       #2a2620;
--cp-ink-soft:  #5c574c;
--cp-ink-faint: #9c9588;
--cp-rule:      #d8d0c0;
--cp-rust:      #b5502f;
--cp-moss:      #5c6e4a;
--cp-teal:      #2f5a5e;
} .site-header {
position: sticky;
top: 0;
z-index: 100;
border-bottom: 1px solid var(--cp-rule);
padding: 0 64px !important;
}
.site-header .wp-block-navigation a {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 500;
color: var(--cp-ink-soft);
padding: 20px 20px;
border-bottom: 2px solid transparent;
transition: color .2s, border-color .2s;
text-decoration: none;
}
.site-header .wp-block-navigation a:hover { color: var(--cp-ink); }
.site-header .wp-block-navigation .current-menu-item a {
color: var(--cp-ink);
font-weight: 600;
border-bottom-color: var(--cp-rust);
} .entry-row {
transition: padding-left .2s;
cursor: pointer;
}
.entry-row:hover { padding-left: 6px !important; }
.entry-row .wp-block-post-featured-image img {
width: 120px !important;
height: 84px !important;
object-fit: cover;
border-radius: 3px;
box-shadow: 0 6px 16px -6px rgba(42,38,32,.16);
display: block;
} .doc-tag .wp-block-post-terms a,
.doc-tag a {
font-size: 10.5px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em;
color: var(--cp-rust);
border: 1px solid var(--cp-rust);
border-radius: 20px;
padding: 3px 11px;
text-decoration: none;
display: inline-block;
}
.doc-tag-small.articolo a    { color: var(--cp-teal); }
.doc-tag-small.paper a       { color: var(--cp-rust); }
.doc-tag-small.esperimento a { color: var(--cp-moss); } .featured-post .wp-block-post-featured-image img {
border-radius: 4px;
box-shadow: 0 14px 32px -10px rgba(42,38,32,.2);
width: 100%;
height: 100%;
object-fit: cover;
}
.featured-post .wp-block-post-featured-image::after {
content: '';
position: absolute;
top: 10px; left: 10px;
width: 32px; height: 32px;
border: 1px solid rgba(42,38,32,.15);
border-right: none; border-bottom: none;
pointer-events: none;
}
.featured-post .wp-block-post-featured-image { position: relative; } .paper-card {
border-left: 3px solid var(--cp-rust) !important;
}
.pc-link a {
color: var(--cp-rust);
border: 1px solid var(--cp-rust);
border-radius: 20px;
padding: 4px 12px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: background .2s, color .2s;
}
.pc-link a:hover { background: var(--cp-rust); color: white; } .single-post:not(.category-paper) .paper-card { display: none; } .single-post .wp-block-post-content {
font-size: 17px;
line-height: 1.8;
text-align: justify;
hyphens: auto;
}
.single-post .wp-block-post-content h2 {
border-top: 1px solid var(--cp-rule);
padding-top: 48px;
margin-top: 48px;
font-size: 26px;
}
.single-post .wp-block-post-content h3 { font-size: 20px; margin-top: 32px; }
.single-post .wp-block-post-content code {
font-family: 'JetBrains Mono', monospace;
font-size: 13.5px;
background: var(--cp-paper-alt);
border: 1px solid var(--cp-rule);
border-radius: 4px;
padding: 1px 6px;
color: var(--cp-teal);
}
.single-post .wp-block-post-content .wp-block-callout {
background: #eef6f5;
border: 1px solid #b5d5d2;
border-left: 3px solid var(--cp-teal);
border-radius: 4px;
padding: 16px 20px;
font-size: 15px;
color: var(--cp-teal);
} .article-cover .wp-block-post-featured-image img {
width: 100%;
border-radius: 4px;
box-shadow: 0 12px 32px -10px rgba(42,38,32,.18);
}  .subscribe-card { display: none !important; }
.subscribe-form {
display: flex;
flex-shrink: 0;
}
.subscribe-form input[type="email"] {
background: var(--cp-paper);
border: 1px solid var(--cp-ink);
border-right: none;
padding: 11px 14px;
font-size: 13px;
font-family: inherit;
width: 220px;
outline: none;
}
.subscribe-form button {
background: var(--cp-ink);
color: var(--cp-paper);
border: 1px solid var(--cp-ink);
font-size: 13px;
font-weight: 600;
padding: 11px 20px;
cursor: pointer;
transition: background .2s;
font-family: inherit;
}
.subscribe-form button:hover { background: var(--cp-rust); border-color: var(--cp-rust); } .wp-block-query-pagination {
margin-top: 48px;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-numbers a {
font-size: 13px;
color: var(--cp-ink-soft);
padding: 6px 12px;
border: 1px solid var(--cp-rule);
border-radius: 4px;
text-decoration: none;
transition: border-color .2s, color .2s;
}
.wp-block-query-pagination a:hover { border-color: var(--cp-rust); color: var(--cp-rust); }
.wp-block-query-pagination .current { border-color: var(--cp-ink); color: var(--cp-ink); font-weight: 600; } .page-404 .wp-block-search__input {
background: var(--cp-paper-alt);
border: 1px solid var(--cp-ink);
padding: 12px 16px;
font-size: 14px;
font-family: inherit;
outline: none;
width: 100%;
}
.page-404 .wp-block-search__button {
background: var(--cp-ink);
color: var(--cp-paper);
border: 1px solid var(--cp-ink);
padding: 12px 20px;
font-weight: 600;
cursor: pointer;
transition: background .2s;
}
.page-404 .wp-block-search__button:hover { background: var(--cp-rust); } .corr-row .wp-block-post-featured-image img {
width: 96px !important;
height: 68px !important;
object-fit: cover;
border-radius: 3px;
box-shadow: 0 4px 12px -4px rgba(42,38,32,.14);
}
.corr-row { transition: padding-left .2s; }
.corr-row:hover { padding-left: 6px !important; } .site-footer a { color: var(--cp-ink-faint); text-decoration: none; transition: color .2s; }
.site-footer a:hover { color: var(--cp-rust); } .wp-block-post-title a { text-decoration: none; transition: color .2s; }
.wp-block-post-title a:hover { color: var(--cp-rust); } .author-banner .author-photo,
.author-banner .author-photo img {
width: 96px;
height: 96px;
margin: 0;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.author-banner .author-links a {
text-decoration: none;
color: var(--wp--preset--color--ink);
border-bottom: 1px solid var(--wp--preset--color--rust);
}
.author-banner .author-links a:hover {
color: var(--wp--preset--color--rust);
border-bottom-color: var(--wp--preset--color--rust);
} .article-header .doc-tag a {
border: none;
padding-left: 0;
padding-right: 0;
}
.single-post .wp-block-post-content :is(h1, h2, h3, h4, h5, h6, pre, figcaption, table) {
text-align: left;
hyphens: none;
} .read-time {
font-size: 11.5px;
color: var(--wp--preset--color--ink-faint);
margin: 0;
}
.read-time.read-time-badge {
font-size: 11px;
font-weight: 600;
background: var(--wp--preset--color--paper-alt);
color: var(--wp--preset--color--ink-soft);
border: 1px solid var(--wp--preset--color--rule);
border-radius: 20px;
padding: 2px 10px;
} .paper-reference {
font-size: 14px;
line-height: 1.6;
color: var(--wp--preset--color--ink-soft);
margin: 12px 0 0;
}
.paper-reference a {
color: var(--wp--preset--color--rust);
text-decoration: none;
border-bottom: 1px solid var(--wp--preset--color--rust);
}
.paper-reference a:hover { opacity: .75; }