.csv-page-list {
margin: 20px 0;
font-family: inherit;
} .csv-page-list-nav {
margin-bottom: 20px;
padding: 10px;
background: #f5f5f5;
border-radius: 4px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.csv-page-list-nav a {
display: inline-block;
margin: 0 3px;
padding: 3px 8px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
color: #555;
transition: all 0.2s ease;
}
.csv-page-list-nav a:hover {
background: #e0e0e0;
color: #000;
} .csv-page-list-section {
margin-bottom: 30px;
padding-bottom: 10px;
}
.csv-page-list-section h3 {
border-bottom: 1px solid #eee;
padding-bottom: 8px;
margin-bottom: 15px;
color: #333;
font-size: 1.5em;
} .csv-page-list-columns {
columns: 1;
column-gap: 30px;
column-rule: 1px solid #f0f0f0;
}
.csv-page-list-columns-2 {
columns: 2;
}
.csv-page-list-columns-3 {
columns: 3;
}
.csv-page-list-columns-4 {
columns: 4;
} .csv-page-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.csv-page-list li {
margin: 0 0 12px 0;
padding: 0;
break-inside: avoid-column;
page-break-inside: avoid;
position: relative;
padding-left: 1.2em;
}
.csv-page-list li:before {
content: "•";
position: absolute;
left: 0;
color: #888;
}
.csv-page-list li a {
text-decoration: none;
color: #0073aa;
transition: color 0.2s ease;
}
.csv-page-list li a:hover {
color: #00a0d2;
text-decoration: underline;
} @media (max-width: 992px) {
.csv-page-list-columns-4 {
columns: 3;
}
}
@media (max-width: 768px) {
.csv-page-list-columns-3,
.csv-page-list-columns-4 {
columns: 2;
}
.csv-page-list-nav a {
margin: 0 2px;
padding: 3px 6px;
font-size: 0.9em;
}
}
@media (max-width: 480px) {
.csv-page-list-columns {
columns: 1 !important;
}
.csv-page-list-nav {
padding: 8px 5px;
}
.csv-page-list-nav a {
margin: 0 1px;
padding: 2px 5px;
font-size: 0.85em;
}
} @media print {
.csv-page-list-nav {
display: none;
}
.csv-page-list-section {
page-break-inside: avoid;
}
.csv-page-list a {
color: #000 !important;
text-decoration: none !important;
}
}