/* Article layout */
.msid-article-wrap { background:var(--msid-white); min-height: 60vh; }

.msid-article-hero {
    position: relative;
    background:var(--msid-aubergine);
    background-size: cover;
    background-position: center;
    padding: 4rem 0 3rem;
    margin-bottom: 2.5rem;
}
.msid-article-hero-overlay {
    position: absolute; inset: 0;
    background:transparent;
}
.msid-article-hero-inner { position: relative; z-index: 1; }
.msid-article-title {
    font-size: clamp(1.5rem, 4vw, 2.4rem);
    font-weight: 800;
    color: var(--msid-white);
    line-height: 1.3;
    margin: .75rem 0;
}
.msid-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    margin-top: .75rem;
}
.msid-article-meta-item {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: rgba(255,255,255,.85);
    font-size:var(--msid-type-meta);
}
.msid-author-avatar { border-radius: 50%; }

/* Layout */
.msid-article-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
    padding-bottom: 3rem;
}
@media (max-width: 768px) {
    .msid-article-layout { grid-template-columns: 1fr; }
    .msid-article-sidebar { order: -1; }
}

/* Content */
.msid-article-excerpt {
    font-size: 1.08rem;
    color: var(--text-muted, var(--msid-text-secondary));
    border-right: 4px solid var(--primary, var(--msid-subtle));
    padding-right: 1rem;
    margin-bottom: 1.5rem;
    line-height: 1.7;
    font-style: italic;
}
.msid-article-body {
    font-size:var(--msid-type-body-sm);
    line-height: 1.85;
    color: var(--text-dark, var(--msid-text));
    background: var(--msid-white);
    border-radius:var(--msid-radius-control);
    padding: 2rem;
    box-shadow:var(--msid-shadow-sm);
}
.msid-article-body h2, .msid-article-body h3 {
    color: var(--primary, var(--msid-subtle));
    margin: 1.5rem 0 .75rem;
}
.msid-article-body img {
    max-width: 100%;
    border-radius:var(--msid-radius-sm);
    margin: 1rem 0;
}
.msid-article-body a { color: var(--primary, var(--msid-subtle)); }

/* Tags */
.msid-article-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.msid-tag {
    background:var(--msid-white);
    color:var(--msid-ink);
    border:1px solid var(--msid-line);
    border-radius:var(--msid-radius-card);
    padding: .25rem .85rem;
    font-size:var(--msid-type-ui);
    font-weight: 600;
    text-decoration: none;
}
.msid-tag:hover { background:var(--msid-aubergine); color:var(--msid-white); border-color:var(--msid-aubergine); }

/* Nav */
.msid-article-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 2rem;
}
.msid-article-nav-link {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    background: var(--msid-white);
    border-radius:var(--msid-radius-control);
    padding: 1rem 1.25rem;
    text-decoration: none;
    border: 1px solid var(--msid-surface-soft);
    transition: border-color .2s, box-shadow .2s;
}
.msid-article-nav-link:hover { border-color: var(--primary, var(--msid-subtle)); box-shadow:var(--msid-shadow-sm); }
.msid-nav-label { font-size:var(--msid-type-sm); color: var(--text-muted, var(--msid-subtle)); }
.msid-nav-title { font-size:var(--msid-type-ui); font-weight: 600; color: var(--text-dark, var(--msid-text)); }
.msid-nav-next { text-align: left; }
.msid-article-hero-media{position:absolute;inset:0;overflow:hidden}.msid-article-hero-img{width:100%;height:100%;object-fit:cover}.msid-article-hero.has-featured-image .msid-article-hero-overlay{background:rgba(0,0,0,.56);z-index:1}.msid-article-hero.has-featured-image .msid-article-hero-inner{z-index:2}

/* 6.3.3 — Complete article detail page. */
.msid-article-author-card{padding:1.4rem;text-align:center}
.msid-article-author-avatar{width:80px;height:80px;margin:0 auto .75rem;border-radius:50%;overflow:hidden;background:var(--msid-surface-soft)}
.msid-article-author-name{font-weight:800;color:var(--msid-ink);margin-bottom:.3rem}
.msid-article-author-card p{margin:0;color:var(--msid-muted);font-size:var(--msid-type-ui);line-height:1.7}
.msid-article-related-card{padding:1.25rem}
.msid-article-related-title{padding-bottom:.65rem;margin-bottom:.9rem;border-bottom:2px solid var(--msid-ink);font-size:var(--msid-type-ui);font-weight:900;color:var(--msid-ink)}
.msid-article-related-list{display:flex;flex-direction:column;gap:.8rem}
.msid-related-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--msid-ink);font-size:var(--msid-type-ui);font-weight:700;line-height:1.45}
.msid-related-thumb{width:64px;height:52px;flex:0 0 64px;overflow:hidden;border-radius:8px;background:var(--msid-surface-soft);display:grid;place-items:center;color:var(--msid-muted);font-size:.7rem;font-weight:900}
.msid-related-thumb img{width:100%;height:100%;object-fit:cover}
.msid-article-back{margin-top:1.25rem}.msid-article-back a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--msid-line);border-radius:var(--msid-radius-control);color:var(--msid-ink);font-weight:800;text-decoration:none}
.msid-article-back a:hover{border-color:var(--msid-aubergine);background:var(--msid-aubergine);color:var(--msid-white)}
.msid-article-body>*:first-child{margin-top:0}.msid-article-body>*:last-child{margin-bottom:0}
.msid-article-body p,.msid-article-body ul,.msid-article-body ol,.msid-article-body blockquote{margin:0 0 1.15rem}
.msid-article-body ul,.msid-article-body ol{padding-right:1.35rem}
.msid-article-body blockquote{padding:1rem 1.2rem;border-right:4px solid var(--msid-blue);background:var(--msid-surface-soft);border-radius:var(--msid-radius-control)}
@media(max-width:768px){.msid-article-sidebar{order:initial}.msid-article-body{padding:1.25rem}.msid-article-nav{grid-template-columns:1fr}.msid-article-hero{padding:2.5rem 0 2rem;margin-bottom:1.5rem}}