.sample-page{
    max-width:900px;
    margin:40px auto;
    padding:20px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#333;
    line-height:1.7;
}

.sample-page h1{
    font-size:2rem;
    margin-bottom:10px;
    color:#1e3a8a;
}

.sample-page h2{
    margin-top:40px;
    margin-bottom:12px;
    padding-bottom:6px;
    border-bottom:2px solid #2563eb;
    font-size:1.3rem;
}

.sample-page table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:20px;
}

.sample-page th{
    background:#2563eb;
    color:#fff;
    padding:10px;
    text-align:left;
}

.sample-page td{
    padding:10px;
    border:1px solid #ddd;
}

.sample-page tr:nth-child(even){
    background:#f8fafc;
}

.sample-page pre{
    background:#111827;
    color:#f3f4f6;
    padding:15px;
    border-radius:8px;
    overflow:auto;
}

.sample-page ul{
    padding-left:20px;
}

.sample-page li{
    margin:6px 0;
}

.sample-footer{
    margin-top:50px;
    padding-top:20px;
    border-top:1px solid #ddd;
    text-align:center;
    color:#777;
    font-size:0.9rem;
}

.sample-footer p{
    margin:8px 0;
}

.sample-footer a{
    color:#2563eb;
    text-decoration:none;
}

.sample-footer a:hover{
    text-decoration:underline;
}
.sample-footer img {
    width: 24px;
    height: 18px;
    object-fit: cover;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: -2px;
}
#copy{
    margin-top:25px;
}