/*
Theme Name: Osmon
Description: Yangiliklar mavzusi: lenta va maqolalar. Yorug‘ dizayn, rasmlar, belgilar va izohlarsiz. Moslashuvchan maket va o‘zbekcha tipografika.
Version: 1.6.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: nebo
*/

:root{--bg:#fff;--bg2:#f1f3f5;--tx:#0b0f14;--tx2:#5b6673;--bd:#e4e8ec;--pr:#0085ff;
--f:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}
body{margin:0;padding:0;background:var(--bg);color:var(--tx);font:400 1rem/1.5 var(--f);word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,iframe,embed,object,table,figure,pre{max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
.nb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nb-skip{position:absolute;left:-999px;top:0;background:var(--pr);color:#fff;padding:.5rem 1rem;z-index:100}.nb-skip:focus{left:0}

/* ===== Karkas ===== */
.nb-wrap{width:100%;max-width:72rem;margin:0 auto;padding-left:1rem;padding-right:1rem}
.nb-page{display:flex;align-items:flex-start;gap:1.5rem;padding-top:1rem;padding-bottom:3rem}
.nb-main{flex:1 1 0;min-width:0;border:1px solid var(--bd);border-radius:.875rem;overflow:hidden;background:var(--bg)}
.nb-side{flex:0 0 19rem;width:19rem;min-width:0}

/* ===== Sarlavha va qidiruv ===== */
.nb-header{background:var(--bg);border-bottom:1px solid var(--bd)}
.nb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-top:.75rem;padding-bottom:.75rem}
.nb-brand{margin-right:auto;font-weight:700;font-size:1.625rem;line-height:1.2;letter-spacing:-.02em;color:var(--pr)}
.nb-search{display:flex;align-items:center;gap:.25rem;flex:0 1 22rem;min-width:0;margin:0;padding:.25rem .25rem .25rem 1rem;background:var(--bg2);border-radius:999px}
.nb-search:focus-within{box-shadow:0 0 0 2px var(--pr)}
.nb-search input[type=search]{-webkit-appearance:none;appearance:none;flex:1 1 auto;width:100%;min-width:0;margin:0;padding:.4rem 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;font:inherit;color:var(--tx)}
.nb-search input[type=search]::-webkit-search-cancel-button,.nb-search input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}
.nb-search button{flex:none;margin:0;padding:.45rem 1rem;border:0;border-radius:999px;background:var(--pr);color:#fff;font-size:.875rem;font-weight:600;line-height:1.2}
.nb-cats{border-top:1px solid var(--bd)}
.nb-cats-list{list-style:none;margin:0;padding:.5rem 0;display:flex;flex-wrap:wrap;gap:.5rem}
.nb-cats-list li{margin:0;padding:0}
.nb-cats-list a{display:block;padding:.4rem .9rem;border-radius:999px;background:var(--bg2);font-size:.9375rem;font-weight:500;white-space:nowrap}
.nb-cats-list a:hover{background:#e3e7eb}.nb-cats-list a.is-on{background:var(--pr);color:#fff}

/* ===== Lenta ===== */
.nb-head{padding:1.25rem;border-bottom:1px solid var(--bd);color:var(--tx2)}
.nb-h1{margin:0;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.25;color:var(--tx)}
.nb-item{padding:1rem 1.25rem;border-bottom:1px solid var(--bd)}
.nb-feed>.nb-item:last-child{border-bottom:0}
.nb-meta{display:flex;flex-wrap:wrap;gap:.125rem .75rem;font-size:.875rem;color:var(--tx2)}
.nb-author{color:var(--tx);font-weight:600}.nb-tag{color:var(--pr)}
.nb-author:hover,.nb-tag:hover,.nb-item-t a:hover{text-decoration:underline}
.nb-item-t{margin:.35rem 0;font-size:clamp(1.125rem,1.02rem + .5vw,1.375rem);line-height:1.3;letter-spacing:-.01em}
.nb-ex{margin:0;color:#26303b}
.nb-empty{padding:3rem 1.5rem;text-align:center;color:var(--tx2)}
.nb-pagination,.pagination{padding:1.25rem}
.nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.page-numbers{min-width:2.5rem;min-height:2.5rem;padding:0 .9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg2);font-weight:500}
.page-numbers.current{background:var(--pr);color:#fff}

/* ===== Maqola ===== */
.nb-article{padding:clamp(1rem,4vw,2rem)}
.nb-crumb{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 .5rem;font-weight:500;color:var(--pr)}
.nb-title{margin:0 0 .75rem;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);line-height:1.15;letter-spacing:-.025em}
.nb-lead{margin:0 0 1rem;font-size:clamp(1.125rem,1.05rem + .4vw,1.375rem);line-height:1.5;color:var(--tx2)}
.nb-byline{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0 0 1.25rem;padding:.75rem 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);font-size:.9375rem;color:var(--tx2)}
.nb-byline a{color:var(--tx);font-weight:600}
.nb-entry{max-width:68ch;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.7;hyphens:auto;-webkit-hyphens:auto}
.nb-entry::after{content:"";display:block;clear:both}
.nb-entry p,.nb-entry ul,.nb-entry ol,.nb-entry pre,.nb-entry figure,.nb-entry table,.nb-entry blockquote{margin:0 0 1.15em}
.nb-entry h2{margin:1.8em 0 .6em;font-size:1.5em;line-height:1.2}.nb-entry h3{margin:1.6em 0 .5em;font-size:1.25em}.nb-entry h4{margin:1.4em 0 .4em;font-size:1.05em}
.nb-entry a{color:var(--pr);text-decoration:underline;text-underline-offset:.2em}
.nb-entry ul,.nb-entry ol{padding-left:1.4em}.nb-entry li{margin-bottom:.4em}
.nb-entry blockquote{border-left:3px solid var(--pr);padding:.1em 0 .1em 1.1em;margin-left:0;margin-right:0}
.nb-entry hr{border:0;height:1px;background:var(--bd);margin:2em 0}
.nb-entry code,.nb-entry pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;hyphens:none}
.nb-entry code{background:var(--bg2);padding:.1em .35em;border-radius:.3em}
.nb-entry pre{background:var(--bg2);padding:1em;border-radius:.75rem;overflow-x:auto}.nb-entry pre code{background:none;padding:0}
.nb-entry img{max-width:100%;height:auto;border-radius:.5rem}
.nb-entry figure{margin-left:0;margin-right:0}
.nb-entry figcaption,.wp-caption-text{margin-top:.4rem;font-size:.875rem;color:var(--tx2)}
.nb-entry iframe,.nb-entry video{width:100%;aspect-ratio:16/9;height:auto;border:0}
.nb-entry table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.9em}
.nb-entry th,.nb-entry td{border:1px solid var(--bd);padding:.5em .75em;text-align:left}.nb-entry th{background:var(--bg2)}
.nb-entry .alignleft{float:left;margin:.25em 1.25em .75em 0;max-width:50%}
.nb-entry .alignright{float:right;margin:.25em 0 .75em 1.25em;max-width:50%}
.nb-entry .aligncenter{display:block;margin-left:auto;margin-right:auto}
.nb-entry .alignwide,.nb-entry .alignfull{max-width:100%}
.nb-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0}
.nb-tags a{background:var(--bg2);padding:.3rem .8rem;border-radius:999px;font-size:.875rem}
.nb-related{margin-top:1.75rem;border-top:1px solid var(--bd)}
.nb-related .nb-card-t{padding-left:0}

/* ===== O‘ng ustun ===== */
.nb-card{margin:0 0 1rem;border:1px solid var(--bd);border-radius:.875rem;overflow:hidden;background:var(--bg)}
.nb-card-t{margin:0;padding:.75rem 1rem;font-size:1.125rem;line-height:1.3}
.nb-link{display:block;padding:.65rem 1rem;border-top:1px solid var(--bd);line-height:1.35}
.nb-link:hover{background:#f6f8fa}
.nb-link small{display:block;margin-top:.15rem;font-size:.8125rem;color:var(--tx2)}
.nb-related .nb-link{padding-left:0;padding-right:0}
.nb-foot-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.875rem;color:var(--tx2)}
.nb-footer{border-top:1px solid var(--bd);padding:1.25rem 0;color:var(--tx2);font-size:.875rem}
.nb-foot-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem}
.nb-foot-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.nb-foot-links a:hover{color:var(--tx);text-decoration:underline}

/* ===== Moslashuvchanlik ===== */
@media(max-width:899px){
	.nb-page{display:block}
	.nb-side{width:auto;margin-top:1.5rem}
}
@media(max-width:700px){
	.nb-wrap{padding-left:.75rem;padding-right:.75rem}
	.nb-wrap.nb-page{padding-left:0;padding-right:0;padding-top:0}
	.nb-main{border-left:0;border-right:0;border-radius:0}
	.nb-side{padding:0 .75rem}
	.nb-search{flex:1 1 100%}
	.nb-brand{font-size:1.5rem}
	.nb-cats-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
	.nb-cats-list::-webkit-scrollbar{display:none}
	.nb-item{padding:.875rem}
	.nb-entry .alignleft,.nb-entry .alignright{float:none;max-width:100%;margin:0 0 1em}
}
@media(max-width:360px){.nb-item-t{font-size:1.0625rem}}
@media(min-width:1900px){html{font-size:112.5%}}
@media(min-width:2600px){html{font-size:125%}}
@media(min-width:3400px){html{font-size:150%}}
@media(pointer:coarse){.nb-cats-list a{padding:.55rem 1rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.nb-header,.nb-side,.nb-related,.nb-footer{display:none!important}.nb-page{display:block}.nb-main{border:0}}
