/* ngp-theme — «شارع القنوات» */
@font-face{font-family:"Changa";src:url(../fonts/changa-arabic.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Changa";src:url(../fonts/changa-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans Arabic";src:url(../fonts/noto-sans-arabic-arabic.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Sans Arabic";src:url(../fonts/noto-sans-arabic-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
	--bg:#FBF7F2;--surface:#FFFFFF;--ink:#142235;--ink-2:#2E3B49;--muted:#5E6B78;--line:#EADFD3;
	--navy:#1B3A5C;--navy-2:#24476E;--oranje:#E8650A;--oranje-text:#B04A04;--oranje-soft:#FDEBDC;
	--highlight:#FFF4E6;--gold-soft:#F6C77F;--on-dark:#C7D2DE;
	--gold:linear-gradient(160deg,#FFE6A6 0%,#F0BC3A 55%,#C8921A 100%);
	--water:repeating-linear-gradient(90deg,#2E5E8C 0 18px,#3C6F9F 18px 30px);
	--fh:"Changa","Noto Sans Arabic",system-ui,sans-serif;
	--fb:"Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
	--gut:16px
}
@media (min-width:768px){:root{--gut:24px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--fb);font-size:17px;line-height:1.8;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--oranje-text)}
:focus-visible{outline:3px solid var(--oranje);outline-offset:2px;border-radius:4px}
bdi,.ngp-v{unicode-bidi:isolate;direction:ltr}
.ngp-v,.ngp-chg bdi,.ngp-gr{white-space:nowrap}
h1,h2,h3,h4{font-family:var(--fh);color:var(--ink);line-height:1.35;margin:1.6em 0 .6em}
h2{font-size:24px;font-weight:700}
h3{font-size:19px;font-weight:700}
p{margin:0 0 1.1em}
.screen-reader-text,.ngp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.ngp-skip:focus{position:fixed;top:8px;right:8px;z-index:100;width:auto;height:auto;clip:auto;background:#fff;padding:10px 16px;border-radius:10px}
.ngp-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--gut)}

/* ---------- header ---------- */
.ngp-header{background:var(--surface);border-bottom:3px solid var(--oranje);padding:10px 16px}
.ngp-header__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ngp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-height:44px}
.ngp-logo{width:40px;height:40px;flex:none;display:block}
.ngp-wordmark{display:flex;flex-direction:column;line-height:1.15}
.ngp-wordmark__name{font-family:var(--fh);font-weight:700;font-size:19px;color:var(--ink)}
.ngp-wordmark__tag{font-size:11.5px;color:var(--muted);line-height:1.4}
.ngp-nav{display:none}
.ngp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.ngp-nav a{display:block;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;padding:9px 15px;border-radius:10px;line-height:1.6}
.ngp-nav a:hover{background:var(--oranje-soft);color:var(--ink)}
.ngp-nav a[aria-current="page"]{background:var(--navy);color:#fff;font-weight:700}
.ngp-menubtn{width:44px;height:44px;border:0;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.ngp-menubtn svg{width:22px;height:22px}
@media (min-width:960px){
	.ngp-logo{width:46px;height:46px}
	.ngp-wordmark__name{font-size:22px}
	.ngp-nav{display:block}
	.ngp-menubtn{display:none}
}

/* drawer */
.ngp-drawer{border:0;padding:0;margin:0 0 0 auto;height:100%;max-height:100%;width:min(340px,88vw);background:var(--surface);color:var(--ink);inset-inline-start:auto}
.ngp-drawer::backdrop{background:rgba(20,34,53,.55)}
.ngp-drawer__in{padding:16px 18px 32px}
.ngp-drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ngp-drawer__close{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.ngp-drawer h2{font-size:14px;color:var(--muted);margin:18px 0 6px;font-family:var(--fb);font-weight:700}
.ngp-drawer ul{list-style:none;margin:0;padding:0}
.ngp-drawer a{display:flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500}
.ngp-drawer a:hover{background:var(--oranje-soft)}
.ngp-drawer a[aria-current="page"]{background:var(--navy);color:#fff;font-weight:700}

/* ---------- ads ---------- */
.ngp-ad{display:block}
.ngp-ad--top{box-sizing:border-box;width:100%;max-width:1200px;padding:0 16px;margin:clamp(28px,7vw,100px) auto clamp(80px,11vw,160px);min-height:280px}
.ngp-ad--content{margin:40px auto}
.ngp-ad ins{display:block;width:100%}

/* ---------- page head ---------- */
.ngp-main{padding-bottom:48px}
.ngp-crumbs{font-size:13px;color:var(--muted);margin:18px 0 0}
.ngp-crumbs a{color:var(--muted)}
.ngp-pagehead{margin:22px 0 18px}
.ngp-pagehead h1,.ngp-h1{font-family:var(--fh);font-weight:800;font-size:30px;line-height:1.35;color:var(--ink);margin:0 0 10px}
@media (min-width:768px){.ngp-pagehead h1,.ngp-h1{font-size:44px}}
.ngp-intro{font-size:17px;color:var(--ink-2);margin:0 0 12px}
.ngp-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--navy);line-height:1.5;margin:0}
.ngp-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--oranje);flex:none}
.ngp-pill[data-status="live"] .ngp-pill__dot{animation:ngp-pulse 2s ease-in-out infinite}
@keyframes ngp-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ngp-pill__dot{animation:none!important}}
.ngp-meta{font-size:14px;color:var(--muted);margin:0 0 6px}
.ngp-meta a{color:var(--oranje-text);font-weight:700;text-decoration:none}

/* ---------- content ---------- */
.ngp-content{max-width:820px}
.ngp-content>*:first-child{margin-top:0}
.ngp-content ul,.ngp-content ol{padding-inline-start:1.4em;margin:0 0 1.2em}
.ngp-content li{margin:.25em 0}
.ngp-content blockquote{margin:1.4em 0;padding:12px 18px;background:var(--surface);border-right:4px solid var(--oranje);border-radius:12px}
.ngp-content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.ngp-content figure{margin:1.4em 0}
.ngp-content figcaption{font-size:13px;color:var(--muted)}
.ngp-content .wp-block-image img{border-radius:14px}
.ngp-content .ngp-box,.ngp-content .wp-block-group.is-style-ngp-box{background:var(--oranje-soft);border-radius:14px;padding:16px 18px;margin:1.4em 0}
.ngp-content .ngp-box>*:last-child{margin-bottom:0}
.ngp-content .ngp-disc{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}

/* tables everywhere */
.wp-block-table,.ngp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0}
.ngp-scroll{margin:0}
.ngp-content table,.ngp-t{width:100%;border-collapse:collapse;background:var(--surface);font-size:15px}
.wp-block-table table{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ngp-content th,.ngp-content td,.ngp-t th,.ngp-t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;unicode-bidi:plaintext}
.ngp-content thead th,.ngp-t thead th{background:var(--oranje-soft);font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.ngp-content tbody tr:last-child>*,.ngp-t tbody tr:last-child>*{border-bottom:0}
.wp-block-table thead{border:0}
.wp-block-table td,.wp-block-table th{border-inline:0}

/* ---------- cards / sections ---------- */
.ngp-sec{margin:28px 0}
.ngp-sec>h2{margin:0 0 12px;font-size:22px}
.ngp-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}
.ngp-card__h{font-size:19px;margin:0 0 12px}
.ngp-tcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.ngp-note{font-size:13px;color:var(--muted);margin:8px 2px 0;line-height:1.6}
.ngp-unavailable{background:var(--oranje-soft);border-radius:12px;padding:12px 16px;color:var(--ink)}
.ngp-chg.is-down{color:var(--oranje-text)}
.ngp-chg.is-up{color:var(--navy)}
.ngp-chg.is-flat{color:var(--muted)}

/* ---------- canal street ---------- */
.ngp-street{margin:18px 0 0}
.ngp-street__card{background:var(--navy);color:#fff;border-radius:22px;overflow:hidden}
.ngp-street__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 16px 12px}
.ngp-street__label{margin:0;font-size:13px;font-weight:600;color:var(--gold-soft);line-height:1.5}
.ngp-street__price{margin:2px 0 0;font-family:var(--fh);font-weight:800;font-size:42px;line-height:1.15;color:#fff}
.ngp-chgpill{display:inline-flex;align-items:center;gap:4px;background:var(--oranje);color:#fff!important;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700;white-space:nowrap;line-height:1.6;margin-top:4px}
.ngp-houses{display:flex;align-items:flex-end;gap:6px;height:132px;padding:0 12px}
.ngp-house{position:relative;flex:1;height:var(--h);min-width:0;border:0;padding:0;margin:0;background:none;cursor:pointer;color:#fff;font:inherit;border-radius:2px;--win:rgba(255,255,255,.5)}
.ngp-house__body{position:absolute;inset:0;background:var(--c);clip-path:polygon(0 100%,0 26px,16% 26px,16% 17px,32% 17px,32% 8px,40% 8px,40% 0,60% 0,60% 8px,68% 8px,68% 17px,84% 17px,84% 26px,100% 26px,100% 100%);transition:filter .15s}
.ngp-house:hover .ngp-house__body{filter:brightness(1.12)}
.ngp-house.is-selected{color:var(--ink);--win:rgba(27,58,92,.55)}
.ngp-house.is-selected .ngp-house__body{background:var(--gold)}
.ngp-house__win{position:absolute;top:36px;bottom:34px;left:18%;right:18%;background:repeating-linear-gradient(180deg,var(--win) 0 9px,transparent 9px 17px);-webkit-mask-image:linear-gradient(90deg,#000 0 38%,transparent 38% 62%,#000 62%);mask-image:linear-gradient(90deg,#000 0 38%,transparent 38% 62%,#000 62%)}
.ngp-house__k{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-family:var(--fh);font-weight:800;font-size:18px;line-height:1}
.ngp-house:focus-visible{outline:3px solid var(--oranje);outline-offset:3px}
.ngp-water{height:18px;background:var(--water)}
.ngp-hint{text-align:center;font-size:12.5px;color:var(--muted);margin:8px 0 0}
@media (min-width:768px){
	.ngp-street__top{padding:20px 22px 14px}
	.ngp-street__price{font-size:58px}
	.ngp-houses{height:170px;gap:10px;padding:0 18px}
	.ngp-house__body{clip-path:polygon(0 100%,0 32px,16% 32px,16% 21px,32% 21px,32% 10px,40% 10px,40% 0,60% 0,60% 10px,68% 10px,68% 21px,84% 21px,84% 32px,100% 32px,100% 100%)}
	.ngp-house__win{top:44px;bottom:40px}
	.ngp-house__k{font-size:22px;bottom:9px}
}

/* ---------- karat table ---------- */
.ngp-ktable .ngp-t__eur{font-weight:800;color:var(--ink)}
.ngp-ktable .ngp-t__usd{color:var(--ink-2)}
.ngp-ktable th a{color:var(--ink);text-decoration:none;font-weight:700}
.ngp-ktable th a:hover{color:var(--oranje-text)}
.ngp-t tr.is-selected>*{background:var(--highlight)}
.ngp-t tr.is-selected>*:first-child{box-shadow:inset -4px 0 0 var(--oranje)}
.ngp-t .ngp-chg{font-weight:700;white-space:nowrap}
.ngp-code{font-size:12px;color:var(--muted);font-weight:600}
.ngp-nowrap{white-space:nowrap}
@media (max-width:520px){.ngp-col-oz{display:none}.ngp-t{font-size:14px}.ngp-t th,.ngp-t td{padding:9px 8px}}

/* ---------- teasers ---------- */
.ngp-teaser{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:var(--ink);margin:16px 0}
.ngp-teaser:hover{border-color:var(--oranje);color:var(--ink)}
.ngp-teaser__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ngp-teaser__title{font-family:var(--fh);font-weight:700;font-size:19px}
.ngp-livepill{display:inline-flex;align-items:center;gap:6px;background:var(--oranje);color:#fff;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}
.ngp-livepill__dot{width:7px;height:7px;border-radius:50%;background:#fff}
.ngp-teaser__sub{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.ngp-spark{display:block;width:100%;height:70px;margin:10px 0 6px}
.ngp-ohl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.ngp-ohl div{background:var(--bg);border-radius:10px;padding:6px 8px;text-align:center}
.ngp-ohl dt{font-size:12px;color:var(--muted)}
.ngp-ohl dd{margin:0;font-family:var(--fh);font-weight:700;font-size:15px;color:var(--ink)}
.ngp-teaser__more{display:block;margin-top:10px;font-weight:700;color:var(--oranje-text);font-size:14px}
.ngp-j1teaser{display:flex;gap:14px;align-items:center;background:var(--navy);color:#fff;border-radius:18px;padding:16px;text-decoration:none;margin:16px 0}
.ngp-j1teaser:hover{background:var(--navy-2);color:#fff}
.ngp-j1teaser__tile{width:56px;height:56px;flex:none;border-radius:14px;background:var(--oranje);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.ngp-j1teaser__d{font-family:var(--fh);font-weight:800;font-size:22px}
.ngp-j1teaser__m{font-size:11px;margin-top:3px}
.ngp-j1teaser__title{display:block;font-family:var(--fh);font-weight:700;font-size:18px;color:#fff}
.ngp-j1teaser__line{display:block;font-size:13.5px;color:var(--on-dark);line-height:1.6}

/* ---------- bars & liras ---------- */
.ngp-bars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:768px){.ngp-bars{grid-template-columns:repeat(3,minmax(0,1fr))}.ngp-bars--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ngp-bar{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ngp-bar__label{font-size:14px;color:var(--muted);font-weight:600}
.ngp-bar__v{font-family:var(--fh);font-weight:700;font-size:21px;color:var(--ink);line-height:1.3}
.ngp-bar__usd{font-size:13px;color:var(--ink-2)}
.ngp-lira__spec{font-size:12.5px;color:var(--muted)}

/* ---------- app card ---------- */
.ngp-app{display:flex;gap:14px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:16px;text-decoration:none;margin:28px 0}
.ngp-app:hover{color:#fff;background:#0e1a29}
.ngp-app__tile{width:54px;height:54px;flex:none;border-radius:14px;background:var(--oranje);display:grid;place-items:center}
.ngp-app__tile svg{width:26px;height:26px}
.ngp-app__title{display:block;font-family:var(--fh);font-weight:700;font-size:18px}
.ngp-app__line{display:block;font-size:13.5px;color:var(--on-dark);line-height:1.6}

/* ---------- article cards ---------- */
.ngp-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media (min-width:768px){.ngp-cards--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ngp-acard{display:block;background:var(--surface);border:1px solid var(--line);border-right:4px solid var(--oranje);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--ink);height:100%}
.ngp-acard:hover{border-color:var(--oranje)}
.ngp-acard__cat{display:block;font-size:12px;font-weight:700;color:var(--oranje-text)}
.ngp-acard__t{display:block;font-size:16px;font-weight:700;line-height:1.55;color:var(--ink);margin-top:2px}
.ngp-acard__x{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.6}
.ngp-acard__img{display:block;border-radius:10px;margin:-2px 0 10px;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.ngp-pager{display:flex;gap:8px;justify-content:center;margin:24px 0}
.ngp-pager a,.ngp-pager span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;background:#fff;border:1px solid var(--line);text-decoration:none}
.ngp-pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- FAQ ---------- */
.ngp-faq{margin:28px 0}
.ngp-faq__item{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0 0 10px;overflow:hidden}
.ngp-faq__q{margin:0;font-size:16px;font-family:var(--fb)}
.ngp-faq__q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:12px 14px;min-height:54px;text-align:right;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;line-height:1.6}
.ngp-faq__ico{width:30px;height:30px;flex:none;border-radius:9px;background:var(--oranje-soft);color:var(--oranje-text);display:grid;place-items:center;font-size:20px;font-weight:700;line-height:1}
.ngp-faq__ico::before{content:"+"}
.ngp-faq__q button[aria-expanded="true"] .ngp-faq__ico{background:var(--navy);color:#fff}
.ngp-faq__q button[aria-expanded="true"] .ngp-faq__ico::before{content:"−"}
.ngp-faq__a{padding:0 14px 12px;color:var(--ink-2)}
.ngp-faq__a>*:last-child{margin-bottom:0}
.ngp-faq__a.is-collapsed{display:none}

/* ---------- live tool ---------- */
.ngp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ngp-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3em;min-height:44px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none}
.ngp-chip:hover{border-color:var(--oranje);color:var(--ink)}
.ngp-chip.is-active{background:var(--oranje);border-color:var(--oranje);color:#fff}
.ngp-lt__card{background:var(--navy);color:#fff;border-radius:22px;padding:16px;overflow:hidden}
.ngp-lt__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ngp-lt__label{margin:0;color:var(--gold-soft);font-weight:600;font-size:14px}
.ngp-lt__counter{margin:0;background:var(--oranje);color:#fff;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:700}
.ngp-lt__price{font-family:var(--fh);font-weight:800;font-size:46px;line-height:1.2;margin:4px 0 8px;color:#fff}
.ngp-chart{position:relative;margin:0 -4px}
.ngp-chart__svg{display:block;width:100%;height:auto}
.ngp-chart__x{position:relative;height:22px;font-size:12px;color:var(--on-dark)}
.ngp-chart__x span{position:absolute;top:2px;transform:translateX(0);white-space:nowrap}
.ngp-chart__x span[style*="left:25%"],.ngp-chart__x span[style*="left:50%"]{transform:translateX(-50%)}
.ngp-chart__now{transform:translateX(-50%);color:#fff;font-weight:700}
.ngp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
@media (min-width:768px){.ngp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ngp-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.ngp-stat__l{display:block;font-size:13px;color:var(--muted)}
.ngp-stat__v{display:block;font-family:var(--fh);font-weight:700;font-size:18px;color:var(--ink)}
.ngp-lt__h{font-size:20px;margin:22px 0 10px}

/* ---------- calculators & forms ---------- */
.ngp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ngp-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.ngp-presets .ngp-chip{min-height:44px;padding:4px 12px;font-size:14px}
.ngp-calc__grid,.ngp-j1__inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:420px){.ngp-calc__grid{grid-template-columns:1fr}}
.ngp-field{display:flex;flex-direction:column;gap:4px}
.ngp-field label{font-size:14px;font-weight:600;color:var(--ink)}
.ngp-in{height:48px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%}
.ngp-in:focus{border-color:var(--oranje)}
input.ngp-in{direction:ltr;text-align:left}
.ngp-check{display:flex;gap:8px;align-items:flex-start;margin:12px 0 4px;font-size:14px;line-height:1.6;cursor:pointer}
.ngp-check input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--oranje)}
.ngp-help{font-size:13px;color:var(--muted);margin:6px 0 0}
.ngp-calc__out{display:grid;gap:8px;margin-top:14px;background:var(--navy);color:#fff;border-radius:16px;padding:14px}
.ngp-calc__out div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.ngp-calc__out span{color:var(--on-dark);font-size:14px}
.ngp-calc__out output{font-family:var(--fh);font-weight:800;font-size:22px}

/* 1 January tool */
.ngp-j1__grid{display:grid;gap:14px}
@media (min-width:860px){.ngp-j1__grid{grid-template-columns:1fr 1fr}}
.ngp-j1__out{background:var(--navy);color:#fff;border-radius:18px;padding:18px}
.ngp-j1__lbl{margin:0;color:var(--gold-soft);font-weight:600}
.ngp-j1__big{font-family:var(--fh);font-weight:800;font-size:40px;line-height:1.25;margin:4px 0 10px;color:#fff}
.ngp-j1__empty,.ngp-j1__na{font-size:18px;font-weight:600;color:var(--on-dark);font-family:var(--fb)}
.ngp-j1__dl{margin:0;display:grid;gap:8px}
.ngp-j1__dl div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(199,210,222,.25);padding-top:8px;flex-wrap:wrap}
.ngp-j1__dl dt{color:var(--on-dark);font-size:14px}
.ngp-j1__dl dd{margin:0;font-weight:700}
.ngp-j1__src{font-size:12.5px;color:var(--on-dark);margin:10px 0 0}
.ngp-j1__info{background:var(--oranje-soft);border-radius:18px;padding:16px 18px;margin-top:14px;color:var(--ink)}
.ngp-j1__info p:last-child{margin-bottom:0}
.ngp-j1__disc{font-size:13.5px;font-weight:700}

/* karat page card */
.ngp-kcard{background:var(--navy);color:#fff;border-radius:22px;padding:16px;margin:0 0 22px}
.ngp-kcard__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ngp-kcard__label{margin:0;color:var(--gold-soft);font-weight:600;font-size:13px}
.ngp-kcard__price{margin:0;font-family:var(--fh);font-weight:800;font-size:42px;line-height:1.2;color:#fff}
.ngp-kcard__usd{margin:0;color:var(--on-dark);font-weight:600}
.ngp-kcard__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 12px}
.ngp-kcard__facts div{background:rgba(255,255,255,.08);border-radius:12px;padding:8px 10px}
.ngp-kcard__facts dt{font-size:12px;color:var(--on-dark)}
.ngp-kcard__facts dd{margin:0;font-weight:700;font-size:14px}
@media (max-width:420px){.ngp-kcard__facts{grid-template-columns:1fr 1fr}}
.ngp-knav ul{list-style:none;margin:16px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ngp-hist__chart{margin:0;padding:12px 12px 4px}
.ngp-hist__chart svg{width:100%;height:120px;display:block}
.ngp-hist__chart figcaption{font-size:12.5px;color:var(--muted);direction:rtl}

/* contact form */
.ngp-form{display:grid;gap:12px;max-width:620px}
.ngp-form textarea.ngp-in{height:auto;min-height:160px;padding:10px 12px;direction:rtl;text-align:right}
.ngp-form input[type=email].ngp-in{direction:ltr}
.ngp-form .ngp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ngp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--navy);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ngp-btn:hover{background:var(--navy-2)}
.ngp-msg{border-radius:12px;padding:12px 16px;background:var(--highlight);color:var(--ink)}

/* ---------- homepage layout ---------- */
.ngp-home{display:flex;flex-direction:column}
.ngp-home__row,.ngp-home__main,.ngp-home__side,.ngp-home__duo{display:contents}
.ngp-o1{order:1}.ngp-o2{order:2}.ngp-o3{order:3}.ngp-o4{order:4}.ngp-o5{order:5}.ngp-o6{order:6}.ngp-o7{order:7}.ngp-o8{order:8}.ngp-o9{order:9}.ngp-o10{order:10}.ngp-o11{order:11}.ngp-o12{order:12}
.ngp-home .ngp-ktable{margin-top:24px}
.ngp-latest h2{font-size:22px;margin:0 0 12px}
@media (min-width:960px){
	.ngp-home{display:block}
	.ngp-home__row{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
	.ngp-home__main{display:block;flex:999 1 560px;min-width:0}
	.ngp-home__side{display:block;flex:1 1 340px;min-width:0;padding-top:22px}
	.ngp-home__side .ngp-ktable{margin-top:0}
	.ngp-home__side .ngp-ktable .ngp-t__usd{display:none}
	.ngp-home__side .ngp-ktable h2{font-size:19px}
	.ngp-home__duo{display:flex;gap:28px;align-items:flex-start}
	.ngp-home__duo>*{flex:1 1 0;min-width:0}
	.ngp-home .ngp-content{max-width:860px}
}

/* ---------- footer ---------- */
.ngp-skyline{display:block;width:100%;height:34px;margin-top:24px}
.ngp-footer{background:var(--navy);color:var(--on-dark);padding:24px 16px 30px}
.ngp-footer__in{max-width:1200px;margin:0 auto}
.ngp-footer .ngp-logo{width:42px;height:42px}
.ngp-footer .ngp-wordmark__name{color:#fff}
.ngp-footer .ngp-wordmark__tag{color:var(--on-dark)}
.ngp-footer .ngp-brand{color:#fff}
.ngp-footer__links{list-style:none;margin:16px 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.ngp-footer__links a{color:#fff;font-size:15px;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.ngp-footer__links a:hover{text-decoration:underline;color:#fff}
.ngp-footer__txt{font-size:13px;color:var(--on-dark);margin:0;max-width:760px;line-height:1.8}
@media (min-width:768px){.ngp-footer{padding:36px 0 44px}.ngp-footer__in{padding:0 var(--gut)}}

/* ---------- misc ---------- */
.ngp-404{padding:40px 0}
.ngp-search{display:flex;gap:8px;max-width:520px}
.ngp-search .ngp-in{flex:1}
.ngp-featured{margin:0 0 22px}
.ngp-featured img{display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:16/9;object-fit:cover}
.ngp-related h2{font-size:20px}
