/* ==========================================================================
   ASG — blog.css
   Blog index / categories (featured article), single article, archives, search, 404.
   Depends on pages.css (toolbar, share, related).
   ========================================================================== */

.asg-listing .asg-cards3{margin-block-start:0}

/* ------------------------------------------------------------ Featured article */
.asg-feat-post{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#fff;border:1px solid var(--asg-line);border-radius:14px;overflow:hidden;margin-block-end:40px;transition:box-shadow .5s}
.asg-feat-post:hover{box-shadow:var(--asg-shadow-m)}
.asg-feat-post__img{position:relative;display:block;min-block-size:360px;overflow:hidden}
.asg-feat-post:hover .asg-media img,.asg-feat-post:hover .asg-ph{transform:scale(1.04)}
.asg-feat-post .asg-ph{transition:transform 1.1s var(--asg-ease)}
.asg-feat-post__b{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:clamp(28px,4vw,52px)}
.asg-feat-post__cat{display:inline-flex;align-items:center;min-block-size:28px;padding:0 12px;border-radius:30px;background:var(--asg-primary-soft);color:var(--asg-primary);font-family:var(--asg-font-h);font-size:12.5px}
.asg-feat-post__title{font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);line-height:1.55;margin:0}
.asg-feat-post__title a{transition:color .3s}
.asg-feat-post__title a:hover{color:var(--asg-primary)}
.asg-feat-post__ex{margin:0;font-size:15px;line-height:1.95}

/* ------------------------------------------------------------ Single article */
.asg-article__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-block-end:28px;font-size:13.5px;color:var(--asg-mute)}
.asg-article__meta span{display:inline-flex;align-items:center;gap:7px}
.asg-article__cat{display:inline-flex;align-items:center;min-block-size:30px;padding:0 14px;border-radius:30px;background:var(--asg-primary);color:#fff;font-family:var(--asg-font-h);font-size:12.5px;transition:background .3s}
.asg-article__cat:hover{background:var(--asg-primary-dark)}
.asg-article__upd{color:var(--asg-mute);font-size:12.5px}
.asg-article__cover{aspect-ratio:16/9}
.asg-article__cover img{inline-size:100%;block-size:100%;object-fit:cover}
.asg-article .asg-prose{font-size:1.05rem;line-height:2.05;color:#3E4B58}
.asg-article .asg-prose > p:first-child{font-size:1.12rem;color:var(--asg-ink)}
.asg-article .asg-prose h2{padding-block-start:.3em}
.asg-article .asg-prose h2::before{content:"";display:block;inline-size:36px;block-size:2px;background:var(--asg-accent);margin-block-end:14px}
.asg-article__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-block-start:44px;padding-block:24px;border-block:1px solid var(--asg-line)}
.asg-article__tags{display:flex;flex-wrap:wrap;gap:8px}
.asg-article__tags a{font-size:13px;padding:5px 12px;border-radius:30px;background:var(--asg-bg-soft);color:var(--asg-body);transition:all .3s}
.asg-article__tags a:hover{background:var(--asg-primary);color:#fff}
.asg-article__foot .asg-share{margin-inline-start:auto}
.asg-article__cta{display:flex;align-items:center;gap:18px;margin-block-start:32px;padding:22px 24px;border-radius:14px;background:linear-gradient(135deg,var(--asg-primary-soft),#F6FAFD);border:1px solid #DCE7F1}
.asg-article__cta img{inline-size:46px;block-size:auto;flex:none}
.asg-article__cta div{display:flex;flex-direction:column;line-height:1.6;flex:1}
.asg-article__cta b{font-family:var(--asg-font-h);font-weight:500;color:var(--asg-ink);font-size:16px}
.asg-article__cta span{font-size:14px}
.single-post .asg-comments{margin-block-start:56px}

@media (max-width:1024px){
	.asg-feat-post{grid-template-columns:minmax(0,1fr)}
	.asg-feat-post__img{min-block-size:0;aspect-ratio:16/9}
}
@media (max-width:640px){
	.asg-feat-post{margin-block-end:24px}
	.asg-article__cta{flex-direction:column;align-items:flex-start;text-align:start}
	.asg-article__foot .asg-share{margin-inline-start:0}
}

/* ------------------------------------------------------------ Comments (when enabled) */
.asg-comments__list .comment{list-style:none;padding:20px 0;border-block-start:1px solid var(--asg-line)}
.asg-comments__list .children{padding-inline-start:28px}
.asg-comments__list .comment-author{display:flex;align-items:center;gap:12px;font-family:var(--asg-font-h);font-size:15px;color:var(--asg-ink)}
.asg-comments__list .avatar{border-radius:50%}
.asg-comments__list .comment-metadata{font-size:12.5px;color:var(--asg-mute);margin-block:4px 10px}
.asg-cform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.asg-cform > p{margin:0;display:flex;flex-direction:column;gap:8px}
.asg-cform .comment-notes,.asg-cform .comment-form-comment,.asg-cform .comment-form-cookies-consent,.asg-cform .form-submit,.asg-cform .logged-in-as,.asg-cform .comment-form-url{grid-column:1 / -1}
.asg-cform label{font-family:var(--asg-font-h);font-size:13.5px;color:var(--asg-ink)}
.asg-cform input[type=text],.asg-cform input[type=email],.asg-cform input[type=url],.asg-cform textarea{inline-size:100%;min-block-size:50px;padding:12px 16px;border:1px solid var(--asg-line);border-radius:8px;background:var(--asg-bg-soft);font-size:15px;transition:border-color .3s,background .3s,box-shadow .3s}
.asg-cform textarea{min-block-size:140px;resize:vertical}
.asg-cform input:focus,.asg-cform textarea:focus{outline:0;background:#fff;border-color:var(--asg-primary);box-shadow:0 0 0 4px rgba(var(--asg-primary-rgb),.1)}
.asg-cform .comment-form-cookies-consent{flex-direction:row;align-items:center;font-size:13.5px}
.asg-cform .comment-notes{font-size:13.5px;color:var(--asg-mute)}
@media (max-width:640px){.asg-cform{grid-template-columns:minmax(0,1fr)}}