html{scroll-behavior:smooth}body{margin:0}.blog-page{max-width:1320px;margin:auto;padding:36px 22px 90px;min-height:65vh}.blog-nav{display:flex;gap:20px;align-items:center}.blog-nav a{color:inherit}.blog-hero{text-align:center;padding:20px 0 32px}.blog-hero h1{font-size:clamp(2rem,4vw,3.3rem);margin:8px 0}.blog-hero p{max-width:750px;margin:12px auto;line-height:1.6}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:rgba(255,255,255,.10);padding:18px;border:1px solid rgba(255,255,255,.25);border-radius:14px}.filters label{flex:1 1 240px;display:grid;gap:7px}.filters input,.filters select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;box-sizing:border-box;padding:12px;border-radius:8px;border:1px solid #89929b;background:#fff;color:#17202b;font:inherit}.filters button,.button-link,.admin-form button,.action{display:inline-block;padding:12px 18px;border:0;border-radius:8px;background:#f0d99e;color:#192432;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.count,.meta{opacity:.85;font-size:.92rem}.post{margin:28px 0;padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(0,0,0,.16)}.post h2{margin:0 0 8px}.qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;margin-top:18px}.qa section{padding:22px;border-radius:12px;min-width:0;overflow-wrap:anywhere}.question{background:#f0eee7;color:#202b34}.answer{background:#fff;color:#202b34}.qa h3{font-size:.9rem;letter-spacing:.06em;margin:0 0 12px}.body-text{line-height:1.75;white-space:normal}.backtop{display:inline-block;margin-top:14px;color:inherit}.jump{position:fixed;right:18px;bottom:18px;display:grid;gap:8px}.jump a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f0d99e;color:#182230;text-decoration:none;font-size:1.4rem;box-shadow:0 2px 8px #0007}.admin-form{max-width:1050px;display:grid;gap:16px}.admin-form label{display:grid;gap:6px}.admin-form textarea{min-height:130px}.admin-form .answer-input{min-height:290px}.admin-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #888;padding:10px}.admin-table a{color:inherit}.notice{padding:14px;border:1px solid #d6ae58;border-radius:8px}.admin-form .check{display:flex;align-items:center;gap:8px}.admin-form .check input{width:auto}@media(max-width:760px){.qa{grid-template-columns:1fr}.blog-page{padding:18px 12px 90px}.post{padding:13px}.qa section{padding:17px}.filters{display:grid}.jump{right:9px;bottom:9px}.jump a{width:42px;height:42px}.blog-nav{gap:9px;font-size:.8rem}}

/* Blog-only branding: preserves shared header, navigation, and all post functionality. */
.blog-identity{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 12px}
.blog-emblem{display:block;width:clamp(66px,8vw,112px);height:auto;max-height:145px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
.blog-hero .blog-title{font-family:Georgia,serif;font-size:clamp(23px,3.2vw,42px);line-height:1.15;letter-spacing:.04em;margin:0;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,.85)}
/* Reuse the existing colorful sunrise image; no edits to public_html/styles.css. */
body:has(.blog-page){background:#102a45 url('../KISSalvation-mountain-sunrise.png') center top / cover fixed no-repeat;color:#fff}
.blog-page .blog-hero{background:rgba(5,24,47,.58);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:25px 18px 32px;margin-bottom:20px}
.blog-page .blog-hero h1,.blog-page .blog-hero p{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.75)}
@media(max-width:760px){.blog-identity{gap:10px}.blog-emblem{width:65px}body:has(.blog-page){background-attachment:scroll}}