/* Блоки гайдов: ширина как у широких плакатов статьи. Цвета взять из темы сайта (переменные ниже — пример). */
.nt-guide{margin:40px 0;--nt-accent:#176454;--nt-muted:#586c70}
.nt-guide--wide img{display:block;width:100%;height:auto;border-radius:16px}
.nt-guide--wide figcaption{margin-top:12px;font-size:15px}
.nt-guide--wide figcaption a{color:var(--nt-accent);text-decoration:none;font-weight:600}
.nt-guide__head{font-size:22px;font-weight:700;margin:0 0 6px}
.nt-guide__sub{margin:0 0 16px;color:var(--nt-muted);font-size:15px}
.nt-guide__pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:640px}
.nt-guide__strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.nt-guide__strip .nt-guide-card{flex:0 0 220px;scroll-snap-align:start}
.nt-guide-card{display:block;text-decoration:none;color:inherit}
.nt-guide-card img{display:block;width:100%;height:auto;border-radius:12px;transition:transform .2s}
.nt-guide-card:hover img{transform:translateY(-3px)}
.nt-guide-card span{display:block;margin-top:8px;font-size:14px;font-weight:600}
.nt-guide-card .nt-guide-card__price{margin-top:3px;color:var(--nt-accent);white-space:nowrap}
.nt-guide__more{margin-top:10px;font-size:14px}
@media (max-width:600px){
  .nt-guide{margin:28px 0}
  .nt-guide--wide img{border-radius:12px}
  .nt-guide__strip .nt-guide-card{flex-basis:46vw}
}
/* в модуле теста соционики */
.sct-guide{display:block;margin:28px 0 8px;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sct-guide img{display:block;width:100%;height:auto}
.sct-guide-note{margin:8px 0 0;font-size:13px;opacity:.7}
/* в тесте архетипов */
.arch-guide{display:block;margin:20px 0 10px;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.arch-guide img{display:block;width:100%;height:auto}
/* Fit the existing reading column and reserve both image aspect ratios. */
.nt-guide,.nt-guide__strip,.nt-guide__pair{min-width:0;max-width:100%;box-sizing:border-box}
.nt-guide a{border-bottom:0}
.nt-guide--wide>a,.nt-guide picture{display:block}
.nt-guide__head{color:inherit!important;line-height:1.35}
.nt-guide__pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}
.nt-guide__strip{overscroll-behavior-x:contain}
.nt-guide-card{min-width:0}
.nt-guide-card:focus-visible,.sct-guide:focus-visible,.arch-guide:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.nt-guide img,.sct-guide img,.arch-guide img{margin:0!important;max-width:100%;object-fit:contain}
.nt-guide--wide img,.sct-guide img,.arch-guide img{aspect-ratio:1920/823}
.nt-guide-card img{aspect-ratio:1}
.wiki-reading:has(.nt-guide),[data-archetype-content]:has(.nt-guide){min-width:0}
#archGuide:empty{display:none}
@media(max-width:600px){
 .nt-guide--wide img,.sct-guide img,.arch-guide img{aspect-ratio:1}
 .nt-guide__strip .nt-guide-card{flex-basis:calc((100% - 14px)/2)}
 .nt-guide__head{font-size:20px}
 .nt-guide__pair{gap:12px}
}
@media(prefers-reduced-motion:reduce){.nt-guide-card img{transition:none}.nt-guide-card:hover img{transform:none}}