/* Shared article shell; the saved prose, metadata and original graphic stay intact. */
.public-refresh.public-blog-article .article-hero.bmk-article-hero {
    padding: 0; border: 0; margin: 0 0 38px; align-items: stretch;
}
.public-refresh.public-blog-article .bmk-article-hero .bmk-article-title {
    position: absolute !important; width: 1px !important; height: 1px !important;
    margin: -1px !important; padding: 0 !important; border: 0 !important;
    clip-path: inset(50%) !important; overflow: hidden !important; white-space: nowrap !important;
}
.public-refresh.public-blog-article .bmk-article-visual {
    width: fit-content; max-width: min(100%, 1000px); margin-inline: auto;
    display: flex; flex-direction: column; align-items: flex-start;
}
.public-refresh.public-blog-article .bmk-article-return {
    max-width: 100%; background: #f4f7ef; border: 1px solid #dce4d4;
    border-bottom: 0; border-radius: 12px 12px 0 0; text-align: left;
}
.public-refresh.public-blog-article .bmk-article-return .back-link {
    display: inline-flex; align-items: center; min-height: 44px; max-width: 100%;
    margin: 0; padding: 10px 16px; border: 0; border-radius: 12px 12px 0 0;
    background: transparent; color: #385930; font: 600 .875rem/1.6 var(--font-main);
    text-decoration: none;
}
.public-refresh.public-blog-article .bmk-article-return .back-link:hover {
    background: #eaf1e2; color: #294c20; text-decoration: underline; text-underline-offset: 4px;
}
.public-refresh.public-blog-article .bmk-article-return .back-link:focus-visible {
    outline: 3px solid #436b31; outline-offset: -3px;
}
.public-refresh.public-blog-article .bmk-article-visual img {
    display: block; max-width: 100%; width: auto; height: auto; margin: 0;
    border-radius: 0 16px 16px 16px; border: 1px solid #e1e6dc;
}
.public-refresh.public-blog-article .bmk-article-visual picture { display: block; max-width: 100%; }
.public-refresh.public-blog-article .article-content .bmk-article-details {
    display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 28px 0 0; padding: 20px 0 0;
    border-top: 1px solid #dce4d4; color: #52614a;
    font: 400 .85rem/1.8 var(--font-main); letter-spacing: 0; text-align: left;
}
.public-refresh.public-blog-article .bmk-article-details strong { color: #26362a; font-weight: 600; }
.public-refresh.public-blog-article .bmk-article-category { flex-basis: 100%; }
@media (max-width: 900px) {
    .public-refresh.public-blog-article .article-hero.bmk-article-hero { margin-bottom: 28px; }
    .public-refresh.public-blog-article .bmk-article-return { width: 100%; border-radius: 12px 12px 0 0; }
    .public-refresh.public-blog-article .bmk-article-return .back-link { width: 100%; font-size: .8rem; padding: 8px 14px; }
    .public-refresh.public-blog-article .bmk-article-visual img { border-radius: 0 0 12px 12px; }
    .public-refresh.public-blog-article .article-content .bmk-article-details { flex-direction: column; gap: 8px; }
    .public-refresh.public-blog-article .bmk-article-category { flex-basis: auto; }
}