/* Round 47: Church News — same royal-blue + gold brand as the main site, system fonts only (no outside requests). */
:root{--ink:#0B1240;--royal:#233B96;--royal-deep:#182A6E;--gold:#D9A11B;--gold-soft:#F0C55C;--paper:#F5F6FA;--line:#D8DCEB;--muted:#4B5169;--serif:"Playfair Display","Iowan Old Style",Palatino,Georgia,serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--royal)}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}
.top{background:var(--royal-deep);position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(11,18,64,.25)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand b{display:block;line-height:1.1}.brand small{display:block;color:var(--gold-soft);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.mark{width:36px;height:36px;border-radius:10px;background:var(--gold);color:var(--ink);display:grid;place-items:center;font:700 1.2rem var(--serif)}
.top nav{display:flex;gap:4px;flex-wrap:wrap}.top nav a{color:#dbe3ff;text-decoration:none;padding:8px 12px;border-radius:999px;font-size:.92rem}.top nav a:hover,.top nav a:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.hero{background:linear-gradient(135deg,#4662CC 0%,#3150B4 55%,#243C9A 100%);color:#fff;padding:22px 0 30px;border-radius:0 0 50% 50%/0 0 22px 22px}
.hero-in{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}.hero-t{flex:1 1 360px;min-width:0}
.eyebrow{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;margin:0 0 8px}
.hero h1{font:700 clamp(1.7rem,4.5vw,2.4rem)/1.1 var(--serif);margin:0 0 6px}.lede{font-size:1rem;color:inherit;opacity:.92;max-width:620px;margin:0}
.search{display:flex;gap:8px;flex:1 1 300px;max-width:440px}.search input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:0;font:inherit}
.btn{display:inline-block;padding:11px 22px;border-radius:999px;background:var(--royal);color:#fff;text-decoration:none;font-weight:600;border:2px solid transparent;cursor:pointer;font:inherit;font-weight:600}
.btn.gold{background:var(--gold);color:var(--ink)}.btn.gold:hover{background:var(--gold-soft)}.btn.ghost{background:transparent;border-color:currentColor;color:inherit}
.chips{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:thin}.chips a{white-space:nowrap;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.92rem}
.chips a i{font-style:normal;color:var(--muted);font-size:.8rem;margin-left:4px}.chips a.on{background:var(--royal);border-color:var(--royal);color:#fff}.chips a.on i{color:var(--gold-soft)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;margin:22px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -12px rgba(35,59,150,.35)}
.card-link{display:block}.art{aspect-ratio:16/9;background:var(--line);overflow:hidden}.art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .art img{transform:scale(1.04)}
.art.ph{background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center}.art.ph span{font:700 4rem var(--serif);color:rgba(255,255,255,.55)}
.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font:700 1.2rem/1.3 var(--serif);margin:2px 0}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--royal)}
.ex{margin:0;color:var(--muted);font-size:.96rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.meta{margin:auto 0 0;color:var(--muted);font-size:.84rem}
.pill{display:inline-block;align-self:flex-start;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);font-size:.78rem;font-weight:700;text-decoration:none;letter-spacing:.03em}
.pin{align-self:flex-start;font-size:.74rem;font-weight:700;color:#8a5a00;background:var(--gold-soft);padding:3px 10px;border-radius:999px;margin-left:6px}
.lead{margin:20px 0 0}.card.big{flex-direction:row}.card.big .card-link{flex:1.25}.card.big .thumb{height:100%;aspect-ratio:auto;min-height:300px}.card.big .card-body{flex:1;padding:32px;justify-content:center}.card.big h3{font-size:clamp(1.5rem,3vw,2.1rem)}.card.big .ex{-webkit-line-clamp:5;font-size:1.05rem}
.band{background:linear-gradient(135deg,var(--royal-deep),var(--royal));color:#fff;border-radius:22px;padding:36px 28px;margin:32px 0 48px;text-align:center}
.band h2{font:700 1.7rem var(--serif);margin:0 0 6px}.band p{margin:0 auto 16px;max-width:560px;opacity:.92}
.empty{text-align:center;padding:60px 20px}.empty h1,.empty h2{font-family:var(--serif)}
.post-head{padding-top:44px}.post-head h1{font:700 clamp(2rem,5vw,3rem)/1.15 var(--serif);margin:14px 0 12px}.post-head .lede{color:var(--muted);opacity:1}
.post-cover{margin:26px auto}.post-cover img{width:100%;border-radius:20px;max-height:520px;object-fit:cover}
.prose{font-size:1.14rem;line-height:1.8;padding-top:10px;padding-bottom:10px}.prose p{margin:0 0 1.2em}.prose h2,.prose h3{font-family:var(--serif);line-height:1.25;margin:1.8em 0 .6em}
.prose blockquote{margin:1.6em 0;padding:6px 0 6px 20px;border-left:4px solid var(--gold);font:italic 1.25rem/1.6 var(--serif);color:var(--royal-deep)}
.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.2em}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose>p:first-of-type::first-letter{font:700 3.2rem/0.9 var(--serif);float:left;padding:6px 8px 0 0;color:var(--royal)}
.share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:20px;padding-bottom:30px;border-top:1px solid var(--line);margin-top:20px}
.share a,.share button,.copy-field{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font:inherit;font-size:.92rem;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--royal);color:var(--royal)}.copy-field{min-width:220px}
.more h2{font:700 1.6rem var(--serif);margin:10px 0 0}
.foot{background:var(--ink);color:#c9d0f0;padding:34px 0;margin-top:20px}.foot .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot b{color:#fff}.foot p{margin:4px 0 0;max-width:340px}
.links{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.links a{color:var(--gold-soft);text-decoration:none}.links a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(max-width:760px){.card.big{flex-direction:column}.card.big .thumb{min-height:0;aspect-ratio:16/9}.card.big .card-body{padding:20px}.hero{padding:18px 0 24px}.prose{font-size:1.06rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.yt{position:relative;aspect-ratio:16/9;margin:1.6em 0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--royal-deep),var(--royal) 60%,#4662CC);box-shadow:0 14px 30px -14px rgba(11,18,64,.5)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.yt-tri{width:84px;height:84px;border-radius:50%;background:var(--gold);display:block;position:relative;transition:transform .18s;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.yt-tri::after{content:"";position:absolute;left:33px;top:24px;border-style:solid;border-width:18px 0 18px 30px;border-color:transparent transparent transparent var(--ink)}
.yt-play:hover .yt-tri,.yt-play:focus-visible .yt-tri{transform:scale(1.08)}
.yt-note{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 16px;font:.8rem/1.4 Inter,system-ui,sans-serif;color:#dbe3ff;background:linear-gradient(0deg,rgba(11,18,64,.75),transparent)}
.yt-note a{color:var(--gold-soft)}
.yt.on{background:#000}
@media(max-width:560px){.yt-tri{width:64px;height:64px}.yt-tri::after{left:25px;top:18px;border-width:14px 0 14px 23px}.yt-note{font-size:.72rem;padding:8px 12px}}

.yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt-thumb+.yt-play::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,18,64,.55),rgba(11,18,64,.1))}
.yt-tri{z-index:1}
.art .vbadge{position:absolute;right:12px;bottom:12px;background:var(--gold);color:var(--ink);font:700 .72rem Inter,system-ui,sans-serif;padding:4px 10px;border-radius:999px;letter-spacing:.04em}
.art{position:relative}

.linkcard{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);border-radius:14px;padding:14px 18px;margin:1.4em 0;transition:box-shadow .18s,transform .18s}
.linkcard:hover,.linkcard:focus-visible{box-shadow:0 10px 24px -12px rgba(35,59,150,.4);transform:translateY(-2px)}
.lc-host{display:block;font:700 .74rem Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--royal)}
.lc-text{display:block;font:600 1.05rem/1.4 var(--serif);overflow-wrap:anywhere;margin:2px 0 6px}
.lc-go{display:block;font:600 .85rem Inter,system-ui,sans-serif;color:var(--royal)}

/* Round 54: alignment, text styles, pictures */
.prose .ta-center{text-align:center}.prose .ta-right{text-align:right}.prose .ta-justify{text-align:justify;hyphens:auto}
.prose>p.ta-center:first-of-type::first-letter,.prose>p.ta-right:first-of-type::first-letter{float:none;font:inherit;padding:0;color:inherit}
.prose mark{background:var(--gold-soft);color:var(--ink);padding:0 .2em;border-radius:3px}.prose u{text-underline-offset:3px}
.nimg{margin:1.6em 0}.nimg img{width:100%;height:auto;border-radius:14px}.nimg figcaption{margin-top:8px;font-size:.9rem;color:var(--muted);text-align:center}
.gallery{display:grid;gap:12px;margin:1.6em 0}.gallery .nimg{margin:0}.gallery.g2{grid-template-columns:repeat(2,1fr)}.gallery.g3{grid-template-columns:repeat(3,1fr)}.gallery.g4{grid-template-columns:repeat(2,1fr)}
.gallery .nimg img{aspect-ratio:4/3;object-fit:cover}@media(max-width:560px){.gallery.g3{grid-template-columns:repeat(2,1fr)}}
/* likes and comments */
.fine{font-size:.86rem;color:var(--muted);margin:6px 0}.band .fine{color:#dbe3ff;opacity:.9}
.engage{padding-top:6px;padding-bottom:10px}.eng-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 0 14px}
.like-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.like-btn .heart{font-size:1.2rem;color:#be123c;line-height:1}.like-btn.on{border-color:#be123c;background:#fff1f3}.like-btn:hover{border-color:var(--royal)}.like-btn b{color:var(--muted);font-weight:600}
.cm-jump{color:var(--muted);text-decoration:none}.cm-jump:hover{color:var(--royal)}
.cm h2{font:700 1.4rem var(--serif);margin:8px 0 10px}
.cm-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 10px}.cm-head{display:flex;gap:10px;align-items:baseline}.cm-when{color:var(--muted);font-size:.8rem}
.cm-body{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.cm-act{margin-top:4px}.linkbtn{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}
.cm-compose textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);font:inherit;resize:vertical}
.cm-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.cm-count{color:var(--muted);font-size:.82rem}.cm-msg{margin:6px 0 0;font-size:.92rem}.cm-msg.err{color:#b42318}
.cm-signin{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0}

/* Round 54b: logo, back link, nav button, writer page */
.mark-img{width:36px;height:36px;border-radius:10px;display:block;flex:none}
.crumb{display:inline-block;margin:0 0 8px;font-size:.9rem;color:var(--royal);text-decoration:none}.crumb:hover{text-decoration:underline}
.top nav a.nav-cta{background:var(--gold);color:var(--ink);font-weight:700}.top nav a.nav-cta:hover{background:var(--gold-soft);color:var(--ink)}
.write{padding-top:22px;padding-bottom:40px;max-width:820px}.write h1{font:700 clamp(1.7rem,4vw,2.3rem)/1.15 var(--serif);margin:4px 0 8px}.lede-d{color:var(--muted);margin:0 0 18px}
.w-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.w-card h2{margin:0 0 6px;font:700 1.3rem var(--serif)}
.w-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0}.w-row h2{margin:0;font:700 1.3rem var(--serif)}
.w-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 10px}
.w-tag{display:inline-block;margin-left:8px;font-size:.74rem;font-weight:700;padding:2px 10px;border-radius:999px;background:#eef0f7;color:var(--muted)}
.w-pending{background:#fef3c7;color:#92400e}.w-published{background:#dcfce7;color:#166534}.w-rejected{background:#fee2e2;color:#991b1b}
.w-acts{display:flex;gap:10px;white-space:nowrap}
.w-f{margin:0 0 12px}.w-f label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.w-f input,.w-f select,.w-f textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.w-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.w-2{grid-template-columns:1fr}}
.w-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.w-tools .small{padding:5px 11px;border-radius:8px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.82rem;cursor:pointer}
.w-prev{border:1px dashed var(--line);border-radius:12px;padding:14px 16px;background:#fff;min-height:120px;max-height:520px;overflow:auto;font-size:1rem}
.w-grid{display:flex;gap:10px;flex-wrap:wrap}.w-pic{width:120px}.w-pic img{width:120px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.w-pic .small{margin:4px 4px 0 0;padding:3px 8px;border-radius:8px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.78rem;cursor:pointer}
.w-note{margin:8px 0;font-size:.92rem}.w-note.err{color:#b42318}

/* Round 55: header brand, slim band, RSS page */
.brand{gap:10px}.brand-logo{display:block;line-height:0}.brand>span{display:flex;align-items:baseline;gap:6px;font-size:1.05rem}
.brand-name{color:#fff;font-weight:700;text-decoration:none}.brand-news{color:var(--gold-soft);font-weight:600;text-decoration:none}
.brand-name:hover,.brand-news:hover{text-decoration:underline}
.band.slim{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;text-align:left;padding:16px 22px;margin:22px 0 32px;border-radius:16px}
.band.slim .band-t{flex:1 1 260px;min-width:0}.band.slim h2{font-size:1.2rem;margin:0}.band.slim .band-t p{margin:2px 0 0;max-width:none;font-size:.92rem}
.band.slim .band-b{margin:0;display:flex;gap:8px;flex-wrap:wrap;max-width:none}.band.slim .btn{padding:8px 16px;font-size:.9rem}
.rss-page{max-width:760px;padding-bottom:40px}.rss-page h1{font:700 1.8rem var(--serif);margin:8px 0}
.rss-addr{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:14px 0}.rss-addr code{flex:1 1 280px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;word-break:break-all;font-size:.92rem}
.rss-list{list-style:none;margin:8px 0 18px;padding:0}.rss-list li{border-top:1px solid var(--line);padding:10px 0}.rss-list a{font-weight:600}.rss-list small{display:block;color:var(--muted)}
.rss-xml{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.rss-xml summary{cursor:pointer;font-weight:600}.rss-xml pre{white-space:pre-wrap;word-break:break-word;font-size:.8rem;margin:10px 0 0}

/* Round 55: e-mail subscribe, Word-style editor */
.btn.ghost-d{background:transparent;border-color:var(--royal);color:var(--royal)}
.sub{flex:1 1 100%;text-align:left}.sub label{display:block;margin:0 0 6px}.sub-row{display:flex;gap:8px;flex-wrap:wrap}.sub-row input[type=email]{flex:1 1 220px;min-width:0;padding:10px 14px;border-radius:999px;border:1px solid var(--line);font:inherit}
.sub .btn{padding:9px 18px}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sub-msg{min-height:1.2em;margin:6px 0 0;font-weight:600}.sub-msg.ok{color:#9be7b2}.sub-msg.bad{color:#ffb4b4}
.band.slim .sub{border-top:1px solid rgba(255,255,255,.25);padding-top:12px;margin-top:2px}.band.slim .sub .fine{color:#dbe3ff;max-width:none;margin:4px 0 0}.band.slim .sub label{color:#fff}
.rss-page .sub{background:var(--royal-deep);color:#fff;border-radius:14px;padding:16px 18px;margin:8px 0 18px}.rss-page .sub .fine{color:#dbe3ff}.rss-page .sub a{color:var(--gold-soft)}
.ne{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.ne-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;background:#F1F3FA;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.ne-b{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer}
.ne-b:hover{background:#E1E6F6}.ne-b.on{background:#CFD8F5;color:var(--royal-deep)}.ne-b:focus-visible,.ne-style:focus-visible{outline:2px solid var(--royal);outline-offset:1px}
.ne-sep{width:1px;height:22px;background:var(--line);margin:0 6px}.ne-style{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:.92rem;padding:0 8px;max-width:150px}
.ne-sub{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:#FFF8E1;border-bottom:1px solid var(--line)}.ne-sub label{font-weight:600;font-size:.9rem}
.ne-sub input{flex:1 1 220px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.ne-go{padding:7px 14px;border-radius:999px;border:2px solid var(--royal);background:var(--royal);color:#fff;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.ne-go.ghost{background:transparent;color:var(--royal)}.ne-note{color:#b42318;font-size:.88rem}
.ne-page{min-height:320px;max-height:70vh;overflow:auto;padding:22px 26px;outline:0;font-size:1.08rem;line-height:1.75;background:#fff}
.ne-page:empty::before{content:attr(data-placeholder);color:#8A8FA3}
.ne-page>p:first-of-type::first-letter{float:none;font:inherit;padding:0;color:inherit}
.ne-page figure.nimg{margin:14px 0;cursor:pointer;border:2px solid transparent;border-radius:8px}.ne-page figure.nimg.sel{border-color:var(--gold)}.ne-page figure.nimg img{max-width:100%;height:auto;border-radius:6px}
.ne-page .nm-block{margin:14px 0;opacity:.95}.ne-page .ta-center{text-align:center}.ne-page .ta-right{text-align:right}.ne-page .ta-justify{text-align:justify}
.ne-page mark{background:var(--gold-soft);padding:0 .2em;border-radius:3px}
@media(max-width:560px){.ne-b{width:40px;height:40px}.ne-page{padding:16px}}
.w-f .ne-sub input{width:auto;flex:1 1 220px}.w-f .ne-sub label{display:inline;margin:0}.w-f .ne-style{width:auto}
.share-wrap{border-top:1px solid var(--line);margin-top:20px;padding-bottom:20px}