/* nexus-live — mobil: blog, článok, tagy, hľadanie (skupina E, 2026-10-11, SPEC §5).
   Všetko je v @media(max-width:1023px) → desktop ≥1024 bez zmeny. */
@media (max-width:1023px){
  /* ---------- hero blog/tag/tags/hľadanie: kompaktnejší ---------- */
  .nx-hero.-small.-blog,.nx-hero.-small.-tag,.nx-hero.-small.-tags{padding-block:28px 24px}
  .nx-hero.-small.-blog .nx-lead,.nx-hero.-small.-tag .nx-lead,.nx-hero.-small.-tags .nx-lead{font-size:var(--m-lead,17px);line-height:1.5;color:var(--m-text-2,#3b3f4a)}

  /* ---------- chipy kategórií / tagov = vodorovný pás ---------- */
  .nx-hero.-blog .nx-chips,
  .nx-page-tags .nx-tag-grid.-inline,
  .nx-tag_related .nx-tag-grid{
    display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;
    margin-inline:calc(var(--m-gutter,20px) * -1);padding:2px var(--m-gutter,20px);
    scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--m-gutter,20px),#000 calc(100% - var(--m-gutter,20px)),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 var(--m-gutter,20px),#000 calc(100% - var(--m-gutter,20px)),transparent 100%)
  }
  .nx-hero.-blog .nx-chips::-webkit-scrollbar,.nx-page-tags .nx-tag-grid.-inline::-webkit-scrollbar,.nx-tag_related .nx-tag-grid::-webkit-scrollbar{display:none}
  .nx-hero.-blog .nx-chips{margin-top:18px}
  .nx-hero.-blog .nx-chips a,
  .nx-page-tags .nx-tag-chip,
  .nx-tag_related .nx-tag-chip{
    flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;
    min-height:var(--m-tap,44px);display:inline-flex;align-items:center;gap:6px;padding:0 15px;
    border-radius:var(--m-pill,999px);font-size:14px;font-weight:600;margin-block:2px
  }
  .nx-page-tags{display:block;min-width:0;max-width:100%;margin:26px 0}
  .nx-page-tags-l{display:block;margin-bottom:10px}
  .nx-page-tags>.nx-tag-grid.-inline{width:auto;max-width:none;min-width:0}
  .nx-article .nx-container .nx-container{padding-inline:0}
  .nx-tag_intro .nx-container .nx-container,.nx-cat_intro .nx-container .nx-container{padding-inline:0}
  .nx-tag_related .nx-tag-group h2{font-size:var(--m-h3,19px)}

  /* ---------- zoznam článkov: kompaktné riadky ---------- */
  .nx-posts{grid-template-columns:1fr;gap:12px}
  .nx-posts .nx-post{
    display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;
    padding:12px;border-radius:var(--m-r,16px);background:#fff;border:1px solid var(--line);
    box-shadow:var(--m-shadow,0 1px 2px rgba(22,22,29,.05),0 8px 24px -12px rgba(22,22,29,.18))
  }
  .nx-posts .nx-post .nx-post-cover{width:96px;height:72px;aspect-ratio:auto;min-height:0;border-radius:12px}
  .nx-posts .nx-post .nx-post-body{padding:0;gap:6px;min-width:0}
  .nx-posts .nx-post .nx-post-body>h3{order:-1;font-size:16px;line-height:1.3;font-weight:700;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nx-posts .nx-post .nx-post-body>p:not(.nx-post-meta){display:none}
  .nx-posts .nx-post .nx-post-meta{font-size:13px;gap:2px 10px}
  .nx-posts .nx-post .nx-post-meta>*+*::before{margin-right:10px}
  .nx-posts .nx-post .nx-post-meta>span{display:none}
  /* celá karta klikateľná cez titulok */
  .nx-posts .nx-post{position:relative}
  .nx-posts .nx-post h3 a{padding-block:2px}
  .nx-posts .nx-post h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
  .nx-posts .nx-post .nx-post-meta a{position:relative;z-index:1;min-height:var(--m-tap,44px);display:inline-flex;align-items:center}

  /* prázdny cover = značkový gradient, nie sivý placeholder */
  .nx-post-ph{background:
      radial-gradient(120% 90% at 100% 0,rgba(124,58,237,.16),transparent 60%),
      linear-gradient(135deg,var(--m-tint-2,#eef0ff),var(--m-tint-red,#fff1f4));
    color:var(--violet);font-size:1.4rem}
  .nx-post-ph i{filter:drop-shadow(0 4px 10px rgba(91,61,245,.25))}

  /* veľká prvá karta (featured alebo prvá v zozname) */
  .nx-posts.-featured{margin-bottom:12px}
  .nx-posts.-featured .nx-post,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child{
    display:flex;flex-direction:column;gap:0;padding:0;border-radius:var(--m-r-l,20px);overflow:hidden;
    box-shadow:var(--m-shadow-l,0 18px 40px -18px rgba(22,22,29,.28))
  }
  .nx-posts.-featured .nx-post .nx-post-cover,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-cover{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
  .nx-posts.-featured .nx-post .nx-post-ph,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-ph{font-size:2.4rem}
  .nx-posts.-featured .nx-post .nx-post-body,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-body{padding:18px 20px 20px;gap:8px}
  .nx-posts.-featured .nx-post .nx-post-body>h3,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-body>h3{order:0;font-size:21px;line-height:1.25;letter-spacing:-.01em}
  .nx-posts.-featured .nx-post .nx-post-body>p:not(.nx-post-meta),
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-body>p:not(.nx-post-meta){
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;color:var(--m-text-2,#3b3f4a)}
  .nx-posts.-featured .nx-post .nx-post-meta>span,
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-meta>span{display:inline}

  /* súvisiace články = swipe karusel */
  .nx-posts.-related{
    display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin-inline:calc(var(--m-gutter,20px) * -1);padding:4px var(--m-gutter,20px) 14px;
    scroll-padding-inline:var(--m-gutter,20px);scrollbar-width:none
  }
  .nx-posts.-related::-webkit-scrollbar{display:none}
  .nx-posts.-related .nx-post{flex:0 0 78vw;max-width:320px;scroll-snap-align:start;
    display:flex;flex-direction:column;padding:0;gap:0;border-radius:var(--m-r-l,20px);overflow:hidden}
  .nx-posts.-related .nx-post .nx-post-cover{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
  .nx-posts.-related .nx-post .nx-post-body{padding:14px 16px 16px}
  .nx-posts.-related .nx-post .nx-post-body>h3{order:0}

  /* stránkovanie (lp_blog_pagination → .lp-pagination) */
  .lp-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
  .lp-pagination a{min-width:44px;height:44px;padding:0 6px;display:grid;place-items:center;border:1px solid var(--line-2,#e3e3ea);
    border-radius:12px;background:#fff;text-decoration:none;font-weight:700;font-size:15px;color:var(--ink,#16161d)}
  .lp-pagination a.is-active,.lp-pagination a[aria-current]{background:var(--violet,#5b3df5);border-color:var(--violet,#5b3df5);color:#fff}

  /* ---------- detail článku: čitateľnosť ---------- */
  .nx-article .nx-container.-narrow{max-width:none}
  .nx-article-hd{padding:20px 0 18px}
  .nx-article h1{font-size:clamp(27px,7.6vw,34px);line-height:1.12;letter-spacing:-.022em}
  .nx-article-hd .nx-lead{margin-top:14px;font-size:var(--m-lead,17px);line-height:1.5;color:var(--m-text-2,#3b3f4a)}
  .nx-article-hd .nx-post-meta{margin-top:16px;padding-top:14px;font-size:13.5px;gap:4px 12px}
  .nx-article-hd .nx-post-meta>*+*::before{margin-right:12px}
  .nx-article-hd .nx-post-meta a{display:inline-flex;align-items:center;min-height:var(--m-tap,44px)}
  .nx-article .nx-frame{margin:4px calc(var(--m-gutter,20px) * -1) 28px;border-radius:0}
  .nx-prose{max-width:none;font-size:17px;line-height:1.65;color:#23252d;overflow-wrap:break-word}
  .nx-prose>p:first-child{font-size:18px;line-height:1.6;color:var(--ink,#16161d)}
  .nx-prose h2{font-size:24px;line-height:1.22;letter-spacing:-.015em;margin:1.9em 0 .55em;scroll-margin-top:calc(var(--m-header-h,60px) + 12px)}
  .nx-prose h3{font-size:20px;line-height:1.3;margin:1.5em 0 .45em;scroll-margin-top:calc(var(--m-header-h,60px) + 12px)}
  .nx-prose p,.nx-prose ul,.nx-prose ol{margin:0 0 1.05em}
  .nx-prose ul,.nx-prose ol{padding-left:1.25em}
  .nx-prose li{margin:.4em 0;padding-left:.15em}
  .nx-prose li::marker{color:var(--violet,#5b3df5);font-weight:700}
  .nx-prose a{text-underline-offset:3px;text-decoration-thickness:1px}
  .nx-prose img,.nx-prose figure,.nx-prose video,.nx-prose iframe{display:block;max-width:100%;height:auto;margin:1.4em 0;border-radius:var(--m-r,16px)}
  .nx-prose iframe{width:100%;aspect-ratio:16/9;height:auto}
  .nx-prose blockquote{margin:1.4em 0;padding:14px 16px;border-left:4px solid var(--red);border-radius:0 var(--m-r,16px) var(--m-r,16px) 0;
    background:var(--m-tint-red,#fff1f4);color:var(--m-text-2,#3b3f4a);font-size:17px}
  .nx-prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:14.5px;
    border:1px solid var(--line);border-radius:var(--m-r,16px)}
  .nx-prose th{background:var(--m-tint,#f4f3fa)}
  .nx-prose pre{overflow-x:auto;max-width:100%;font-size:14px}
  .nx-prose hr{margin:1.8em 0}

  /* ---------- tag stránka ---------- */
  .nx-tag-parent{font-size:15px}
  .nx-tag-parent a{display:inline-flex;align-items:center;min-height:44px}
  .nx-tag_pages .nx-grid{grid-template-columns:1fr;gap:12px}
  .nx-tag_pages .nx-tile{
    display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:4px;align-items:start;
    padding:16px;border-radius:var(--m-r,16px);background:#fff;box-shadow:var(--m-shadow,0 8px 24px -12px rgba(22,22,29,.18))
  }
  .nx-tag_pages .nx-tile>.nx-tile-ic{grid-row:1 / span 3;width:44px;height:44px;border-radius:12px;background:var(--m-tint-2,#eef0ff)}
  .nx-tag_pages .nx-tile>.nx-tile-img{grid-column:1 / -1;margin-bottom:8px}
  .nx-tag_pages .nx-tile h3{font-size:17px;line-height:1.3;grid-column:2}
  .nx-tag_pages .nx-tile>.nx-tile-img~h3,.nx-tag_pages .nx-tile>.nx-tile-img~p,.nx-tag_pages .nx-tile>.nx-tile-img~.nx-tile-more{grid-column:1 / -1}
  .nx-tag_pages .nx-tile p{grid-column:2;font-size:14.5px;line-height:1.45;color:var(--m-text-2,#3b3f4a);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .nx-tag_pages .nx-tile-more{grid-column:2;font-size:14px;margin-top:2px}

  /* ---------- hub tém ---------- */
  .nx-tag-grid.-hub{grid-template-columns:1fr;gap:10px}
  .nx-tag-card{padding:12px 14px;border-radius:var(--m-r,16px);background:#fff;box-shadow:var(--m-shadow,0 8px 24px -12px rgba(22,22,29,.18))}
  .nx-tag-card>.nx-tag-chip.-main{min-height:44px;font-size:16px;margin:-4px 0 0 -6px}
  .nx-tag-card p{margin-top:4px}
  .nx-tag-card p{font-size:14.5px;line-height:1.45;color:var(--m-text-2,#3b3f4a);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .nx-tag-children{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;
    margin:8px -14px 0;padding:2px 14px}
  .nx-tag-children::-webkit-scrollbar{display:none}
  .nx-tag-children .nx-tag-chip{flex:0 0 auto;white-space:nowrap;min-height:var(--m-tap,44px);padding:0 12px;font-size:13.5px}

  /* ---------- hľadanie (§4.17) ---------- */
  .nx-search .nx-search-form{flex-direction:column;gap:10px;margin-top:18px}
  .nx-search .nx-search-form input{height:52px;font-size:16px;padding:0 16px;border-radius:14px}
  .nx-search .nx-search-form button{min-height:var(--m-btn-h,52px);font-size:17px;border-radius:14px;width:100%}
  .nx-search .nx-search-summary{text-align:left;font-size:14px}
  .nx-search-results{gap:22px;grid-template-columns:minmax(0,1fr)}
  .nx-search-results>.nx-search-group{min-width:0}
  .nx-search-item{padding:14px 16px;box-shadow:var(--m-shadow,0 8px 24px -12px rgba(22,22,29,.18))}
  .nx-search-item h3{font-size:16.5px;line-height:1.3}
  .nx-search-item p{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nx-search-hints{justify-content:flex-start}
  .nx-search-results .nx-search-item .nx-search-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
  .nx-search-results .nx-search-item p{-webkit-line-clamp:2}
  .nx-search-results .nx-search-item+.nx-search-item{margin-top:8px}
  .nx-hero.nx-search .nx-search-summary{text-align:left}
  .nx-search-hints a{min-height:var(--m-tap,44px);display:inline-flex;align-items:center;padding:0 14px;font-size:14px;margin-block:2px}
}

/* tablet: zoznam článkov v 2 stĺpcoch riadkov */
@media (min-width:600px) and (max-width:1023px){
  .nx-posts:not(.-related){grid-template-columns:1fr 1fr;gap:14px}
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1.1fr 1fr}
  .nx-posts.-list:not(.-nobig):first-child>.nx-post:first-child .nx-post-cover{height:100%;aspect-ratio:auto;min-height:200px}
  .nx-posts.-featured{grid-template-columns:1fr}
  .nx-tag_pages .nx-grid,.nx-tag-grid.-hub{grid-template-columns:1fr 1fr}
  .nx-article .nx-container.-narrow{max-width:720px}
  .nx-article .nx-frame{margin-inline:0;border-radius:var(--m-r-l,20px)}
}

@media (max-width:389px){
  .nx-posts .nx-post{grid-template-columns:84px 1fr;gap:12px}
  .nx-posts .nx-post .nx-post-cover{width:84px;height:64px}
  .nx-prose{font-size:16.5px}
}

/* r2 (2026-10-11): tap targety >= 44 px pre všetky tag chipy (vrátane skupín na tag stránke) */
@media (max-width:1023px){
  a.nx-tag-chip,a.nx-tag-chip.-ghost{min-height:var(--m-tap,44px);display:inline-flex;align-items:center}
}