@charset "UTF-8";

/* =========================================================
   PC Layout (Media Queries)
========================================================= */
@media (min-width: 640px) {
    .p-map__links { flex-direction: row; }
    .p-map__links > * { flex: 1; }
    .p-cta__actions { flex-direction: row; }
}

@media (min-width: 768px) {
    .l-container { padding: 0 3rem; }
    .l-section { padding: 7rem 0; }
    
    .l-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
    .l-grid-cols-3 { grid-template-columns: repeat(2, 1fr); }
    .l-grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
    .l-grid-cols-5 { grid-template-columns: repeat(3, 1fr); }
    .l-grid-cols-6 { grid-template-columns: repeat(3, 1fr); }
    
    .l-flex--md-row { flex-direction: row; align-items: center; }
    .l-flex--md-row > * { flex: 1; }
    
    .c-section-title { font-size: 2.5rem; }
    .c-hero-image { height: 400px; margin-bottom: 3rem; }
    
    .p-breadcrumbs { font-size: 0.875rem; }
    
    .p-hero__en { font-size: 1.25rem; letter-spacing: 0.3em; }
.p-hero__title { font-size: 3.5rem; }
    .p-hero__subtitle { font-size: 1.5rem; }
    .p-hero__desc { font-size: 1.125rem; }
    
    .p-toc__grid { grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
    
    .p-heritage__box { padding: 3rem; }
    
    .p-wildlife__img { width: 12rem; height: 12rem; }
    
    .p-ranking__img { width: 6rem; height: 6rem; }
    
    .p-course__img { height: 14rem; }
    
    .p-food__grid { gap: 1.5rem; }
    
    .p-voice__img { height: 14rem; }
    
    .p-cta__title { font-size: 2.25rem; }
    .p-cta__desc { font-size: 1.5rem; }
}

@media (min-width: 1024px) {
    .l-grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
    .l-grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
    .l-grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
    .p-toc__grid { grid-template-columns: repeat(5, 1fr); gap: 0.75rem; }
}