/*
Theme Name: Crochet Journal
Theme URI: https://example.com/crochet-journal
Author: Crochet Journal
Author URI: https://example.com
Description: A warm, elegant WordPress theme for crochet listicle blogs ("15 Best Crochet Bandanas", "12 Easy Tote Bags"). Cream, brown and rust palette with Cormorant Garamond headings. Numbered idea badges on cards, automatic numbering of every idea inside a list, a jump-to table of contents, Pinterest Save buttons, skill-level pages, a customizable homepage and ready-made block patterns for writing lists fast.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: crochet-journal
Tags: blog, grid-layout, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, two-columns, right-sidebar, custom-colors, custom-background, editor-style, sticky-post, wide-blocks
*/

/* =============================================================
   1. TOKENS
   ============================================================= */
:root{
  --cream:#FAF3E8; --cream-2:#F1E3CE; --sand:#E8D5BC; --peach:#D9A58A;
  --rust:#A4492C; --rust-dark:#8A3B22; --brown:#3B2A22; --brown-soft:#5E4638; --muted:#6B4A36;
  --pin:#E60023;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:max(clamp(20px,5vw,56px),calc((100% - 1168px)/2));
  --radius:16px;
}

/* =============================================================
   2. BASE
   ============================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--brown);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
img{height:auto;display:block}
figure{margin:0}
a{color:inherit;text-decoration:none}
a:hover{color:var(--rust)}
button,input,textarea,select{font-family:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--rust);outline-offset:3px;border-radius:4px}
::selection{background:var(--peach);color:var(--brown)}
h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .5em;color:var(--brown)}
h1{font-size:clamp(38px,5vw,56px)}
h2{font-size:clamp(30px,3.4vw,44px)}
h3{font-size:clamp(24px,2.4vw,30px)}
h4{font-size:22px}
p{margin:0 0 1.3em}
hr{border:0;border-top:1px solid var(--sand);margin:2.5em 0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:99999;background:var(--brown);color:#fff;padding:12px 20px}
.skip-link:focus{left:0}
.cj-i{display:inline-block;vertical-align:-3px;flex:none}
.cj-center{text-align:center}
.site{overflow:hidden}

/* =============================================================
   3. HEADER
   ============================================================= */
.cj-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--gut);border-bottom:1px solid var(--sand);background:var(--cream)}
.cj-logo{font:600 32px/1.1 var(--serif)}
.cj-logo a{color:var(--brown)}
.cj-logo .custom-logo{max-height:52px;width:auto}
.cj-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px}
.cj-nav a{color:var(--brown);padding:4px 0;border-bottom:2px solid transparent}
.cj-nav a:hover,.cj-nav .current-menu-item>a,.cj-nav .current-cat>a{color:var(--rust);border-color:var(--rust)}
.cj-search input{width:150px;border:1px solid #B89A82;border-radius:999px;padding:8px 18px;background:#fff;color:var(--brown);font:14px var(--sans);transition:width .25s ease}
.cj-search input:focus{width:230px;outline-offset:2px}
.cj-search input::placeholder{color:var(--muted);opacity:1}

/* =============================================================
   4. BUTTONS & TAGS
   ============================================================= */
.cj-btn,.wp-block-button__link,.search-submit,.comment-form .submit{display:inline-block;background:var(--rust);color:#fff!important;padding:14px 32px;border-radius:999px;border:0;font:500 17px/1.4 var(--sans);text-decoration:none;transition:background .2s ease}
.cj-btn:hover,.wp-block-button__link:hover,.search-submit:hover,.comment-form .submit:hover{background:var(--rust-dark);color:#fff}
.cj-tag{margin-top:12px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--rust)}
.cj-tag a{color:inherit}
.cj-tag-lg{font-size:14px;letter-spacing:3px;margin-top:0}

/* =============================================================
   5. HOMEPAGE
   ============================================================= */
.cj-hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding:56px var(--gut)}
.cj-hero-copy{flex:1 1 380px}
.cj-hero h1{margin:16px 0;font-size:clamp(40px,5.4vw,64px);line-height:1.05}
.cj-hero p{margin:0 0 28px;max-width:460px;color:var(--brown-soft)}
.cj-hero-photo{flex:1 1 380px;height:440px;border-radius:220px 220px 24px 24px;overflow:hidden;background:var(--sand)}
.cj-hero-photo img{width:100%;height:100%;object-fit:cover}
.cj-sec{padding:56px var(--gut)}
.cj-sec-tight{padding-top:24px}
.cj-alt{background:var(--cream-2)}
.cj-h2{margin:0 0 28px;text-align:center;font-size:clamp(32px,3.4vw,44px)}
.cj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cj-grid-cats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.cj-cat{position:relative;border-radius:var(--radius);padding:36px 16px;text-align:center;font:500 27px var(--serif);color:var(--brown);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.cj-cat:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(59,42,34,.12);color:var(--brown)}
.cj-cat-a{background:var(--sand)}
.cj-cat-b{background:var(--peach)}
.cj-cat.has-img{background-size:cover;background-position:center;padding:64px 16px;color:#fff}
.cj-cat.has-img::before{content:"";position:absolute;inset:0;background:rgba(59,42,34,.5)}
.cj-cat.has-img span{position:relative}
.cj-cat.has-img:hover{color:#fff}
.cj-news-text{margin:-12px 0 24px;color:var(--brown-soft)}
.cj-news-form{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;margin:0 auto}
.cj-news-form input[type=email],.cj-news-form input[type=text]{flex:1 1 220px;padding:13px 20px;border:1px solid #B89A82;border-radius:999px;background:#fff;font:16px var(--sans)}

/* =============================================================
   6. CARDS
   ============================================================= */
.cj-ph{position:relative;aspect-ratio:4/5;background:var(--sand);border-radius:var(--radius);overflow:hidden}
.cj-card-landscape .cj-ph{aspect-ratio:4/3}
.cj-ph-link{display:block;width:100%;height:100%}
.cj-ph img{width:100%;height:100%;object-fit:cover}
.cj-bd{position:absolute;top:12px;left:12px;background:var(--rust);color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 22px var(--serif);letter-spacing:0}
.cj-card-pin,.pin-btn{display:inline-flex;align-items:center;gap:6px;background:var(--pin);color:#fff!important;font:600 13px/1 var(--sans);padding:8px 14px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.cj-card-pin{position:absolute;top:12px;right:12px;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:3}
.cj-card:hover .cj-card-pin,.cj-card-pin:focus{opacity:1;transform:none}
.cj-card-pin:hover,.pin-btn:hover{background:#B8001B;color:#fff!important}
@media (hover:none){.cj-card-pin{opacity:1;transform:none}}
.cj-t{font:500 24px/1.2 var(--serif);margin:4px 0 0}
.cj-t a{color:var(--brown)}
.cj-t a:hover{color:var(--rust)}
.cj-badge{display:inline-block;margin-top:8px;padding:2px 12px;border-radius:999px;background:var(--sand);color:var(--brown);font-size:12px;font-weight:500}
.badge-skill-intermediate{background:#F0CDB8}
.badge-skill-advanced{background:var(--peach)}

/* =============================================================
   7. ARCHIVES, SEARCH, PAGINATION
   ============================================================= */
.cj-archive-head,.cj-single-head{padding:40px var(--gut) 8px}
.cj-archive-head h1,.cj-single-head h1{margin-bottom:.3em}
.cj-single-head>*{max-width:860px}
.cj-lead{color:var(--brown-soft);max-width:620px;font-size:18px}
.cj-count{margin-top:12px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--rust)}
.cj-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.cj-pills a{padding:8px 20px;border-radius:999px;border:1px solid #B89A82;background:#fff;font-weight:500;font-size:15px}
.cj-pills a:hover,.cj-pills a.is-active{background:var(--rust);border-color:var(--rust);color:#fff}
.cj-wide{padding:32px var(--gut) 90px}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--rust)}
.breadcrumbs .sep{margin:0 6px;opacity:.6}
.navigation.pagination{margin:56px 0 0}
.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sand);border-radius:999px;background:#fff;font-weight:500}
a.page-numbers:hover{background:var(--sand);color:var(--brown)}
.page-numbers.current{background:var(--rust);border-color:var(--rust);color:#fff}
.cj-empty{text-align:center;padding:70px 20px}
.cj-empty svg{color:var(--peach);margin:0 auto 18px;display:block}
.cj-empty .search-form{margin:24px auto}
.search-form{display:flex;gap:10px;max-width:520px;margin-top:20px}
.search-field{flex:1;padding:13px 20px;border:1px solid #B89A82;border-radius:999px;background:#fff;color:var(--brown);font:16px var(--sans);min-width:0}

/* =============================================================
   8. SINGLE LIST
   ============================================================= */
.cj-meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--muted)}
.cj-meta span{display:inline-flex;align-items:center;gap:6px}
.cj-disclosure{margin:14px 0 0;font-size:13px;font-style:italic;color:var(--muted)}
.cj-facts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.cj-facts li{background:#fff;border:1px solid var(--sand);border-radius:14px;padding:10px 20px;display:flex;flex-direction:column;min-width:110px}
.cj-facts strong{font:600 24px/1.2 var(--serif);color:var(--rust)}
.cj-facts span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.cj-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding:36px var(--gut) 80px;align-items:start}
.cj-layout.no-sidebar{grid-template-columns:minmax(0,860px);justify-content:center}
.cj-featured{border-radius:20px;overflow:hidden;margin-bottom:28px}
.cj-featured img{width:100%}

.entry-content{font-size:17.5px;line-height:1.75}
.entry-content>*{max-width:100%}
.entry-content a{color:var(--rust);text-decoration:underline;text-decoration-color:var(--peach);text-underline-offset:3px}
.entry-content a:hover{text-decoration-color:var(--rust)}
.entry-content a.wp-block-button__link{text-decoration:none}
.entry-content img{border-radius:var(--radius)}
.entry-content figure,.entry-content .wp-block-image{margin:1.4em 0 1.8em}
.entry-content figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}
.entry-content h3{font-size:28px;margin:1.6em 0 .5em}
.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.3em}
.entry-content li{margin-bottom:.4em}
.entry-content blockquote{margin:2em 0;padding:4px 0 4px 28px;font:italic 500 28px/1.35 var(--serif);color:var(--brown);position:relative}
.entry-content blockquote::before{content:"“";position:absolute;left:0;top:-8px;font-size:64px;line-height:1;color:var(--peach)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px}
.entry-content th,.entry-content td{padding:10px 14px;border-bottom:1px solid var(--sand);text-align:left}
.entry-content th{background:var(--cream-2);font-weight:600}
.entry-content hr{margin:3em 0}
.entry-content .alignwide{width:min(1000px,100vw - 40px);margin-left:50%;transform:translateX(-50%)}
.page-links{margin-top:2em}

/* Numbered ideas */
.single-list .entry-content{counter-reset:cj-idea}
.single-list .entry-content h2{counter-increment:cj-idea;display:flex;align-items:flex-start;gap:16px;margin:2.2em 0 .6em;padding-top:1em;border-top:1px solid var(--sand);font-size:clamp(28px,3vw,38px);scroll-margin-top:90px}
.single-list .entry-content h2::before{content:counter(cj-idea);flex:0 0 auto;width:46px;height:46px;margin-top:-2px;border-radius:50%;background:var(--rust);color:#fff;font:600 22px var(--serif);display:inline-flex;align-items:center;justify-content:center}
.single-list .entry-content h2.no-number{counter-increment:none;display:block}
.single-list .entry-content h2.no-number::before{display:none}
.single-list .entry-content>h2:first-child,.single-list .entry-content>.cj-toc+h2{border-top:0;padding-top:0;margin-top:1.2em}

/* Table of contents */
.cj-toc{background:#fff;border:1px solid var(--sand);border-radius:var(--radius);margin:1.8em 0 2.2em;overflow:hidden}
.cj-toc-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--cream-2);border:0;padding:16px 22px;font:600 22px var(--serif);color:var(--brown);text-align:left}
.cj-toc-toggle .cj-i{transition:transform .3s ease}
.cj-toc.is-collapsed .cj-toc-toggle .cj-i{transform:rotate(-90deg)}
.cj-toc ol{margin:0;padding:18px 22px 20px 48px;columns:2;column-gap:36px;max-height:1600px;transition:max-height .35s ease,padding .35s ease}
.cj-toc.is-collapsed ol{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
.cj-toc li{break-inside:avoid;padding:3px 0;font-size:15.5px;line-height:1.45;color:var(--rust);font-weight:500}
.entry-content .cj-toc a{color:var(--brown);text-decoration:none}
.entry-content .cj-toc a:hover{color:var(--rust)}

/* Pinterest save on images */
.pin-wrap{position:relative;display:block}
.pin-wrap img{width:100%}
.pin-btn{position:absolute;top:14px;left:14px;z-index:3;opacity:0;transition:opacity .2s ease}
.pin-wrap:hover .pin-btn,.pin-btn:focus{opacity:1}
@media (hover:none){.pin-btn{opacity:1}}
.cj-no-pins .pin-btn,.cj-no-pins .cj-card-pin{display:none}

/* Callouts */
.is-style-cj-tip,.is-style-cj-materials,.is-style-cj-pick{padding:22px 26px;margin:1.8em 0;border-radius:var(--radius)}
.is-style-cj-tip{background:#F6E1CB}
.is-style-cj-materials{background:#fff;border:1.5px dashed var(--peach)}
.is-style-cj-pick{background:var(--sand)}
.is-style-cj-tip>:last-child,.is-style-cj-materials>:last-child,.is-style-cj-pick>:last-child{margin-bottom:0}
.wp-block-button.is-style-cj-pin .wp-block-button__link{background:var(--pin)}

/* Share bar */
.cj-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:14px 0;border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}
.entry-content+.cj-share,.cj-tags+.cj-share{margin-top:32px}
.cj-share-label{font-weight:500;font-size:14px;color:var(--muted);margin-right:6px}
.cj-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #B89A82;color:var(--brown);font:500 14px var(--sans)}
.cj-share-btn:hover{background:var(--rust);border-color:var(--rust);color:#fff}
.cj-share-pin{background:var(--pin);border-color:var(--pin);color:#fff}
.cj-share-pin:hover{background:#B8001B;border-color:#B8001B}
.cj-tags{margin-top:28px;font-size:14px}
.cj-tags a{display:inline-block;margin:0 8px 8px 0;padding:4px 14px;border-radius:999px;background:var(--sand)}
.cj-tags a:hover{background:var(--peach);color:var(--brown)}

.cj-author{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--sand);border-radius:var(--radius);padding:24px;margin:36px 0}
.cj-author img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex:none}
.cj-author h4{margin:0 0 2px}
.cj-author .cj-tag{margin:0 0 8px;display:block}
.cj-author p{margin:0;font-size:15px;color:var(--brown-soft)}
.cj-postnav{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cj-postnav a{display:block;padding:18px 22px;border:1px solid var(--sand);border-radius:var(--radius);background:#fff}
.cj-postnav .next{text-align:right}
.cj-postnav span{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.cj-postnav strong{display:block;font:500 21px/1.25 var(--serif);margin-top:4px}
.cj-related{margin-top:0}
.cj-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:9999;pointer-events:none}
.cj-progress span{display:block;height:100%;width:0;background:var(--rust)}
.admin-bar .cj-progress{top:32px}

/* =============================================================
   9. SIDEBAR & WIDGETS
   ============================================================= */
.widget{background:#fff;border:1px solid var(--sand);border-radius:var(--radius);padding:26px 24px;margin-bottom:24px}
.widget-title{font:500 26px var(--serif);margin:0 0 14px}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:9px 0;border-bottom:1px solid var(--cream-2)}
.widget li:last-child{border-bottom:0}
.widget li a{display:flex;justify-content:space-between;align-items:center;gap:8px}
.widget .count{background:var(--cream-2);padding:1px 10px;border-radius:999px;font-size:12px;color:var(--muted)}
.widget-dark{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.widget-dark .widget-title{color:var(--cream)}
.popular-post-item{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--cream-2)}
.popular-post-item:last-child{border-bottom:0}
.popular-post-item img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.popular-post-item .title{display:block;font:600 19px/1.25 var(--serif);color:var(--brown)}
.popular-post-item .title:hover{color:var(--rust)}
.popular-post-item .date{font-size:12px;color:var(--muted)}
@media (min-width:981px){.widget-area{position:sticky;top:30px}}

/* =============================================================
   10. COMMENTS & FORMS
   ============================================================= */
.comments-area{margin-top:56px}
.comments-title{font-size:32px}
.comment-list{list-style:none;padding:0;margin:0 0 40px}
.comment-list .children{list-style:none;padding-left:28px}
.comment-body{padding:22px 0;border-bottom:1px solid var(--sand)}
.comment-author{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.comment-author img{border-radius:50%}
.comment-author .fn{font:600 20px var(--serif);font-style:normal}
.comment-metadata{font-size:12px;color:var(--muted)}
.reply a{font-size:14px;font-weight:500;color:var(--rust)}
.comment-form label{display:block;font-weight:500;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 16px;border:1px solid #B89A82;border-radius:12px;background:#fff;font:16px var(--sans)}
.comment-form p{margin-bottom:16px}

/* =============================================================
   11. FOOTER
   ============================================================= */
.cj-ft{background:var(--brown);color:var(--cream);padding:36px var(--gut) 28px;margin-top:0;font-size:15px}
.cj-ft a{color:var(--cream)}
.cj-ft a:hover{color:var(--peach)}
.cj-ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px}
.cj-ft-logo{font:500 26px var(--serif);display:block}
.cj-ft-brand p{margin:6px 0 0;max-width:380px;opacity:.85;font-size:14px}
.cj-ft-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.cj-ft-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid rgba(250,243,232,.2);font-size:13px;opacity:.9}
.cj-ft-social{display:flex;gap:16px}
.cj-ft-note{flex-basis:100%;max-width:640px}
.back-to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;border-radius:50%;border:0;background:var(--rust);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;z-index:400;box-shadow:0 6px 18px rgba(59,42,34,.3)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}

/* =============================================================
   12. WORDPRESS CORE
   ============================================================= */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin-inline:auto}
.wp-caption,.gallery-caption,.sticky,.bypostauthor{max-width:100%}
.wp-caption-text{font-size:13px;color:var(--muted);text-align:center}

/* =============================================================
   13. RESPONSIVE
   ============================================================= */
@media (max-width:980px){
  .cj-layout{grid-template-columns:minmax(0,1fr)}
  .cj-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .cj-logo{font-size:28px}
  .cj-search{flex:1 1 100%}
  .cj-search input,.cj-search input:focus{width:100%}
  .cj-hero{gap:32px}
  .cj-hero-photo{height:360px}
  .cj-toc ol{columns:1}
  .cj-postnav{grid-template-columns:1fr}
  .cj-author{flex-direction:column;align-items:flex-start}
  .cj-share-label{width:100%}
  .single-list .entry-content h2::before{width:40px;height:40px;font-size:20px}
}
@media (max-width:560px){
  .cj-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
@media print{
  .cj-bar,.cj-ft,.widget-area,.cj-share,.back-to-top,.cj-progress,.pin-btn,.cj-related,.comments-area{display:none!important}
  .cj-layout{display:block;padding:0}
  .cj-toc ol{max-height:none!important}
}