/*
   Spolocne styly clankov (navody). Clanok ich pouzije obalenim obsahu do <div class="nav-doc">.
   Vsetko je v obore .nav-doc, ostatne clanky sa nemenia. Triedy popisuje prirucka pre AI (clanok s keyref mcp.style),
   MCP podla tohto suboru kontroluje triedy nav-* (docs/mcp-clanky.md, §17).
   Rovnaky subor pouziva iKelpTheme (App_Themes/iKelpTheme/pages.css ho importuje).
*/
.nav-doc { max-width: 62rem; line-height: 1.65; }
.nav-doc h2 { margin-top: 2.2rem; padding-bottom: .35rem; border-bottom: 2px solid #FFA549; }
.nav-doc h3 { margin-top: 1.6rem; }
.nav-doc .nav-lead { font-size: 1.08em; }

/* Obrazok s popiskom: <figure><img alt="..."/><figcaption>...</figcaption></figure> */
.nav-doc figure { margin: 1.4rem 0; }
.nav-doc li figure { margin: .8rem 0; }
.nav-doc figure img { max-width: 100%; height: auto; border: 1px solid #d8dade; border-radius: 8px; display: block; }
.nav-doc figcaption { font-size: .9em; color: #5c6069; margin-top: .45rem; }

/* Postup po krokoch: <ol class="nav-steps"> */
.nav-doc .nav-steps > li { margin-bottom: .7rem; }

/* Poznamky: <p class="nav-note"> (vysvetlenie), nav-note nav-note-tip, nav-note nav-note-warn, nav-note nav-note-platform */
.nav-doc .nav-note { border-left: 4px solid #FFA549; background: #fff8ef; padding: .8rem 1rem; margin: 1.2rem 0; border-radius: 0 6px 6px 0; }
.nav-doc .nav-note-warn { border-left-color: #d9534f; background: #fdf1f0; }
.nav-doc .nav-note-platform { border-left-color: #4f8fd9; background: #f0f5fd; }
.nav-doc .nav-note-tip { border-left-color: #4FB0B0; background: #eff9f9; }

/* Tabulka: <div class="nav-tbl-wrap"><table>...</table></div> */
.nav-doc table { border-collapse: collapse; width: 100%; margin: 1.2rem 0; }
.nav-doc table th, .nav-doc table td { border: 1px solid #dfe1e5; padding: .5rem .7rem; text-align: left; vertical-align: top; }
.nav-doc table th { background: #f4f5f7; }
.nav-doc .nav-tbl-wrap { overflow-x: auto; }

/* Prvok aplikacie (tlacidlo, zalozka, pole): <span class="applic-nav">, trieda z temy webu, v navode vlastny vzhlad */
.nav-doc .applic-nav { font-style: normal; font-size: 1em; font-weight: 600; white-space: nowrap; }
/* Hlasenie aplikacie: <span class="nav-msg"> */
.nav-doc .nav-msg { font-style: italic; }
/* Suvisiace navody: <ul class="nav-related"> */
.nav-doc .nav-related { padding-left: 1.2rem; }

@media screen and (max-width: 485px) {
    .nav-doc .applic-nav { white-space: normal; }
}