*{box-sizing:border-box;}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#fff;}a{color:#0066cc;text-decoration:none;transition:color 0.2s;}a:hover{color:#004499;text-decoration:underline;}img{max-width:100%;height:auto;display:block;}nav{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:0;position:sticky;top:0;z-index:100;}nav .logo{padding:1rem 2rem;font-size:1.5rem;font-weight:bold;color:#333;}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;}nav li{flex:1 1 0;min-width:0;text-align:center;}nav a{display:block;padding:1rem 0.5rem;color:#555;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background 0.2s,color 0.2s;}nav a:hover{background:#e9ecef;color:#000;text-decoration:none;}nav li.active a{background:#007bff;color:#fff;}.breadcrumb{padding:1rem 2rem;background:#f1f3f5;font-size:0.9rem;color:#666;border-bottom:1px solid #dee2e6;}.breadcrumb a{color:#0066cc;}.breadcrumb a:hover{text-decoration:underline;}.breadcrumb span{color:#333;}main{max-width:1200px;margin:0 auto;padding:2rem;}section{margin-bottom:3rem;}h1{font-size:2rem;margin:0 0 1rem;color:#222;line-height:1.3;}h2{font-size:1.5rem;margin:2rem 0 1rem;color:#333;border-bottom:2px solid #007bff;padding-bottom:0.5rem;}h3{font-size:1.25rem;margin:0 0 0.5rem;color:#444;}h4{font-size:1.1rem;margin:0 0 0.5rem;color:#555;}p{margin:0 0 1rem;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:box-shadow 0.3s,transform 0.2s;}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px);}.card h3{margin-top:0;}.card .meta{font-size:0.9rem;color:#666;margin-bottom:0.5rem;}.card .one-line{color:#555;font-size:0.95rem;}.card .summary{color:#666;font-size:0.9rem;line-height:1.5;}.card .review{color:#777;font-size:0.85rem;font-style:italic;border-left:3px solid #007bff;padding-left:0.75rem;margin-top:0.5rem;}.card-list{display:flex;flex-direction:column;gap:1.5rem;}.card-list .card{position:relative;}.card-list .card .rank{position:absolute;top:1rem;right:1rem;background:#007bff;color:#fff;padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;font-size:0.9rem;}.card-list .card .year-tag{background:#28a745;color:#fff;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.85rem;margin-right:0.5rem;}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.5rem 0;}.tag{display:inline-block;background:#e9ecef;color:#495057;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.85rem;}.pos-tag{background:#fff3cd;color:#856404;}.list-entry{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #007bff;}.list-entry h3{margin-top:0;color:#007bff;}.list-entry ul{list-style:none;padding:0;margin:1rem 0 0;}.list-entry li{padding:0.5rem 0;border-bottom:1px solid #dee2e6;}.list-entry li:last-child{border-bottom:none;}.notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem;}.notice p{margin:0 0 0.5rem;color:#856404;font-weight:500;}.notice ul{list-style:disc;padding-left:2rem;margin:0.5rem 0 0;}.notice li{color:#856404;padding:0.25rem 0;}.detail header{margin-bottom:2rem;}.detail .basic-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;}.detail .basic-info dl{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1rem;margin:0 0 1rem;}.detail .basic-info dt{font-weight:bold;color:#555;}.detail .basic-info dd{margin:0;color:#333;}.detail .one-line{background:#e7f3ff;border-left:4px solid #007bff;padding:1rem 1.5rem;font-size:1.1rem;color:#004085;margin-bottom:2rem;}.detail .summary p,.detail .review p{line-height:1.8;color:#444;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;}.related-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:1rem;transition:background 0.2s;}.related-card:hover{background:#e9ecef;}.related-card h4{margin-top:0;}.related-card .one-line{font-size:0.9rem;color:#666;}.detail-missing,.error-404{text-align:center;padding:4rem 2rem;}.detail-missing h1,.error-404 h1{font-size:2.5rem;color:#dc3545;margin-bottom:1rem;}.detail-missing p,.error-404 p{font-size:1.1rem;color:#666;margin-bottom:1.5rem;}.back-links{margin-top:2rem;}.back-links a{display:inline-block;margin:0 0.5rem;padding:0.75rem 1.5rem;background:#007bff;color:#fff;border-radius:6px;text-decoration:none;transition:background 0.2s;}.back-links a:hover{background:#0056b3;text-decoration:none;}footer{background:#343a40;color:#fff;text-align:center;padding:2rem;margin-top:3rem;}footer p{margin:0;}footer a{color:#adb5bd;}@media (max-width:768px){nav .logo{padding:0.75rem 1rem;font-size:1.25rem;}nav ul{flex-wrap:nowrap;overflow-x:visible;}nav li{flex:1 1 0;min-width:0;}nav a{padding:0.8rem 0.3rem;font-size:0.9rem;}.breadcrumb{padding:0.75rem 1rem;font-size:0.85rem;}main{padding:1rem;}h1{font-size:1.5rem;}h2{font-size:1.25rem;}.card-grid{grid-template-columns:1fr;gap:1rem;}.related-grid{grid-template-columns:1fr;}.detail .basic-info dl{grid-template-columns:1fr;}.detail .basic-info dt{font-weight:bold;margin-top:0.5rem;}.detail .basic-info dt:first-child{margin-top:0;}}@media (max-width:480px){nav .logo{font-size:1.1rem;padding:0.5rem;}nav a{padding:0.6rem 0.2rem;font-size:0.8rem;}}