/* Production local CSS bundle generated from the project templates.
   Runtime uses no CSS CDN. tailwind.config.js + src/input.css remain the canonical source for future full Tailwind rebuilds. */
*,*::before,*::after{box-sizing:border-box;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:#fffdfc;color:#121212;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,[role=button]{cursor:pointer}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}[hidden]{display:none!important}[x-cloak]{display:none!important}::selection{background:#ff4a00;color:white}
.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}
.site-container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
.focus-ring:focus{outline:none}.focus-ring:focus-visible{outline:2px solid #ff4a00;outline-offset:2px}
.nav-link{position:relative;border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:rgba(18,18,18,.8);transition:.2s}.nav-link:hover{background:rgba(0,0,0,.05);color:#121212}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:#121212;padding:.875rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:800;color:#fff;box-shadow:0 10px 30px rgba(18,18,18,.08);transition:.3s cubic-bezier(.2,.8,.2,1)}.btn-primary:hover{translate:0 -.125rem;background:#000;box-shadow:0 24px 70px rgba(18,18,18,.18)}.btn-primary:active{translate:0 0}.btn-primary:focus-visible{outline:2px solid #ff4a00;outline-offset:2px}
.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:#fff;padding:.875rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:800;color:#121212;box-shadow:0 10px 30px rgba(18,18,18,.08);transition:.3s cubic-bezier(.2,.8,.2,1)}.btn-light:hover{translate:0 -.125rem;box-shadow:0 24px 70px rgba(18,18,18,.18)}.btn-light:focus-visible{outline:2px solid #ff4a00;outline-offset:2px}
.pill{border-radius:9999px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.8);padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:rgba(18,18,18,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.2s}.pill:hover{translate:0 -.125rem;border-color:rgba(255,74,0,.4);color:#ea3e00;box-shadow:0 10px 30px rgba(18,18,18,.08)}
.glass{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.65);box-shadow:0 18px 60px rgba(18,18,18,.10);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.story-card{display:block;min-width:0}.story-cover{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:1rem;background:#f4f4f4;box-shadow:0 10px 30px rgba(18,18,18,.08);transition:.5s cubic-bezier(.2,.8,.2,1)}.group:hover .story-cover{translate:0 -.5rem;rotate:.4deg;box-shadow:0 24px 70px rgba(18,18,18,.18)}.story-cover img{width:100%;height:100%;object-fit:cover;transition:.7s cubic-bezier(.2,.8,.2,1)}.group:hover .story-cover img{scale:1.055}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.lang-mm{font-family:"Myanmar Text",Pyidaungsu,"Noto Sans Myanmar",sans-serif;font-size:1.075em;line-height:1.8;letter-spacing:0}
.admin-panel{border-radius:1.5rem;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 10px 30px rgba(18,18,18,.08)}.admin-muted-label{font-size:.75rem;line-height:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:rgba(0,0,0,.35)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14px,-12px,0) scale(1.04)}}@keyframes pulseSoft{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.-bottom-32{bottom:calc(-1 * 8rem)}
.-left-24{left:calc(-1 * 6rem)}
.-right-20{right:calc(-1 * 5rem)}
.-top-24{top:calc(-1 * 6rem)}
.-translate-x-full{translate:-100% 0}
.-translate-y-3{translate:0 calc(-1 * .75rem)}
.-z-10{z-index:-10}
.absolute{position:absolute}
.active\:translate-y-0:active{translate:0 0}
.animate-drift{animation:drift 9s ease-in-out infinite}
.animate-float{animation:float 6s ease-in-out infinite}
.animate-pulse-soft{animation:pulseSoft 4s ease-in-out infinite}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.aspect-\[4\/5\]{aspect-ratio:4/5}
.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.bg-\[\#f7f7f8\]{background-color:#f7f7f8}
.bg-\[\#f7f7f8\]\/90{background-color:rgba(247,247,248,0.9)}
.bg-\[\#fffaf7\]{background-color:#fffaf7}
.bg-amber-100{background-color:#fef3c7}
.bg-amber-50{background-color:#fffbeb}
.bg-black{background-color:#000000}
.bg-black\/30{background-color:rgba(0,0,0,0.3)}
.bg-black\/45{background-color:rgba(0,0,0,0.45)}
.bg-black\/5{background-color:rgba(0,0,0,0.05)}
.bg-black\/8{background-color:rgba(0,0,0,0.08)}
.bg-black\/\[0\.025\]{background-color:rgba(0,0,0,0.025)}
.bg-black\/\[0\.035\]{background-color:rgba(0,0,0,0.035)}
.bg-brand-100{background-color:#ffe5d9}
.bg-brand-300\/30{background-color:rgba(255,156,115,0.3)}
.bg-brand-50{background-color:#fff4ef}
.bg-brand-500{background-color:#ff4a00}
.bg-brand-500\/10{background-color:rgba(255,74,0,0.1)}
.bg-brand-500\/20{background-color:rgba(255,74,0,0.2)}
.bg-brand-700\/20{background-color:rgba(201,52,0,0.2)}
.bg-brand-700\/30{background-color:rgba(201,52,0,0.3)}
.bg-brand-800\/20{background-color:rgba(163,47,11,0.2)}
.bg-current{background-color:currentColor}
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-500{background-color:#10b981}
.bg-ink{background-color:#121212}
.bg-ink\/20{background-color:rgba(18,18,18,0.2)}
.bg-mist{background-color:#f4f4f4}
.bg-orange-200\/40{background-color:rgba(254,215,170,0.4)}
.bg-paper{background-color:#fffdfc}
.bg-paper\/85{background-color:rgba(255,253,252,0.85)}
.bg-red-50{background-color:#fef2f2}
.bg-transparent{background-color:transparent}
.bg-white{background-color:#ffffff}
.bg-white\/10{background-color:rgba(255,255,255,0.1)}
.bg-white\/15{background-color:rgba(255,255,255,0.15)}
.bg-white\/5{background-color:rgba(255,255,255,0.05)}
.bg-white\/90{background-color:rgba(255,255,255,0.9)}
.block{display:block}
.blur-2xl{filter:blur(40px)}
.blur-3xl{filter:blur(64px)}
.border{border-width:1px;border-style:solid}
.border-0{border-width:0}
.border-8{border-width:8px;border-style:solid}
.border-amber-200{border-color:#fde68a}
.border-b{border-bottom-width:1px;border-bottom-style:solid}
.border-black\/10{border-color:rgba(0,0,0,0.1)}
.border-black\/5{border-color:rgba(0,0,0,0.05)}
.border-emerald-200{border-color:#a7f3d0}
.border-mist{border-color:#f4f4f4}
.border-r{border-right-width:1px;border-right-style:solid}
.border-red-200{border-color:#fecaca}
.border-t{border-top-width:1px;border-top-style:solid}
.border-white\/10{border-color:rgba(255,255,255,0.1)}
.border-white\/20{border-color:rgba(255,255,255,0.2)}
.border-white\/25{border-color:rgba(255,255,255,0.25)}
.border-white\/30{border-color:rgba(255,255,255,0.3)}
.bottom-0{bottom:0}
.bottom-2{bottom:.5rem}
.bottom-8{bottom:2rem}
.bottom-\[-6rem\]{bottom:-6rem}
.bottom-\[-9rem\]{bottom:-9rem}
.bottom-\[3\%\]{bottom:3%}
.bottom-\[4\%\]{bottom:4%}
.capitalize{text-transform:capitalize}
.col-span-2{grid-column:span 2 / span 2}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.disabled\:opacity-35:disabled{opacity:0.35}
.duration-300{transition-duration:300ms}
.fill-current{fill:currentColor}
.fill-none{fill:none}
.fill-white{fill:#ffffff}
.fill-white\/5{fill:rgba(255,255,255,0.05)}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.focus\:border-brand-500:focus{border-color:#ff4a00}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.font-semibold{font-weight:600}
.gap-1{gap:.25rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-4{column-gap:1rem}
.gap-x-5{column-gap:1.25rem}
.gap-x-8{column-gap:2rem}
.gap-y-2{row-gap:.5rem}
.gap-y-3{row-gap:.75rem}
.gap-y-9{row-gap:2.25rem}
.grid{display:grid}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.group:hover .group-hover\:-rotate-3{rotate:-3deg}
.group:hover .group-hover\:opacity-100{opacity:1.0}
.group:hover .group-hover\:scale-105{scale:1.05}
.h-1\.5{height:.375rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-2{height:.5rem}
.h-2\.5{height:.625rem}
.h-20{height:5rem}
.h-28{height:7rem}
.h-3{height:.75rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-52{height:13rem}
.h-6{height:1.5rem}
.h-64{height:16rem}
.h-7{height:1.75rem}
.h-72{height:18rem}
.h-8{height:2rem}
.h-80{height:20rem}
.h-9{height:2.25rem}
.h-\[24rem\]{height:24rem}
.h-\[26rem\]{height:26rem}
.h-\[28rem\]{height:28rem}
.h-\[72px\]{height:72px}
.h-full{height:100%}
.hidden{display:none}
.hover\:-translate-y-0\.5:hover{translate:0 calc(-1 * .125rem)}
.hover\:bg-black:hover{background-color:#000000}
.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,0.05)}
.hover\:bg-brand-50:hover{background-color:#fff4ef}
.hover\:bg-brand-600:hover{background-color:#ea3e00}
.hover\:bg-red-50:hover{background-color:#fef2f2}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,0.1)}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,0.2)}
.hover\:border-black\/20:hover{border-color:rgba(0,0,0,0.2)}
.hover\:shadow-card:hover{box-shadow:0 10px 30px rgba(18,18,18,.08)}
.hover\:shadow-float:hover{box-shadow:0 24px 70px rgba(18,18,18,.18)}
.hover\:shadow-soft:hover{box-shadow:0 18px 60px rgba(18,18,18,.10)}
.hover\:text-ink:hover{color:#121212}
.inline-flex{display:inline-flex}
.inset-0{inset:0}
.inset-x-0{left:0;right:0}
.inset-y-0{top:0;bottom:0}
.inset-y-1\.5{top:.375rem;bottom:.375rem}
.isolate{isolation:isolate}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.last\:border-0:last-child{border-width:0}
.leading-5{line-height:1.25rem}
.leading-6{line-height:1.5rem}
.leading-7{line-height:1.75rem}
.leading-8{line-height:2rem}
.leading-\[\.95\]{line-height:.95}
.leading-\[1\.02\]{line-height:1.02}
.leading-\[1\.08\]{line-height:1.08}
.leading-\[1\.35\]{line-height:1.35}
.leading-\[1\.45\]{line-height:1.45}
.left-0{left:0}
.left-2{left:.5rem}
.left-\[-4\%\]{left:-4%}
.left-\[-4rem\]{left:-4rem}
.left-\[-8rem\]{left:-8rem}
.left-\[7\%\]{left:7%}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-\[10rem\]{max-width:10rem}
.max-w-\[1440px\]{max-width:1440px}
.max-w-\[570px\]{max-width:570px}
.max-w-\[720px\]{max-width:720px}
.max-w-md{max-width:28rem}
.max-w-sm{max-width:24rem}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.mb-2{margin-bottom:.5rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mb-7{margin-bottom:1.75rem}
.mb-8{margin-bottom:2rem}
.min-h-\[500px\]{min-height:500px}
.min-h-\[650px\]{min-height:650px}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.min-w-24{min-width:6rem}
.min-w-\[168px\]{min-width:168px}
.min-w-\[170px\]{min-width:170px}
.min-w-\[220px\]{min-width:220px}
.min-w-\[850px\]{min-width:850px}
.min-w-\[880px\]{min-width:880px}
.min-w-\[900px\]{min-width:900px}
.min-w-\[930px\]{min-width:930px}
.min-w-\[980px\]{min-width:980px}
.ml-0\.5{margin-left:.125rem}
.ml-4{margin-left:1rem}
.ml-5{margin-left:1.25rem}
.ml-auto{margin-left:auto}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-10{margin-top:2.5rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:.5rem}
.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}
.mt-\[8vh\]{margin-top:8vh}
.mx-auto{margin-left:auto;margin-right:auto}
.normal-case{text-transform:none}
.object-cover{object-fit:cover}
.opacity-0{opacity:0.0}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-3\.5{padding:.875rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.pb-3{padding-bottom:.75rem}
.place-items-center{place-items:center}
.placeholder\:text-black\/30::placeholder{color:rgba(0,0,0,0.3)}
.placeholder\:text-black\/35::placeholder{color:rgba(0,0,0,0.35)}
.pointer-events-none{pointer-events:none}
.pr-20{padding-right:5rem}
.pt-4{padding-top:1rem}
.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-3\.5{padding-left:.875rem;padding-right:.875rem}
.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-3{padding-top:.75rem;padding-bottom:.75rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.relative{position:relative}
.right-1\.5{right:.375rem}
.right-2{right:.5rem}
.right-\[-3rem\]{right:-3rem}
.right-\[-6rem\]{right:-6rem}
.right-\[-7rem\]{right:-7rem}
.right-\[14\%\]{right:14%}
.right-\[2\%\]{right:2%}
.ring-4{--ring-width:4px;box-shadow:0 0 0 var(--ring-width) var(--ring-color,rgba(255,74,0,.15))}
.ring-brand-500\/15{--ring-color:rgba(255,74,0,0.15)}
.rotate-\[-5deg\]{rotate:-5deg}
.rotate-\[5deg\]{rotate:5deg}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-4xl{border-radius:2rem}
.rounded-5xl{border-radius:2.5rem}
.rounded-\[28px\]{border-radius:28px}
.rounded-\[2rem\]{border-radius:2rem}
.rounded-full{border-radius:9999px}
.rounded-md{border-radius:.375rem}
.rounded-xl{border-radius:.75rem}
.self-start{align-self:flex-start}
.shadow-card{box-shadow:0 10px 30px rgba(18,18,18,.08)}
.shadow-float{box-shadow:0 24px 70px rgba(18,18,18,.18)}
.shadow-orange{box-shadow:0 18px 45px rgba(255,74,0,.28)}
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.shadow-soft{box-shadow:0 18px 60px rgba(18,18,18,.10)}
.shrink-0{flex-shrink:0}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}
.sticky{position:sticky}
.stroke-current{stroke:currentColor}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[21px\]{font-size:21px}
.text-\[42px\]{font-size:42px}
.text-\[48px\]{font-size:48px}
.text-amber-800\/80{color:rgba(146,64,14,0.8)}
.text-amber-900{color:#78350f}
.text-amber-900\/75{color:rgba(120,53,15,0.75)}
.text-amber-950{color:#451a03}
.text-base{font-size:1rem;line-height:1.5rem}
.text-black\/30{color:rgba(0,0,0,0.3)}
.text-black\/35{color:rgba(0,0,0,0.35)}
.text-black\/40{color:rgba(0,0,0,0.4)}
.text-black\/45{color:rgba(0,0,0,0.45)}
.text-black\/50{color:rgba(0,0,0,0.5)}
.text-black\/55{color:rgba(0,0,0,0.55)}
.text-black\/58{color:rgba(0,0,0,0.58)}
.text-black\/60{color:rgba(0,0,0,0.6)}
.text-black\/65{color:rgba(0,0,0,0.65)}
.text-black\/70{color:rgba(0,0,0,0.7)}
.text-brand-300{color:#ff9c73}
.text-brand-400{color:#ff7138}
.text-brand-600{color:#ea3e00}
.text-brand-700{color:#c93400}
.text-center{text-align:center}
.text-emerald-700{color:#047857}
.text-emerald-800{color:#065f46}
.text-ink{color:#121212}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-red-700{color:#b91c1c}
.text-red-800{color:#991b1b}
.text-right{text-align:right}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-white{color:#ffffff}
.text-white\/45{color:rgba(255,255,255,0.45)}
.text-white\/62{color:rgba(255,255,255,0.62)}
.text-white\/65{color:rgba(255,255,255,0.65)}
.text-white\/70{color:rgba(255,255,255,0.7)}
.text-white\/80{color:rgba(255,255,255,0.8)}
.text-white\/88{color:rgba(255,255,255,0.88)}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.top-0{top:0}
.top-10{top:2.5rem}
.top-12{top:3rem}
.top-2{top:.5rem}
.top-\[-4rem\]{top:-4rem}
.top-\[-6rem\]{top:-6rem}
.top-\[44px\]{top:44px}
.top-\[8\%\]{top:8%}
.top-\[9\%\]{top:9%}
.tracking-\[-0\.015em\]{letter-spacing:-0.015em}
.tracking-\[-0\.02em\]{letter-spacing:-0.02em}
.tracking-\[-0\.03em\]{letter-spacing:-0.03em}
.tracking-\[-0\.045em\]{letter-spacing:-0.045em}
.tracking-\[-0\.04em\]{letter-spacing:-0.04em}
.tracking-\[-0\.055em\]{letter-spacing:-0.055em}
.tracking-\[-0\.05em\]{letter-spacing:-0.05em}
.tracking-\[0\.14em\]{letter-spacing:0.14em}
.tracking-\[0\.15em\]{letter-spacing:0.15em}
.tracking-\[0\.16em\]{letter-spacing:0.16em}
.tracking-\[0\.18em\]{letter-spacing:0.18em}
.tracking-\[0\.19em\]{letter-spacing:0.19em}
.tracking-\[0\.22em\]{letter-spacing:0.22em}
.tracking-\[0\.2em\]{letter-spacing:0.2em}
.tracking-normal{letter-spacing:0}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.transition{transition-property:color,background-color,border-color,opacity,box-shadow,transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppercase{text-transform:uppercase}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-16{width:4rem}
.w-2{width:.5rem}
.w-2\.5{width:.625rem}
.w-20{width:5rem}
.w-28{width:7rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-52{width:13rem}
.w-6{width:1.5rem}
.w-64{width:16rem}
.w-7{width:1.75rem}
.w-72{width:18rem}
.w-8{width:2rem}
.w-80{width:20rem}
.w-9{width:2.25rem}
.w-\[24rem\]{width:24rem}
.w-\[26rem\]{width:26rem}
.w-\[28rem\]{width:28rem}
.w-\[52\%\]{width:52%}
.w-\[58\%\]{width:58%}
.w-\[60\%\]{width:60%}
.w-\[68\%\]{width:68%}
.w-\[82\%\]{width:82%}
.w-\[88\%\]{width:88%}
.w-\[92\%\]{width:92%}
.w-\[96\%\]{width:96%}
.w-full{width:100%}
.whitespace-pre-line{white-space:pre-line}
.whitespace-pre-wrap{white-space:pre-wrap}
.z-10{z-index:10}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-\[70\]{z-index:70}
@media (min-width:640px){.sm\:block{display:block}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:flex-row{flex-direction:row}.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\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:left-8{left:2rem}.sm\:max-w-md{max-width:28rem}.sm\:p-10{padding:2.5rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-18{padding-top:4.5rem;padding-bottom:4.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:right-6{right:1.5rem}.sm\:self-auto{align-self:auto}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[54px\]{font-size:54px}.sm\:text-\[64px\]{font-size:64px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:hidden{display:none}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:ml-0{margin-left:0}}
@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:flex{display:flex}.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\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.02fr_\.98fr\]{grid-template-columns:1.02fr .98fr}.lg\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:hidden{display:none}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:max-w-\[470px\]{max-width:470px}.lg\:mr-0{margin-right:0}.lg\:pl-72{padding-left:18rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:text-\[62px\]{font-size:62px}.lg\:text-\[76px\]{font-size:76px}.lg\:translate-x-0{translate:0 0}}
@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[1\.35fr_\.65fr\]{grid-template-columns:1.35fr .65fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.cursor-pointer{cursor:pointer}.list-none{list-style:none}.list-none::-webkit-details-marker{display:none}

/* --------------------------------------------------------------------------
   Adsterra mobile-first monetization + long-form reading UX
   -------------------------------------------------------------------------- */
.ad-band{width:100%;padding:1rem 0}.ad-band-soft{background:rgba(0,0,0,.025)}
.ad-slot-shell{width:100%;margin:0 auto;text-align:center}.ad-slot-label{margin-bottom:.4rem;font-size:.625rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(18,18,18,.30)}
.ad-slot-content{display:flex;min-height:1px;width:100%;align-items:center;justify-content:center;overflow:visible}
.ad-format-banner .ad-slot-content{min-height:50px}.ad-format-native{max-width:980px;margin-left:auto;margin-right:auto}.ad-format-native .ad-slot-content{min-height:100px}
.ap-home-section-ad{display:flex;justify-content:center;padding-top:.35rem;padding-bottom:.35rem}.ap-home-section-ad .ad-slot-shell{max-width:300px}.ap-home-section-ad .ad-slot-content{min-height:250px}

.content-card-grid{display:grid;grid-template-columns:1fr;gap:1rem}.content-card{overflow:hidden;border:1px solid rgba(0,0,0,.05);border-radius:1.5rem;background:#fff;box-shadow:0 10px 30px rgba(18,18,18,.08);transition:transform .25s ease,box-shadow .25s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(18,18,18,.12)}
.content-card-image,.content-card-placeholder{aspect-ratio:16/10;width:100%;object-fit:cover}.content-card-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fff4ef,#f4f4f4);font-size:.7rem;font-weight:900;letter-spacing:.25em;color:rgba(18,18,18,.28)}.content-grid-ad{grid-column:1/-1;padding:.5rem 0}

.reading-page{padding:2rem 0 4rem}.reading-shell{width:min(100% - 2rem,820px);margin-left:auto;margin-right:auto}.reading-back{display:inline-flex;border-radius:999px;padding:.45rem .2rem;font-size:.82rem;font-weight:800;color:#ea3e00}.reading-header{margin-top:1.35rem}.reading-meta{font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(18,18,18,.35)}
.reading-title{margin-top:.75rem;font-size:clamp(2.1rem,7vw,3.9rem);font-weight:900;line-height:1.08;letter-spacing:-.045em}.reading-cover{width:100%;max-height:610px;margin-top:1.65rem;border-radius:1.5rem;object-fit:cover;box-shadow:0 18px 50px rgba(18,18,18,.12)}
.reading-ad-top{margin-top:1.5rem}.reading-body-wrap{margin-top:1.8rem}.reading-body{font-size:1.06rem;font-weight:450;line-height:1.95;color:rgba(18,18,18,.78);white-space:pre-line;overflow-wrap:anywhere}.reading-body .reading-mm{font-size:1.08em;line-height:2.05}.reading-native-break{margin:2.5rem 0}.reading-end-ad{margin-top:2.75rem}.reading-complete-card{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;border-radius:1.5rem;background:#f4f4f4;padding:1.25rem}

.admin-writing-area{min-height:18rem;line-height:1.8;resize:vertical}.admin-save-bar{position:sticky;bottom:.75rem;z-index:20;display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(0,0,0,.08);border-radius:1.35rem;background:rgba(255,255,255,.94);padding:1rem;box-shadow:0 18px 60px rgba(18,18,18,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

@media (min-width:640px){.content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-complete-card{flex-direction:row;align-items:center;justify-content:space-between}.admin-save-bar{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.2rem}}
@media (min-width:1024px){.content-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-page{padding-top:3rem}.reading-shell{width:min(100% - 3rem,850px)}}
@media (max-width:639px){.site-container{padding-left:.9rem;padding-right:.9rem}.ad-band{padding:.75rem 0}.ad-format-banner .ad-slot-content{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.reading-shell{width:min(100% - 1.6rem,820px)}.reading-cover{border-radius:1.2rem}.reading-body{font-size:1rem;line-height:1.9}.reading-native-break{margin:2rem 0}.admin-save-bar{bottom:.4rem}.admin-writing-area{min-height:15rem}}
.story-cover-placeholder{display:grid;height:100%;width:100%;place-items:center;background:linear-gradient(145deg,#fff1e9 0%,#f8f8f8 55%,#ececec 100%);color:rgba(18,18,18,.26)}.story-cover-placeholder span{font-size:.62rem;font-weight:900;letter-spacing:.24em}

/* ========================================================================
   Apyar Story V4 — compact mobile reading shell, existing orange branding
   ======================================================================== */
:root{
  --ap-brand:#ff4a00;--ap-brand-2:#ff6a2a;--ap-brand-soft:#fff0e8;
  --ap-bg:#fffdfb;--ap-surface:#ffffff;--ap-surface-2:#f7f7f8;--ap-surface-3:#f0f1f3;
  --ap-text:#15171c;--ap-muted:#747984;--ap-border:#e7e8eb;--ap-header:rgba(255,253,251,.92);
  --ap-shadow:0 16px 42px rgba(19,22,28,.09);--ap-nav-bg:rgba(255,255,255,.96);
}
html[data-theme="dark"]{
  background:#0e1117;
  --ap-bg:#0e1117;--ap-surface:#151a22;--ap-surface-2:#11161e;--ap-surface-3:#1a202a;
  --ap-text:#f4f5f7;--ap-muted:#9da4b2;--ap-border:#27303c;--ap-header:rgba(14,17,23,.92);
  --ap-shadow:0 18px 48px rgba(0,0,0,.28);--ap-nav-bg:rgba(13,16,22,.97);--ap-brand-soft:rgba(255,74,0,.13);
}
html[data-theme="light"]{background:#fffdfb;color-scheme:light}html[data-theme="dark"]{color-scheme:dark}
html.ap-position-restore-pending body.ap-body{visibility:hidden}
body.ap-body{margin:0;background:var(--ap-bg);color:var(--ap-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;transition:background-color .2s ease,color .2s ease}
.ap-site-shell{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;background:var(--ap-bg);color:var(--ap-text);padding-bottom:0}.ap-container{width:min(100% - 2rem,1180px);margin-inline:auto}
.ap-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--ap-border);background:var(--ap-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.ap-header-inner{height:72px;display:flex;align-items:center;gap:16px}.ap-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.ap-brand-mark{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,var(--ap-brand),#ff5b12);box-shadow:0 10px 24px rgba(255,74,0,.28)}.ap-brand-mark svg{width:27px;height:27px;fill:#fff}.ap-brand-text{font-size:25px;font-weight:950;letter-spacing:-.045em;white-space:nowrap}.ap-brand-text .lang-mm{font-size:1em;line-height:1}
.ap-desktop-nav{display:flex;align-items:center;gap:4px;margin-left:24px}.ap-desktop-nav a{padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800;color:var(--ap-muted);transition:.2s}.ap-desktop-nav a:hover,.ap-desktop-nav a.active{background:var(--ap-surface-3);color:var(--ap-text)}.ap-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.ap-icon-btn,.ap-lang-btn{display:grid;height:42px;min-width:42px;place-items:center;border:1px solid var(--ap-border);border-radius:50%;background:var(--ap-surface);color:var(--ap-text);box-shadow:none}.ap-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ap-lang-btn{width:auto;padding:0 12px;border-radius:999px;font-size:12px;font-weight:950}.ap-theme-sun,.ap-theme-moon{display:none}.ap-theme-btn .ap-theme-sun{display:block}html[data-theme="light"] .ap-theme-btn .ap-theme-sun{display:none}html[data-theme="light"] .ap-theme-btn .ap-theme-moon{display:block}
.ap-main{min-height:55vh;flex:1 0 auto;padding:0 0 44px}.ap-home{padding-top:0}.ap-top-ad{padding-top:18px}.ap-native-band{padding:10px 0 2px}.ap-grid-ad{grid-column:1/-1;padding:8px 0 4px}
.ap-category-strip{display:flex;gap:10px;overflow-x:auto;padding-top:22px;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ap-category-strip::-webkit-scrollbar{display:none}.ap-category-chip{flex:0 0 auto;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);padding:11px 18px;font-size:13px;font-weight:850;color:var(--ap-text);white-space:nowrap;transition:.2s}.ap-category-chip.active,.ap-category-chip:hover{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff;box-shadow:0 10px 24px rgba(255,74,0,.18)}
.ap-section{padding-top:28px}.ap-section-last{padding-bottom:10px}.ap-list-section{padding-top:24px}.ap-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.ap-section-head h2,.ap-page-head h1{margin:4px 0 0;font-size:clamp(25px,5vw,34px);font-weight:950;letter-spacing:-.035em;line-height:1.18}.ap-section-head>a{font-size:12px;font-weight:900;color:var(--ap-brand)}.ap-section-more{display:flex;justify-content:flex-end;margin-top:18px}.ap-section-more a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ap-brand) 54%,var(--ap-border));border-radius:13px;background:var(--ap-surface);padding:9px 14px;color:var(--ap-brand);box-shadow:0 7px 20px color-mix(in srgb,var(--ap-brand) 10%,transparent);font-size:11px;font-weight:950}.ap-section-more a:hover{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff}.ap-kicker{display:inline-block;font-size:10px;font-weight:950;letter-spacing:.18em;color:var(--ap-brand)}
.ap-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.ap-story-card{min-width:0}.ap-story-cover-wrap{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:var(--ap-surface-3);box-shadow:var(--ap-shadow)}.ap-story-cover-link{display:block;width:100%;height:100%}.ap-story-cover{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.ap-story-card:hover .ap-story-cover{transform:scale(1.025)}.ap-save-btn{position:absolute;right:9px;bottom:9px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,12,17,.65);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.ap-save-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.ap-save-btn.saved{background:var(--ap-brand);border-color:var(--ap-brand)}.ap-save-btn.saved svg{fill:#fff}.ap-card-badge{position:absolute;left:9px;bottom:9px;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:rgba(9,11,15,.72);padding:5px 9px;color:#fff;font-size:9px;font-weight:900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ap-card-badge .lang-mm{font-size:1em;line-height:1.3}.ap-story-card-copy{padding:10px 2px 0}.ap-story-card-copy h3{margin:0;font-size:15px;font-weight:900;line-height:1.45;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-story-card-copy h3 .lang-mm{font-size:1em;line-height:1.55}.ap-card-excerpt{display:none;margin:6px 0 0;color:var(--ap-muted);font-size:12px;line-height:1.55}.ap-card-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:7px;color:var(--ap-muted);font-size:10px;font-weight:800}.ap-card-meta a{color:var(--ap-brand)}
.ap-empty-section{padding-top:30px;padding-bottom:28px}.ap-empty-card{display:flex;align-items:center;gap:18px;border:1px dashed var(--ap-border);border-radius:22px;background:var(--ap-surface-2);padding:24px}.ap-empty-card h1,.ap-empty-card h2{margin:5px 0 0;font-size:23px;font-weight:950;line-height:1.35}.ap-empty-card p{margin:7px 0 0;color:var(--ap-muted);font-size:13px;line-height:1.7}.ap-empty-icon{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border-radius:16px;background:var(--ap-brand-soft);color:var(--ap-brand)}.ap-empty-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ap-empty-inline{margin-top:8px}
.ap-page-head{padding-top:30px}.ap-page-head p{max-width:700px;margin:10px 0 0;color:var(--ap-muted);font-size:14px;font-weight:600;line-height:1.75}.ap-page-head p .lang-mm{font-size:1em}.ap-search-page{padding-top:30px}.ap-search-page h1{margin:4px 0 0;font-size:clamp(28px,6vw,38px);font-weight:950;letter-spacing:-.04em}.ap-search-page-form{display:flex;align-items:center;gap:10px;margin-top:18px;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);padding:8px 8px 8px 14px}.ap-search-page-form svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:var(--ap-muted);stroke-width:2}.ap-search-page-form input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ap-text);font-size:14px}.ap-search-page-form button{border:0;border-radius:13px;background:var(--ap-brand);padding:10px 14px;color:#fff;font-size:12px;font-weight:900}.ap-search-result-note{margin:12px 0 0;color:var(--ap-muted);font-size:12px;font-weight:700}
.ap-category-cards{display:grid;grid-template-columns:1fr;gap:12px;padding-top:24px}.ap-category-card{display:flex;align-items:center;gap:14px;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.03)}.ap-category-card-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:var(--ap-brand-soft);color:var(--ap-brand)}.ap-category-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.ap-category-card h2{margin:0;font-size:16px;font-weight:900}.ap-category-card p{margin:4px 0 0;color:var(--ap-muted);font-size:11px;font-weight:750}.ap-category-arrow{margin-left:auto;color:var(--ap-muted);font-size:28px;font-weight:400}
.ap-story-hero{padding-top:26px}.ap-back-link{display:inline-flex;color:var(--ap-muted);font-size:12px;font-weight:850}.ap-story-hero-grid{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}.ap-story-detail-cover-wrap{border-radius:15px;overflow:hidden;box-shadow:var(--ap-shadow);background:var(--ap-surface-3)}.ap-story-detail-cover{width:100%;aspect-ratio:2/3;object-fit:cover}.ap-story-detail-copy{min-width:0}.ap-detail-category{display:inline-flex;border-radius:999px;background:var(--ap-brand-soft);padding:5px 9px;color:var(--ap-brand);font-size:9px;font-weight:900}.ap-story-detail-copy h1{margin:8px 0 0;font-size:clamp(24px,6.6vw,45px);font-weight:950;line-height:1.18;letter-spacing:-.04em}.ap-story-detail-copy h1 .lang-mm{font-size:1em;line-height:1.4}.ap-detail-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:10px;color:var(--ap-muted);font-size:10px;font-weight:800}.ap-detail-excerpt{display:none;margin:14px 0 0;color:var(--ap-muted);font-size:13px;line-height:1.75}.ap-detail-save{display:inline-flex;align-items:center;gap:8px;margin-top:13px;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);padding:9px 12px;color:var(--ap-text);font-size:11px;font-weight:900}.ap-detail-save svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.ap-detail-save.saved{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff}.ap-detail-save.saved svg{fill:#fff}.ap-reading-top-ad{padding-top:24px}.ap-reading-shell{width:min(100% - 2rem,760px);margin:24px auto 0}.ap-reading-body{white-space:pre-line;overflow-wrap:anywhere;color:var(--ap-text);font-size:16px;font-weight:450;line-height:2}.ap-reading-mm{font-size:1.03em!important;line-height:2.05!important}.ap-reading-native{margin:30px 0}.ap-reading-end-ad{margin-top:30px}.ap-related{padding-top:42px;padding-bottom:8px}
.ap-contact-wrap{padding-top:22px}.ap-contact-card{width:min(100%,760px);margin-inline:auto;border:1px solid var(--ap-border);border-radius:24px;background:var(--ap-surface);padding:20px;box-shadow:var(--ap-shadow)}.ap-contact-form{display:grid;gap:15px}.ap-contact-form label>span{display:block;margin-bottom:7px;font-size:12px;font-weight:900}.ap-contact-form small{color:var(--ap-muted);font-weight:700}.ap-contact-form input,.ap-contact-form textarea,.ap-contact-form select{width:100%;border:1px solid var(--ap-border);border-radius:14px;background:var(--ap-surface-2);padding:12px 13px;outline:0;color:var(--ap-text);font-size:14px}.ap-contact-form input:focus,.ap-contact-form textarea:focus,.ap-contact-form select:focus{border-color:var(--ap-brand)}.ap-form-submit{justify-self:start;border:0;border-radius:999px;background:var(--ap-brand);padding:12px 22px;color:#fff;font-size:13px;font-weight:900}.ap-alert{margin-bottom:14px;border-radius:14px;padding:12px 14px;font-size:12px;font-weight:800}.ap-alert.success{background:rgba(16,185,129,.12);color:#0f9b6f}.ap-alert.error{background:rgba(239,68,68,.12);color:#e05252}
.ap-footer{border-top:1px solid var(--ap-border);background:var(--ap-surface-2);padding:34px 0 110px}.ap-footer-inner{display:grid;gap:20px}.ap-footer-brand .ap-brand-mark{width:36px;height:36px;border-radius:12px}.ap-footer-brand .ap-brand-mark svg{width:23px;height:23px}.ap-footer-brand .ap-brand-text{font-size:22px}.ap-footer-note{max-width:480px;margin:12px 0 0;color:var(--ap-muted);font-size:12px;line-height:1.75}.ap-footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;color:var(--ap-muted);font-size:12px;font-weight:800}.ap-footer-links a:hover{color:var(--ap-brand)}.ap-copyright{margin:0;color:var(--ap-muted);font-size:11px;font-weight:700}
.ap-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);height:78px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--ap-border);background:var(--ap-nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ap-bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;color:var(--ap-muted);font-size:9px;font-weight:850}.ap-bottom-nav a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ap-bottom-nav a.active{background:var(--ap-brand-soft);color:var(--ap-brand)}.ap-bottom-nav a .lang-mm{font-size:1em;line-height:1.35}
.ap-search-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.52);padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ap-search-panel{width:min(100%,680px);margin:8vh auto 0;border:1px solid var(--ap-border);border-radius:22px;background:var(--ap-surface);box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.ap-search-form{display:flex;align-items:center;gap:9px;padding:12px}.ap-search-form svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:var(--ap-muted);stroke-width:2}.ap-search-form input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ap-text);font-size:14px}.ap-search-form>button[type="submit"]{border:0;border-radius:12px;background:var(--ap-brand);padding:9px 12px;color:#fff;font-size:11px;font-weight:900}.ap-search-close{border:0!important;background:var(--ap-surface-3)!important;color:var(--ap-text)!important;width:34px;height:34px!important;padding:0!important;border-radius:50%!important;font-size:22px!important;font-weight:400!important}.ap-search-quick{display:flex;gap:8px;overflow:auto;border-top:1px solid var(--ap-border);padding:12px}.ap-search-quick a{flex:0 0 auto;border:1px solid var(--ap-border);border-radius:999px;padding:7px 11px;color:var(--ap-muted);font-size:10px;font-weight:850}

@media (min-width:520px){.ap-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.ap-card-excerpt{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-story-hero-grid{grid-template-columns:170px minmax(0,1fr);gap:24px}.ap-detail-excerpt{display:block}}
@media (min-width:768px){.ap-container{width:min(100% - 3rem,1180px)}.ap-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 17px}.ap-story-card-copy h3{font-size:16px}.ap-story-hero{padding-top:36px}.ap-story-hero-grid{grid-template-columns:220px minmax(0,1fr);gap:34px}.ap-reading-shell{margin-top:34px}.ap-reading-body{font-size:17px}.ap-footer{padding-bottom:42px}.ap-footer-inner{grid-template-columns:1fr auto;align-items:end}.ap-copyright{grid-column:1/-1}.ap-bottom-nav{display:none}}
@media (min-width:1024px){.ap-story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}.ap-section{padding-top:38px}.ap-category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-story-hero-grid{grid-template-columns:260px minmax(0,1fr);gap:42px;max-width:900px}.ap-detail-excerpt{max-width:620px;font-size:14px}.ap-story-detail-copy h1{font-size:48px}}
@media (max-width:767px){.ap-desktop-nav{display:none}.ap-header-inner{height:66px}.ap-brand-mark{width:38px;height:38px;border-radius:12px}.ap-brand-mark svg{width:24px;height:24px}.ap-brand-text{font-size:23px}.ap-lang-btn{min-width:38px;height:38px;padding:0 10px}.ap-icon-btn{width:38px;height:38px;min-width:38px}.ap-header-actions{gap:6px}.ap-main{padding-bottom:20px}.ap-top-ad{padding-top:14px}.ap-category-strip{padding-top:18px}.ap-section{padding-top:24px}.ap-footer{margin-top:18px}.ap-site-shell{padding-bottom:0}}
@media (max-width:380px){.ap-container{width:min(100% - 1.25rem,1180px)}.ap-brand-text{font-size:22px}.ap-header-actions{gap:4px}.ap-lang-btn{padding:0 8px}.ap-story-grid{gap:16px 9px}.ap-story-card-copy h3{font-size:14px}.ap-story-hero-grid{grid-template-columns:100px minmax(0,1fr);gap:14px}.ap-story-detail-copy h1{font-size:22px}}
@media (prefers-reduced-motion:reduce){.ap-story-cover,.ap-category-chip,.ap-desktop-nav a{transition:none}}


/* Apyar Story Admin — Day/Dark mode */
html[data-admin-theme="dark"] body{background:#0e1117!important;color:#f4f5f7!important}
html[data-admin-theme="dark"] [data-admin-sidebar]{background:#151a22!important;border-color:#27303c!important}
html[data-admin-theme="dark"] body header.sticky{background:rgba(14,17,23,.93)!important;border-color:#27303c!important}
html[data-admin-theme="dark"] .admin-panel,html[data-admin-theme="dark"] .admin-save-bar{background:#151a22!important;border-color:#27303c!important;color:#f4f5f7!important}
html[data-admin-theme="dark"] .admin-muted-label{color:#8e97a7!important}
html[data-admin-theme="dark"] .bg-white{background-color:#151a22!important}
html[data-admin-theme="dark"] .bg-ink{background-color:#f4f5f7!important;color:#11151c!important}
html[data-admin-theme="dark"] .text-ink{color:#f4f5f7!important}
html[data-admin-theme="dark"] [class*="text-black/"]{color:#9da4b2!important}
html[data-admin-theme="dark"] [class*="border-black/"]{border-color:#27303c!important}
html[data-admin-theme="dark"] [class*="bg-black/5"]{background-color:#1a202a!important}
html[data-admin-theme="dark"] input,html[data-admin-theme="dark"] textarea,html[data-admin-theme="dark"] select{background:#11161e!important;border-color:#313b49!important;color:#f4f5f7!important}
html[data-admin-theme="dark"] input::placeholder,html[data-admin-theme="dark"] textarea::placeholder{color:#707988!important}
html[data-admin-theme="dark"] table{color:#eef0f4}
html[data-admin-theme="dark"] .admin-save-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html[data-admin-theme="dark"] .bg-amber-50{background-color:rgba(245,158,11,.10)!important;color:#f7d99c!important;border-color:rgba(245,158,11,.28)!important}
html[data-admin-theme="dark"] .bg-red-50{background-color:rgba(239,68,68,.10)!important;color:#f8b4b4!important;border-color:rgba(239,68,68,.25)!important}
html[data-admin-theme="dark"] .bg-green-50{background-color:rgba(16,185,129,.10)!important;color:#9fe4cb!important;border-color:rgba(16,185,129,.25)!important}

/* Apyar Story V4.2 — compact footer + real 18+ warning page */
.ap-footer-minimal{padding:20px 0 100px}.ap-footer-compact{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}.ap-footer-minimal-links{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.ap-footer-minimal-links a{color:var(--ap-muted);font-size:11px;font-weight:850;transition:color .2s ease}.ap-footer-minimal-links a:hover,.ap-footer-minimal-links a[aria-current="page"]{color:var(--ap-brand)}.ap-footer-minimal-links .ap-18-link{display:inline-flex;align-items:center;border:1px solid var(--ap-border);border-radius:999px;padding:7px 10px;color:var(--ap-text);background:var(--ap-surface)}.ap-footer-minimal-links .ap-18-link:hover,.ap-footer-minimal-links .ap-18-link[aria-current="page"]{border-color:var(--ap-brand);background:var(--ap-brand-soft);color:var(--ap-brand)}
.ap-legal-page{padding:28px 0 24px}.ap-legal-wrap{display:flex;justify-content:center}.ap-legal-card{width:min(100%,760px);border:1px solid var(--ap-border);border-radius:26px;background:var(--ap-surface);padding:24px;box-shadow:var(--ap-shadow)}.ap-age-badge{display:grid;width:72px;height:72px;place-items:center;margin-bottom:20px;border-radius:22px;background:linear-gradient(145deg,var(--ap-brand),#ff6a2a);box-shadow:0 16px 34px rgba(255,74,0,.24);color:#fff;font-size:25px;font-weight:950;letter-spacing:-.04em}.ap-legal-card h1{margin:7px 0 0;font-size:clamp(30px,7vw,46px);font-weight:950;line-height:1.2;letter-spacing:-.04em}.ap-legal-card h1 .lang-mm{font-size:1em;line-height:1.5}.ap-legal-copy{margin-top:22px;color:var(--ap-muted);font-size:14px;font-weight:560;line-height:1.95}.ap-legal-copy p{margin:0 0 14px}.ap-legal-copy .lang-mm{font-size:1.03em;line-height:2}.ap-legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ap-legal-primary,.ap-legal-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;font-size:12px;font-weight:900}.ap-legal-primary{background:var(--ap-brand);color:#fff;box-shadow:0 10px 26px rgba(255,74,0,.18)}.ap-legal-secondary{border:1px solid var(--ap-border);background:var(--ap-surface-2);color:var(--ap-text)}
@media (min-width:768px){.ap-footer-minimal{padding:20px 0}.ap-legal-page{padding:44px 0 42px}.ap-legal-card{padding:34px}.ap-legal-copy{font-size:15px}}
@media (max-width:520px){.ap-footer-compact{align-items:flex-start;flex-direction:column}.ap-footer-minimal-links{gap:10px 14px}.ap-legal-card{padding:20px}.ap-legal-actions{display:grid;grid-template-columns:1fr}.ap-legal-primary,.ap-legal-secondary{width:100%}}

/* ========================================================================
   Apyar Story V4.4 — Myanmar-only UI, compact footer, 18+ gate, premium ads
   ======================================================================== */
.ap-page-head-compact{padding-bottom:2px}.ap-page-head-compact h1{margin-bottom:0}

/* Footer: exactly one visual line with one consistent text treatment. */
.ap-footer-minimal{padding:18px 0 98px}
.ap-footer-one-line{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;color:var(--ap-muted);font-size:10.5px;font-weight:750;line-height:1.4}
.ap-footer-one-line a{color:inherit;text-decoration:none;transition:color .2s ease}
.ap-footer-one-line a:hover,.ap-footer-one-line a[aria-current="page"]{color:var(--ap-brand)}
.ap-footer-dot{opacity:.48;font-size:8px}

/* 18+ first-visit homepage gate. */
body.ap-age-locked{overflow:hidden;touch-action:none}
.ap-age-gate[hidden]{display:none!important}
.ap-age-gate{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px}
.ap-age-gate-backdrop{position:absolute;inset:0;background:rgba(4,7,12,.76);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ap-age-gate-card{position:relative;width:min(100%,460px);border:1px solid var(--ap-border);border-radius:28px;background:var(--ap-surface);padding:26px 22px 22px;box-shadow:0 32px 100px rgba(0,0,0,.48);text-align:center;color:var(--ap-text)}
.ap-age-gate-badge{display:grid;width:68px;height:68px;margin:0 auto 18px;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--ap-brand),var(--ap-brand-2));box-shadow:0 16px 36px rgba(255,74,0,.26);color:#fff;font-size:22px;font-weight:950}
.ap-age-gate-card h2{margin:0;font-size:clamp(25px,6vw,34px);font-weight:950;letter-spacing:-.035em;line-height:1.32}
.ap-age-gate-card p{margin:14px 0 0;color:var(--ap-muted);font-size:14px;font-weight:650;line-height:1.9}
.ap-age-gate-actions{display:grid;gap:10px;margin-top:22px}
.ap-age-gate-actions button{min-height:50px;border-radius:16px;font-size:14px;font-weight:900;cursor:pointer}
.ap-age-accept{border:0;background:var(--ap-brand);color:#fff;box-shadow:0 12px 30px rgba(255,74,0,.20)}
.ap-age-exit{border:1px solid var(--ap-border);background:var(--ap-surface-2);color:var(--ap-text)}
.ap-age-details{display:inline-block;margin-top:16px;color:var(--ap-muted);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* Adsterra: preserve viewability and mobile-safe spacing. */
.ap-top-ad{padding-top:24px;padding-bottom:16px}
.ap-top-ad:empty,.ap-native-band:empty,.ap-grid-ad:empty,.ap-reading-native:empty,.ap-reading-end-ad:empty{display:none!important;padding:0!important;margin:0!important}
.ap-native-band{padding:26px 0 8px}
.ap-grid-ad{padding:24px 0 16px}
.ap-reading-top-ad{margin-top:8px;padding-top:28px;padding-bottom:4px}
.ap-reading-native{margin:42px 0}
.ap-reading-end-ad{margin-top:42px}
.ap-site-shell .ad-slot-label{margin-bottom:5px;font-size:8px;letter-spacing:.12em;opacity:.72}

@media (max-width:767px){
  .ap-top-ad{padding-top:20px;padding-bottom:14px}
  .ap-native-band{padding-top:30px;padding-bottom:6px}
  .ap-grid-ad{padding:28px 0 18px}
  .ap-reading-native,.ap-reading-end-ad{margin-top:38px;margin-bottom:38px}
  .ap-bottom-nav a{font-size:8.4px;line-height:1.25}
  .ap-footer-one-line{width:100%;gap:5px;font-size:9.4px;letter-spacing:-.01em}
}
@media (min-width:768px){.ap-footer-minimal{padding:18px 0}.ap-footer-one-line{font-size:11px;gap:9px}}
@media (max-width:360px){.ap-footer-one-line{font-size:8.7px;gap:4px}.ap-footer-dot{font-size:6px}.ap-age-gate-card{padding:23px 18px 19px}}


/* Apyar Story V4.7 — story cover ratio + compact view counter */
.ap-story-detail-cover-wrap{align-self:start;aspect-ratio:2/3;min-height:0}
.ap-story-detail-cover{display:block;width:100%;height:auto!important;max-height:none;aspect-ratio:2/3;object-fit:cover;object-position:center}
.ap-view-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--ap-muted);font-weight:850}
.ap-view-count svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ap-view-count strong{color:inherit;font:inherit;font-weight:900}
.ap-card-meta .ap-view-count{font-size:10px}
.ap-detail-meta .ap-view-count{font-size:10px}
@media (max-width:519px){.ap-story-hero-grid{grid-template-columns:124px minmax(0,1fr);gap:16px}.ap-story-detail-cover-wrap{width:124px}.ap-story-detail-copy h1{font-size:clamp(24px,7vw,34px)}}
@media (max-width:380px){.ap-story-hero-grid{grid-template-columns:108px minmax(0,1fr);gap:14px}.ap-story-detail-cover-wrap{width:108px}}


/* ========================================================================
   Apyar Story V4.8 — hard cover sizing, visible view icon, part navigation
   ======================================================================== */
.ap-story-hero-grid{grid-template-columns:126px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.ap-story-detail-cover-wrap{width:126px!important;height:189px!important;min-width:126px!important;min-height:189px!important;max-width:126px!important;max-height:189px!important;aspect-ratio:auto!important;align-self:start!important;overflow:hidden!important;border-radius:16px!important}
.ap-story-detail-cover{display:block!important;width:126px!important;height:189px!important;min-width:126px!important;min-height:189px!important;max-width:126px!important;max-height:189px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.ap-view-count{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;color:var(--ap-muted)!important;font-weight:850!important;line-height:1!important}
.ap-view-count svg,.ap-view-eye{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;visibility:visible!important;opacity:1!important}
.ap-view-count strong{display:inline-block!important;color:inherit!important;font:inherit!important;font-weight:900!important;line-height:1!important}
.ap-detail-meta{align-items:center!important}
.ap-part-navigation{width:min(100% - 2rem,760px);margin:34px auto 0;display:grid;gap:10px}
.ap-part-nav-link{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);padding:14px 16px;color:var(--ap-text);box-shadow:0 10px 28px rgba(0,0,0,.05)}
.ap-part-nav-link.next{justify-content:space-between;border-color:color-mix(in srgb,var(--ap-brand) 34%,var(--ap-border));background:linear-gradient(135deg,var(--ap-surface),var(--ap-brand-soft))}
.ap-part-nav-copy{min-width:0}.ap-part-nav-kicker{display:block;color:var(--ap-brand);font-size:10px;font-weight:950;letter-spacing:.06em}.ap-part-nav-title{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900}.ap-part-nav-arrow{flex:0 0 auto;color:var(--ap-brand);font-size:22px;font-weight:900}
@media (min-width:768px){
  .ap-story-hero-grid{grid-template-columns:220px minmax(0,1fr)!important;gap:34px!important}
  .ap-story-detail-cover-wrap{width:220px!important;height:330px!important;min-width:220px!important;min-height:330px!important;max-width:220px!important;max-height:330px!important}
  .ap-story-detail-cover{width:220px!important;height:330px!important;min-width:220px!important;min-height:330px!important;max-width:220px!important;max-height:330px!important}
  .ap-part-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-part-nav-link.next:only-child{grid-column:2}
}
@media (max-width:380px){
  .ap-story-hero-grid{grid-template-columns:112px minmax(0,1fr)!important;gap:13px!important}
  .ap-story-detail-cover-wrap{width:112px!important;height:168px!important;min-width:112px!important;min-height:168px!important;max-width:112px!important;max-height:168px!important}
  .ap-story-detail-cover{width:112px!important;height:168px!important;min-width:112px!important;min-height:168px!important;max-width:112px!important;max-height:168px!important}
}

/* Apyar Story V5.0 — story author metadata */
.ap-story-author{margin:.45rem 0 .35rem;color:var(--ap-muted,#9aa1b2);font-size:.92rem;font-weight:700;line-height:1.6}.ap-story-author strong{color:var(--ap-text,#f6f7fb);font-weight:900}[data-theme="light"] .ap-story-author strong{color:#16181d}


/* ========================================================================
   Apyar Story V5.2 — compact reader paragraphs + SEO preview polish
   ======================================================================== */
.ap-reading-body{white-space:normal!important;overflow-wrap:anywhere;color:var(--ap-text);font-size:16px;font-weight:450;line-height:1.72!important}
.ap-reading-mm{font-size:1.03em!important;line-height:1.78!important}
.ap-reading-body p{margin:0 0 .82em!important;padding:0!important}
.ap-reading-body p:last-child{margin-bottom:0!important}
.ap-reading-body br{line-height:1.45}
@media (min-width:768px){.ap-reading-body{font-size:17px;line-height:1.78!important}.ap-reading-mm{line-height:1.82!important}}
html[data-admin-theme="dark"] #seoPreviewTitle{color:#8ab4ff!important}
html[data-admin-theme="dark"] #seoPreviewDescription{color:#a8b0bd!important}
html[data-admin-theme="dark"] #regenerateSeoButton{background:#11161e!important;border-color:#315f4b!important;color:#a9ebcf!important}

/* Apyar Story V5.4 — series inheritance + unified modern A mark */
.ap-brand-mark img{display:block;width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(100,24,0,.28))}
.ap-story-hero-grid.ap-series-child{grid-template-columns:minmax(0,1fr)!important;max-width:760px!important;gap:0!important}
.ap-story-hero-grid.ap-series-child .ap-story-detail-copy{max-width:760px}
.ap-story-hero-grid.ap-series-child .ap-story-detail-copy h1{margin-top:0}
@media (max-width:767px){.ap-brand-mark img{width:27px;height:27px}.ap-story-hero-grid.ap-series-child{grid-template-columns:minmax(0,1fr)!important;gap:0!important}}


/* =========================================================
   Apyar Story V6.21 — production ad layout
   ========================================================= */
.ap-content-ad{
    padding:28px 0 8px;
}
.ap-listing-mid-ad{
    grid-column:1/-1;
    width:100%;
    padding:28px 0 16px;
}
.ap-reading-wide-ad{
    width:100%;
    max-width:100%;
    margin:30px auto 10px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.ap-reading-wide-ad .ad-slot-shell{
    width:max-content;
    min-width:728px;
    margin-left:auto;
    margin-right:auto;
}
.ap-reading-end-ad{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.ap-content-ad:empty,
.ap-listing-mid-ad:empty,
.ap-reading-wide-ad:empty,
.ap-reading-end-ad:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
}
@media (max-width:767px){
    .ap-content-ad{padding-top:24px}
    .ap-listing-mid-ad{padding-top:24px}
}


/* =========================================================
   Apyar Story V6.21 — final production ad map
   Home: no inline/banner ads; enabled global Social Bar remains site-wide
   Article top: 320x50 on every device view
   ========================================================= */
.ap-reading-top-320{
    width:100%;
    margin:30px auto 10px;
    display:flex;
    justify-content:center;
    overflow:hidden;
}
.ap-reading-top-320 .ad-slot-shell{
    width:320px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
.ap-reading-end-ad{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}
.ap-reading-top-320:empty,
.ap-reading-end-ad:empty{
    display:none!important;
    margin:0!important;
    padding:0!important;
}


/* =========================================================
   Apyar Story V6.10 — Admin Login logo/theme button alignment
   ========================================================= */
.admin-login-brandbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    width:100%;
    margin-bottom:32px;
}
.admin-login-brandbar > a{
    min-width:0;
    flex:1 1 auto;
}
.admin-login-theme-toggle{
    position:static!important;
    inset:auto!important;
    flex:0 0 36px;
    margin-left:auto;
    z-index:2;
}
@media (max-width:360px){
    .admin-login-brandbar{
        gap:10px;
    }
    .admin-login-brandbar > a{
        gap:10px;
    }
}


/* =========================================================
   Apyar Story V6.11 — Admin Dark Mode Contrast Hardening
   Fixes light cards + light text collisions across all admin pages.
   ========================================================= */
html[data-admin-theme="dark"]{
    color-scheme:dark;
}

/* Core surfaces */
html[data-admin-theme="dark"] body{
    background:#0e1117!important;
    color:#f4f5f7!important;
}
html[data-admin-theme="dark"] body header.sticky{
    background:rgba(14,17,23,.95)!important;
    border-color:#27303c!important;
}
html[data-admin-theme="dark"] .admin-panel,
html[data-admin-theme="dark"] .admin-save-bar,
html[data-admin-theme="dark"] .bg-white,
html[data-admin-theme="dark"] .bg-white\/80,
html[data-admin-theme="dark"] .bg-\[\#f7f7f8\],
html[data-admin-theme="dark"] .bg-\[\#f7f7f8\]\/90{
    background:#151a22!important;
    border-color:#2a3442!important;
    color:#f4f5f7!important;
}
html[data-admin-theme="dark"] .bg-\[\#fffaf7\]{
    background:#1b1817!important;
    border-color:#3a302c!important;
    color:#f4f5f7!important;
}

/* The old rule inverted .bg-ink to white in dark mode, which caused white-on-white text. */
html[data-admin-theme="dark"] .bg-ink{
    background:#151a22!important;
    color:#f4f5f7!important;
    border-color:#2a3442!important;
}
html[data-admin-theme="dark"] .bg-ink .text-white{
    color:#f4f5f7!important;
}
html[data-admin-theme="dark"] .bg-ink .text-white\/65{
    color:#aeb6c3!important;
}

/* Muted copy must stay readable */
html[data-admin-theme="dark"] .admin-muted-label{
    color:#9ea8b8!important;
}
html[data-admin-theme="dark"] [class*="text-black/"]{
    color:#aeb6c3!important;
}
html[data-admin-theme="dark"] .text-ink{
    color:#f4f5f7!important;
}

/* Brand-tinted light cards */
html[data-admin-theme="dark"] .bg-brand-50,
html[data-admin-theme="dark"] .bg-brand-50\/40,
html[data-admin-theme="dark"] .bg-brand-50\/45,
html[data-admin-theme="dark"] .bg-brand-500\/10{
    background:rgba(255,74,0,.12)!important;
    border-color:rgba(255,104,48,.28)!important;
}
html[data-admin-theme="dark"] .bg-brand-100{
    background:rgba(255,74,0,.20)!important;
}
html[data-admin-theme="dark"] .text-brand-600,
html[data-admin-theme="dark"] .text-brand-700,
html[data-admin-theme="dark"] .text-brand-700\/70,
html[data-admin-theme="dark"] .text-brand-800{
    color:#ff8a5c!important;
}

/* Success / warning / danger / info surfaces */
html[data-admin-theme="dark"] .bg-emerald-50,
html[data-admin-theme="dark"] .bg-green-50{
    background:rgba(16,185,129,.11)!important;
    border-color:rgba(52,211,153,.28)!important;
}
html[data-admin-theme="dark"] .bg-emerald-100{
    background:rgba(16,185,129,.18)!important;
}
html[data-admin-theme="dark"] .text-emerald-700,
html[data-admin-theme="dark"] .text-emerald-800,
html[data-admin-theme="dark"] .text-emerald-800\/70,
html[data-admin-theme="dark"] .text-emerald-800\/80,
html[data-admin-theme="dark"] .text-emerald-900{
    color:#8ee7c8!important;
}

html[data-admin-theme="dark"] .bg-amber-50{
    background:rgba(245,158,11,.11)!important;
    border-color:rgba(251,191,36,.30)!important;
}
html[data-admin-theme="dark"] .bg-amber-100{
    background:rgba(245,158,11,.18)!important;
}
html[data-admin-theme="dark"] .text-amber-800\/80,
html[data-admin-theme="dark"] .text-amber-900,
html[data-admin-theme="dark"] .text-amber-900\/75,
html[data-admin-theme="dark"] .text-amber-950{
    color:#f8d58a!important;
}

html[data-admin-theme="dark"] .bg-red-50{
    background:rgba(239,68,68,.11)!important;
    border-color:rgba(248,113,113,.30)!important;
}
html[data-admin-theme="dark"] .text-red-700,
html[data-admin-theme="dark"] .text-red-800{
    color:#ffb0b0!important;
}

html[data-admin-theme="dark"] .bg-sky-100{
    background:rgba(56,189,248,.16)!important;
}
html[data-admin-theme="dark"] .text-sky-900{
    color:#a9def8!important;
}

/* Form controls / buttons */
html[data-admin-theme="dark"] input,
html[data-admin-theme="dark"] textarea,
html[data-admin-theme="dark"] select{
    background:#10151d!important;
    border-color:#344050!important;
    color:#f4f5f7!important;
}
html[data-admin-theme="dark"] input::placeholder,
html[data-admin-theme="dark"] textarea::placeholder{
    color:#778294!important;
}
html[data-admin-theme="dark"] .btn-light{
    background:#171d26!important;
    color:#f4f5f7!important;
    border-color:#344050!important;
}
html[data-admin-theme="dark"] .btn-light:hover{
    background:#1d2530!important;
}

/* Small neutral chips used throughout dashboard/ads/backups */
html[data-admin-theme="dark"] .bg-black\/5,
html[data-admin-theme="dark"] .bg-black\/\[0\.025\],
html[data-admin-theme="dark"] .bg-black\/\[0\.035\]{
    background:#202733!important;
    color:#c2c9d4!important;
}

/* Tables and separators */
html[data-admin-theme="dark"] table{
    color:#eef1f5!important;
}
html[data-admin-theme="dark"] [class*="border-black/"]{
    border-color:#2b3543!important;
}

/* Prevent light card shadows from washing out dark surfaces */
html[data-admin-theme="dark"] .shadow-card,
html[data-admin-theme="dark"] .shadow-soft{
    box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
}

/* Apyar Story V6.14 — publishing buckets + scheduled story workflow */
.admin-story-filter-tabs{display:flex;gap:.55rem;overflow-x:auto;padding:.1rem 0 .3rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-story-filter-tabs::-webkit-scrollbar{display:none}.admin-story-filter{display:inline-flex;flex:0 0 auto;align-items:center;gap:.55rem;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff;padding:.62rem .9rem;font-size:.75rem;font-weight:850;color:rgba(18,18,18,.58);transition:.2s}.admin-story-filter strong{display:grid;min-width:1.65rem;height:1.65rem;place-items:center;border-radius:999px;background:rgba(0,0,0,.05);padding:0 .4rem;font-size:.68rem;color:rgba(18,18,18,.62)}.admin-story-filter:hover{border-color:rgba(255,74,0,.28);color:#c93400}.admin-story-filter.is-active{border-color:#ff4a00;background:#ff4a00;color:#fff;box-shadow:0 10px 24px rgba(255,74,0,.17)}.admin-story-filter.is-active strong{background:rgba(255,255,255,.18);color:#fff}
.admin-story-records{display:grid;gap:.8rem}.admin-story-record{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.9rem;border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;background:#fff;padding:.9rem;box-shadow:0 6px 22px rgba(18,18,18,.045)}.admin-story-cover-wrap{width:54px}.admin-story-cover{width:54px;height:76px;border-radius:.85rem;object-fit:cover;background:#f4f4f4}.admin-story-cover-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#ff4a00,#ff6a2a);color:#fff;font-size:1.3rem;font-weight:950}.admin-story-main{min-width:0}.admin-story-title-row{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.75rem}.admin-story-title-row h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:900;color:#121212}.admin-story-title-row p{margin:.18rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700;color:rgba(18,18,18,.38)}.admin-story-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;margin-top:.7rem}.admin-story-meta-grid div{min-width:0}.admin-story-meta-grid span{display:block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(18,18,18,.34)}.admin-story-meta-grid strong{display:block;margin-top:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;color:rgba(18,18,18,.68)}.admin-story-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.45rem;padding-top:.15rem}.admin-story-actions form{margin:0}.admin-story-action{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.09);border-radius:.8rem;background:#fff;padding:.5rem .78rem;font-size:.7rem;font-weight:850;color:#121212}.admin-story-action.is-view{color:#d53b00}.admin-story-action.is-delete{border-color:rgba(220,38,38,.18);color:#b91c1c}.admin-story-empty{margin-top:.5rem;border:1px dashed rgba(0,0,0,.1);border-radius:1rem;padding:1.3rem;text-align:center;font-size:.78rem;font-weight:750;color:rgba(18,18,18,.4)}
.admin-publishing-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex:0 0 auto;border-radius:999px;padding:.42rem .7rem;font-size:.64rem;font-weight:900;line-height:1.2;white-space:nowrap}.admin-publishing-chip.is-published{background:rgba(16,185,129,.12);color:#087a59}.admin-publishing-chip.is-draft{background:rgba(15,23,42,.06);color:#64748b}.admin-publishing-chip.is-scheduled{background:rgba(245,158,11,.14);color:#a16207}.admin-publishing-chip.is-review{background:rgba(59,130,246,.12);color:#1d4ed8}.admin-publishing-chip.is-archived{background:rgba(100,116,139,.13);color:#475569}.admin-featured-chip{display:inline-flex;margin-top:.6rem;border-radius:999px;background:#fff4ef;padding:.32rem .58rem;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#c93400}
.admin-schedule-box{display:grid;gap:1rem;border:1px solid rgba(245,158,11,.22);border-radius:1.15rem;background:linear-gradient(135deg,rgba(255,251,235,.9),rgba(255,247,237,.75));padding:1rem}.admin-schedule-submit{border-color:rgba(245,158,11,.35)!important;color:#9a6700!important}.admin-save-actions{display:flex;flex-wrap:wrap;gap:.5rem}
@media (min-width:720px){.admin-story-record{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;padding:1rem}.admin-story-cover-wrap{width:62px}.admin-story-cover{width:62px;height:86px}.admin-story-meta-grid{grid-template-columns:1.1fr .7fr 1.2fr;max-width:720px}.admin-story-actions{grid-column:auto;padding-top:0;align-self:center}.admin-schedule-box{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);align-items:end}.admin-schedule-box>p{grid-column:1/-1}}
@media (max-width:639px){.admin-save-bar{padding:.8rem}.admin-save-bar>.min-w-0{display:none}.admin-save-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-save-actions .btn-primary,.admin-save-actions .btn-light{width:100%;min-height:46px;padding:.75rem .8rem}.admin-save-actions .btn-primary:last-child:nth-child(3){grid-column:1/-1}.admin-story-title-row{align-items:flex-start}.admin-story-title-row .admin-publishing-chip{max-width:92px;overflow:hidden;text-overflow:ellipsis}.admin-story-meta-grid{grid-template-columns:1fr 1fr}.admin-story-meta-grid div:last-child{grid-column:1/-1}}
html[data-admin-theme="dark"] .admin-story-filter{background:#151a22;border-color:#2a3441;color:#a9b0bc}html[data-admin-theme="dark"] .admin-story-filter strong{background:#1f2630;color:#b7bec9}html[data-admin-theme="dark"] .admin-story-filter.is-active{background:#ff4a00;border-color:#ff4a00;color:#fff}html[data-admin-theme="dark"] .admin-story-filter.is-active strong{background:rgba(255,255,255,.18);color:#fff}html[data-admin-theme="dark"] .admin-story-record{background:#151a22;border-color:#27303c;box-shadow:none}html[data-admin-theme="dark"] .admin-story-title-row h3{color:#f4f5f7}html[data-admin-theme="dark"] .admin-story-title-row p,html[data-admin-theme="dark"] .admin-story-meta-grid span{color:#778293}html[data-admin-theme="dark"] .admin-story-meta-grid strong{color:#c9ced6}html[data-admin-theme="dark"] .admin-story-action{background:#11161e;border-color:#313b49;color:#e9edf2}html[data-admin-theme="dark"] .admin-story-action.is-view{color:#ff8f5f}html[data-admin-theme="dark"] .admin-story-action.is-delete{color:#fca5a5;border-color:rgba(248,113,113,.24)}html[data-admin-theme="dark"] .admin-story-empty{border-color:#313b49;color:#8993a2}html[data-admin-theme="dark"] .admin-schedule-box{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.24)}html[data-admin-theme="dark"] .admin-publishing-chip.is-published{background:rgba(16,185,129,.12);color:#79d7b5}html[data-admin-theme="dark"] .admin-publishing-chip.is-draft{background:#202732;color:#aab2bf}html[data-admin-theme="dark"] .admin-publishing-chip.is-scheduled{background:rgba(245,158,11,.12);color:#f2c36f}html[data-admin-theme="dark"] .admin-publishing-chip.is-review{background:rgba(59,130,246,.13);color:#93b7ff}html[data-admin-theme="dark"] .admin-publishing-chip.is-archived{background:#202732;color:#aab2bf}


/* Apyar Story V6.15 — resilient server-backed story status navigation */
.admin-story-filter{text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width:639px){
  .admin-story-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;overflow:visible;padding:.1rem 0 .25rem}
  .admin-story-filter{min-width:0;min-height:58px;flex-direction:column;justify-content:center;gap:.22rem;padding:.52rem .28rem;text-align:center;line-height:1.1}
  .admin-story-filter span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}
  .admin-story-filter strong{min-width:1.45rem;height:1.45rem;font-size:.62rem}
}

/* Apyar Story V6.16 — public series part selector */
.ap-series-selector{margin-top:22px}
.ap-series-selector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ap-series-selector-heading{min-width:0}
.ap-series-selector-kicker{display:block;color:var(--ap-brand);font-size:10px;font-weight:950;letter-spacing:.08em}
.ap-series-selector-heading h2{margin:4px 0 0;color:var(--ap-text);font-size:18px;font-weight:950;line-height:1.35;letter-spacing:-.02em}
.ap-series-selector-heading p{margin:5px 0 0;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-muted);font-size:11px;font-weight:750}
.ap-series-selector-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);padding:7px 10px;color:var(--ap-muted);font-size:10px;font-weight:900;white-space:nowrap}
.ap-series-parts-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,78%);gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ap-series-part-card{display:flex;min-width:0;min-height:116px;flex-direction:column;justify-content:space-between;gap:9px;scroll-snap-align:start;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);padding:14px;color:var(--ap-text);box-shadow:0 9px 26px rgba(0,0,0,.045);transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
.ap-series-part-card:hover{border-color:color-mix(in srgb,var(--ap-brand) 38%,var(--ap-border));transform:translateY(-1px)}
.ap-series-part-card.is-current{border-color:color-mix(in srgb,var(--ap-brand) 58%,var(--ap-border));background:linear-gradient(145deg,var(--ap-surface),var(--ap-brand-soft));box-shadow:0 10px 28px color-mix(in srgb,var(--ap-brand) 12%,transparent)}
.ap-series-part-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ap-series-part-top strong{color:var(--ap-brand);font-size:11px;font-weight:950}.ap-series-part-top>span{display:inline-flex;align-items:center;border-radius:999px;background:var(--ap-surface-3);padding:4px 7px;color:var(--ap-muted);font-size:9px;font-weight:900}.ap-series-part-card.is-current .ap-series-part-top>span{background:var(--ap-brand);color:#fff}
.ap-series-part-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--ap-text);font-size:14px;font-weight:900;line-height:1.55}
.ap-series-part-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ap-muted);font-size:9px;font-weight:800}.ap-series-part-views{display:inline-flex;align-items:center;gap:4px}.ap-series-part-views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:520px){.ap-series-selector{margin-top:28px}.ap-series-parts-strip{grid-auto-columns:minmax(235px,42%)}}
@media (min-width:768px){.ap-series-selector{margin-top:32px}.ap-series-selector-heading h2{font-size:22px}.ap-series-parts-strip{grid-auto-columns:minmax(245px,31%);gap:12px}.ap-series-part-card{min-height:124px;padding:15px}}
@media (max-width:380px){.ap-series-parts-strip{grid-auto-columns:minmax(205px,84%)}.ap-series-selector-count{padding:6px 8px}.ap-series-selector-heading h2{font-size:17px}}

/* Apyar Story V6.17 — scalable 20–30+ part series navigator
   Progressive disclosure + 10-part ranges replace the wide card carousel. */
.ap-series-navigator{margin-top:22px}
.ap-series-navigator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ap-series-navigator-heading{min-width:0}
.ap-series-navigator-kicker{display:block;color:var(--ap-brand);font-size:10px;font-weight:950;letter-spacing:.08em}
.ap-series-navigator-heading h2{margin:4px 0 0;color:var(--ap-text);font-size:18px;font-weight:950;line-height:1.35;letter-spacing:-.02em}
.ap-series-navigator-heading p{margin:5px 0 0;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-muted);font-size:11px;font-weight:750}
.ap-series-navigator-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);padding:7px 10px;color:var(--ap-muted);font-size:10px;font-weight:900;white-space:nowrap}

.ap-series-now{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--ap-brand) 34%,var(--ap-border));border-radius:18px;background:linear-gradient(145deg,var(--ap-surface),var(--ap-brand-soft));padding:12px 13px;box-shadow:0 10px 28px color-mix(in srgb,var(--ap-brand) 8%,transparent)}
.ap-series-now-copy{display:grid;gap:2px;min-width:0}.ap-series-now-copy>span{color:var(--ap-brand);font-size:9px;font-weight:950;letter-spacing:.04em}.ap-series-now-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-text);font-size:14px;font-weight:950}.ap-series-now-copy>strong small{color:var(--ap-muted);font-size:10px;font-weight:850}
.ap-series-step-actions{display:flex;flex:0 0 auto;gap:7px}.ap-series-step{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--ap-border);border-radius:13px;background:var(--ap-surface);color:var(--ap-text);font-size:19px;font-weight:950;touch-action:manipulation}.ap-series-step.is-next{border-color:color-mix(in srgb,var(--ap-brand) 38%,var(--ap-border));background:var(--ap-brand);color:#fff}.ap-series-step.is-disabled{opacity:.32;pointer-events:none}

.ap-series-quick{display:flex;gap:7px;overflow-x:auto;margin-top:9px;padding:1px 1px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ap-series-quick::-webkit-scrollbar{display:none}.ap-series-quick-chip{display:flex;min-width:58px;min-height:50px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:0;border:1px solid var(--ap-border);border-radius:14px;background:var(--ap-surface);color:var(--ap-muted);touch-action:manipulation}.ap-series-quick-chip span{font-size:8px;font-weight:850}.ap-series-quick-chip strong{margin-top:-1px;color:var(--ap-text);font-size:14px;font-weight:950}.ap-series-quick-chip.is-current{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--ap-brand) 18%,transparent)}.ap-series-quick-chip.is-current strong{color:#fff}

.ap-series-browser{margin-top:7px;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);overflow:hidden}.ap-series-browser-summary{display:flex;min-height:58px;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;touch-action:manipulation}.ap-series-browser-summary::-webkit-details-marker{display:none}.ap-series-browser-summary::marker{display:none}.ap-series-browser-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:11px;background:var(--ap-surface-3);color:var(--ap-brand)}.ap-series-browser-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ap-series-browser-summary-copy{display:grid;min-width:0;flex:1;gap:2px}.ap-series-browser-summary-copy strong{color:var(--ap-text);font-size:12px;font-weight:950}.ap-series-browser-summary-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-muted);font-size:9px;font-weight:750}.ap-series-browser-chevron{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;color:var(--ap-muted);font-size:19px;font-weight:900;transition:transform .18s ease}.ap-series-browser[open] .ap-series-browser-chevron{transform:rotate(180deg)}
.ap-series-browser-body{border-top:1px solid var(--ap-border);padding:10px}
.ap-series-ranges{display:flex;gap:7px;overflow-x:auto;padding:0 0 9px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ap-series-ranges::-webkit-scrollbar{display:none}.ap-series-range{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:999px;background:var(--ap-surface);padding:0 12px;color:var(--ap-muted);font:inherit;font-size:10px;font-weight:900;cursor:pointer;touch-action:manipulation}.ap-series-range.is-active{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff}
.ap-series-episode-list{display:grid;max-height:min(52vh,520px);gap:7px;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 2px;scrollbar-width:thin}
.ap-series-episode{display:grid;grid-template-columns:42px minmax(0,1fr) auto;min-height:62px;align-items:center;gap:10px;border:1px solid var(--ap-border);border-radius:14px;background:var(--ap-surface-2);padding:8px 10px;color:var(--ap-text);touch-action:manipulation}.ap-series-episode[hidden]{display:none!important}.ap-series-episode.is-current{border-color:color-mix(in srgb,var(--ap-brand) 56%,var(--ap-border));background:linear-gradient(145deg,var(--ap-surface),var(--ap-brand-soft))}.ap-series-episode-number{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--ap-surface-3);color:var(--ap-muted);font-size:11px;font-weight:950}.ap-series-episode.is-current .ap-series-episode-number{background:var(--ap-brand);color:#fff}.ap-series-episode-copy{display:grid;min-width:0;gap:4px}.ap-series-episode-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-text);font-size:11px;font-weight:900}.ap-series-episode-copy>small{display:flex;align-items:center;gap:10px;color:var(--ap-muted);font-size:8px;font-weight:800}.ap-series-episode-views{display:inline-flex;align-items:center;gap:4px}.ap-series-episode-views svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ap-series-episode-action{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;border-radius:999px;color:var(--ap-brand);font-size:14px;font-weight:950;white-space:nowrap}.ap-series-episode.is-current .ap-series-episode-action{padding:0 8px;background:var(--ap-brand);color:#fff;font-size:8px}

@media (min-width:520px){.ap-series-navigator{margin-top:28px}.ap-series-quick-chip{min-width:64px}.ap-series-browser-body{padding:12px}.ap-series-episode{grid-template-columns:46px minmax(0,1fr) auto;min-height:66px;padding:9px 12px}.ap-series-episode-number{width:46px;height:46px}}
@media (min-width:768px){.ap-series-navigator{margin-top:32px}.ap-series-navigator-heading h2{font-size:22px}.ap-series-now{padding:14px 16px}.ap-series-now-copy>strong{font-size:16px}.ap-series-browser-summary{padding:11px 14px}.ap-series-browser-body{padding:14px}.ap-series-episode-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px}.ap-series-episode-copy>strong{font-size:12px}}
@media (max-width:380px){.ap-series-navigator-count{padding:6px 8px}.ap-series-navigator-heading h2{font-size:17px}.ap-series-step{width:40px;height:40px}.ap-series-quick-chip{min-width:55px}.ap-series-browser-summary-copy small{max-width:190px}}

/* Apyar Story V6.24 — paginated listings + latest published series part */
.ap-series-latest-badge{position:absolute;left:9px;bottom:9px;z-index:2;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:var(--ap-brand);padding:5px 9px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.2);font-size:9px;font-weight:950;line-height:1;white-space:nowrap}.ap-series-latest-badge.is-with-category{bottom:42px}.ap-series-latest-badge.is-complete{border-color:rgba(255,255,255,.32);background:var(--ap-brand);box-shadow:0 7px 20px color-mix(in srgb,var(--ap-brand) 42%,transparent)}
.ap-pagination{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:34px;padding-bottom:8px}
.ap-page-number,.ap-page-nav{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:13px;background:var(--ap-surface);padding:0 11px;color:var(--ap-text);font-size:12px;font-weight:950;box-shadow:0 7px 20px rgba(0,0,0,.04);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.ap-page-number:hover,.ap-page-nav:hover{border-color:var(--ap-brand);color:var(--ap-brand);transform:translateY(-1px)}.ap-page-number.is-current{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--ap-brand) 24%,transparent)}
.ap-page-nav.ap-page-arrow{min-width:38px;padding:0;font-size:22px}.ap-page-nav.is-next{min-width:auto;border-color:color-mix(in srgb,var(--ap-brand) 46%,var(--ap-border));padding:0 14px;color:var(--ap-brand);white-space:nowrap}
@media (max-width:380px){.ap-pagination{gap:6px}.ap-page-number,.ap-page-nav{min-width:38px;height:40px;padding:0 9px}.ap-page-nav.ap-page-arrow{min-width:34px}.ap-page-nav.is-next{padding:0 11px;font-size:10px}}

/* Apyar Story V6.25 — one clear series navigator + explicit status */
.ap-series-heading-status{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:6px}.ap-series-status{display:inline-flex;align-items:center;border-radius:999px;background:var(--ap-brand-soft);padding:5px 9px;color:var(--ap-brand);font-size:9px;font-weight:950;white-space:nowrap}.ap-series-status.is-complete{background:var(--ap-brand-soft);color:var(--ap-brand)}.ap-series-browser{margin-top:10px}

/* Apyar Story V6.29 — simple chapter selector + previous/next navigation */
.ap-chapter-controls{width:min(100% - 2rem,760px);margin:24px auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:8px;border:1px solid var(--ap-border);border-radius:18px;background:var(--ap-surface);padding:9px;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.ap-chapter-select-wrap{position:relative;display:block;min-width:0}.ap-chapter-select-wrap::after{content:'⌄';position:absolute;top:50%;right:14px;transform:translateY(-55%);color:var(--ap-muted);font-size:18px;font-weight:950;pointer-events:none}
.ap-chapter-select{width:100%;height:48px;appearance:none;-webkit-appearance:none;border:1px solid var(--ap-border);border-radius:13px;outline:0;background:var(--ap-surface-2);padding:0 42px 0 14px;color:var(--ap-text);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.ap-chapter-select:focus{border-color:var(--ap-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ap-brand) 15%,transparent)}
.ap-chapter-button{display:inline-flex;min-width:62px;height:48px;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:13px;background:var(--ap-surface-2);padding:0 12px;color:var(--ap-text);font-size:12px;font-weight:950;line-height:1;white-space:nowrap;touch-action:manipulation}.ap-chapter-button.ap-chapter-next{border-color:var(--ap-brand);background:var(--ap-brand);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--ap-brand) 20%,transparent)}.ap-chapter-button.is-disabled{opacity:.34;cursor:not-allowed;pointer-events:none;box-shadow:none}
.ap-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
@media (min-width:768px){.ap-chapter-controls{margin-top:30px;margin-bottom:30px;padding:10px}.ap-chapter-select,.ap-chapter-button{height:50px}.ap-chapter-select{font-size:14px}.ap-chapter-button{min-width:76px;font-size:13px}}
@media (max-width:380px){.ap-chapter-controls{width:min(100% - 1.25rem,760px);gap:6px;padding:7px}.ap-chapter-select{height:46px;padding-left:11px;font-size:11px}.ap-chapter-button{min-width:52px;height:46px;padding:0 9px;font-size:10px}}

/* Apyar Story V6.30 — balanced story hero */
.ap-story-cover-column{display:flex;width:126px;min-width:126px;flex-direction:column;align-items:center;gap:9px}
.ap-detail-category-under-cover{display:flex;max-width:100%;align-items:center;justify-content:center;margin:0 auto;padding:5px 9px;text-align:center;line-height:1.35;overflow-wrap:anywhere}
.ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy{display:flex;height:189px;min-height:189px;max-height:189px;flex-direction:column;align-items:flex-start;overflow:hidden}
.ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy h1{display:-webkit-box;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;font-size:clamp(18px,5.1vw,24px);line-height:1.32;letter-spacing:-.025em}
.ap-story-hero-grid:not(.ap-series-child) .ap-story-author{margin:.35rem 0 .2rem;font-size:.72rem;line-height:1.45}
.ap-story-hero-grid:not(.ap-series-child) .ap-detail-meta{margin-top:6px;font-size:9px}
.ap-story-hero-grid:not(.ap-series-child) .ap-detail-excerpt{display:none}
.ap-story-hero-grid:not(.ap-series-child) .ap-detail-save{margin-top:auto;margin-bottom:0;padding:8px 11px;font-size:10px}
@media (min-width:768px){
  .ap-story-cover-column{width:220px;min-width:220px;gap:10px}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy{height:330px;min-height:330px;max-height:330px}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy h1{font-size:clamp(25px,3.3vw,32px);line-height:1.3;-webkit-line-clamp:3}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-author{margin:.55rem 0 .3rem;font-size:.84rem}
  .ap-story-hero-grid:not(.ap-series-child) .ap-detail-meta{margin-top:8px;font-size:10px}
  .ap-story-hero-grid:not(.ap-series-child) .ap-detail-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:12px 0 0;font-size:12px;line-height:1.7}
  .ap-story-hero-grid:not(.ap-series-child) .ap-detail-save{padding:9px 13px;font-size:11px}
}
@media (max-width:380px){
  .ap-story-cover-column{width:112px;min-width:112px;gap:8px}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy{height:168px;min-height:168px;max-height:168px}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-detail-copy h1{font-size:17px;line-height:1.3}
  .ap-story-hero-grid:not(.ap-series-child) .ap-story-author{font-size:.66rem}
  .ap-story-hero-grid:not(.ap-series-child) .ap-detail-save{padding:7px 9px;font-size:9px}
}

/* Apyar Story V6.31 — unclipped titles + one hero format for every part */
.ap-story-detail-copy h1{box-sizing:border-box;padding:5px 0 2px!important;line-height:1.42!important}
.ap-story-hero-grid .ap-story-detail-copy h1{-webkit-line-clamp:2!important}
.ap-story-part-label{margin:3px 0 0;color:var(--ap-text);font-size:11px;font-weight:850;line-height:1.35}
.ap-story-hero-grid .ap-detail-excerpt{display:none!important}
.ap-detail-category-before-save{max-width:100%;margin-top:auto;padding:4px 8px;font-size:8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-story-hero-grid .ap-detail-save{margin-top:6px!important}
@media (min-width:768px){
  .ap-story-detail-copy h1{padding-top:7px!important;line-height:1.4!important}
  .ap-story-part-label{margin-top:5px;font-size:12px}
  .ap-detail-category-before-save{padding:5px 9px;font-size:9px}
  .ap-story-hero-grid .ap-detail-save{margin-top:8px!important}
}

/* Apyar Story V6.32 — visual category library + consistent list headers */
.ap-category-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-top:22px;padding-bottom:18px}
.ap-category-book-card{position:relative;display:block;min-width:0;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--ap-border);border-radius:20px;background:var(--ap-surface-3);box-shadow:0 12px 30px rgba(0,0,0,.16);color:#fff;isolation:isolate}
.ap-category-book-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.ap-category-book-card:hover>img{transform:scale(1.035)}
.ap-category-book-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,12,.02) 38%,rgba(5,7,12,.38) 65%,rgba(5,7,12,.94) 100%)}
.ap-category-book-copy{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 13px 13px}
.ap-category-book-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-size:clamp(15px,4.2vw,20px);font-weight:950;line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.72)}
.ap-category-book-copy small{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:var(--ap-brand);padding:5px 9px;color:#fff;font-size:9px;font-weight:950;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.ap-category-strip+.ap-page-head{padding-top:25px}
@media (min-width:768px){
  .ap-category-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:28px;padding-bottom:28px}
  .ap-category-book-card{border-radius:22px}
  .ap-category-book-copy{gap:7px;padding:18px 16px 16px}
  .ap-category-book-copy strong{font-size:20px}
  .ap-category-book-copy small{padding:6px 10px;font-size:10px}
  .ap-category-strip+.ap-page-head{padding-top:32px}
}
@media (max-width:380px){
  .ap-category-book-grid{gap:13px 9px}
  .ap-category-book-card{border-radius:17px}
  .ap-category-book-copy{padding:12px 10px 10px}
  .ap-category-book-copy strong{font-size:14px}
  .ap-category-book-copy small{padding:4px 8px;font-size:8px}
}