/* Reset & Base */ *{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#fff}a{text-decoration:none;color:inherit;transition:color .3s}a:hover{color:#e63946}ul,ol{list-style:none}img{max-width:100%;height:auto}/* Navigation */ nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#222;color:#fff;flex-wrap:nowrap}nav ul{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{color:#fff;padding:8px 12px;display:block;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav a:hover{background:#444;color:#fff}/* Layout */ main{max-width:1200px;margin:40px auto;padding:0 20px}section{margin-bottom:40px}h1{font-size:32px;margin-bottom:20px}h2{font-size:24px;margin-bottom:15px}h3{font-size:18px;margin-bottom:10px}/* Card Grid */ .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.card h3{font-size:18px;margin-bottom:8px;color:#222}.card h3 a{color:#222}.card h3 a:hover{color:#e63946}.card .meta{font-size:14px;color:#666;margin-bottom:8px}.card .oneline{font-size:14px;color:#555;line-height:1.6;margin-bottom:10px}.card .summary{font-size:13px;color:#777;line-height:1.5;margin-bottom:10px}.card .rank{display:inline-block;background:#e63946;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:bold;margin-bottom:10px}/* Tags */ .tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{display:inline-block;background:#f1f3f5;color:#495057;padding:4px 10px;border-radius:4px;font-size:12px}/* Info Box */ .info-box{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px}.info-box p{margin-bottom:8px}/* Breadcrumb */ .breadcrumb{margin-bottom:20px;font-size:14px;color:#666}.breadcrumb a{color:#457b9d}.breadcrumb a:hover{text-decoration:underline}/* Responsive */ @media(max-width:768px){nav{flex-direction:column;gap:10px}nav ul{width:100%;justify-content:space-between}nav li{font-size:14px;padding:5px 8px}.card-grid{grid-template-columns:1fr}h1{font-size:28px}h2{font-size:20px}}/* UI Style Variations */ .ui-style-0 body{background:#f5f5f5}.ui-style-1 .card{border-radius:12px}.ui-style-2 body{background:#fafafa}.ui-style-3 a:hover{color:#ff385c}.ui-style-4 h2{color:#0066cc}.ui-style-5 nav{background:#141414}.ui-style-6 nav{background:#1a1a2e}.ui-style-7 nav{background:#16213e}.ui-style-8 nav{background:#1e3a20}.ui-style-9 nav{background:#0a0a0a}.ui-style-10 a:hover{color:#00c75a}.ui-style-11 a:hover{color:#0099ff}.ui-style-12 a:hover{color:#ff6700}.ui-style-13 a:hover{color:#00a1d6}.ui-style-14 nav{background:#003d7a}