a, h1, h2, h3 { color: var(--primary-color) }
h1, table { margin-bottom: 20px }
th, thead { background-color: var(--background-alt) }
body, th { color: var(--text-color-dark) }
:root { --primary-color: #00008b; --text-color-dark: #333; --text-color-light: #666; --background-light: #ffffff; --background-alt: #fafafb; --border-color: #e0e0e0; --hover-background: #f5f5f5 }
* { box-sizing: border-box; margin: 0; padding: 0 }
body { font-family: Inter,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif; line-height: 1.6; background-color: var(--background-light); max-width: 1200px; margin: 0 auto; padding: 20px }
h1 { border-bottom: 2px solid var(--primary-color); padding-bottom: 10px }
h2, h3 { margin-bottom: 15px }
h5 { color: var(--text-color-light); font-style: italic; margin-top: 20px; text-align: right }
a { text-decoration: none; transition: color .3s }
a:hover { color: #00f; text-decoration: underline }
table { width: 100%; border-collapse: separate; border-spacing: 0; box-shadow: 0 2px 3px rgba(0,0,0,.1); overflow: hidden }
td, th { padding: 12px 15px; border: 1px solid var(--border-color); text-align: left }
th { font-weight: 600 }
tbody tr { transition: background-color .3s }
tbody tr:nth-child(2n) { background-color: #f9f9f9 }
tbody tr:hover { background-color: var(--hover-background) }
td[data-type=filename] { font-weight: 500 }
td[data-type=size] { text-align: right; font-variant-numeric: tabular-nums }
@media screen and (max-width:768px) {
    body { padding: 10px }
    table { font-size: 14px }
    td, th { padding: 8px 10px }
}
@media print {
    body { max-width: none; padding: 0 }
    table { box-shadow: none; border: 1px solid var(--border-color) }
}
