/* PowerBridge shared styles (navy/teal), consistent with index.html */
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f7f9fb;color:#1a1a1a;line-height:1.55;-webkit-text-size-adjust:100%}
a{color:#0f6f71}
.site-header{background:#0d2b4a;color:#fff;padding:22px 16px;text-align:center}
.site-header .brand{color:#fff;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-.5px}
.site-header .tagline{margin:6px 0 0;opacity:.92;font-size:15px}
.site-nav{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.site-nav a{color:#fff;text-decoration:none;font-size:14.5px;padding:6px 12px;border:1px solid rgba(255,255,255,.35);border-radius:20px}
.site-nav a:hover{background:#0f8b8d;border-color:#0f8b8d}
.container{max-width:1140px;margin:24px auto;padding:0 16px}
h1{color:#0d2b4a;font-size:28px;line-height:1.25;margin:8px 0 12px}
h2{color:#0d2b4a;font-size:21px;margin:28px 0 10px}
.breadcrumb{font-size:13.5px;color:#555;margin-bottom:8px}
.breadcrumb a{color:#0f6f71;text-decoration:none}
.lead,.intro,.meta{color:#333}
.meta{font-size:13.5px;color:#666}
.disclaimer{background:#e6f4f4;border-left:4px solid #0f8b8d;padding:14px 16px;margin:20px 0;font-size:14.5px;border-radius:0 6px 6px 0}
.note{font-size:13.5px;color:#555;background:#f1f3f5;padding:8px 10px;border-radius:6px}
.grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:20px;display:flex;flex-direction:column;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s}
.card:hover{transform:translateY(-2px)}
.card h3{margin:0 0 8px;color:#0d2b4a;font-size:17px}
.card p{margin:4px 0;font-size:14px}
.card .more{margin-top:auto;padding-top:10px;color:#0f6f71;font-weight:600;font-size:14px}
.card-media{position:relative;margin:-20px -20px 14px;aspect-ratio:4/3;background:#e9eef3;overflow:hidden}
.card-media img{display:block;width:100%;height:100%;object-fit:cover}
.card-media figcaption{position:absolute;left:8px;bottom:8px;background:rgba(13,43,74,.82);color:#fff;font-size:11.5px;padding:3px 8px;border-radius:4px;line-height:1.4}
.card-media.rep figcaption{background:rgba(90,90,90,.85)}
.price{font-weight:600;color:#0b7a3b}
.price.big{font-size:20px;margin:0 0 12px}
.listing-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:12px}
@media(min-width:860px){.listing-grid{grid-template-columns:1.1fr 1fr}}
.listing-photo .card-media{margin:0;border-radius:10px}
.photo-credit{font-size:12px;color:#555;margin:6px 0}
.listing-specs{background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:18px}
.table-wrap{overflow-x:auto}
table.specs{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
table.specs th,table.specs td{text-align:left;padding:8px 10px;border-bottom:1px solid #eef1f5;vertical-align:top}
table.specs th{color:#0d2b4a;width:42%;font-weight:600}
.btn{display:inline-block;background:#0f8b8d;color:#fff;text-decoration:none;padding:10px 16px;border-radius:6px;font-weight:600}
.btn:hover{background:#0b6f71}
.related ul,.hub{padding-left:20px}
.related li,.hub li{margin:6px 0}
.hub .count{color:#666;font-size:13.5px}
.post{background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);padding:22px;max-width:820px}
.post li{margin:5px 0}
.source{font-size:13px;color:#555}
.post-card h2{font-size:18px;margin:0 0 8px}
.post-card h2 a{color:#0d2b4a;text-decoration:none}
footer{text-align:center;padding:32px 16px;font-size:13px;color:#555;background:#eef1f5;margin-top:44px;line-height:1.7}
@media(max-width:480px){h1{font-size:23px}.site-header .brand{font-size:24px}}