main{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:#fff;min-height:80vh;}h1,h2,h3,h4{margin-bottom:1rem;}h1{font-size:2rem;}h2{font-size:1.5rem;border-bottom:2px solid #ff6b6b;padding-bottom:0.5rem;}h3{font-size:1.25rem;}section{margin-bottom:2.5rem;}.hero{text-align:center;padding:2rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;margin-bottom:2rem;}.hero h1{margin:0;font-size:2.5rem;}.intro{background:#f9f9f9;padding:1.5rem;border-radius:8px;line-height:1.8;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;}.card{background:#fafafa;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0;transition:transform 0.3s,box-shadow 0.3s;position:relative;}.card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.card h3{margin-bottom:0.5rem;}.card h3 a{color:#333;}.card h3 a:hover{color:#ff6b6b;}.card .meta{font-size:0.875rem;color:#666;margin-bottom:0.5rem;}.card .one-line{font-size:0.95rem;color:#555;line-height:1.5;}.card .card-summary,.card .card-review{font-size:0.875rem;color:#777;margin-top:0.5rem;}.card .rank{position:absolute;top:1rem;right:1rem;background:#ff6b6b;color:#fff;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;font-size:0.875rem;}.card .year-badge{display:inline-block;background:#667eea;color:#fff;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.875rem;margin-bottom:0.5rem;}.card .tags{display:block;margin-bottom:0.5rem;}.card .tag{display:inline-block;background:#e0e0e0;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.75rem;margin-right:0.25rem;}.breadcrumb{padding:1rem 0;font-size:0.875rem;color:#666;}.breadcrumb a{color:#667eea;}.breadcrumb a:hover{text-decoration:underline;}.page-header{margin-bottom:2rem;}.page-header h1{margin-bottom:0.5rem;}.page-header .notice{background:#fff3cd;padding:1rem;border-left:4px solid #ff6b6b;margin-top:1rem;}.detail-header h1{margin-bottom:0.5rem;}.detail-header .meta{font-size:1rem;color:#666;margin-bottom:0.5rem;}.detail-header .tags{font-size:0.875rem;color:#999;}.detail .one-line,.detail .summary,.detail .review{margin-bottom:2rem;}.related{background:#f9f9f9;padding:1.5rem;border-radius:8px;}.related-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;}.related-item:last-child{border-bottom:none;}.related-item h4{margin-bottom:0.25rem;}.related-item h4 a{color:#333;}.related-item h4 a:hover{color:#ff6b6b;}.related-item p{font-size:0.875rem;color:#666;}.links{text-align:center;padding:1rem;background:#f0f0f0;border-radius:8px;}.links a{margin:0 0.5rem;color:#667eea;font-weight:500;}.links a:hover{text-decoration:underline;}footer{text-align:center;padding:2rem 1rem;color:#999;background:#fff;border-top:1px solid #e0e0e0;margin-top:2rem;}@media (max-width:768px){.hero h1{font-size:1.5rem;}h1{font-size:1.5rem;}h2{font-size:1.25rem;}.card-grid{grid-template-columns:1fr;}}