*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height:1.6;background-color:#f8f9fa;color:#343a40;display:flex;flex-direction:column;min-height:100vh}header{background-color:#495057;color:#fff;padding:1rem 0;text-align:center;width:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#app-container{display:flex;flex:1;width:100%;max-width:1400px;margin:20px auto;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden}#prophecy-list-container{position:relative;width:35%;min-width:250px;max-width:400px;padding:20px;border-right:1px solid #dee2e6;background-color:#fff;display:flex;flex-direction:column;overflow-y:auto}#category-nav-container{margin-bottom:20px;border-bottom:2px solid #adb5bd;padding-bottom:15px;max-height:40vh;overflow-y:auto}#category-nav-container h2,#prophecy-list-container h2{margin-top:0;margin-bottom:10px;font-size:1.2em;color:#495057;position:sticky;top:0;background-color:#fff;padding-top:5px;z-index:1}#category-list{list-style:none}#category-list li{padding:0;border-bottom:1px solid #e9ecef;cursor:default;font-size:0.9em}#category-list li.selected{background-color:#6c757d;color:#fff;font-weight:bold;border-radius:4px}.category-button{background:none;border:none;color:inherit;font:inherit;padding:8px 5px;margin:0;cursor:pointer;text-align:left;width:100%;display:block}#category-list li.selected .category-button{color:#fff;font-weight:bold}.category-button:hover,.category-button:focus{background-color:#e9ecef}#category-list li.selected .category-button:hover,#category-list li.selected .category-button:focus{background-color:transparent}#prophecy-list{list-style:none;flex-grow:1;overflow-y:auto;min-height:100px;margin-top:10px}#prophecy-list li{padding:10px 8px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;font-size:0.95em;font-family:monospace}#prophecy-list li:hover{background-color:#e9ecef}#prophecy-list li.selected{background-color:#0d6efd;color:#fff;font-weight:bold;border-radius:4px}#detail-view{width:65%;padding:30px;overflow-y:auto;position:relative}.status-message{text-align:center;padding:40px 20px;font-size:1.1em;border-radius:5px;margin:20px 0}#loading-indicator{color:#6c757d;background-color:#e9ecef;border:1px solid #dee2e6}#error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;font-weight:bold}.prophecy-display,.fulfillment-display{margin-bottom:30px}.prophecy-display h3,.fulfillment-display h3{color:#212529;margin-bottom:10px;font-size:1.2em;border-bottom:1px solid #eee;padding-bottom:5px}.prophecy-display h3 span,.fulfillment-display h3 span{font-weight:normal;font-style:italic;color:#6c757d;font-size:0.9em;margin-left:5px}.prophecy-display p,.fulfillment-display p{background-color:#f8f9fa;border:1px solid #dee2e6;padding:15px;border-radius:4px;font-size:1.05em;line-height:1.7;min-height:40px;white-space:pre-wrap}#prophecy-category,#prophecy-description{font-style:italic;color:#495057}#prophecy-content p:first-of-type{margin-bottom:10px;font-weight:bold}#prophecy-content p:first-of-type > span{font-weight:normal;font-style:normal}footer{text-align:center;margin-top:auto;padding:20px 0;border-top:1px solid #dee2e6;font-size:0.9em;color:#6c757d;background-color:#fff;width:100%}@media (max-width:992px){#app-container{flex-direction:column;margin:10px auto;max-width:95%}#prophecy-list-container,#detail-view{width:100%;max-width:100%;border-right:none;border-bottom:1px solid #dee2e6;overflow-y:visible}#prophecy-list-container{max-height:50vh;overflow-y:auto}#category-nav-container{max-height:none;overflow-y:visible}#category-list{max-height:25vh;overflow-y:auto}#prophecy-list{max-height:30vh;overflow-y:auto;flex-grow:0}#detail-view{border-bottom:none;padding:20px;flex-grow:1}}#search-suggestions{display:none;position:absolute;background-color:#f9f9f9;min-width:230px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border:1px solid #ddd;z-index:1000;max-height:200px;overflow-y:auto;top:35px;left:20px;right:20px}.suggestion-item{padding:8px 12px;cursor:pointer;color:black;display:block}.suggestion-item:hover{background-color:#e9e9e9}.suggestion-item.suggestion-highlighted{background-color:#d4d4d4}#top-cta-banner{background-color:#004085;color:#ffffff;padding:10px 20px;text-align:center;font-size:0.9em}#top-cta-banner p{margin-right:15px;display:inline-block;margin-bottom:0}#top-cta-banner .cta-button{background-color:#ffc107;color:#000000;padding:8px 15px;text-decoration:none;border-radius:5px;font-weight:bold;transition:background-color 0.3s ease;display:inline-block}#top-cta-banner .cta-button:hover{background-color:#e0a800}@media (max-width:768px){#top-cta-banner p,#top-cta-banner .cta-button{display:block;margin-bottom:10px}#top-cta-banner .cta-button{margin-bottom:0}}#bottom-cta-section{padding:20px;background-color:#f0f0f0;text-align:center;margin-bottom:15px;border-top:1px solid #ddd}#bottom-cta-section p{margin-right:15px;display:inline-block;margin-bottom:0;color:#333}@media (max-width:768px){#bottom-cta-section p,#bottom-cta-section .cta-button{display:block;margin-bottom:10px}#bottom-cta-section .cta-button{margin-bottom:0}}#bda-pathway-cta{background-color:#e9ecef;padding:15px;border-radius:5px;text-align:center;margin-top:20px}#bda-pathway-cta h3{font-size:1.1em;color:#343a40;margin-bottom:8px}#bda-pathway-cta p{font-size:0.9em;margin-bottom:12px;color:#495057}.cta-button-sidebar{display:inline-block;background-color:#1e7e34;color:#ffffff;padding:10px 15px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:0.9em;transition:background-color 0.3s ease}.cta-button-sidebar:hover{background-color:#1a6c2c}#about-app-link{color:#0056b3;text-decoration:none}#about-app-link:hover{text-decoration:underline}.modal{position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:25px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.modal-content h2{margin-top:0;color:#333}.modal-content p{margin-bottom:15px;line-height:1.6;color:#555}.modal-close-button{color:#aaa;float:right;font-size:28px;font-weight:bold}.modal-close-button:hover,.modal-close-button:focus{color:black;text-decoration:none;cursor:pointer}