.prompt-wrapper{
max-width:1000px;
margin:auto;
padding:40px;
font-family:Arial;
}

.prompt-code{
	    padding: 20px;
    background: #fcfcfc;
    border: 2px solid #cfcfcf;
}

.prompt-header{
display:flex;
gap:40px;
align-items:flex-start;
margin-bottom:40px;
}

.prompt-main{
flex:1;
}

.prompt-title{
font-size:32px;
margin-bottom:15px;
}

.prompt-description{
margin-bottom:20px;
}

.prompt-book{
width:220px;
text-align:center;
}

.book-image{
width:100%;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.book-title{
font-size:14px;
margin-top:10px;
font-weight:bold;
}
/*
.prompt-box{
background:#111;
color:#00ff9c;
padding:25px;
border-radius:10px;
margin-bottom:30px;
}

.prompt-box-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.prompt-code{
white-space:pre-wrap;
line-height:1.6;
}

*/

.copy-btn{
background:black;
color:white;
border:none;
padding:10px 20px;
cursor:pointer;
border-radius:6px;
font-weight:bold;
	margin: 10px 0;
}

.copy-btn:hover{
background:#222;
}

.prompt-wrapper h1,
.prompt-wrapper h2,
.prompt-wrapper h3{
color:#111;
}

.prompt-wrapper table{
width:100%;
border-collapse:collapse;
margin-top:15px;
}

.prompt-wrapper table,
.prompt-wrapper th,
.prompt-wrapper td{
border:1px solid #ddd;
}

.prompt-wrapper th,
.prompt-wrapper td{
padding:10px;
text-align:left;
}

.prompt-wrapper th{
background:#f4f4f4;
}

.prompt-wrapper .highlight{
background:#fff3cd;
padding:10px;
border-radius:6px;
margin-top:10px;
}

.prompt-wrapper .rules{
background:#f8f9fa;
padding:15px;
border-left:4px solid #333;
border-radius:6px;
}


/* MOBILE */

@media(max-width:768px){

.prompt-header{
flex-direction:column;
}

.prompt-book{
width:100%;
max-width:250px;
}

}


.prompt-flex{
display:flex;
gap:30px;
align-items:flex-start;
}

.book-col{
width:200px;
}

.content-col{
flex:1;
}

.read-more-btn{

display:inline-block;
margin-top:15px;
padding:10px 18px;
background:black;
color:white;
text-decoration:none;
border-radius:6px;

}

.read-more-btn:hover{

background:#333;

}

.pagination{

margin-top:40px;
text-align:center;

}

.pagination a,
.pagination span{

margin:5px;
padding:8px 14px;
border:1px solid #ddd;
text-decoration:none;

}

.pagination .current{

background:black;
color:white;

}