*{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:#f5f5f5;}.container{max-width:1200px;margin:0 auto;padding:0 1rem;}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1.5rem 0;box-shadow:0 2px 4px rgba(0,0,0,0.1);}header h1{font-size:2rem;margin-bottom:0.5rem;}header p{font-size:0.95rem;opacity:0.95;}nav{margin-top:1rem;border-top:1px solid rgba(255,255,255,0.2);padding-top:1rem;}nav ul{list-style:none;display:flex;flex-wrap:nowrap;gap:0.5rem;overflow:hidden;}nav a{color:white;text-decoration:none;padding:0.6rem 1.2rem;background:rgba(255,255,255,0.15);border-radius:4px;transition:background 0.3s;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;}nav a:hover,nav a.active{background:rgba(255,255,255,0.3);}.breadcrumb{padding:0.75rem 0;font-size:0.9rem;color:#666;background:white;border-bottom:1px solid #e0e0e0;}.breadcrumb a{color:#667eea;text-decoration:none;transition:color 0.3s;}.breadcrumb a:hover{color:#764ba2;}main{min-height:60vh;}section{padding:2rem 0;}section h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #667eea;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0;}.card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:transform 0.3s,box-shadow 0.3s;}.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,0.1);}.card h3{font-size:1.15rem;margin-bottom:0.75rem;}.card h3 a{color:#667eea;text-decoration:none;transition:color 0.3s;}.card h3 a:hover{color:#764ba2;}.card .meta{font-size:0.85rem;color:#888;margin:0.5rem 0;}.card .tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0.75rem 0;}.card .tag{background:linear-gradient(135deg,#f0f0f0 0%,#e8e8e8 100%);padding:0.25rem 0.6rem;border-radius:12px;font-size:0.75rem;color:#666;}.card .oneline{color:#555;margin:0.75rem 0;font-size:0.95rem;line-height:1.6;font-weight:500;}.card .excerpt{color:#666;font-size:0.85rem;line-height:1.5;max-height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.detail-content{max-width:900px;margin:2rem auto;background:white;padding:2.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}.detail-header{border-bottom:3px solid #667eea;padding-bottom:1.5rem;margin-bottom:2rem;}.detail-header h1{color:#333;font-size:2.2rem;margin-bottom:1rem;}.detail-section{margin:2rem 0;padding:1.5rem;background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px;}.detail-section h2{font-size:1.4rem;margin-bottom:1rem;color:#667eea;border:none;}.detail-section p{line-height:1.9;color:#444;}.detail-section p:first-of-type{text-indent:2em;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;}.related-item{padding:0.75rem;background:white;border:1px solid #e0e0e0;border-radius:6px;text-align:center;transition:border-color 0.3s,background 0.3s;}.related-item:hover{border-color:#667eea;background:#f9f9ff;}.related-item a{color:#667eea;text-decoration:none;font-size:0.9rem;transition:color 0.3s;}.related-item a:hover{color:#764ba2;}.notice{background:#fff3cd;border:1px solid #ffc107;padding:1.25rem;border-radius:6px;margin:1.5rem 0;line-height:1.8;}.notice strong{color:#856404;}.notice a{color:#667eea;text-decoration:none;font-weight:500;}.notice a:hover{text-decoration:underline;}.notice ul{margin-top:0.75rem;margin-left:1.5rem;}footer{background:#2c3e50;color:#ecf0f1;text-align:center;padding:2.5rem 0;margin-top:4rem;}footer p{line-height:1.8;}@media (max-width:768px){header h1{font-size:1.5rem;}header p{font-size:0.85rem;}nav ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}nav ul::-webkit-scrollbar{display:none;}nav a{font-size:0.85rem;padding:0.5rem 0.8rem;flex-shrink:0;min-width:fit-content;}.card-grid{grid-template-columns:1fr;gap:1rem;}.detail-content{padding:1.5rem;margin:1rem;}.detail-header h1{font-size:1.6rem;}section h2{font-size:1.4rem;}.related-grid{grid-template-columns:1fr 1fr;}}@media (max-width:480px){.card-grid{grid-template-columns:1fr;}.related-grid{grid-template-columns:1fr;}.detail-content{padding:1rem;}}