/* Nokari Adda - homepage (loaded on the front page only) */

/* Hero */
.nk-hero{background:var(--nk-blue-tint);border-bottom:1px solid var(--nk-border);padding:28px 0 24px}
.nk-hero__eyebrow{margin:0 0 12px;text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nk-accent)}
.nk-hero__search{max-width:640px;margin:0 auto 24px}

/* Five category tiles */
.nk-tiles ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.nk-tiles li:last-child:nth-child(odd){grid-column:1/-1}
.nk-tile{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon short";column-gap:12px;align-items:center;height:100%;padding:12px;background:var(--nk-surface);border:1px solid var(--nk-border);border-radius:var(--nk-r-lg);text-decoration:none;box-shadow:var(--nk-shadow)}
body.nk-theme a.nk-tile{color:var(--nk-text)}
.nk-tile:hover{border-color:var(--c)}
.nk-tile__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--c-bg);color:var(--c)}
.nk-tile__label{grid-area:label;font-weight:800;line-height:1.2;color:var(--nk-primary)}
.nk-tile__short{grid-area:short;font-size:.82rem;line-height:1.3;color:var(--nk-muted)}
@media (min-width:720px){
	.nk-hero{padding:44px 0 36px}
	.nk-tiles ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
	.nk-tiles li:last-child:nth-child(odd){grid-column:auto}
	.nk-tile{grid-template-columns:1fr;grid-template-areas:"icon" "label" "short";row-gap:4px;padding:16px;align-items:start}
	.nk-tile__icon{margin-bottom:6px}
}

/* Section headings */
.nk-home__body{padding-top:28px}
.nk-sec__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nk-sec__title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.2rem;line-height:1.3;font-weight:800;color:var(--nk-primary)}
.nk-sec__sub{font-size:.8rem;font-weight:600;color:var(--nk-muted);margin-left:2px}
.nk-sec__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--c-bg);color:var(--c)}
.nk-sec__more{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:700;text-decoration:none}
.nk-sec__more:hover{text-decoration:underline}

/* Latest updates: rows on phones, cards from 720px */
.nk-latest{margin-bottom:28px}
.nk-cards{display:grid;gap:10px;margin-top:8px}
.nk-card{position:relative;display:flex;gap:12px;padding:12px;background:var(--nk-surface);border:1px solid var(--nk-border);border-radius:var(--nk-r-lg);box-shadow:var(--nk-shadow)}
.nk-card:hover{border-color:var(--c)}
.nk-card:focus-within{box-shadow:0 0 0 3px rgba(35,84,212,.25)}
.nk-card__media{flex:0 0 112px;align-self:flex-start;aspect-ratio:4/3;overflow:hidden;border-radius:var(--nk-r);background:var(--nk-bg)}
.nk-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.nk-card__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.nk-card__title{margin:0;font-size:1rem;line-height:1.4;font-weight:700}
.nk-card__title a{color:var(--nk-text);text-decoration:none}
body.nk-theme .nk-card__title a{color:var(--nk-text)}
.nk-card__title a::after{content:"";position:absolute;inset:0;border-radius:var(--nk-r-lg)}
.nk-card:hover .nk-card__title a{color:var(--nk-blue)}
.nk-card__date{margin-top:auto;font-size:.8rem;color:var(--nk-muted)}
@media (min-width:720px){
	.nk-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
	.nk-card{flex-direction:column;gap:12px;padding:0}
	.nk-card__media{flex:none;width:100%;aspect-ratio:16/9;border-radius:var(--nk-r-lg) var(--nk-r-lg) 0 0;align-self:stretch}
	.nk-card__body{padding:0 16px 16px}
	.nk-card:not(:has(.nk-card__media)) .nk-card__body{padding-top:16px}
}

/* Category sections */
.nk-secs{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.nk-sec{background:var(--nk-surface);border:1px solid var(--nk-border);border-top:3px solid var(--c);border-radius:var(--nk-r-lg);box-shadow:var(--nk-shadow);overflow:hidden}
.nk-sec .nk-sec__head{padding:10px 8px 10px 16px;border-bottom:1px solid var(--nk-border)}
.nk-sec__empty{margin:0;padding:16px;color:var(--nk-muted)}
.nk-list{list-style:none;margin:0;padding:0}
.nk-list__item{display:flex;flex-direction:column;gap:2px;padding:11px 16px;border-top:1px solid var(--nk-border)}
.nk-list__item:first-child{border-top:0}
.nk-list__link{font-weight:600;line-height:1.45;color:var(--nk-text);text-decoration:none}
body.nk-theme a.nk-list__link{color:var(--nk-text)}
.nk-list__link:hover{color:var(--nk-blue);text-decoration:underline}
.nk-list__meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--nk-muted)}
.nk-new{display:inline-block;padding:2px 7px;border-radius:999px;background:#D5F5EF;color:#0B5F58;font-size:.7rem;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:.03em}
@media (min-width:860px){
	.nk-secs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
	.nk-sec--wide{grid-column:1/-1}
	.nk-sec--wide .nk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.nk-sec--wide .nk-list__item:nth-child(2){border-top:0}
	.nk-sec--wide .nk-list__item:nth-child(even){border-left:1px solid var(--nk-border)}
}