/* 기본 레이아웃 */
body { margin: 0; padding: 0; font-family: sans-serif; line-height: 1.6; color: #333; }
header { height: 60px; background: #4285f4; color: white; display: flex; align-items: center; padding: 0 20px; justify-content: space-between; }

/* 샘플 본문 스타일 */
.sample-container { max-width: 800px; margin: 40px auto; padding: 0 20px; }
.sample-content h1 { font-size: 2rem; margin-bottom: 20px; }
.sample-content p { margin-bottom: 15px; color: #555; }

/* 스켈레톤 및 광고 박스 가이드 */
@keyframes skeleton-glow {
    0% { background-color: #f0f0f0; }
    50% { background-color: #e8e8e8; }
    100% { background-color: #f0f0f0; }
}
.skeleton { animation: skeleton-glow 1.5s infinite ease-in-out; }

.ad-skeleton-container {
    background: #f9f9f9;
    border: 2px dashed #4285f4;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ad-skeleton-container::before {
    content: "AD AREA";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #4285f4;
    font-weight: bold;
    opacity: 0.5;
}

.inline-ad { min-height: 250px; margin: 30px 0; }
.footer-ad { width: 100%; height: 90px; }

footer { 
    position: fixed; bottom: 0; width: 100%; height: 100px; 
    background: white; border-top: 1px solid #ddd; 
    display: flex; align-items: center; justify-content: center;
}