*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans Devanagari,Helvetica,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.left-3{left:.75rem}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-1{grid-column:span 1/span 1}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.m-0{margin:0}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mt-0\.5{margin-top:-.125rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.\!h-8{height:2rem!important}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[22\%\]{height:22%}.h-\[22rem\]{height:22rem}.h-\[88px\]{height:88px}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-44{max-height:11rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.max-h-\[55vh\]{max-height:55vh}.max-h-\[65vh\]{max-height:65vh}.min-h-0{min-height:0}.min-h-48{min-height:12rem}.min-h-screen{min-height:100vh}.\!w-8{width:2rem!important}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[240px\]{width:240px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-44{min-width:11rem}.min-w-48{min-width:12rem}.max-w-2xl{max-width:42rem}.max-w-\[140px\]{max-width:140px}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-page{max-width:1120px}.max-w-screen-2xl{max-width:1536px}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-10{row-gap:2.5rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-9{row-gap:2.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-\[\#c4b5fd\]{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity,1))}.border-\[\#e2e0dc\]{--tw-border-opacity:1;border-color:rgb(226 224 220/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-brand{--tw-border-opacity:1;border-color:rgb(76 1 6/var(--tw-border-opacity,1))}.border-brand\/30{border-color:rgba(76,1,6,.3)}.border-brand\/60{border-color:rgba(76,1,6,.6)}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-ink\/20{border-color:rgba(26,26,26,.2)}.border-ink\/5{border-color:rgba(26,26,26,.05)}.border-line{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-l-brand{--tw-border-opacity:1;border-left-color:rgb(76 1 6/var(--tw-border-opacity,1))}.bg-\[\#e0301e\]{--tw-bg-opacity:1;background-color:rgb(224 48 30/var(--tw-bg-opacity,1))}.bg-\[\#f4f3f0\]{--tw-bg-opacity:1;background-color:rgb(244 243 240/var(--tw-bg-opacity,1))}.bg-\[\#f5f3ff\]{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\/0{background-color:transparent}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand{--tw-bg-opacity:1;background-color:rgb(76 1 6/var(--tw-bg-opacity,1))}.bg-brand\/10{background-color:rgba(76,1,6,.1)}.bg-brand\/15{background-color:rgba(76,1,6,.15)}.bg-brand\/5{background-color:rgba(76,1,6,.05)}.bg-branddk{--tw-bg-opacity:1;background-color:rgb(49 0 3/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-ink\/10{background-color:rgba(26,26,26,.1)}.bg-ink\/15{background-color:rgba(26,26,26,.15)}.bg-ink\/5{background-color:rgba(26,26,26,.05)}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-50\/40{background-color:hsla(0,86%,97%,.4)}.bg-transparent{background-color:transparent}.bg-wash{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-wash\/60{background-color:hsla(0,0%,96%,.6)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/85{--tw-gradient-from:rgba(0,0,0,.85) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-black\/25{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.25) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pb-px{padding-bottom:1px}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-0{padding-right:0}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Noto Sans Devanagari,Helvetica,Arial,sans-serif}.font-serif{font-family:"Noto Serif Devanagari",Georgia,serif}.\!text-\[13px\]{font-size:13px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17\.5px\]{font-size:17.5px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.text-\[9\.5px\]{font-size:9.5px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.85\]{line-height:1.85}.leading-\[1\.9\]{line-height:1.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#16130f\]{--tw-text-opacity:1;color:rgb(22 19 15/var(--tw-text-opacity,1))}.text-\[\#16130f\]\/40{color:rgba(22,19,15,.4)}.text-\[\#16130f\]\/50{color:rgba(22,19,15,.5)}.text-\[\#16130f\]\/80{color:rgba(22,19,15,.8)}.text-\[\#2a2a2a\]{--tw-text-opacity:1;color:rgb(42 42 42/var(--tw-text-opacity,1))}.text-\[\#6d28d9\]{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-brand{--tw-text-opacity:1;color:rgb(76 1 6/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-faint{--tw-text-opacity:1;color:rgb(138 138 138/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.text-ink\/15{color:rgba(26,26,26,.15)}.text-ink\/20{color:rgba(26,26,26,.2)}.text-ink\/25{color:rgba(26,26,26,.25)}.text-ink\/30{color:rgba(26,26,26,.3)}.text-ink\/35{color:rgba(26,26,26,.35)}.text-ink\/40{color:rgba(26,26,26,.4)}.text-ink\/45{color:rgba(26,26,26,.45)}.text-ink\/50{color:rgba(26,26,26,.5)}.text-ink\/55{color:rgba(26,26,26,.55)}.text-ink\/60{color:rgba(26,26,26,.6)}.text-ink\/65{color:rgba(26,26,26,.65)}.text-ink\/70{color:rgba(26,26,26,.7)}.text-ink\/75{color:rgba(26,26,26,.75)}.text-ink\/80{color:rgba(26,26,26,.8)}.text-ink\/85{color:rgba(26,26,26,.85)}.text-line{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-soft{--tw-text-opacity:1;color:rgb(90 90 90/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.accent-brand{accent-color:#4c0106}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition:after{content:var(--tw-content);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:border-brand\/30:hover{border-color:rgba(76,1,6,.3)}.hover\:border-brand\/40:hover{border-color:rgba(76,1,6,.4)}.hover\:border-brand\/50:hover{border-color:rgba(76,1,6,.5)}.hover\:bg-\[\#b82517\]:hover{--tw-bg-opacity:1;background-color:rgb(184 37 23/var(--tw-bg-opacity,1))}.hover\:bg-\[\#ede9fe\]:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,.05)}.hover\:bg-brand\/5:hover{background-color:rgba(76,1,6,.05)}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-ink\/15:hover{background-color:rgba(26,26,26,.15)}.hover\:bg-ink\/5:hover{background-color:rgba(26,26,26,.05)}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-brand:hover{--tw-text-opacity:1;color:rgb(76 1 6/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.hover\:text-ink\/70:hover{color:rgba(26,26,26,.7)}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#e0301e\]:focus{--tw-border-opacity:1;border-color:rgb(224 48 30/var(--tw-border-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#e0301e\]\/10:focus{--tw-ring-color:rgba(224,48,30,.1)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98}.group:hover .group-hover\:bg-black\/10{background-color:rgba(0,0,0,.1)}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-brand{--tw-bg-opacity:1;background-color:rgb(76 1 6/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-4:after{--tw-translate-x:1rem}.peer:checked~.peer-checked\:after\:translate-x-4:after,.peer:checked~.peer-checked\:after\:translate-x-5:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:translate-x-5:after{--tw-translate-x:1.25rem}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:w-40{width:10rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-\[38px\]{font-size:38px}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:w-36{width:9rem}.lg\:w-40{width:10rem}.lg\:flex-none{flex:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:border-l{border-left-width:1px}.lg\:border-line{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.lg\:p-7{padding:1.75rem}.lg\:pl-8{padding-left:2rem}}@media (min-width:1280px){.xl\:w-72{width:18rem}.xl\:w-80{width:20rem}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}}/* ============================================================================
   TCN (The Credible News) — Site-wide custom CSS (production build)
   ----------------------------------------------------------------------------
   Consolidated from the per-page <style> blocks that used to be inlined in
   index.php, index_web.php, category.php, category_mobile.php, view_web.php,
   view_mobile.php, quick_mobile.php and header_mobile.php. Loaded after the
   compiled Tailwind utility layer above, so these rules win on conflicts.

   Shared rules apply to every public page. Rules that differ between the
   mobile and desktop templates are scoped under .tch-mobile / .tch-desktop
   (set on <body> by each template) to avoid one device's styling leaking
   into the other now that everything ships from a single stylesheet.
   ============================================================================ */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{height:100%}
body{background:#fff;margin:0;color:#1a1a1a;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
main{flex:1 0 auto}
footer{flex-shrink:0}

/* ── Google AdSense: collapse unfilled/blocked ad units ──────────────────────
   Google's adsbygoogle.js sets data-ad-status="unfilled" on an <ins> when a
   request comes back with no ad to show (including outright rejections, e.g.
   HTTP 400s from an unauthorized domain like localhost, or ad/tracking
   blockers preventing the response from resolving). Per Google's own docs,
   the page is responsible for hiding these — otherwise the space reserved
   for the ad stays in the layout permanently, which is what produced the
   blank space after the footer/inside ad rows. This rule is unconditional
   and applies to every ad placement across every template. */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
ins.adsbygoogle[data-anchor-status="dismissed"]{display:none!important}
/* Modern safety net: collapse the whole ad wrapper (label + padding + reserved
   height) the instant Google marks the unit unfilled — no JS/timing race. This
   is what prevents the empty "Advertisement" boxes and the blank gap after the
   footer. :has() is supported in all current mobile/desktop browsers. */
.ad-banner:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.ad-card:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}
/* Never let a responsive ad slot reserve a tall empty area before it resolves. */
ins.adsbygoogle{max-width:100%;overflow:hidden}
ins.adsbygoogle:not([data-ad-status]){min-height:0}
::selection{background:#4c010622}
a,button{cursor:pointer;touch-action:manipulation}
img{max-width:100%;display:block}

.lh-tight{line-height:1.3}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hover-title{transition:color .12s ease}
a:hover .hover-title,button:hover .hover-title,.hover-title:hover{color:#4c0106;text-decoration:underline;text-underline-offset:3px}

/* Desktop shell: full-height flex column so the footer sits at the bottom.
   height:auto overrides the generic html,body{height:100%} above — leaving
   a hard 100% height on a flex column whose content is taller than one
   viewport caused the box to overflow its own fixed height, which is what
   produced the stray/blank scrollable area below the footer on some pages. */
.tch-desktop body,.tch-desktop{display:flex;flex-direction:column;min-height:100vh;height:auto;overscroll-behavior-y:none}

/* Section header: bold title with short brand bar (shared skeleton, sizes vary per device below) */
.sec-head{display:flex;align-items:center;gap:.65rem;border-top:2px solid #1a1a1a;padding-top:.7rem}
.sec-head .bar{width:5px;height:22px;background:#4c0106;display:inline-block}
.sec-head h1,.sec-head h2{font-weight:800;margin:0;line-height:1}
.sec-head .see-all{margin-left:auto;font-size:11.5px;font-weight:700;color:#4c0106;text-decoration:none}
.tch-desktop .sec-head h1{font-size:24px}
.tch-desktop .sec-head h2{font-size:22px}
.tch-mobile .sec-head{gap:.55rem;padding-top:.65rem}
.tch-mobile .sec-head .bar{width:4px;height:20px;border-radius:1px}
.tch-mobile .sec-head h1{font-size:21px}
.tch-mobile .sec-head h2{font-size:16px}
#section-feed .sec-head,#index-web .sec-head{}

/* Nav (desktop masthead category strip) */
.nav-link{position:relative;color:#fff;font-weight:500;font-size:14.5px;padding:11px 14px;white-space:nowrap;transition:background .15s ease;text-decoration:none;display:inline-block}
.nav-link:hover{background:#6d0209}
.nav-link.nav-on{background:#fff;color:#310003}

/* Nested categories checked for nav render as a dropdown under their parent */
.nav-drop{position:relative;display:inline-block}
.nav-drop-caret{font-style:normal;font-size:10px;margin-left:2px;opacity:.8}
.nav-drop-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:40;padding:6px 0;border-radius:0 0 4px 4px}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:block}
.nav-drop-item{display:block;color:#310003;font-size:13.5px;font-weight:500;padding:9px 16px;text-decoration:none;white-space:nowrap;transition:background .15s ease}
.nav-drop-item:hover{background:#f4e6e6}
.nav-drop-item-on{background:#eddada;font-weight:700}

.fade-up{animation:fadeUp .3s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.skeleton{background:linear-gradient(90deg,#efefef 25%,#f7f7f7 50%,#efefef 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.ad-tag{letter-spacing:.06em}
.empty-icon{opacity:.18;margin-bottom:10px}

.live-dot{position:relative;width:8px;height:8px;border-radius:99px;background:#c00;display:inline-block}
.live-dot::after{content:'';position:absolute;inset:-4px;border-radius:99px;background:#c003;animation:pulse 1.6s infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}

/* Reader overlay (legacy SPA reader, kept for compatibility) */
#reader{position:fixed;inset:0;z-index:60;background:#fff;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .22s ease}
#reader.open{opacity:1;pointer-events:auto}
body.reader-open{overflow:hidden}
#read-progress{position:fixed;top:0;left:0;height:3px;background:#4c0106;width:0;z-index:80;transition:width .1s linear}

/* Desktop search modal */
#search-overlay{position:fixed;inset:0;z-index:70;background:rgba(26,26,26,.55);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:11vh}
#search-overlay.open{display:flex}

/* Article body typography (shared skeleton; sizes tuned per device below) */
.prose-news p{margin-top:1.1rem}
.prose-news strong{font-weight:700;color:#1a1a1a}
.prose-news em{font-style:italic}
.prose-news a{color:#4c0106;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.prose-news ul,.prose-news ol{margin-top:1.05rem;padding-left:1.4rem}
.prose-news ul{list-style:disc}.prose-news ol{list-style:decimal}
.prose-news li{margin-top:.42rem}
.prose-news li[data-list="bullet"]{list-style:disc}
.prose-news li[data-list="ordered"]{list-style:decimal}
.prose-news li .ql-ui{display:none}
.prose-news blockquote{border-left:4px solid #4c0106;background:#f9f6f6;padding:.85rem 1.1rem;margin-top:1.35rem;font-style:italic;color:#3a3a3a}
.prose-news img{margin-top:1.25rem;width:100%;height:auto}
.prose-news .source-list{list-style:none;padding:0;margin-top:.6rem}
.prose-news .source-list li{padding:.65rem 0;border-bottom:1px solid #eee;font-size:15px}
.prose-news .source-link{color:#4c0106;text-decoration:none;font-weight:700}
.prose-news .src-title{color:#5a5a5a}
.prose-news .author{color:#8a8a8a;font-size:13px}
.prose-news .article-dek{font-style:italic;color:#4a4a4a;font-size:18px}
.tch-desktop .prose-news{font-size:17.5px;line-height:1.9;color:#2a2a2a}
.tch-desktop .prose-news h2{font-weight:800;font-size:25px;line-height:1.35;margin-top:2rem}
.tch-desktop .prose-news h3{font-weight:700;font-size:21px;line-height:1.35;margin-top:1.7rem}
.tch-desktop .prose-news h4{font-weight:700;font-size:18px;margin-top:1.4rem}
.tch-desktop .prose-news h5{font-weight:600;font-size:16.5px;margin-top:1.2rem}
.tch-desktop .prose-news img{border-radius:0}
.tch-mobile .prose-news{font-size:15.5px;line-height:1.85;color:#2a2a2a}
.tch-mobile .prose-news h2{font-weight:800;font-size:20px;line-height:1.35;margin-top:1.7rem}
.tch-mobile .prose-news h3{font-weight:700;font-size:18px;line-height:1.35;margin-top:1.5rem}
.tch-mobile .prose-news h4{font-weight:700;font-size:16.5px;margin-top:1.3rem}
.tch-mobile .prose-news blockquote{font-size:14.5px}
.tch-mobile .prose-news img{border-radius:8px}
.tch-mobile .prose-news .author{font-size:12px}
.tch-mobile .prose-news .article-dek{font-size:16.5px}

/* Quick strip horizontal scroll (desktop headline strip) */
.quick-strip{scrollbar-width:none}
.quick-strip::-webkit-scrollbar{display:none}

/* Numbered "most read" list (desktop) */
.pop-num{font-size:30px;font-weight:800;color:#4c0106;line-height:1;width:34px;flex-shrink:0}

/* Lead story dek / standfirst */
.lead-dek{font-family:"Noto Serif Devanagari",Georgia,serif;font-style:italic;color:#4a4a4a;line-height:1.55}
.tch-desktop .lead-dek{font-size:16.5px}
.tch-mobile .lead-dek{font-size:15px}

/* Masthead tagline under the wordmark (desktop + mobile headers).
   Devanagari has no true italic face, so browsers synthesise the slant. */
.tch-tagline{font-family:"Noto Serif Devanagari",Georgia,serif;font-style:italic;
             letter-spacing:.02em;white-space:nowrap}

/* Featured top-rail cards — equal-height alignment (desktop) */
.rail-card{display:flex;flex-direction:column;height:100%}
.rail-card .meta{margin-top:auto;padding-top:.6rem}

/* "More News" horizontal list cards (image left, text right) — desktop only */
.feed-h-card{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #e6e6e6}
.feed-h-card .thumb{width:120px;height:88px;flex-shrink:0;overflow:hidden;background:#f4f4f4}
.feed-h-card .thumb img{width:100%;height:100%;object-fit:cover}

/* Advertisement banner row — full-width horizontal strip */
.ad-banner{width:100%;border:1px solid #e6e6e6;background:#fafafa;position:relative;padding:0 4px}
.ad-banner::before{content:'Advertisement';position:absolute;top:6px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#b3aeae;text-transform:uppercase}
/* Units that print their own "Advertisement · Brand" line (ad_render_* in
   ads.php) must not ALSO get the generic pseudo-label stamped over the image. */
.ad-banner:has(.ad-tag)::before{content:none}
/* Creative artwork is cropped to the zone's sold ratio in admin, so nothing on
   the public side may re-crop it with a fixed height. */
.ad-banner img,.ad-card img{max-width:100%;height:auto}
.ad-banner .ad-card{width:100%;max-width:920px;border:none;background:transparent}
.tch-desktop .ad-banner{display:flex;align-items:center;justify-content:center;min-height:110px}
/* A rail unit is portrait (300x600) — centring it in a flex row squashes it. */
.tch-desktop .ad-banner.ad-rail{display:block;min-height:0}
.ad-card{width:100%;max-width:100%}

/* Opinion cards — distinct from editorial (desktop) */
.opinion-card{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #e6e6e6}
.opinion-avatar{width:46px;height:46px;border-radius:99px;background:#4c0106;color:#fff;font-weight:800;font-size:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center}

/* Section sub-styles: editorial / opinion visual distinction (desktop) */
.sec-head.sec-head-editorial{border-top-color:#4c0106}
.sec-head.sec-head-opinion h2{font-family:"Noto Serif Devanagari",Georgia,serif}

/* Related-article rows (both devices, sizes differ) */
.rel-card{display:flex;padding:12px 0;border-bottom:1px solid #e6e6e6;text-decoration:none;color:inherit}
.rel-card .thumb{flex-shrink:0;overflow:hidden;background:#f4f4f4}
.rel-card .thumb img{width:100%;height:100%;object-fit:cover}
.tch-desktop .rel-card{gap:12px}
.tch-desktop .rel-card .thumb{width:90px;height:68px}
.tch-mobile .rel-card{gap:11px;padding:11px 0}
.tch-mobile .rel-card:active{opacity:.7}
.tch-mobile .rel-card .thumb{width:78px;height:60px;border-radius:8px}

.social-ic:hover{background:var(--sm-color);}

/* Share buttons (both devices, sizes differ) */
.share-btn{border-radius:50%;display:grid;place-items:center;background:#f4f4f4;color:#4c0106;transition:background .15s ease,color .15s ease,transform .1s ease;flex-shrink:0}
.share-btn:hover{background:#4c0106;color:#fff}
.tch-desktop .share-btn{width:28px;height:28px}
.tch-desktop .share-btn i{font-size:12.5px;line-height:1}
.tch-mobile .share-btn{width:36px;height:36px}
.tch-mobile .share-btn:active{transform:scale(.92)}
.tch-mobile .share-btn i{font-size:14px;line-height:1}

/* Category / listing cards (desktop category.php) */
.cat-card .thumb{width:100%;height:170px;overflow:hidden;background:#f4f4f4}
.cat-card .thumb img{width:100%;height:100%;object-fit:cover}

/* ============================================================================
   MOBILE-ONLY components (headers, feed rows, cards, quick swiper, toast)
   ============================================================================ */

/* Compact sticky mobile header (article view) */
#m-header{position:sticky;top:0;z-index:50;transition:box-shadow .2s ease}
#m-header.scrolled{box-shadow:0 4px 10px rgba(0,0,0,.15)}
.m-icon-btn{width:34px;height:34px;border-radius:99px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;flex-shrink:0;transition:background .15s ease}
.m-icon-btn:active{background:rgba(255,255,255,.28)}

/* Smart sticky mobile masthead (home / listing) */
.tch-m-header{position:sticky;top:0;z-index:50;transform:translateY(0);transition:transform .28s ease, box-shadow .28s ease;}
.tch-m-header.m-header--hidden{transform:translateY(-100%);}
.tch-m-header.m-header--shadow{box-shadow:0 4px 12px rgba(0,0,0,.18);}
.m-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch}
.m-chips::-webkit-scrollbar{display:none}
.m-chip{white-space:nowrap;padding:4px 13px;border-radius:99px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;flex-shrink:0}
.m-chip-on{background:#fff;color:#310003}

/* Nested categories checked for nav render as a dropdown (native <details>)
   under their nav-enabled parent chip on mobile */
.m-chip-group{position:relative;flex-shrink:0}
.m-chip-summary{display:flex;align-items:center;gap:4px;cursor:pointer;list-style:none}
.m-chip-summary::-webkit-details-marker{display:none}
.m-chip-summary a{color:inherit;text-decoration:none}
.m-chip-caret{font-size:9px;opacity:.85}
.m-chip-group[open] .m-chip-summary{background:#fff;color:#310003;border-radius:99px}
.m-chip-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.22);padding:4px 0;z-index:40;min-width:160px}
.m-chip-menu-item{display:block;padding:8px 14px;color:#310003;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}
.m-chip-menu-item:active,.m-chip-menu-item-on{background:#f4e6e6}
#m-search-overlay{position:fixed;inset:0;z-index:70;background:rgba(26,26,26,.55);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center}
#m-search-overlay.open{display:flex}

/* Reading progress bar */
#m-progress{position:fixed;top:0;left:0;height:3px;background:#4c0106;z-index:60;width:0%;transition:width .1s linear}

.cat-badge{font-size:10px;font-weight:800;color:#4c0106;text-transform:uppercase;letter-spacing:.03em}

/* Lead story + feed rows (mobile home) */
.m-feed-row{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit}
.m-feed-row:active{opacity:.7}

/* Horizontal scroll-snap strips (top stories) — no JS carousel */
.snap-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px 4px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.snap-strip::-webkit-scrollbar{display:none}
.snap-strip>*{scroll-snap-align:start;flex-shrink:0}
.snap-strip>a{display:flex;flex-direction:column}
.snap-strip>a>img{height:112px;flex-shrink:0}
.snap-strip .card-body{display:flex;flex-direction:column;flex:1 1 auto}
.snap-strip .card-meta{margin-top:auto;padding-top:6px}

.m-avatar{border-radius:99px;object-fit:cover;border:2px solid #4c0106;flex-shrink:0}
.m-avatar-fallback{border-radius:99px;background:#f4f4f4;color:#5a5a5a;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #4c0106;flex-shrink:0}

/* Category / type listing rows: image left, text right (mobile) */
.m-list-card{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e6e6e6;text-decoration:none;color:inherit}
.m-list-card:active{opacity:.7}
.m-list-card .thumb{width:110px;height:80px;flex-shrink:0;overflow:hidden;background:#f4f4f4;border-radius:10px}
.m-list-card .thumb img{width:100%;height:100%;object-fit:cover}

/* Toast (copy-link confirmation) */
.tch-toast{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);z-index:80;background:#310003;color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:99px;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;white-space:nowrap}
.tch-toast.show{opacity:1;transform:translate(-50%,-6px)}

/* ── Quick swiper (Inshorts-style vertical card view) ─────────────────────── */
html:has(body.tch-quick){height:100%;overflow:hidden}
.tch-quick{background:#310003;margin:0;height:100%;overflow:hidden;overscroll-behavior-y:none}
#quick-app{height:100dvh;display:flex;flex-direction:column}
.card-swiper{flex:1 1 auto;min-height:0}
.card-swiper,.card-swiper .swiper-wrapper,.card-swiper .swiper-slide{height:100%}
.q-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}
.q-scroll::-webkit-scrollbar{display:none}
/* .bg-paper is not part of the compiled Tailwind utility set — defined here so
   Quick card bodies render light instead of showing the dark page background. */
.bg-paper{background-color:#fbfaf8}

/* ── In-article embeds (YouTube / X / Instagram / Facebook) ───────────────── */
/* The container is rendered by tch-embeds.php and upgraded by tch-embeds.js.
   These rules make it behave on mobile even before the JS/SDK arrives. */
.prose-news .tch-embed{margin:1.6rem 0;max-width:100%;overflow:hidden}
.prose-news .tch-embed iframe{max-width:100%;border:0}

/* YouTube: hold a 16:9 box so the page never reflows as Plyr initialises */
.prose-news .tch-embed-youtube{border-radius:12px;background:#000}
.prose-news .tch-embed-youtube .plyr__video-embed,
.prose-news .tch-embed-youtube .plyr{border-radius:12px;overflow:hidden}
.prose-news .tch-embed-youtube .tch-embed-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.prose-news .tch-embed-youtube .tch-embed-frame > iframe{position:absolute;inset:0;width:100%;height:100%}
/* Once Plyr takes over it manages its own ratio box — drop ours so the
   controls are not clipped by the absolutely-positioned iframe. */
.prose-news .tch-embed-youtube .plyr .tch-embed-frame,
.prose-news .tch-embed-youtube .plyr__video-wrapper .tch-embed-frame{position:static;aspect-ratio:auto}
.prose-news .tch-embed-youtube .plyr__video-wrapper > iframe{position:absolute}
.prose-news .tch-embed-youtube noscript a{display:block;padding:10px;text-align:center;color:#fff;font-size:13px}

/* Social embeds: centre them and cap the width on desktop */
.prose-news .tch-embed-twitter,
.prose-news .tch-embed-instagram,
.prose-news .tch-embed-facebook{display:flex;justify-content:center}
.prose-news .tch-embed-twitter .twitter-tweet,
.prose-news .tch-embed-instagram .instagram-media{margin:0 auto!important;max-width:100%!important}
.prose-news .tch-embed-facebook .fb-post,
.prose-news .tch-embed-facebook .fb-video{max-width:100%}
.prose-news .tch-embed-facebook span,
.prose-news .tch-embed-facebook iframe{max-width:100%!important}

/* Un-upgraded fallback: a bare blockquote should still read as a link card */
.prose-news .tch-embed-twitter .twitter-tweet:not(.twitter-tweet-rendered),
.prose-news .tch-embed-instagram .instagram-media:not([data-instgrm-rendered]){
  border:1px solid #e6e2dc;border-radius:12px;padding:14px 16px;font-size:14px;word-break:break-all
}