.mrkmr-sidebar {
    box-sizing: border-box;
    width: 200px;
    background: transparent;
    padding: 20px 10px;
    position: sticky;
    top: 32px;
    height: calc(100vh - 32px);
    overflow-y: auto;
}

.mrkmr-sidebar ul {
    padding-left: 0;
    margin: 0;
}

.mrkmr-sidebar ul li a:focus,
.mrkmr-sidebar ul li a:active {
  outline: none;
  box-shadow: none;
}

.mrkmr-sidebar ul li a {
    display: block;
    padding: 6px 10px;
    color: #0073aa;
    text-decoration: none;
}

.mrkmr-sidebar ul li a:hover,
.mrkmr-sidebar ul li a[style*="font-weight: bold"] {
    color: #000000;
    font-weight: bold;
}

/* Panel layout fix */
.markdown-panel {
    display: none;
}
.markdown-panel.active {
    display: block;
}

.mrkmr-sidebar ul li a:focus {
  background-color: #e6f7ff;
}

.markdown-nav a:focus,
.markdown-nav a:active {
    outline: none;
    box-shadow: none;
}

/* ---------- PRO BOX ---------- */

.mrkmr-pro-box{
    background: linear-gradient(to bottom, #e77000 0%, #e7a800 100%);
    border-radius:15px;
    padding:32px 40px;
    font-size: 18px;
    max-width:800px;
    margin:32px 0;          /* space above & below */
    color:#fff;
}

.mrkmr-pro-box strong{
    font-size:28px;
    line-height:1.25;       /* more air when it wraps */
    display:block;
    margin:0 0 16px;
}

.mrkmr-pro-box ul{
    display:grid;           /* perfect 2×2 grid */
    grid-template-columns:1fr 1fr;
    row-gap:8px;
    column-gap:40px;
    margin:0 0 24px;
    padding:0;
    list-style:disc inside;
    color:#fff;          /* bullet + text colour */
}

.mrkmr-pro-box li{margin:0;break-inside:avoid;}

.mrkmr-pro-box .button{
    background:#fff !important;
    color:#e77000 !important;
    border:none !important;
    font-weight:600 !important;
    font-size:16px !important;
    transition:background .2s,color .2s;
}

/* hover / focus */
.mrkmr-pro-box .button:hover,
.mrkmr-pro-box .button:focus{
    background:#e8ecf6 !important;   /* brand orange */
}

/* mobile tweaks */
@media (max-width:480px){
    .mrkmr-pro-box strong{
        font-size:22px;
        line-height:1.3;
    }
    .mrkmr-pro-box .button{
        display:block;
        width:100%;
        text-align:center;
    }
}

.mrkmr-pro-small{
    background: linear-gradient(to bottom, #e77000 0%, #e7a800 100%);
    color:#fff;
    border-radius:8px;
    padding:17px 26px;
    display:flex;                /* text + button on one line */
    align-items:center;
    gap:16px;                    /* space between them */
    max-width:800px;
    margin:24px 0;
    font-size:16px;
}

.mrkmr-pro-small .button{
    background:#fff !important;
    color:#e77000 !important;
    border:none !important;
    font-weight:600 !important;
    font-size:16px !important;
    transition:background .2s,color .2s;
}

.mrkmr-pro-small .button:hover,
.mrkmr-pro-small .button:focus{
    background:#e8ecf6 !important;   /* brand orange */
}

@media (max-width:480px){
    .mrkmr-pro-small{flex-direction:column;align-items:flex-start;}
    .mrkmr-pro-small-btn{width:100%;text-align:center;}
}

.mrkmr-llms-cache-box {
    background:#f8f9fa;
    padding:12px 16px;
    border-radius:6px;
    border:1px solid #ddd;
    margin:16px 0;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:12px;
}

.markdown-panel h2 {
  margin-top: 2.5em;
}

.mrkmr-info-icon {
  cursor: pointer;
  vertical-align: middle;
  margin-left: 6px;
opacity: 0.5;
}

#mrkmr-tooltip-box {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  max-width: 220px;
  z-index: 1000;
  font-size: 13px;
  line-height: 1.4;
}

/* horizontal tabs in Editor */
.mrkmr-editor-tabs {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
  border-bottom: 1px solid #ddd;
}
.mrkmr-editor-tabs li {
  margin-right: 24px;
}
.mrkmr-editor-tabs li a {
  padding: 8px 0;
  text-decoration: none;
  color: #0073aa;
}
.mrkmr-editor-tabs li.active a {
  font-weight: bold;
  border-bottom: 2px solid #0073aa;
}
.mrkmr-editor-panel {
  display: none;
}
.mrkmr-editor-panel.active {
  display: block;
}

/* remove full-box stroke on mrkmr-editor-tabs */
.mrkmr-editor-tabs a:focus,
.mrkmr-editor-tabs a:active {
  outline: none !important;
  box-shadow: none !important;
}

/* big banner: rounded */
@media (min-width:800px){
.mrkmr-banner{border-radius:15px;}
}

/* text logo: square, max 150 px tall */
@media (max-width:799px){
.mrkmr-banner{
border-radius:0;
max-height:50px;
height:auto;
width:auto;
}