/* Только тело импортированного гида; навигация и старые статьи не затрагиваются. */
.article-content .nm-guide {
    color: var(--color-text-main, #2c2c2c);
    line-height: 1.75;
    overflow-wrap: anywhere;
    min-width: 0;
}
.article-content .nm-guide [id] { scroll-margin-top: 6rem; }
.article-content .nm-guide section { margin-block: 2.5rem; }
.article-content .nm-guide h2 { line-height: 1.35; }
.article-content .nm-guide h3 { display: block; line-height: 1.4; }
.article-content .nm-guide h3::before,
.article-content .nm-guide li::before { content: none; }
.article-content .nm-guide ul,
.article-content .nm-guide ol { padding-left: 1.5rem; margin-block: 1rem 1.5rem; }
.article-content .nm-guide ul { list-style: disc; }
.article-content .nm-guide ol { list-style: decimal; counter-reset: none; }
.article-content .nm-guide li { padding-left: .2rem; margin-block: .65rem; }
.article-content .nm-guide li::marker { color: var(--color-primary, #3f7f63); }
.article-content .nm-guide a:focus-visible,
.article-content .nm-guide summary:focus-visible,
.article-content .nm-guide [tabindex]:focus-visible { outline: 3px solid #a04463; outline-offset: 4px; }
.article-content .nm-guide :is(.nm-quick, .quick) {
    background: #eaf3ee;
    border: 1px solid #d8e7dc;
    padding: 1.5rem;
    border-radius: 1rem;
    margin-block: 1.5rem;
}
.article-content .nm-guide :is(.nm-quick, .quick, .nm-note, .note, .closing) > :first-child {
    margin-top: 0;
}
.article-content .nm-guide :is(.nm-quick, .quick, .nm-note, .note, .closing) > :last-child {
    margin-bottom: 0;
}
.article-content .nm-guide :is(.nm-toc, .toc, nav[aria-label="Содержание статьи"]) {
    background: #fffdfa;
    border: 1px solid #e5ded5;
    border-radius: 1rem;
    padding: 1.25rem;
    margin-block: 1.5rem;
}
.article-content .nm-guide :is(.nm-toc, .toc) ul,
.article-content .nm-guide .toc-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem 1.5rem;
    list-style: none;
    padding: 0;
    margin: .5rem 0 0;
}
.article-content .nm-guide :is(.nm-toc, .toc) li { margin: 0; padding: 0; }
.article-content .nm-guide :is(.nm-toc, .toc) a { font-size: .95rem; }
.article-content .nm-guide :is(.nm-note, .note) {
    padding: 1.25rem 1.5rem;
    border-left: 3px solid #3f7f63;
    border-radius: 0 .85rem .85rem 0;
    background: #eaf3ee;
    margin-block: 1.5rem;
}
.article-content .nm-guide :is(.nm-note-berry, .note.berry) { background: #fcf3f5; border-color: #c45a7b; }
.article-content .nm-guide :is(.nm-note-warm, .note.warm) { background: #fff3e8; border-color: #be9162; }
.article-content .nm-guide details {
    border: 1px solid #c9dccf;
    border-radius: 1rem;
    background: #fff;
    margin-block: 1.5rem;
}
.article-content .nm-guide details > summary {
    cursor: pointer;
    padding: 1.25rem;
    border-radius: 1rem;
    background: #edf5ef;
    font-weight: 600;
}
.article-content .nm-guide details[open] > summary { border-radius: 1rem 1rem 0 0; }
.article-content .nm-guide details > :not(summary) { margin-inline: 1.25rem; }
.article-content .nm-guide details > :last-child { margin-bottom: 1.25rem; }
.article-content .nm-guide :is(.nm-summary-title, .guide-summary-copy) {
    font-size: 1.15rem;
    line-height: 1.4;
}
.article-content .nm-guide :is(.nm-summary-meta, .guide-summary-copy small) {
    display: block;
    font-size: .85rem;
    font-weight: 400;
    color: #536458;
    margin-top: .35rem;
    line-height: 1.5;
}
.article-content .nm-guide :is(.nm-method-body, .guide-content) { padding-top: 1.25rem; }
/* Нативный маркер summary заменяет декоративный плюс старых пакетов. */
.article-content .nm-guide .guide-toggle { display: none; }
.article-content .nm-guide details:not([open]) .when-open,
.article-content .nm-guide details[open] .when-closed { display: none; }
.article-content .nm-guide figure { margin: 1.75rem 0; }
.article-content .nm-guide figure img { display: block; width: 100%; height: auto; border-radius: .9rem; }
.article-content .nm-guide figcaption,
.article-content .nm-guide :is(.image-disclosure, .guide-footnote) {
    color: #68625c;
    font-size: .85rem;
    line-height: 1.6;
    margin-top: .6rem;
}
.article-content .nm-guide :is(.nm-conclusion, .closing) {
    background: #f4ece3;
    padding: 1.5rem;
    border-radius: 1rem;
    margin-top: 2rem;
}
.article-content .nm-guide .eyebrow {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #3f7f63;
    font-weight: 600;
}
.article-content .nm-guide :is(.two-col, .nm-grid, .recipe-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
.article-content .nm-guide .nm-table-wrap { max-width: 100%; overflow-x: auto; }
.article-content .nm-guide table { width: 100%; border-collapse: collapse; }
.article-content .nm-guide :is(th, td) { padding: .6rem; border: 1px solid #e5ded5; text-align: left; }
@media (max-width: 700px) {
    .article-content .nm-guide :is(.nm-toc, .toc) ul,
    .article-content .nm-guide :is(.toc-links, .two-col, .nm-grid, .recipe-grid) { grid-template-columns: 1fr; }
    .article-content .nm-guide :is(.nm-quick, .quick, .nm-note, .note, .nm-conclusion, .closing) { padding: 1.1rem; }
}
@media print {
    .article-content .nm-guide details > :not(summary) { display: block !important; }
}
