/* =====================================================================
   Spice Stocks Academy - shared top navbar
   Exact navbar design taken from /report (assets/site.css + assets/extra.css).
   Used on every page except /report itself (which already loads the same CSS).
   ===================================================================== */
/* ===== Navbar / search / loader / back-to-top (from market-update page; prefixed mk-) ===== */
.mk-header,#mkBackdrop{--red:#FF0019;--pad:clamp(12px,2.5vw,40px)}
.mk-header,.mk-header *,.mk-header *::before,.mk-header *::after{box-sizing:border-box;font-family:Inter,'Segoe UI',Arial,sans-serif}
:where(.mk-header) *{margin:0;padding:0}
:where(.mk-header) a{color:inherit;text-decoration:none}
:where(.mk-header) ul{list-style:none}
:where(.mk-header) img,:where(.mk-header) svg{max-width:100%}
.mk-header{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(14px,3vw,40px);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #eee;line-height:1.5;color:#1f2937}
.mk-brand{display:flex;align-items:center;gap:12px;min-width:0}.mk-logo{height:40px;width:auto;display:block}.mk-meta{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid #ddd}
.mk-nav{display:flex;gap:clamp(12px,2vw,30px);margin-left:auto}.mk-link{font-size:14px;font-weight:600;color:#111;padding:6px 2px;white-space:nowrap}.mk-link:hover{color:var(--red)}
.mk-actions{display:flex;align-items:center;gap:12px}
.mk-join{background:linear-gradient(180deg,#FF0019,#FF0019);color:#fff!important;font-weight:700;font-size:14px;padding:9px 22px;border-radius:999px;box-shadow:0 6px 16px rgba(255,0,25,.35)}
.mk-burger{display:none;width:42px;height:42px;border:0;background:#fff1f1;border-radius:12px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}.mk-burger span{display:block;width:20px;height:2px;background:#b91c1c;border-radius:2px;transition:.25s}
@media(max-width:900px){.mk-meta{display:none}.mk-burger{display:flex}.mk-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid #eee;box-shadow:0 18px 30px rgba(0,0,0,.1);max-height:0;overflow:hidden;transition:max-height .3s}.mk-nav li a{display:block;padding:14px 20px;border-top:1px solid #f4eaea;font-size:16px}.mk-header.open .mk-nav{max-height:420px}.mk-header.open .mk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mk-header.open .mk-burger span:nth-child(2){opacity:0}.mk-header.open .mk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mk-join{padding:8px 16px}}
@media(max-width:380px){.mk-logo{height:32px}.mk-join{display:none}}
:root{--hh-unused:0}
/* header refinements */
.mk-join{padding:7px 16px;font-size:13px;box-shadow:0 4px 10px rgba(255,0,25,.22)}
.mk-brand-fb{font-weight:800;font-size:17px;color:#0f172a;white-space:nowrap}
.mk-burger{background:transparent;width:40px;height:40px;border-radius:10px}
.mk-burger span{width:22px;background:#1f2937;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s,background .2s}
.mk-burger:hover span{background:var(--red)}
.mk-item{position:relative}
.mk-ddbtn{display:inline-flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;font:600 14px Inter,'Segoe UI',Arial,sans-serif;color:#111;padding:6px 2px;white-space:nowrap}
.mk-ddbtn:hover,.mk-hasdd.open .mk-ddbtn{color:var(--red)}.mk-ddbtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.mk-hasdd.open .mk-ddbtn svg{transform:rotate(180deg)}
.mk-dd{position:absolute;top:calc(100% + 12px);left:50%;width:340px;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}
.mk-dd::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.mk-hasdd.open .mk-dd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mk-ddin{background:#fff;border:1px solid #edf0f3;border-radius:16px;box-shadow:0 22px 46px rgba(15,23,42,.15);padding:8px}
.mk-ddlink{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;transition:background .18s}.mk-ddlink:hover,.mk-ddlink:focus-visible{background:#fff3f3}
.mk-ddi{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff1f1;color:#FF0019}.mk-ddi svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mk-ddt b{display:block;font-size:14px;color:#0f172a}.mk-ddt small{display:block;font-size:12px;color:#64748b;margin-top:1px}
/* search */
.mk-hs-toggle{width:40px;height:40px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;color:#1f2937;cursor:pointer;transition:color .2s}.mk-hs-toggle:hover{color:var(--red)}
.mk-hs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mk-hs-panel{position:absolute;left:0;right:0;top:100%;padding:12px var(--pad) 14px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 18px 30px rgba(15,23,42,.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.mk-hs.open .mk-hs-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}
.mk-hs-field{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;background:#f3f4f6;border:1px solid transparent;border-radius:999px;color:#64748b;cursor:text;transition:background .2s,border-color .2s,box-shadow .2s}
.mk-hs-field:focus-within{background:#fff;border-color:#FF0019;box-shadow:0 0 0 4px rgba(255,0,25,.12)}.mk-hs-field svg{flex:0 0 18px;width:18px;height:18px}
.mk-hs-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 14px Inter,'Segoe UI',sans-serif;color:#0f172a}.mk-hs-field input::placeholder{color:#94a3b8}.mk-hs-field input::-webkit-search-cancel-button{display:none}
.mk-hs-field kbd{font:600 11px Inter,sans-serif;border:1px solid #d5dae1;border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:#64748b;background:#fff}.mk-hs.has-q kbd{display:none}
.mk-hs-clear{border:0;background:#e2e8f0;color:#475569;width:20px;height:20px;border-radius:50%;line-height:1;font-size:15px;cursor:pointer;padding:0}
.mk-hs-results{margin-top:10px;max-height:min(62vh,520px);overflow:auto;overscroll-behavior:contain}
.mk-hs-results:not([hidden]){animation:mkHsIn .18s ease}@keyframes mkHsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mk-hs-h{font-size:12px;font-weight:700;color:#94a3b8;padding:8px 10px 4px}
.mk-hs-it{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:10px;border-radius:12px;cursor:pointer;font:inherit;color:inherit}.mk-hs-it:hover,.mk-hs-it.on{background:#fff3f3}
.mk-hs-tx{min-width:0;display:block}.mk-hs-tx b{display:block;font-size:14px;color:#0f172a;line-height:1.35;overflow-wrap:anywhere}.mk-hs-tx small{display:block;font-size:12px;color:#94a3b8;margin-top:1px}.mk-hs-sn{display:block;font-size:12.5px;color:#475569;margin-top:3px;line-height:1.4}
.mk-hs-ty{flex:0 0 auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#475569}
.mk-t-course{background:#e0f2fe;color:#0369a1}.mk-t-mentor{background:#e6f7ef;color:#047857}.mk-t-article{background:#fef3c7;color:#b45309}.mk-t-section{background:#ffe4e6;color:#be123c}.mk-t-faq{background:#ede9fe;color:#6d28d9}.mk-t-guide{background:#ccfbf1;color:#0f766e}.mk-t-business{background:#fee2e2;color:#b91c1c}.mk-t-feedback{background:#fce7f3;color:#be185d}
.mk-hs mark{background:#fde68a;color:inherit;border-radius:3px;padding:0 1px}
.mk-hs-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px 10px}.mk-hs-chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:6px 12px;font:600 12.5px Inter,sans-serif;color:#334155;cursor:pointer;transition:border-color .2s,color .2s}.mk-hs-chip:hover{border-color:#FF0019;color:#FF0019}
.mk-hs-empty{padding:18px 12px;text-align:center}.mk-hs-empty b{display:block;font-size:14px;color:#0f172a}.mk-hs-empty span{font-size:13px;color:#64748b}
#mkBackdrop{position:fixed;inset:0;z-index:9990;background:rgba(15,23,42,.28);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}#mkBackdrop.on{opacity:1;visibility:visible;transition:opacity .2s}
.mk-flash{animation:mkFlash 2.4s ease}@keyframes mkFlash{0%,100%{box-shadow:0 0 0 0 rgba(255,0,25,0)}15%,65%{box-shadow:0 0 0 4px rgba(255,0,25,.35)}}
@media(hover:none){.mk-hs-field kbd{display:none}}
@media(min-width:1280px){
 .mk-hs-toggle{display:none}
 .mk-hs-panel{position:relative;left:auto;right:auto;top:auto;padding:0;background:none;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
 .mk-hs-field{width:250px}
 .mk-hs-results{position:absolute;top:calc(100% + 10px);right:0;width:min(520px,92vw);margin:0;padding:8px;background:#fff;border:1px solid #e8ebf0;border-radius:16px;box-shadow:0 24px 50px rgba(15,23,42,.18);max-height:min(70vh,560px)}
}
@media(min-width:901px) and (max-width:1199px){.mk-meta{display:none}}
@media(max-width:900px){
 .mk-join{display:none}
 .mk-header .mk-nav{max-height:calc(100vh - var(--mkh,62px));overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);border-radius:0 0 18px 18px;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
 .mk-header.open .mk-nav{max-height:calc(100vh - var(--mkh,62px));opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s}
 .mk-header.open .mk-burger span{background:var(--red)}.mk-header.open .mk-burger span:nth-child(2){opacity:0;transform:scaleX(0)}
 .mk-item .mk-ddbtn{width:100%;justify-content:space-between;padding:14px 20px;border-top:1px solid #f4eaea;font-size:16px;color:#111}
 .mk-dd{position:static;width:auto;transform:none;opacity:1;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .32s ease,visibility 0s linear .32s}
 .mk-dd::before{display:none}.mk-hasdd.open .mk-dd{transform:none;grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .32s ease,visibility 0s}
 .mk-ddin{overflow:hidden;min-height:0;border:0;border-radius:0;box-shadow:none;padding:0;background:#fffafa}
 .mk-nav .mk-ddlink{padding:11px 20px 11px 28px;border-top:1px solid #f6eded;font-size:15px}
}
@media(max-width:900px){
 .mk-hasdd.open .mk-ddbtn{background:#fff7f7;color:var(--red)}
 .mk-ddin{margin:0 12px;border-radius:14px;background:#fff7f7}
 .mk-nav .mk-ddlink{display:flex;align-items:center;gap:12px;margin:0 6px;padding:11px 8px;border-top:0;border-radius:12px;font-size:15px}
 .mk-nav .mk-ddlink:first-child{margin-top:6px}.mk-nav .mk-ddlink:last-child{margin-bottom:6px}
 .mk-nav .mk-ddlink::after{content:"";margin-left:auto;flex:0 0 auto;width:7px;height:7px;border-right:2px solid #d4b5b5;border-top:2px solid #d4b5b5;transform:rotate(45deg)}
 .mk-nav .mk-ddlink:active{background:#ffe9e9}
 .mk-ddi{flex:0 0 38px;width:38px;background:#fff}
}
:where(.mk-header) :focus-visible,:where(#mkBackdrop) :focus-visible{outline:2px solid #FF0019;outline-offset:2px}.mk-nav :focus-visible,.mk-ddbtn:focus-visible{outline-offset:-3px}

/* ===== Loader (same as market-update) ===== */
#ldr{position:fixed;inset:0;z-index:200000;display:grid;place-content:center;justify-items:center;gap:14px;background:#fff;transition:opacity .35s ease,visibility .35s}
#ldr.out{opacity:0;visibility:hidden}
.ldr-ring{width:58px;height:58px}.ldr-ring svg{width:100%;height:100%;display:block;animation:ldrRot 1.1s linear infinite}
.ldr-ring circle{fill:none;stroke-width:4}.ldr-bg{stroke:#fde2e2}.ldr-arc{stroke:#FF0019;stroke-linecap:round;stroke-dasharray:80 126;animation:ldrDash 1.4s ease-in-out infinite}
#ldr p{font:600 13px Inter,system-ui,sans-serif;color:#64748b;margin:0}
@keyframes ldrRot{to{transform:rotate(360deg)}}
@keyframes ldrDash{0%{stroke-dasharray:6 126;stroke-dashoffset:0}50%{stroke-dasharray:80 126;stroke-dashoffset:-30}100%{stroke-dasharray:6 126;stroke-dashoffset:-124}}

/* ===== Back to top (same as market-update) ===== */
#uxTop{position:fixed;right:16px;bottom:22px;z-index:9000;width:46px;height:46px;border:0;border-radius:50%;background:#FF0019;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(255,0,25,.35);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s,transform .25s}
#uxTop.show{opacity:1;transform:none;pointer-events:auto}#uxTop:hover{background:#b91c1c}#uxTop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ===== Transparent navbar over the hero; turns white after scrolling ===== */
.mk-header{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.mk-logo,.mk-link,.mk-ddbtn,.mk-hs-toggle,.mk-brand-fb,.mk-burger span{transition:filter .3s ease,color .3s ease,background-color .3s ease}
.mk-header.mk-solid{box-shadow:0 8px 24px rgba(15,23,42,.07)}
.mk-header:not(.mk-solid){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.mk-header:not(.mk-solid) .mk-logo{filter:brightness(0) invert(1)}
.mk-header:not(.mk-solid) .mk-meta{border-left-color:rgba(255,255,255,.4)}
.mk-header:not(.mk-solid) .mk-link,.mk-header:not(.mk-solid) .mk-ddbtn,.mk-header:not(.mk-solid) .mk-brand-fb,.mk-header:not(.mk-solid) .mk-hs-toggle{color:#fff}
.mk-header:not(.mk-solid) .mk-link:hover,.mk-header:not(.mk-solid) .mk-ddbtn:hover,.mk-header:not(.mk-solid) .mk-hasdd.open .mk-ddbtn{color:#fecaca}
.mk-header:not(.mk-solid) .mk-burger span{background:#fff}
@media(min-width:1280px){
 .mk-header:not(.mk-solid) .mk-hs-field{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff}
 .mk-header:not(.mk-solid) .mk-hs-field input{color:#fff}
 .mk-header:not(.mk-solid) .mk-hs-field input::placeholder{color:rgba(255,255,255,.75)}
 .mk-header:not(.mk-solid) .mk-hs-field kbd{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}
 .mk-header:not(.mk-solid) .mk-hs-clear{background:rgba(255,255,255,.28);color:#fff}
 .mk-header:not(.mk-solid) .mk-hs-field:focus-within{background:#fff;color:#64748b}
 .mk-header:not(.mk-solid) .mk-hs-field:focus-within input{color:#0f172a}
 .mk-header:not(.mk-solid) .mk-hs-field:focus-within input::placeholder{color:#94a3b8}
}
@media(prefers-reduced-motion:reduce){.mk-header,.mk-logo,.mk-link,.mk-ddbtn,.mk-hs-toggle,.mk-burger span{transition:none}}

/* ---- account button / menu (same as /report) ---- */
.mk-account-icon{width:40px;height:40px;flex:0 0 40px;display:inline-grid;place-items:center;border:1px solid #e1e5eb;border-radius:50%;background:#f8fafc;color:#1f2937;transition:background .2s,border-color .2s,color .2s,transform .2s}
.mk-account-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-account-icon:hover,.mk-account-icon:focus-visible{background:#fff0f2;border-color:#FF0019;color:#FF0019;transform:translateY(-1px);outline:none}
.mk-header:not(.mk-solid) .mk-account-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38);color:#fff}
.mk-header:not(.mk-solid) .mk-account-icon:hover{background:rgba(255,255,255,.22);color:#fff}
@media(max-width:900px){.mk-header .mk-actions{gap:7px}.mk-account-icon{width:36px;height:36px;flex-basis:36px}.mk-account-icon svg{width:19px;height:19px}.mk-header .mk-burger{width:38px;height:38px}}
@media(max-width:380px){.mk-header .mk-actions{gap:4px}.mk-account-icon{width:34px;height:34px;flex-basis:34px}.mk-header .mk-burger{width:34px;height:34px}.mk-logo{max-width:132px}}
.mk-account-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.mk-account-toggle{appearance:none;cursor:pointer;font:inherit;padding:0}
.mk-account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:10020;width:168px;padding:7px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(2,8,23,.22)}
.mk-account-menu[hidden]{display:none!important}
.mk-account-menu a{display:block;padding:11px 12px;border-radius:9px;color:#172033;text-decoration:none;font-size:14px;font-weight:700;transition:background .18s,color .18s}
.mk-account-menu a:hover,.mk-account-menu a:focus-visible{background:#fff0f2;color:#FF0019;outline:none}
.mk-header:not(.mk-solid) .mk-account-menu{border-color:rgba(255,255,255,.3)}
@media(max-width:900px){.mk-account-menu{right:0;top:calc(100% + 8px)}}

/* ---- page offset for the fixed navbar on inner pages (home keeps its own hero offset) ---- */
html{--mkh:61px}
@media(max-width:380px){html{--mkh:53px}}
.mk-spacer{display:block;height:var(--mkh,61px);width:100%;pointer-events:none}
.mk-account-slot{display:inline-flex;align-items:center;flex:0 0 auto}

/* ---- guard: global page rules (input / button / a / ul ...) must never change the navbar ---- */
.mk-header .mk-hs-field input{width:auto;height:auto;padding:0;margin:0;box-shadow:none;border:0;border-radius:0;background:transparent;animation:none;-webkit-appearance:none;appearance:none;line-height:normal;backdrop-filter:none;-webkit-backdrop-filter:none}
.mk-header .mk-hs-field input:focus{box-shadow:none;border:0;background:transparent;animation:none}
.mk-header button{margin:0;text-transform:none;letter-spacing:normal}
.mk-header .mk-hs-toggle,.mk-header .mk-burger,.mk-header .mk-account-toggle{padding:0}
.mk-header .mk-nav{margin-top:0;margin-bottom:0}
.mk-header .mk-hs-field{margin:0;width:auto}
@media(min-width:1280px){.mk-header .mk-hs-field{width:250px}}
.mk-header .mk-hs-field kbd{margin:0}