:root{--blue:#257bc1;--dark-blue:#2270b0;--text:#27272a;--muted:#8f8f8f;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--text);font:400 15px/1.6 "Open Sans",Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:var(--dark-blue)}.banner{display:block;width:100%;background:#e8eef1;line-height:0}.banner img{display:block;width:100%;height:auto;max-height:350px;object-fit:cover}.primary-nav{min-height:46px;border-bottom:4px solid var(--blue);background:#232323;color:#fff}.nav-inner{width:min(1160px,100%);min-height:42px;margin:auto;display:flex;align-items:stretch}.home-link{width:50px;display:grid;place-items:center;background:var(--blue);color:#fff}.home-link svg{width:25px;fill:currentColor}.primary-nav ul{display:flex;margin:0;padding:0;list-style:none}.primary-nav li{display:flex}.primary-nav li a{display:flex;align-items:center;padding:0 16px;color:#fff;font-size:14px;font-weight:600}.primary-nav li:hover,.primary-nav li.current{background:var(--blue)}.menu-toggle{display:none;border:0;background:none;color:#fff;font-weight:600}.page-shell{width:min(1160px,calc(100% - 30px));margin:35px auto 60px;display:grid;grid-template-columns:minmax(0,2.65fr) minmax(220px,1fr);gap:42px}article{min-width:0}article h1{margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--blue);font-size:28px;font-weight:500;line-height:1.25}.welcome-columns{display:grid;grid-template-columns:2fr 1fr;gap:42px}.welcome-copy p:first-child,.definitions p:first-child{margin-top:0}.tradeoffs{display:block;max-width:100%;height:auto;margin:16px 0}.church-logo{width:24px;height:auto}aside{padding-top:3px}aside ul{margin:0;padding:0;list-style:none}aside li{border-bottom:1px solid var(--line)}aside a{display:block;padding:9px 2px;color:#444}aside a:hover,aside li.current a{color:var(--blue)}footer{padding:20px 15px;border-top:1px solid #ddd;background:#303440;color:#aaa;text-align:center;font-size:13px}footer a{color:#ddd}footer span{color:#888}.gallery-shell article{min-width:0}.photo-grid{columns:3 220px;column-gap:10px}.photo-grid figure{position:relative;break-inside:avoid;margin:0 0 10px;overflow:hidden;background:#eee}.photo-grid img{display:block;width:100%;height:auto;transition:transform .2s,filter .2s}.photo-grid a:hover img{transform:scale(1.015);filter:brightness(.82)}.photo-grid figcaption{position:absolute;inset:auto 0 0;padding:28px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:12px;opacity:0;transition:opacity .2s}.photo-grid figure:hover figcaption{opacity:1}dialog{width:min(94vw,1100px);border:0;padding:40px 15px 15px;background:#111;color:#fff}dialog::backdrop{background:rgba(0,0,0,.88)}dialog img{display:block;max-width:100%;max-height:78vh;margin:auto}dialog p{margin:10px 0 0;text-align:center}dialog button{position:absolute;top:0;right:8px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.archive-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.archive-intro label span{display:block;font-size:12px;font-weight:700}.archive-intro input{width:min(350px,70vw);padding:8px 10px;border:1px solid #bbb}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.category{border:1px solid var(--line)}.category[hidden],.document[hidden]{display:none}.category h2{display:flex;justify-content:space-between;margin:0;padding:8px 10px;background:var(--blue);color:#fff;font-size:16px}.category h2 span{font-size:12px}.category ul{margin:0;padding:0;list-style:none}.document+.document{border-top:1px solid var(--line)}.document a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;color:#333}.document a:hover{background:#f3f7fa;color:var(--blue)}.document small{color:var(--muted)}
@media(max-width:768px){.nav-inner{display:block}.home-link{display:none}.menu-toggle{display:block;min-height:42px;padding:0 15px;cursor:pointer}.primary-nav ul{display:none;flex-direction:column}.primary-nav.open ul{display:flex}.primary-nav li a{min-height:40px}.page-shell{grid-template-columns:1fr;gap:25px;margin-top:24px}.welcome-columns,.categories{grid-template-columns:1fr}aside{border-top:1px solid var(--line)}.archive-intro{display:block}}
