:root {
    --sp-blue: #0d6efd;
    --sp-dark: #1f2937;
    --sp-light: #f7f9fc;
}
body { background: var(--sp-light); color: var(--sp-dark); }
main { min-height: 70vh; }
.logo-circle {
    display:inline-flex; width:38px; height:38px; border-radius:50%;
    align-items:center; justify-content:center; background:white; color:var(--sp-blue);
    font-weight:800;
}
.hero {
    background: linear-gradient(135deg, #0d6efd, #6f42c1);
    color:white; padding:70px 0;
}
.card-img-top { height: 210px; object-fit: cover; }
.attraction-placeholder {
    height:210px; display:flex; align-items:center; justify-content:center;
    background:#dee2e6; color:#6c757d; font-weight:700;
}
.badge-age { font-size:.85rem; }
.admin-sidebar a { display:block; padding:.55rem .75rem; text-decoration:none; border-radius:.4rem; }
.admin-sidebar a:hover { background:#e9ecef; }
.table td, .table th { vertical-align: middle; }
canvas#drawingPad { border:2px solid #333; background:white; width:100%; max-width:650px; touch-action:none; }
@media (min-width: 768px) and (max-width: 1180px) {
    .tablet-special { display:block !important; }
}