body{font-family:'Segoe UI',sans-serif;background-color:#f4f4f4;margin:0;padding:0}.container{max-width:600px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.search-box button,.search-button{font-size:16px;background-color:#0078d4;color:#fff;cursor:pointer}.search-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.search-input{flex:1;min-width:250px;padding:12px 14px;font-size:16px;border:1px solid #ccc;border-radius:6px}.search-button{padding:12px 20px;border:none;border-radius:6px;transition:background-color .3s}.search-button:hover{background-color:#005fa3}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input[type=text]{flex:1;padding:10px;font-size:16px}.search-box button{padding:10px 20px;border:none;border-radius:4px}.result-card{background:#fff;padding:15px;margin-bottom:15px;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.result-card h2{margin:0 0 10px;font-size:18px}.result-card p{margin:0;color:#555}@media (max-width:600px){.container{padding:10px}.page-title{font-size:24px;margin-bottom:20px;text-align:center;color:#333}.search-form{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.search-button{padding:10px 20px;font-size:16px;background-color:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer}.result-list{list-style:none;padding:0}.result-item{margin-bottom:10px}.result-link{text-decoration:none;color:#0078d4;font-weight:700}.result-link:hover{text-decoration:underline}.no-results{color:#888;font-style:italic;text-align:center}.search-box{flex-direction:column}.search-box button{width:100%}}.detail-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:20px}.detail-title{font-size:24px;margin-bottom:15px;color:#333}.detail-answer,.detail-answer-box{margin-bottom:20px}.back-link,.detail-link{color:#0078d4;text-decoration:none}.detail-meta p{margin:5px 0;color:#666}.back-link:hover,.detail-link:hover{text-decoration:underline}.back-link{display:inline-block;margin-top:10px;font-weight:700}.detail-answer-box{background-color:#fffbe6;border-left:4px solid #ffc107;padding:15px 20px;border-radius:6px}.answer-heading{font-size:18px;margin-bottom:10px;color:#333}.detail-answer{font-size:17px;line-height:1.7;color:#222;font-weight:500}