/* KSBT identity: ink navy, antique gold, warm ivory. */
:root{--bg:#142B42;--card:#1b354e;--line:#42566b;--gold:#B89456;--muted:#c1cbd4;--white:#F6F2E9;--ksbt-ivory:#F6F2E9;--ksbt-heading:Georgia,'Times New Roman',serif}
body{background:var(--bg);color:var(--white);font-family:Arial,sans-serif}
body:before{opacity:.018}
header{border-bottom-color:var(--gold)}
.brand{min-width:0}
.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:82px;height:82px;background:var(--ksbt-ivory);border:1px solid var(--gold);border-radius:10px;padding:7px}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
h1,h2,.prayer h3,.next strong{font-family:var(--ksbt-heading)}
.brand-tagline{display:block;color:var(--muted);font-size:11px;margin-top:7px;letter-spacing:.035em}
.panel{background:#1b354e;border-color:var(--line);box-shadow:0 6px 24px #08152318}
.panelhead{background:#182f47;border-bottom-color:var(--line)}
.next{background:#233e57;border-top-color:var(--gold)}
.next b,.tabs button.active{color:#dfc38c}
.he,#hdate,.prayer .service-note,#shabbat .zrow strong{color:#dfc38c}
.live{color:#dfc38c}
.tabs button.active{border-bottom-color:var(--gold)}
button:hover{background:#2a465f}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.brand-mark:focus-visible{outline:2px solid #dfc38c;outline-offset:3px}
.notice{background:#b8945612;border-color:#b8945655;color:#dfc38c}
.prayer .time,.zrow strong{color:var(--white)}
dialog{background:var(--bg)}
.settings-logo{display:block;width:138px;height:138px;object-fit:contain;background:var(--ksbt-ivory);padding:12px;border-radius:8px;margin:0 auto 22px}
@media(min-width:1000px) and (min-height:600px){
 .brand-mark{width:8.5vh;height:8.5vh;border-radius:.8vh;padding:.65vh}
 header h1{font-size:3.35vh;line-height:1.12}
 .brand-tagline{font-size:1.1vh;margin-top:.5vh}
 .brand small{font-size:1.05vh;letter-spacing:.07em}
}
@media(max-width:999px){
 .brand-mark{width:54px;height:54px;padding:5px;border-radius:7px}
 .brand-tagline{font-size:10px;line-height:1.4;margin-top:6px;letter-spacing:0}
 header h1{font-size:clamp(17px,3.9vw,25px)}
 .brand small{font-size:9px}
}
@media(max-width:380px){.brand-mark{width:60px;height:60px}.brand-tagline{font-size:10px}}

/* Published community announcement, shared across all display browsers. */
#notes{min-height:0;overflow:hidden;white-space:normal}
.wedding-announcement{display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:center;height:100%;min-height:0}
.wedding-announcement img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:6px}
.wedding-announcement h3{font-family:Georgia,serif;font-weight:normal;font-size:22px;line-height:1.35;margin:10px 0;color:var(--white)}
.mazal-he{font-family:Georgia,serif;color:#dfc38c;font-size:27px}
@media(min-width:1000px) and (min-height:600px){#notes{flex:1;padding:.8vh 1vw}.wedding-announcement{gap:.8vw}.wedding-announcement h3{font-size:2.15vh;line-height:1.35;margin:.8vh 0}.mazal-he{font-size:3vh}}
@media(max-width:999px){.wedding-announcement{grid-template-columns:42% 1fr;min-height:240px}.wedding-announcement img{height:260px}.wedding-announcement h3{font-size:22px}}