/* WebPulse Monitor Main Stylesheet - v1.8 FINAL (Based on v1.0) */
:root{--primary-font:'Manrope',sans-serif;--color-dark-blue:#0d1b2a;--color-bg-light:#f8f9fa;--color-bg-dark:#1b263b;--color-card-bg:#ffffff;--color-border:#e9ecef;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-accent-blue:#007bff;--color-status-up:#28a745;--color-status-down:#dc3545;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--border-radius-md:8px;--border-radius-lg:12px}
html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}
body{font-family:var(--primary-font);background-color:var(--color-bg-light);color:var(--color-text-primary);line-height:1.6;font-size:16px;margin:0;-webkit-font-smoothing:antialiased}
.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
a{color:var(--color-accent-blue);text-decoration:none;transition:color .2s ease-in-out}
a:hover{color:var(--color-dark-blue)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-weight:700;line-height:1.2;margin-top:0;margin-bottom:.75rem;color:var(--color-dark-blue)}
h1{font-size:2.5rem}h2{font-size:2rem}
.section-title{text-align:center}.section-subtitle{text-align:center;color:var(--color-text-secondary);margin-top:-.5rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}
.site-header{background-color:var(--color-bg-dark);padding:.75rem 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}
.site-header .container{display:flex;justify-content:space-between;align-items:center}
.site-branding .site-title{font-size:1.5rem;font-weight:800;color:#fff}
.main-navigation .nav-link{margin-left:20px;color:rgba(255,255,255,0.8);font-weight:500}
.main-navigation .nav-link:hover{color:#fff}
.hero-section{background-color:var(--color-bg-dark);color:#fff;padding:80px 0;text-align:center}
.hero-title{font-size:3rem;font-weight:800;color:#fff}
.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:2rem}
.website-check-form{display:flex;max-width:650px;margin:0 auto}
.website-check-form input{flex-grow:1;padding:15px 20px;border:1px solid #4a5568;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);font-size:1.1rem;font-family:var(--primary-font);background:#2d3748;color:#fff;outline:none}
.website-check-form input::placeholder{color:#a0aec0}
.website-check-form button{padding:15px 30px;border:none;background-color:var(--color-accent-blue);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;transition:background-color .2s}
.website-check-form button:hover{background-color:#0056b3}
.loader{border:4px solid #f3f3f3;border-top:4px solid var(--color-accent-blue);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:1rem auto 0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.form-error{color:#dc3545;margin-top:1rem}
.recently-checked-section,.more-checked-section{padding:60px 0}
.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.site-card{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-card-bg);padding:20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--color-border)}
.site-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.site-card .card-header{display:flex;align-items:center;gap:12px}
.site-card .site-favicon{width:24px;height:24px;border-radius:4px}
.site-card .site-name{font-size:1.1rem;font-weight:700;color:var(--color-dark-blue);margin:0}
.site-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}
.site-card .last-checked{font-size:.85rem;color:var(--color-text-secondary)}
.status-indicator{width:12px;height:12px;border-radius:50%}
.status-indicator.up{background-color:var(--color-status-up)}
.status-indicator.down{background-color:var(--color-status-down)}
.up-down-status-section{padding:60px 0;background-color:#fff;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.up-down-container{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.status-column .status-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}
.status-title .emoji{font-size:1.5rem;margin-right:8px}
.status-list-item{display:flex;align-items:center;gap:15px;padding:12px;border-radius:var(--border-radius-md);transition:background-color .2s}
.status-list-item:hover{background-color:var(--color-bg-light)}
.status-list-item .site-favicon{width:32px;height:32px;border-radius:6px}
.status-list-item .item-details{display:flex;flex-direction:column}
.status-list-item .site-name{font-weight:500;color:var(--color-text-primary)}
.status-list-item .last-checked{font-size:.8rem;color:var(--color-text-secondary)}
.single-post-main{padding:40px 0}
.single-post-container{display:flex;gap:40px}
.main-content{flex:1;min-width:0}
.widget-area{width:300px;flex-shrink:0}
.sidebar-inner{position:sticky;top:100px}
.entry-header{margin-bottom:2rem}
.entry-title{font-size:2.2rem}
.site-name-highlight{color:var(--color-accent-blue)}
.status-up{color:var(--color-status-up)}
.status-down{color:var(--color-status-down)}
.entry-subtitle{color:var(--color-text-secondary);font-size:1.1rem}
.content-section{margin-top:3rem}
.status-boxes-container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.status-box{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:15px}
.status-box .box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.location-name{font-weight:700;color:var(--color-dark-blue)}
.status-indicator-text{font-weight:700;font-size:.9rem;padding:3px 8px;border-radius:4px;color:#fff}
.status-indicator-text.status-up{background-color:var(--color-status-up)}
.status-indicator-text.status-down{background-color:var(--color-status-down)}
.box-body{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--color-text-secondary)}
.single-page-search-section .website-check-form input{padding:12px 18px;font-size:1rem;background:var(--color-bg-light);border-color:var(--color-border);color:var(--color-text-primary)}
.single-page-search-section .website-check-form button{padding:12px 25px;font-size:1rem}
.single-page-search-section .website-check-form input::placeholder{color:var(--color-text-secondary)}
.site-footer{background-color:var(--color-dark-blue);color:rgba(255,255,255,0.7);padding:50px 0 20px;margin-top:60px}
.footer-widgets{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-title{color:#fff}
.footer-widget-title{color:#fff;font-size:1.1rem;margin-bottom:1rem}
.footer-widgets ul{list-style:none;padding:0;margin:0}
.footer-widgets li{margin-bottom:.5rem}
.footer-widgets a{color:rgba(255,255,255,0.7)}
.footer-widgets a:hover{color:#fff}
.site-info{text-align:center;padding-top:20px;border-top:1px solid #4a5568;font-size:.9rem}
/* (All other original styles for reviews, FAQ, comments, etc., are preserved and correct) */