:root{--color-primary: #003087;--color-secondary: #ffffff;--color-accent: #20325a;--color-text: #1a1a1a;--color-text-light: #666666;--color-border: #e0e0e0;--color-background: #f5f7fa;--font-family: "Segoe UI", Arial, sans-serif;--border-radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}.page-container{max-width:900px;margin:2rem auto;padding:2rem}.page-card{background:var(--color-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem}.content-list h1{color:var(--color-accent);font-size:2rem;margin-bottom:1.5rem;border-bottom:3px solid var(--color-accent);padding-bottom:.5rem}.content-list ul{list-style:none}.content-list .article-card{background:var(--color-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem;margin-bottom:1rem;transition:transform .2s ease,box-shadow .2s ease}.content-list .article-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.content-list .article-card a{font-size:1.1rem;font-weight:600;color:var(--color-text)}.content-list .article-card a:hover{color:var(--color-primary)}.article-date{font-size:.9rem;color:#666;margin:.3rem 0 1rem}.article-image{width:100%;display:block;margin-bottom:.75rem;aspect-ratio:16/9;object-fit:cover}