/* Bullied Behind Bars. Fresh layout, not a Wix template copy. */
:root{--navy:#16283f;--navy2:#213a5c;--cream:#faf6ee;--paper:#fffdf8;--ink:#2b2b2b;--gold:#b9975b;--line:#ddd3bf}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{color:var(--navy2)}a:hover{color:var(--gold)}

header.site{background:var(--navy);color:var(--cream);padding:2rem 1rem 1.2rem;text-align:center}
header.site .kicker{font-family:Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;color:var(--gold)}
header.site h1,header.site .site-title{margin:.3rem auto .2rem;max-width:900px;font-size:2rem;line-height:1.25;font-weight:normal}
header.site p{margin:.2rem auto;max-width:760px;color:#e8dfca;font-style:italic}
nav.main{background:var(--navy2);font-family:Arial,sans-serif}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
nav.main a{display:block;color:#fff;text-decoration:none;padding:.75rem 1rem;font-size:.95rem}
nav.main a:hover,nav.main a[aria-current]{background:var(--gold);color:var(--navy)}
main{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}
h2,main h1{color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:.3rem;font-weight:normal}main h1{font-size:1.5em}
h3{color:var(--navy);font-weight:normal}
.lede{font-size:1.15rem}
.card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:1.5rem;margin:1.25rem 0}
.hero{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}
.hero img{width:260px;max-width:100%;border:1px solid var(--line);border-radius:4px}
.hero .txt{flex:1;min-width:260px}
.btn{display:inline-block;background:var(--navy);color:#fff!important;padding:.65rem 1.2rem;border-radius:5px;text-decoration:none;font-family:Arial,sans-serif;margin:.3rem .4rem .3rem 0}
.btn.alt{background:var(--gold);color:var(--navy)!important}
figure{margin:0}figcaption{font-size:.92rem;color:#555;margin-top:.4rem;font-style:italic}
.portrait{width:320px;max-width:100%;border-radius:6px;border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}
.grid figure{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.6rem}
.grid img{width:100%;height:220px;object-fit:cover;border-radius:4px;display:block}
.grid.media img{height:auto;aspect-ratio:16/9}
.note{background:#fff4d6;border:1px solid #e3cf8a;border-radius:6px;padding:.8rem 1rem;font-family:Arial,sans-serif;font-size:.92rem}
footer.site{background:var(--navy);color:#d9d0ba;text-align:center;padding:1.5rem 1rem;font-family:Arial,sans-serif;font-size:.9rem}
footer.site a{color:#fff}
.social{list-style:none;padding:0;display:flex;gap:1rem;flex-wrap:wrap;font-family:Arial,sans-serif}
.excerpt p{margin:1rem 0}
@media(max-width:640px){header.site h1{font-size:1.5rem}main{padding:1.25rem 1rem 2rem}}

a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}