:root {

--color-text:#1a1a1a;

--color-text-light:#4a4a4a;

--color-accent:#1769aa;

--color-accent-dark:#0d3d66;

--color-accent-mid:#2d8bd6;

--color-bg:#ffffff;

--color-bg-alt:#f4f9fd;

--color-border:#d9e8f5;

--font-serif:'Georgia','Times New Roman',serif;

--font-sans:-apple-system,BlinkMacSystemFont,
'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

}


*{
box-sizing:border-box;
}



body{

margin:0;

padding:0;

font-family:var(--font-sans);

color:var(--color-text);

line-height:1.7;

background:#fff;

}



.article-wrapper{

max-width:760px;

margin:0 auto;

padding:48px 24px 80px;

}





/* Breadcrumb */


.breadcrumb{

font-size:13px;

color:var(--color-text-light);

margin-bottom:24px;

}


.breadcrumb a{

color:var(--color-text-light);

text-decoration:none;

}



.breadcrumb a:hover{

color:var(--color-accent-mid);

}





/* Header */


header.article-header{

margin-bottom:36px;

border-bottom:1px solid var(--color-border);

padding-bottom:28px;

}



h1{

font-family:var(--font-serif);

font-size:2.1rem;

line-height:1.25;

margin:0 0 16px;

font-weight:700;

}





.article-meta{

font-size:14px;

color:var(--color-text-light);

}




.lede{

font-size:1.15rem;

color:var(--color-text-light);

margin-top:18px;

line-height:1.6;

}





/* Typography */


article h2{

font-family:var(--font-serif);

font-size:1.55rem;

margin:44px 0 18px;

border-left:4px solid var(--color-accent-mid);

padding-left:14px;

}



article h3{

font-size:1.15rem;

margin:28px 0 10px;

color:var(--color-accent-dark);

font-weight:700;

}



article p{

margin:0 0 18px;

font-size:1.02rem;

}



hr.divider{

border:none;

border-top:1px solid var(--color-border);

margin:40px 0;

}