/* Blog listing and article templates (page-blogs.php, page-blog-article.php) */
.cl-blog{padding:140px 0 80px;}
.cl-blog__head{max-width:760px;margin-bottom:48px;}
.cl-blog__head h1{font-size:44px;line-height:52px;letter-spacing:-1px;margin-bottom:16px;}
.cl-blog__head p{font-size:18px;line-height:30px;margin:0;}

/* Cards */
.cl-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e8e8e8;color:var(--gray-color);text-decoration:none;transition:box-shadow .25s ease,transform .25s ease;}
.cl-card:hover,.cl-card:focus-visible{color:var(--gray-color);box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-3px);}
.cl-card span{display:block;}
.cl-card__img{aspect-ratio:3/2;overflow:hidden;background:#f2f2f2;}
.cl-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.cl-card:hover .cl-card__img img{transform:scale(1.04);}
.cl-card .cl-card__body{display:flex;flex-direction:column;flex:1;padding:24px;}
.cl-card__date{font-size:13px;line-height:18px;color:var(--light-gray-color);margin-bottom:10px;}
.cl-card__title{font-size:22px;line-height:29px;margin-bottom:12px;}
.cl-card__excerpt{font-size:15px;line-height:24px;color:var(--light-gray-color);margin-bottom:20px;}
.cl-card__more{margin-top:auto;font-size:13px;line-height:18px;letter-spacing:.6px;}
.cl-card:hover .cl-card__more{text-decoration:underline;}

/* Article */
.cl-article{padding-bottom:64px;}
.cl-article__head{max-width:900px;margin:0 0 32px;}
.cl-article__head h1{font-size:44px;line-height:52px;letter-spacing:-1px;margin:12px 0;color:var(--gray-color);}
.cl-article__crumbs,.cl-article__meta{font-size:14px;line-height:20px;color:var(--light-gray-color);margin:0;}
.cl-article__crumbs a{color:var(--orange-color);text-decoration:none;}
.cl-article__crumbs a:hover{text-decoration:underline;}
.cl-article__hero{margin-bottom:48px;}
.cl-article__hero img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;}
.cl-article__body{max-width:760px;margin:0 auto;font-size:18px;line-height:31px;}
.cl-article__body p,.cl-article__body ul,.cl-article__body ol{margin:0 0 22px;}
.cl-article__body ul,.cl-article__body ol{padding-left:22px;}
.cl-article__body li{margin-bottom:8px;}
.cl-article__body a{color:var(--orange-color);}
.cl-article__body h2{font-family:'Maven Pro',sans-serif;font-weight:700;font-size:30px;line-height:38px;letter-spacing:-.6px;margin:44px 0 16px;}
.cl-article__body h3{font-family:'Maven Pro',sans-serif;font-weight:700;font-size:22px;line-height:30px;letter-spacing:-.2px;margin:30px 0 10px;}
.cl-article__body figure{margin:36px 0;}
.cl-article__body figure img{display:block;width:100%;height:auto;}
.cl-article__body figcaption{font-size:14px;line-height:21px;color:var(--light-gray-color);margin-top:10px;}
.cl-article__body blockquote{border-left:3px solid var(--orange-color);padding:4px 0 4px 24px;margin:30px 0;font-size:21px;line-height:33px;font-style:italic;}
.cl-article__body blockquote cite{display:block;margin-top:10px;font-size:15px;line-height:22px;font-style:normal;font-weight:600;}
.cl-article__table{overflow-x:auto;margin:30px 0;}
.cl-article__table table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px;line-height:25px;}
.cl-article__table th,.cl-article__table td{border-bottom:1px solid #e0e0e0;padding:13px 14px 13px 0;text-align:left;vertical-align:top;}
.cl-article__table th{font-weight:700;}
.cl-article__body .cl-article__note{background:#f6f6f6;padding:18px 22px;font-size:14px;line-height:23px;color:var(--light-gray-color);margin-top:36px;}
.cl-article__cta{background:var(--gray-color);padding:56px 0;text-align:center;}
.cl-article__cta h2{color:#fff;margin-bottom:24px;}
.cl-article__cta .theme-btn:hover{background-color:#fff;border-color:#fff;}
.cl-blog--more{padding:64px 0 80px;}
.cl-blog--more h2{margin-bottom:32px;}

/* Pagination */
.cl-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px;}
.cl-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid #e0e0e0;background:#fff;color:var(--gray-color);font-size:15px;line-height:20px;font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
.cl-pagination a.page-numbers:hover,.cl-pagination a.page-numbers:focus-visible{border-color:var(--orange-color);color:var(--orange-color);}
.cl-pagination .page-numbers.current{background:var(--orange-color);border-color:var(--orange-color);color:#fff;}

/* Table of contents: above the article on small screens, sticky right-hand sidebar from 992px */
.cl-toc{background:#f6f6f6;border-left:3px solid var(--orange-color);padding:20px 24px;margin:0 auto 40px;max-width:760px;}
.cl-toc summary{font-size:20px;line-height:28px;color:var(--gray-color);cursor:pointer;}
.cl-toc ul{list-style:none;padding:0;margin:14px 0 0;}
.cl-toc li{margin:0;font-size:16px;line-height:24px;}
.cl-toc a{display:block;padding:5px 0;color:var(--gray-color);text-decoration:none;}
.cl-toc a:hover,.cl-toc a:focus-visible{color:var(--orange-color);text-decoration:underline;}
.cl-toc__level-2{font-weight:600;}
.cl-toc li.cl-toc__level-3{padding-left:16px;font-size:15px;}
@media (min-width:992px){
    body.page-template-page-blog-article{overflow-x:clip;}
    .cl-article__layout{display:grid;grid-template-columns:minmax(0,820px) 340px;column-gap:48px;justify-content:space-between;align-items:start;}
    .cl-article__side{grid-column:2;grid-row:1;position:sticky;top:130px;}
    .cl-article__body{grid-column:1;grid-row:1;max-width:none;margin:0;}
    .cl-toc{margin:0;max-width:none;padding:18px 20px;max-height:calc(100vh - 150px);overflow-y:auto;}
    .cl-toc summary{list-style:none;pointer-events:none;}
    .cl-toc summary::-webkit-details-marker{display:none;}
}
.cl-article__body h2,.cl-article__body h3{scroll-margin-top:130px;}

/* The theme shrinks the page with body{zoom} (responsive.css); keep blog text readable. */
@media (min-width:768px) and (max-width:1600px){
    .cl-blog__head,.cl-article__head,.cl-article__body,.cl-toc,.cl-card .cl-card__body,.cl-pagination,.cl-blog--more h2{zoom:1.1;}
}
@media (min-width:768px) and (max-width:1440px){
    .cl-blog__head,.cl-article__head,.cl-article__body,.cl-toc,.cl-card .cl-card__body,.cl-pagination,.cl-blog--more h2{zoom:1.3;}
}

@media (max-width:767px){
    .cl-blog{padding:110px 0 56px;}
    .cl-blog__head h1,.cl-article__head h1{font-size:32px;line-height:40px;}
    .cl-article__hero{margin:0 -12px 32px;}
    .cl-article__body{font-size:17px;line-height:29px;}
    .cl-article__body h2{font-size:26px;line-height:33px;}
    .cl-card__title{font-size:20px;line-height:27px;}
    .cl-blog--more{padding:48px 0 56px;}
}