@charset "utf-8";
body{

font-family: Georgia, serif;

margin:0;

padding:40px 20px;

color:#2c2c2c;


/* manuscript texture */

background:
radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px),
#f6f4ee;

background-size:6px 6px;

}



/* manuscript page */

.manuscript{

max-width:680px;

margin:auto;

padding:55px;

background:#fffdf8;

border:4px double #d6c48c;

box-shadow:0 0 15px rgba(0,0,0,0.05);

position:relative;

}



/* corner ornaments */

.manuscript::before,
.manuscript::after{

content:"";

position:absolute;

width:70px;
height:70px;

border-top:2px solid #d6c48c;
border-left:2px solid #d6c48c;

opacity:0.6;

}

.manuscript::before{
top:10px;
left:10px;
}

.manuscript::after{
bottom:10px;
right:10px;
transform:rotate(180deg);
}



/* header */

.page-header{

text-align:center;

margin-bottom:50px;

}

.page-header h1{

font-weight:500;

letter-spacing:1px;

color:#5b4a22;

margin-bottom:6px;

}

.subtitle{

font-style:italic;

color:#777;

}



/* entry */

.entry{

text-align:center;

margin-bottom:60px;

}



/* date cartouche */

.date{

display:inline-block;

font-size:16px;

letter-spacing:1px;

color:#6e5524;

padding:6px 18px;

border:1px solid #d6c48c;

border-radius:18px;

background:linear-gradient(
to bottom,
#fffdf6,
#f3ecd3
);

box-shadow:
0 0 0 2px #fff,
0 0 0 3px #d6c48c;

margin-bottom:26px;

}



/* labels */

.label{

font-size:12px;

letter-spacing:2px;

text-transform:uppercase;

color:#8f8f8f;

margin-bottom:6px;

text-align:left;

}



/* scripture */

blockquote{

font-style:italic;

font-size:18px;

line-height:1.7;

margin:0;

padding-left:18px;

border-left:3px solid #d6c48c;

text-align:left;

}



/* drop cap */

.sutra-text::first-letter{

float:left;

font-size:60px;

line-height:0.85;

padding-right:10px;

padding-top:6px;

font-weight:bold;

color:#c6a64a;

text-shadow:
0 0 6px rgba(198,166,74,0.45),
0 0 12px rgba(198,166,74,0.25);

}



/* divider */

.ornament{

margin:30px auto;

width:120px;

height:1px;

background:linear-gradient(
to right,
transparent,
#c9b26d,
transparent
);

position:relative;

}

.ornament::before,
.ornament::after{

content:"❧";

position:absolute;

top:-12px;

font-size:16px;

color:#c9b26d;

}

.ornament::before{
left:-12px;
}

.ornament::after{
right:-12px;
}



/* translation */

.translation p{

font-size:16px;

line-height:1.7;

margin:0;

text-align:left;

}



/* tablet */

@media (max-width:900px){

.manuscript{
padding:40px 28px;
}

blockquote{
font-size:17px;
}

}



/* mobile */

@media (max-width:600px){

body{
padding:20px 10px;
}

.manuscript{
padding:26px 18px;
border-width:3px;
}

.date{
font-size:14px;
padding:5px 14px;
}

blockquote{
font-size:16px;
line-height:1.65;
}

.translation p{
font-size:15px;
}

.sutra-text::first-letter{
font-size:42px;
padding-right:6px;
}

.ornament{
width:90px;
}

}

.manuscript{
max-width:1000px;
}