/* =========================================================
   NÁVODY – vizuálně jako Zákony
   ========================================================= */

#page-navody .guide-admin-hint{
    width:min(1260px,calc(100% - 48px)) !important;
    margin:0 auto 18px !important;
}

/* Dvousloupcový bílý panel s dělicí čárou */
#page-navody .guides-law-board{
    width:min(1260px,calc(100% - 48px)) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:hidden !important;
    border:1px solid #d7e1e8 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 7px 20px rgba(20,55,78,.05) !important;
}

#page-navody .guides-law-column{
    min-width:0 !important;
    min-height:340px !important;
    padding:24px 22px !important;
    border-right:1px solid #d7e1e8 !important;
    background:#fff !important;
}

#page-navody .guides-law-column:last-child{
    border-right:0 !important;
}

#page-navody .guides-law-column h3{
    margin:0 0 18px !important;
    color:#08243e !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:1.02rem !important;
    font-weight:850 !important;
}

/* Karta návodu jako karta zákona */
#page-navody .guide-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) 18px !important;
    align-items:center !important;
    gap:10px !important;
    min-height:58px !important;
    margin:0 0 9px !important;
    padding:11px 13px !important;
    border:1px solid #ccd9e2 !important;
    border-radius:7px !important;
    background:#f3f6f8 !important;
    color:#071d33 !important;
    cursor:pointer !important;
    box-shadow:none !important;
    overflow:hidden !important;
    transform:none !important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}

#page-navody .guide-card::before{
    display:none !important;
}

/* Ikona vlevo bez velkého boxu – stejně jednoduché jako u zákonů */
#page-navody .guide-card-icon{
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#006db4 !important;
    font-size:.82rem !important;
    box-shadow:none !important;
}

#page-navody .guide-card > div:nth-child(2){
    min-width:0 !important;
}

/* V seznamu jen název – popis zůstává v detailu návodu */
#page-navody .guide-card h3{
    margin:0 !important;
    color:#071d33 !important;
    font-family:'Plus Jakarta Sans',sans-serif !important;
    font-size:.72rem !important;
    font-weight:750 !important;
    line-height:1.45 !important;
}

#page-navody .guide-card p{
    display:none !important;
}

/* Vpravo jen malá šipka jako u zákonů */
#page-navody .guide-card-open{
    width:18px !important;
    overflow:hidden !important;
    color:#738797 !important;
    font-size:0 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    justify-self:end !important;
}

#page-navody .guide-card-open i{
    font-size:.68rem !important;
}

#page-navody .guide-card-open i::before{
    content:"\f35d" !important;
}

/* Žluté zvýraznění po najetí – stejně jako u Zákonů */
#page-navody .guide-card:hover{
    background:#ffd400 !important;
    border-color:#d9b600 !important;
    box-shadow:0 7px 16px rgba(255,212,0,.30) !important;
    transform:translateY(-2px) !important;
}

#page-navody .guide-card:hover h3,
#page-navody .guide-card:hover .guide-card-icon,
#page-navody .guide-card:hover .guide-card-icon i,
#page-navody .guide-card:hover .guide-card-open,
#page-navody .guide-card:hover .guide-card-open i{
    color:#071d33 !important;
}

@media(max-width:850px){
    #page-navody .guides-law-board{
        grid-template-columns:1fr !important;
    }

    #page-navody .guides-law-column{
        min-height:auto !important;
        border-right:0 !important;
        border-bottom:1px solid #d7e1e8 !important;
    }

    #page-navody .guides-law-column:last-child{
        border-bottom:0 !important;
    }
}

@media(max-width:650px){
    #page-navody .guides-law-board,
    #page-navody .guide-admin-hint{
        width:calc(100% - 32px) !important;
    }

    #page-navody .guides-law-column{
        padding:18px 14px !important;
    }
}