.single-post article{

background:var(--cr-panel);

padding:48px;

border-radius:var(--cr-radius-lg);

margin-bottom:40px;

max-width:720px;

margin-left:auto;

margin-right:auto;

}



/* --------------------------------
Article Header
-------------------------------- */

.single-post article h1{

font-size:40px;

line-height:1.25;

margin-bottom:18px;

font-weight:700;

}



.single-post article h2{

font-size:30px;

line-height:1.35;

margin-top:2.2em;

margin-bottom:0.7em;

font-weight:600;

}



.single-post article h3{

font-size:24px;

line-height:1.4;

margin-top:1.8em;

margin-bottom:0.6em;

font-weight:600;

}



/* --------------------------------
Paragraphs
-------------------------------- */

.single-post article p{

font-size:20px;

line-height:1.85;

margin-bottom:1.4em;

color:var(--cr-text);

}



/* --------------------------------
Links
-------------------------------- */

.single-post article a{

color:var(--cr-primary);

text-decoration:none;

border-bottom:1px solid rgba(0,0,0,0.08);

transition:all .2s ease;

}

.single-post article a:hover{

border-bottom:1px solid var(--cr-primary);

}



/* --------------------------------
Lists
-------------------------------- */

.single-post article ul,
.single-post article ol{

font-size:19px;

line-height:1.8;

margin-bottom:1.5em;

padding-left:24px;

}

.single-post article li{

margin-bottom:10px;

}



/* --------------------------------
Blockquotes
-------------------------------- */

.single-post article blockquote{

border-left:4px solid var(--cr-primary);

padding-left:18px;

margin:28px 0;

font-size:20px;

line-height:1.8;

color:#444;

font-style:italic;

}



/* --------------------------------
Images
-------------------------------- */

.single-post article img{

max-width:100%;

height:auto;

border-radius:10px;

margin:30px 0;

}



/* --------------------------------
Code Blocks
-------------------------------- */

.single-post article pre{

background:#111;

color:#eee;

padding:20px;

border-radius:10px;

overflow-x:auto;

margin:30px 0;

font-size:15px;

}



.single-post article code{

background:#f5f5f5;

padding:3px 6px;

border-radius:6px;

font-size:15px;

}



/* --------------------------------
Tables
-------------------------------- */

.single-post article table{

width:100%;

border-collapse:collapse;

margin:30px 0;

font-size:18px;

}



.single-post article table th,
.single-post article table td{

padding:12px 14px;

border-bottom:1px solid #eee;

}



/* --------------------------------
Knowledge Discovery Footer
-------------------------------- */

.knowledge-discovery-footer{

margin-top:70px;

padding-top:40px;

border-top:1px solid #eee;

}



.knowledge-discovery-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:40px;

margin-top:25px;

}



.discovery-block h3{

font-size:20px;

margin-bottom:12px;

}



/* --------------------------------
Featured Image
-------------------------------- */

.article-featured-image{

margin-bottom:28px;

}



/* --------------------------------
Mobile Reader Optimization
-------------------------------- */

@media (max-width:900px){

.single-post article{

padding:28px;

max-width:100%;

}



.single-post article p{

font-size:18px;

}



.single-post article h1{

font-size:32px;

}



.knowledge-discovery-grid{

grid-template-columns:1fr;

}

}