/* SMCON26 news: article pages, the News list and comments. */
a.post,a.news-card{color:inherit;text-decoration:none}
:is(.news-list,.news-more) .post{display:flex;flex-direction:column;gap:0;background:var(--surface,#fff);border:1px solid var(--rule);border-radius:var(--r-xl);overflow:hidden;transition:transform 300ms var(--ease-out),box-shadow 300ms ease}
:is(.news-list,.news-more) .post>div{padding:18px 20px 22px;display:grid;gap:8px}
.post .meta{font:700 11px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--elephant)}
.post .link,.news-card .link{font:700 12px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
:is(.news-list,.news-more) .post img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
@media (hover:hover){:is(.news-list,.news-more) a.post:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}}
.article-hero{padding-bottom:clamp(20px,3vw,36px)}
.article-hero .h1{max-width:20ch}
.article-hero .lead{max-width:60ch}
.article-meta{margin:14px 0 0;color:var(--ink-3);font-size:14px}
.article-meta a{color:inherit}
.article-cover img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:var(--r-xl);display:block}
.article-body{padding-top:clamp(32px,5vw,64px)}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(28px,5vw,72px);align-items:start}
.article-text{max-width:70ch;font-size:1.075rem;line-height:1.75;color:var(--ink-2)}
.article-text h2{color:var(--ink)}
.article-text blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid var(--volt);background:var(--mint);border-radius:0 var(--r-md) var(--r-md) 0;font:700 1.2rem/1.45 var(--f-text);color:var(--ink)}
.article-text blockquote p{margin:0}
.article-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2.4em!important;padding-top:20px;border-top:1px solid var(--rule)}
.article-share span{font:700 11px/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}
.article-share a{border:1.5px solid var(--rule-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink)}
.article-share a:hover{background:var(--forest);border-color:var(--forest);color:#fff}
.article-aside{position:sticky;top:calc(var(--hdr) + 24px);display:grid;gap:12px;background:var(--forest);color:var(--on-dark);border-radius:var(--r-xl);padding:24px}
.article-aside p{margin:0;font-size:14px;color:var(--on-dark-2)}
@media (max-width:900px){.article-grid{grid-template-columns:1fr}.article-aside{position:static}}
/* comments */
.smcon-comments{max-width:760px}
.smcon-comments .comment-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.smcon-comments .comment-list .children{list-style:none;margin:14px 0 0 28px;padding:0;display:grid;gap:14px}
.smcon-comments .comment-body{background:var(--surface,#fff);border:1px solid var(--rule);border-radius:var(--r-lg);padding:18px 20px}
.smcon-comments .comment-author{display:flex;align-items:center;gap:12px;font-weight:700}
.smcon-comments .comment-author img{border-radius:50%}
.smcon-comments .comment-author .says{display:none}
.smcon-comments .comment-meta{font-size:13px;color:var(--ink-3);margin:4px 0 8px}
.smcon-comments .comment-meta a{color:inherit;text-decoration:none}
.smcon-comments .comment-content{color:var(--ink-2)}
.smcon-comments .reply a{font:700 11px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--elephant);text-decoration:none}
.smcon-comments .comment-awaiting-moderation{display:inline-block;margin-top:6px;font-size:13px;color:var(--elephant)}
.smcon-comments .comment-respond{margin-top:36px;background:var(--surface,#fff);border:1px solid var(--rule);border-radius:var(--r-xl);padding:clamp(20px,4vw,36px)}
.smcon-comments .comment-reply-title{font:800 1.4rem/1.2 var(--f-display);margin:0 0 6px}
.smcon-comments .comment-reply-title small{margin-left:10px;font-size:13px}
.smcon-comments .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.smcon-comments .comment-form>*{grid-column:1/-1;margin:0}
.smcon-comments .comment-form-author,.smcon-comments .comment-form-email{grid-column:auto}
.smcon-comments .comment-form label{display:block;font:700 10.5px/1.2 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:7px}
.smcon-comments .comment-form :is(input[type=text],input[type=email],input[type=url],textarea){width:100%;min-height:50px;border-radius:var(--r-sm);border:1.5px solid var(--rule-2);background:var(--surface,#fff);color:var(--ink);padding:12px 14px;font:500 15.5px var(--f-text)}
.smcon-comments .comment-form textarea{min-height:140px}
.smcon-comments .comment-form :is(input,textarea):focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 4px rgba(168,230,43,.45)}
.smcon-comments .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.smcon-comments .comment-form-cookies-consent label{text-transform:none;letter-spacing:0;font:500 14px var(--f-text);margin:0}
.smcon-comments .comment-notes,.smcon-comments .logged-in-as{font-size:14px;color:var(--ink-3)}
.smcon-comments .form-submit .btn{border:0;cursor:pointer}
@media (max-width:640px){.smcon-comments .comment-form{grid-template-columns:1fr}.smcon-comments .comment-form-author,.smcon-comments .comment-form-email{grid-column:1/-1}}