/* Generic article listing + article page (templates/article-listing.php, templates/article-single.php) */
@font-face{font-family:'Roboto Condensed';font-style:normal;font-display:swap;font-weight:400 700;src:url('/wp-content/fonts/robotocondensed/robotocondensed-greek.woff2') format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-display:swap;font-weight:400 700;src:url('/wp-content/fonts/robotocondensed/robotocondensed-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.article-generic{
	--art-teal:#1fc2ab;
	--art-teal-soft:#62dac6;
	--art-text:#1b1b1b;
	--art-muted:#9aa3ad;
	--art-shadow:0 3px 10px 0 #00000026;
	--art-radius:8px;
	--art-font:'Roboto Condensed','Roboto',Arial,sans-serif;
	font-family:var(--art-font);
	color:var(--art-text);
	width:100%;
	max-width:710px;
	box-sizing:border-box;
}
@media only screen and (max-device-width:1199px){.article-generic{padding:20px}}
@media only screen and (max-device-width:639px){.article-generic{padding:12px}}
.article-generic *{margin:0}
.article-generic a{text-decoration:none}

/* shared bits */
.article-generic .art-cat{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--art-teal)}
.article-generic .art-cat:hover{color:var(--art-text)}
.article-generic .art-date{display:block;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--art-muted)}

.article-generic h1,.article-generic h2,.article-generic h3,.article-generic h4{letter-spacing:0}

/* listing */
.article-generic .art-heading{background:#fff;border-radius:var(--art-radius);box-shadow:var(--art-shadow);padding:22px 30px;margin-bottom:20px}
.article-generic .art-heading h1{font-family:var(--art-font);font-size:28px;font-weight:700;line-height:1.2;text-transform:none;padding:0;border:0}
.article-generic .art-heading-desc{margin-top:10px;font-size:16px;line-height:1.45}
.article-generic .art-list{display:flex;flex-direction:column;gap:18px}
.article-generic .art-card{display:grid;grid-template-columns:50% 1fr;min-height:175px;background:#fff;border-radius:var(--art-radius);box-shadow:var(--art-shadow);overflow:hidden;transition:box-shadow .2s}
.article-generic .art-card:hover{box-shadow:0 6px 18px 0 #00000033}
.article-generic .art-card-image{display:block;position:relative;background:#e1e7ed;min-height:175px}
.article-generic .art-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.article-generic .art-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:16px 26px 14px}
.article-generic .art-card-title{font-family:var(--art-font);font-size:21px;font-weight:700;line-height:1.2;margin-top:12px;text-transform:none;padding:0;border:0}
.article-generic .art-card-title a{color:var(--art-text)}
.article-generic .art-card-title a:hover{color:var(--art-teal)}
.article-generic .art-card-excerpt{font-size:15px;line-height:1.35;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-generic .art-card .art-date{margin-top:auto;padding-top:14px}
.article-generic .art-empty{background:#fff;border-radius:var(--art-radius);padding:30px;text-align:center}
.article-generic .art-more-wrap{text-align:center;margin-top:36px}
.article-generic .art-more{display:inline-block;min-width:112px;padding:12px 24px;background:#fff;border-radius:4px;box-shadow:var(--art-shadow);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--art-text);transition:background .2s,color .2s}
.article-generic .art-more:hover{background:var(--art-teal);color:#fff}
.article-generic .art-more.is-loading{opacity:.55;pointer-events:none}

/* article page */
.article-generic .art-single-image img{display:block;width:100%;height:auto;border-radius:var(--art-radius);margin:0}
.article-generic .art-preferred-source{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:8px 12px;background:var(--art-teal-soft);border-radius:2px;font-size:13px;color:#3a4a48}
.article-generic .art-preferred-source strong{font-weight:700;color:#23312f}
.article-generic .art-preferred-source:hover{background:var(--art-teal)}
.article-generic .art-preferred-source svg{flex:none;background:#fff;border-radius:50%;padding:1px}
.article-generic .art-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}
.article-generic .art-meta .art-cat{font-size:10px}
.article-generic .art-single-title{font-family:var(--art-font);font-size:30px;font-weight:700;line-height:1.3;margin-top:12px;text-transform:none;padding:0;border:0}
.article-generic .post-edit-link{display:inline-block;margin-top:6px;font-size:12px}
.article-generic .custom-media.art-banner{margin:28px 0 0;border-radius:var(--art-radius) var(--art-radius) 0 0}
.article-generic .art-content{margin-top:40px;font-size:17px;line-height:1.55}
.article-generic .art-content p,.article-generic .art-content ul,.article-generic .art-content ol,.article-generic .art-content table,.article-generic .art-content figure{margin-bottom:18px}
.article-generic .art-content ul,.article-generic .art-content ol{padding-left:26px}
.article-generic .art-content ul{list-style:disc}
.article-generic .art-content ol{list-style:decimal}
.article-generic .art-content p,.article-generic .art-content li{font-family:var(--art-font);font-size:inherit;line-height:inherit;letter-spacing:0}
.article-generic .art-content li::marker{color:var(--art-text)}
.article-generic .art-content li{margin-bottom:10px}
.article-generic .art-content h2,.article-generic .art-content h3,.article-generic .art-content h4{font-family:var(--art-font);font-weight:700;line-height:1.25;margin:30px 0 14px;text-transform:none}
.article-generic .art-content h2{font-size:24px}
.article-generic .art-content h3{font-size:20px}
.article-generic .art-content a{color:var(--art-teal);font-weight:700}
.article-generic .art-content a:hover{text-decoration:underline}
.article-generic .art-content img{max-width:100%;height:auto;border-radius:4px}
.article-generic .art-content table{width:100%;border-collapse:collapse;font-size:15px}
.article-generic .art-content td,.article-generic .art-content th{border:1px solid #e1e7ed;padding:6px 10px}

@media (max-width:640px){
	.article-generic .art-card{grid-template-columns:1fr}
	.article-generic .art-card-image{aspect-ratio:16/9;min-height:0}
	.article-generic .art-card-body{padding:16px 18px 14px}
	.article-generic .art-heading{padding:18px 20px}
	.article-generic .art-heading h1{font-size:24px}
	.article-generic .art-single-title{font-size:25px}
	.article-generic .art-content{font-size:16px}
}