@charset "UTF-8";
/* NKN Text Editor — content styles (editor ke andar + website pe same) */

/* ---------- Bullet styles (17 bullets + 6 numbers) ---------- */
ul.nkn-list-check,ul.nkn-list-checkcircle,ul.nkn-list-arrow,ul.nkn-list-arrowhead,ul.nkn-list-chevron,ul.nkn-list-triangle,ul.nkn-list-star,ul.nkn-list-diamond,ul.nkn-list-dot,ul.nkn-list-hollow,ul.nkn-list-square,ul.nkn-list-dash,ul.nkn-list-plus,ul.nkn-list-cross,ul.nkn-list-bulb,ul.nkn-list-point,ul.nkn-list-bluediamond{list-style:none !important;padding-left:0 !important;margin-left:0 !important}
ul.nkn-list-check > li,ul.nkn-list-checkcircle > li,ul.nkn-list-arrow > li,ul.nkn-list-arrowhead > li,ul.nkn-list-chevron > li,ul.nkn-list-triangle > li,ul.nkn-list-star > li,ul.nkn-list-diamond > li,ul.nkn-list-dot > li,ul.nkn-list-hollow > li,ul.nkn-list-square > li,ul.nkn-list-dash > li,ul.nkn-list-plus > li,ul.nkn-list-cross > li,ul.nkn-list-bulb > li,ul.nkn-list-point > li,ul.nkn-list-bluediamond > li{position:relative;padding-left:1.9em;margin:.4em 0;list-style:none}
ul.nkn-list-check > li::before,ul.nkn-list-checkcircle > li::before,ul.nkn-list-arrow > li::before,ul.nkn-list-arrowhead > li::before,ul.nkn-list-chevron > li::before,ul.nkn-list-triangle > li::before,ul.nkn-list-star > li::before,ul.nkn-list-diamond > li::before,ul.nkn-list-dot > li::before,ul.nkn-list-hollow > li::before,ul.nkn-list-square > li::before,ul.nkn-list-dash > li::before,ul.nkn-list-plus > li::before,ul.nkn-list-cross > li::before,ul.nkn-list-bulb > li::before,ul.nkn-list-point > li::before,ul.nkn-list-bluediamond > li::before{position:absolute;left:0;top:0;width:1.4em;text-align:center;font-weight:700;line-height:inherit}
ul.nkn-list-check > li::before{content:"\2713";color:var(--nkn-marker,#04AA6D);}
ul.nkn-list-checkcircle > li::before{content:"\2713";width:1.25em;height:1.25em;top:.2em;border-radius:50%;background:var(--nkn-marker,#04AA6D);color:#fff;font-size:.8em;line-height:1.25em}
ul.nkn-list-arrow > li::before{content:"\279C";color:var(--nkn-marker,#2451C7);}
ul.nkn-list-arrowhead > li::before{content:"\27A4";color:var(--nkn-marker,#2451C7);}
ul.nkn-list-chevron > li::before{content:"\00BB";color:var(--nkn-marker,#2451C7);font-size:1.15em;line-height:1.3;}
ul.nkn-list-triangle > li::before{content:"\25B8";color:var(--nkn-marker,#0E9F83);font-size:1.15em;line-height:1.3;}
ul.nkn-list-star > li::before{content:"\2605";color:var(--nkn-marker,#F59E0B);}
ul.nkn-list-diamond > li::before{content:"\2666";color:var(--nkn-marker,#7C3AED);}
ul.nkn-list-dot > li::before{content:"";width:.5em;height:.5em;left:.35em;top:.62em;border-radius:50%;background:var(--nkn-marker,#2451C7)}
ul.nkn-list-hollow > li::before{content:"";width:.45em;height:.45em;left:.35em;top:.6em;border-radius:50%;border:2px solid var(--nkn-marker,#2451C7)}
ul.nkn-list-square > li::before{content:"";width:.45em;height:.45em;left:.4em;top:.65em;background:var(--nkn-marker,#0E9F83)}
ul.nkn-list-dash > li::before{content:"\2014";color:var(--nkn-marker,#64748B);}
ul.nkn-list-plus > li::before{content:"+";color:var(--nkn-marker,#04AA6D);font-size:1.15em;line-height:1.3;}
ul.nkn-list-cross > li::before{content:"\2717";color:var(--nkn-marker,#DC2626);}
ul.nkn-list-bulb > li::before{content:"\1F4A1";font-weight:400;}
ul.nkn-list-point > li::before{content:"\1F449";font-weight:400;}
ul.nkn-list-bluediamond > li::before{content:"\1F539";font-weight:400;}

ol.nkn-list-circle,ol.nkn-list-squarenum,ol.nkn-list-zero{list-style:none !important;padding-left:0 !important;counter-reset:nknc}
ol.nkn-list-circle > li,ol.nkn-list-squarenum > li,ol.nkn-list-zero > li{position:relative;padding-left:2.3em;margin:.5em 0;counter-increment:nknc;list-style:none}
ol.nkn-list-circle > li::before,ol.nkn-list-squarenum > li::before{content:counter(nknc);position:absolute;left:0;top:.1em;width:1.6em;height:1.6em;background:var(--nkn-marker,#2451C7);color:#fff;font-size:.82em;font-weight:700;display:flex;align-items:center;justify-content:center}
ol.nkn-list-circle > li::before{border-radius:50%}
ol.nkn-list-squarenum > li::before{border-radius:5px}
ol.nkn-list-zero > li::before{content:counter(nknc,decimal-leading-zero) ".";position:absolute;left:0;top:0;font-weight:800;color:var(--nkn-marker,#2451C7)}
ol.nkn-list-roman{list-style:lower-roman !important;padding-left:1.8em !important}
ol.nkn-list-alpha{list-style:lower-alpha !important;padding-left:1.8em !important}
ol.nkn-list-roman > li::marker,ol.nkn-list-alpha > li::marker{color:var(--nkn-marker,#2451C7);font-weight:700}

ol.nkn-list-steps{list-style:none !important;padding-left:0 !important;counter-reset:nkns}
ol.nkn-list-steps > li{position:relative;padding:.75em 1em .75em 3.2em;margin:.6em 0;border:1px solid rgba(120,130,150,.3);border-radius:10px;counter-increment:nkns;list-style:none}
ol.nkn-list-steps > li::before{content:"Step " counter(nkns);position:absolute;left:0;top:0;bottom:0;width:2.6em;display:flex;align-items:center;justify-content:center;background:var(--nkn-marker,#0E9F83);color:#fff;font-size:.62em;font-weight:800;text-transform:uppercase;border-radius:10px 0 0 10px;text-align:center;line-height:1.1;padding:0 .2em}

.nkn-list-2col{columns:2;column-gap:2.5em}
.nkn-list-2col > li{break-inside:avoid}
@media (max-width:600px){.nkn-list-2col{columns:1}}
.nkn-list-none{list-style:none !important;padding-left:0 !important}

/* ---------- Highlights ---------- */
mark[class^="nkn-hl"],mark[class*=" nkn-hl"]{padding:.05em .3em;border-radius:4px;color:inherit}
mark.nkn-hl-yellow{background:#FEF08A}
mark.nkn-hl-green{background:#BBF7D0}
mark.nkn-hl-blue{background:#BFDBFE}
mark.nkn-hl-pink{background:#FBCFE8}
mark.nkn-hl-orange{background:#FED7AA}
.nkn-hl-underline{background:linear-gradient(transparent 62%,#FFE066 62%);padding:0 .1em}

/* ---------- Inline code / kbd ---------- */
.nkn-content code,body#tinymce code,.elementor-widget-text-editor code,.elementor-widget-nkn_text_editor code{
  font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:#EEF2F8;color:#C7254E;padding:.12em .42em;border-radius:5px;border:1px solid #E1E6EF}
kbd{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:.82em;background:#fff;color:#1F2A3D;border:1px solid #C9D1DE;border-bottom-width:3px;border-radius:6px;padding:.1em .45em;white-space:nowrap}

/* ---------- Badges ---------- */
.nkn-badge{display:inline-block;font-size:.7em;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.25em .6em;border-radius:20px;vertical-align:middle;line-height:1.2}
.nkn-badge-new{background:#DCFCE7;color:#15803D}
.nkn-badge-pro{background:#EDE9FE;color:#6D28D9}
.nkn-badge-tip{background:#FEF3C7;color:#B45309}
.nkn-smallcaps{font-variant:small-caps;letter-spacing:.03em}
.nkn-upper{text-transform:uppercase;letter-spacing:.05em}

/* ---------- Callout boxes (14) ---------- */
.nkn-callout{position:relative;margin:1.2em 0;padding:1em 1.1em 1em 3.1em;border-radius:10px;border:1px solid;border-left-width:5px}
.nkn-callout::before{position:absolute;left:.9em;top:.95em;font-size:1.15em;line-height:1}
.nkn-callout > :first-child{margin-top:0}
.nkn-callout > :last-child{margin-bottom:0}
.nkn-callout .nkn-callout-title{margin:0 0 .35em !important;font-weight:800;font-size:1em;letter-spacing:.01em}
.nkn-note{background:#EFF6FF;border-color:#BFDBFE;border-left-color:#2563EB}
.nkn-note::before{content:"\2139\FE0F"}
.nkn-note .nkn-callout-title{color:#1E40AF}
.nkn-info{background:#F0F9FF;border-color:#BAE6FD;border-left-color:#0284C7}
.nkn-info::before{content:"\1F535"}
.nkn-info .nkn-callout-title{color:#075985}
.nkn-tip{background:#F0FDF4;border-color:#BBF7D0;border-left-color:#16A34A}
.nkn-tip::before{content:"\1F4A1"}
.nkn-tip .nkn-callout-title{color:#166534}
.nkn-protip{background:#F5F3FF;border-color:#DDD6FE;border-left-color:#7C3AED}
.nkn-protip::before{content:"\1F680"}
.nkn-protip .nkn-callout-title{color:#5B21B6}
.nkn-important{background:#FFF7ED;border-color:#FED7AA;border-left-color:#EA580C}
.nkn-important::before{content:"\2757"}
.nkn-important .nkn-callout-title{color:#9A3412}
.nkn-warning{background:#FFFBEB;border-color:#FDE68A;border-left-color:#F59E0B}
.nkn-warning::before{content:"\26A0\FE0F"}
.nkn-warning .nkn-callout-title{color:#92400E}
.nkn-danger{background:#FEF2F2;border-color:#FECACA;border-left-color:#DC2626}
.nkn-danger::before{content:"\26D4"}
.nkn-danger .nkn-callout-title{color:#991B1B}
.nkn-success{background:#ECFDF5;border-color:#A7F3D0;border-left-color:#059669}
.nkn-success::before{content:"\2705"}
.nkn-success .nkn-callout-title{color:#065F46}
.nkn-example{background:#F8FAFC;border-color:#CBD5E1;border-left-color:#475569}
.nkn-example::before{content:"\1F9EA"}
.nkn-example .nkn-callout-title{color:#1E293B}
.nkn-question{background:#FDF4FF;border-color:#F5D0FE;border-left-color:#C026D3}
.nkn-question::before{content:"\2753"}
.nkn-question .nkn-callout-title{color:#86198F}
.nkn-remember{background:#FFF1F2;border-color:#FECDD3;border-left-color:#E11D48}
.nkn-remember::before{content:"\1F9E0"}
.nkn-remember .nkn-callout-title{color:#9F1239}
.nkn-practice{background:#F0FDFA;border-color:#99F6E4;border-left-color:#0D9488}
.nkn-practice::before{content:"\270D\FE0F"}
.nkn-practice .nkn-callout-title{color:#115E59}
.nkn-didyouknow{background:#FEFCE8;border-color:#FEF08A;border-left-color:#CA8A04}
.nkn-didyouknow::before{content:"\1F914"}
.nkn-didyouknow .nkn-callout-title{color:#854D0E}
.nkn-output{background:#0B1220;border-color:#1F2A3D;border-left-color:#34D399}
.nkn-output::before{content:"\1F4E4"}
.nkn-output .nkn-callout-title{color:#34D399}
.nkn-output{color:#C9D4E6;font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace}
.nkn-output p{color:#C9D4E6}

/* ---------- Paragraph styles ---------- */
p.nkn-lead{font-size:1.22em;line-height:1.6;opacity:.92}
p.nkn-small{font-size:.86em;opacity:.8}
p.nkn-dropcap::first-letter{float:left;font-size:3.4em;line-height:.85;font-weight:800;margin:.06em .12em 0 0;color:var(--nkn-marker,#2451C7)}
blockquote.nkn-quote{margin:1.4em 0;padding:1em 1.3em;border-left:5px solid var(--nkn-marker,#2451C7);background:#F4F7FF;border-radius:0 10px 10px 0;font-size:1.08em;font-style:italic}
a.nkn-btn{display:inline-block;padding:.6em 1.2em;border-radius:8px;background:#2451C7;color:#fff !important;text-decoration:none !important;font-weight:700}
a.nkn-btn:hover{background:#1D43A8}

/* ---------- Tables ---------- */
table.nkn-table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95em}
table.nkn-table th,table.nkn-table td{padding:.65em .85em;border-bottom:1px solid #E3E8F0;text-align:left;vertical-align:top}
table.nkn-table thead th,table.nkn-table tr:first-child th{background:#0B1B36;color:#fff;font-weight:700}
table.nkn-table tbody tr:nth-child(even){background:#F6F8FC}
table.nkn-table.nkn-table-bordered th,table.nkn-table.nkn-table-bordered td{border:1px solid #D5DCE8}
@media (max-width:640px){table.nkn-table{display:block;overflow-x:auto;white-space:nowrap}}

/* ---------- Pre ---------- */
.nkn-content pre,body#tinymce pre{background:#0B1220;color:#E7ECF3;padding:1em;border-radius:10px;overflow:auto;font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:.9em}

/* =================== v1.1 =================== */

/* ---------- Advanced code block ---------- */
.nkn-code{margin:1.3em 0;border-radius:12px;background:#0B1220;border:1px solid #1F2A3D;overflow:hidden;font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;position:relative}
.nkn-code > pre{margin:0 !important;padding:14px 0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;overflow:auto;max-height:600px;color:#E7ECF3}
.nkn-code > pre code{display:block;background:transparent !important;border:0 !important;padding:0 16px !important;color:#E7ECF3 !important;font-size:14px !important;line-height:1.65;white-space:pre;tab-size:4;font-family:inherit}
.nkn-code.is-ready > pre code{padding:0 !important}
.nkn-code-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0E1628;border-bottom:1px solid #1F2A3D}
.nkn-code-dots{display:flex;gap:6px}
.nkn-code-dots i{width:10px;height:10px;border-radius:50%;background:#FF5F57;display:block}
.nkn-code-dots i:nth-child(2){background:#FEBC2E}.nkn-code-dots i:nth-child(3){background:#28C840}
.nkn-code-title{flex:1;font-size:12.5px;color:#8C97AC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nkn-code-lang{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#34D399;border:1px solid rgba(52,211,153,.35);padding:2px 7px;border-radius:20px}
.nkn-code-copy{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #1F2A3D;border-radius:6px;background:transparent;color:#E7ECF3;font:600 12px/1 'JetBrains Mono',monospace;cursor:pointer}
.nkn-code-copy:hover,.nkn-code-copy.ok{border-color:#34D399;color:#34D399}
.nkn-code-copy *{pointer-events:none}
.nkn-ln{display:block;padding:0 16px 0 0;min-height:1.65em}
.nkn-ln.is-hl{background:rgba(255,189,19,.12);box-shadow:inset 3px 0 0 #FFBD13}
.nkn-ln-n{display:inline-block;width:3em;padding-right:1em;text-align:right;color:#56627A;user-select:none;position:sticky;left:0;background:#0B1220}
.nkn-ln.is-hl .nkn-ln-n{background:#1E2230;color:#FFBD13}
.nkn-code:not([data-lines="yes"]) .nkn-ln{padding-left:16px}
.nkn-code-out{border-top:1px solid #1F2A3D;background:#08101D}
.nkn-code-out::before{content:"OUTPUT";display:block;padding:8px 16px 2px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#34D399}
.nkn-code-out pre{margin:0 !important;padding:4px 16px 14px !important;background:transparent !important;border:0 !important;color:#C9D4E6 !important;font-size:13.5px;white-space:pre-wrap;font-family:inherit}
/* syntax colours (Atom One Dark) */
.nkn-code .hljs-comment,.nkn-code .hljs-quote{color:#7F848E !important;font-style:italic}
.nkn-code .hljs-keyword,.nkn-code .hljs-doctag,.nkn-code .hljs-formula{color:#C678DD !important}
.nkn-code .hljs-section,.nkn-code .hljs-name,.nkn-code .hljs-selector-tag,.nkn-code .hljs-deletion,.nkn-code .hljs-subst{color:#E06C75 !important}
.nkn-code .hljs-literal{color:#56B6C2 !important}
.nkn-code .hljs-string,.nkn-code .hljs-regexp,.nkn-code .hljs-addition,.nkn-code .hljs-attribute,.nkn-code .hljs-meta .hljs-string{color:#98C379 !important}
.nkn-code .hljs-attr,.nkn-code .hljs-variable,.nkn-code .hljs-template-variable,.nkn-code .hljs-type,.nkn-code .hljs-selector-class,.nkn-code .hljs-selector-attr,.nkn-code .hljs-selector-pseudo,.nkn-code .hljs-number{color:#D19A66 !important}
.nkn-code .hljs-symbol,.nkn-code .hljs-bullet,.nkn-code .hljs-link,.nkn-code .hljs-meta,.nkn-code .hljs-selector-id,.nkn-code .hljs-title{color:#61AEEE !important}
.nkn-code .hljs-built_in,.nkn-code .hljs-title.class_,.nkn-code .hljs-class .hljs-title{color:#E6C07B !important}
.nkn-code .hljs-title.function_{color:#61AEEE !important}
.nkn-code .hljs-emphasis{font-style:italic}.nkn-code .hljs-strong{font-weight:700}
/* editor ke andar (TinyMCE) label */
body#tinymce .nkn-code::before{content:"{ } " attr(data-lang) "  " attr(data-title) "   — double-click to edit";display:block;padding:7px 12px;font:600 11.5px/1.3 'JetBrains Mono',monospace;color:#34D399;background:#0E1628;border-bottom:1px solid #1F2A3D}
body#tinymce .nkn-code{cursor:pointer}

/* ---------- Accordion ---------- */
details.nkn-acc{margin:.8em 0;border:1px solid #DCE3EE;border-radius:10px;background:#fff;overflow:hidden}
details.nkn-acc > summary{cursor:pointer;list-style:none;padding:.85em 1em;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:1em}
details.nkn-acc > summary::-webkit-details-marker{display:none}
details.nkn-acc > summary::after{content:"+";font-size:1.3em;line-height:1;color:var(--nkn-marker,#2451C7);transition:transform .2s}
details.nkn-acc[open] > summary::after{transform:rotate(45deg)}
details.nkn-acc[open] > summary{border-bottom:1px solid #E7ECF3;background:#F7F9FD}
.nkn-acc-body{padding:.8em 1em}
.nkn-acc-body > :last-child{margin-bottom:0}
body#tinymce details.nkn-acc .nkn-acc-body{display:block}

/* ---------- Buttons ---------- */
a.nkn-btn{transition:transform .15s,background .15s}
a.nkn-btn:hover{transform:translateY(-1px)}
a.nkn-btn.nkn-btn-accent{background:#FFBD13;color:#0B1B36 !important}
a.nkn-btn.nkn-btn-accent:hover{background:#FFCB3D}
a.nkn-btn.nkn-btn-outline{background:transparent;color:#2451C7 !important;border:2px solid #2451C7}
a.nkn-btn.nkn-btn-outline:hover{background:#2451C7;color:#fff !important}
a.nkn-btn.nkn-btn-green{background:#04AA6D}
a.nkn-btn.nkn-btn-green:hover{background:#059862}

/* ---------- Columns ---------- */
.nkn-cols{display:grid;gap:1.4em;margin:1em 0}
.nkn-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nkn-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nkn-col > :first-child{margin-top:0}.nkn-col > :last-child{margin-bottom:0}
body#tinymce .nkn-col{outline:1px dashed #C9D1DE;padding:6px}
@media (max-width:700px){.nkn-cols-2,.nkn-cols-3{grid-template-columns:1fr}}

/* ---------- Boxes ---------- */
.nkn-keybox{margin:1.3em 0;padding:1.1em 1.2em;border-radius:12px;background:linear-gradient(135deg,#EEF4FF,#F2FBF8);border:1px solid #D6E4FF}
.nkn-keybox-title,.nkn-summary-title,.nkn-pc-title{margin:0 0 .5em !important;font-weight:800;font-size:1.05em;color:#0B2A5B}
.nkn-keybox-title::before{content:"\1F4CC  "}
.nkn-summary{margin:1.3em 0;padding:1.1em 1.2em;border-radius:12px;background:#F8FAFC;border:1px dashed #94A3B8}
.nkn-summary-title::before{content:"\1F4DD  "}
.nkn-proscons{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin:1.3em 0}
.nkn-pros,.nkn-cons{padding:1em 1.1em;border-radius:12px;border:1px solid}
.nkn-pros{background:#F0FDF4;border-color:#BBF7D0}
.nkn-cons{background:#FEF2F2;border-color:#FECACA}
.nkn-pros .nkn-pc-title{color:#15803D}.nkn-cons .nkn-pc-title{color:#B91C1C}
.nkn-pros ul,.nkn-cons ul{margin:0}
@media (max-width:640px){.nkn-proscons{grid-template-columns:1fr}}
.nkn-def{margin:1.2em 0;padding:1em 1.2em;border-left:4px solid var(--nkn-marker,#0E9F83);background:#F3FBF8;border-radius:0 10px 10px 0}
.nkn-def-term{margin:0 0 .3em !important;font-weight:800;color:#0F766E}
.nkn-def > :last-child{margin-bottom:0}
ol.nkn-timeline{list-style:none !important;padding-left:0 !important;margin:1.2em 0;counter-reset:nknt;position:relative}
ol.nkn-timeline::before{content:"";position:absolute;left:.72em;top:.4em;bottom:.4em;width:2px;background:#D6DEEA}
ol.nkn-timeline > li{position:relative;padding:0 0 1.1em 2.4em;counter-increment:nknt;list-style:none}
ol.nkn-timeline > li::before{content:counter(nknt);position:absolute;left:0;top:.05em;width:1.5em;height:1.5em;border-radius:50%;background:var(--nkn-marker,#2451C7);color:#fff;font-size:.85em;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff}

/* ---------- Tooltip ---------- */
.nkn-tooltip{position:relative;border-bottom:2px dotted var(--nkn-marker,#2451C7);cursor:help}
.nkn-tooltip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:260px;padding:.55em .75em;border-radius:8px;background:#0B1B36;color:#fff;font-size:.82em;line-height:1.45;font-weight:400;opacity:0;visibility:hidden;transition:.15s;z-index:20;pointer-events:none;white-space:normal}
.nkn-tooltip:hover::after,.nkn-tooltip:focus::after{opacity:1;visibility:visible;transform:translateX(-50%)}

/* ---------- Spoiler ---------- */
.nkn-spoiler{filter:blur(5px);background:rgba(120,130,150,.18);border-radius:4px;cursor:pointer;transition:filter .2s;user-select:none}
.nkn-spoiler.is-open{filter:none;background:transparent;user-select:auto}
body#tinymce .nkn-spoiler{filter:none;background:repeating-linear-gradient(45deg,#EEF2F8,#EEF2F8 6px,#E2E8F0 6px,#E2E8F0 12px)}

/* ---------- TOC ---------- */
.nkn-toc{margin:1.3em 0;border:1px solid #DCE3EE;border-radius:12px;background:#F8FAFD}
.nkn-toc > p{margin:0;padding:.9em 1.1em;color:#64748B}
.nkn-toc details > summary{cursor:pointer;padding:.85em 1.1em;font-weight:800;color:#0B2A5B;list-style:none}
.nkn-toc details > summary::-webkit-details-marker{display:none}
.nkn-toc details > summary::after{content:" \25BE";color:#94A3B8}
.nkn-toc ol{margin:0;padding:0 1.1em 1em 2.4em}
.nkn-toc li{margin:.3em 0}
.nkn-toc li.nkn-toc-h3{margin-left:1.2em;list-style-type:circle;font-size:.95em}
.nkn-toc a{text-decoration:none;color:#2451C7}
.nkn-toc a:hover{text-decoration:underline}

/* ---------- Dividers ---------- */
hr.nkn-hr{border:0;height:2px;background:#E2E8F0;margin:2em 0}
hr.nkn-hr-dashed{height:0;border-top:2px dashed #CBD5E1;background:none}
hr.nkn-hr-dotted{height:0;border-top:3px dotted #CBD5E1;background:none}
hr.nkn-hr-gradient{height:3px;border-radius:3px;background:linear-gradient(90deg,#2451C7,#0E9F83,#FFBD13)}
.nkn-hr-text{display:flex;align-items:center;gap:1em;margin:2em 0;color:#64748B;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.06em}
.nkn-hr-text::before,.nkn-hr-text::after{content:"";flex:1;height:1px;background:#E2E8F0}

/* ---------- Gradient text ---------- */
.nkn-gradient-text{background:linear-gradient(90deg,#2451C7,#0E9F83);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}

/* ---------- Progress ---------- */
.nkn-progress{margin:1em 0}
.nkn-progress-label{display:flex;justify-content:space-between;margin:0 0 .35em !important;font-weight:700;font-size:.95em}
.nkn-progress-label span{color:#64748B}
.nkn-progress-bar{height:10px;border-radius:10px;background:#E5EAF2;overflow:hidden}
.nkn-progress-bar span{display:block;height:100%;width:var(--p,50%);border-radius:10px;background:linear-gradient(90deg,var(--nkn-marker,#2451C7),#0E9F83)}

/* ---------- Bullet colour (per list) ---------- */
ul.nkn-mk-green,ol.nkn-mk-green{--nkn-marker:#047857}
ul.nkn-mk-blue,ol.nkn-mk-blue{--nkn-marker:#2563EB}
ul.nkn-mk-teal,ol.nkn-mk-teal{--nkn-marker:#0E9F83}
ul.nkn-mk-navy,ol.nkn-mk-navy{--nkn-marker:#0B2A5B}
ul.nkn-mk-purple,ol.nkn-mk-purple{--nkn-marker:#7C3AED}
ul.nkn-mk-pink,ol.nkn-mk-pink{--nkn-marker:#DB2777}
ul.nkn-mk-red,ol.nkn-mk-red{--nkn-marker:#DC2626}
ul.nkn-mk-orange,ol.nkn-mk-orange{--nkn-marker:#EA580C}
ul.nkn-mk-yellow,ol.nkn-mk-yellow{--nkn-marker:#CA8A04}
ul.nkn-mk-grey,ol.nkn-mk-grey{--nkn-marker:#64748B}
ul.nkn-mk-black,ol.nkn-mk-black{--nkn-marker:#111827}
:is(ul,ol)[class*="nkn-mk-"] > li::marker,:is(ul,ol)[style*="--nkn-marker"] > li::marker{color:var(--nkn-marker);font-weight:700}
