:root{--red:#941f2f;--red-dark:#631323;--ink:#30292a;--muted:#766e6d;--cream:#f7f4ef;--line:#e4ded8;--white:#fff;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #be8b45;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.3px;margin-bottom:22px}h3{font-size:26px}p{margin-bottom:24px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.eyebrow{display:block;color:var(--red);font-size:11px;letter-spacing:2.2px;font-weight:700;margin-bottom:20px}.light{color:#f3d8c5}.muted{color:var(--muted)}.preview{padding:7px 40px;background:var(--red-dark);color:#fff;font-size:11px;letter-spacing:.5px;text-align:center}.preview a{margin-left:26px;text-decoration:underline;text-underline-offset:3px}.header{min-height:100px;padding:20px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:28px;background:white}.brand{display:flex;align-items:center;gap:15px;white-space:nowrap;font:22px Georgia,serif}.brand-cross{font-size:45px;line-height:1;color:var(--red)}.brand i{font-style:normal;color:var(--red)}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.4px;margin-top:11px}.header nav{display:flex;gap:27px;align-items:center;font-size:13px}.header nav>a:hover{color:var(--red)}.button{display:inline-flex;gap:28px;justify-content:center;align-items:center;background:var(--red);color:white;border:1px solid var(--red);padding:14px 24px;border-radius:var(--radius);font-size:13px;font-weight:600;transition:background .2s}.button:hover{background:var(--red-dark);color:#fff!important}.button.small{padding:11px 18px}.ghost{background:transparent;border-color:#ffffff80}.menu-toggle{display:none}.hero{min-height:565px;position:relative;background:#4d3030;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,22,26,.87),rgba(43,22,26,.45) 55%,rgba(43,22,26,.1)),url('https://www.kamnje.net/wp-content/uploads/2016/09/slika-1-kamnje.jpg') center/cover}.hero-content{position:relative;width:min(1180px,calc(100% - 80px));margin:auto;padding:85px 0 98px}.hero h1{font-size:clamp(42px,5vw,67px);letter-spacing:-1.9px;margin:0 0 24px}.hero p{font-size:16px;color:#f4e8e4;line-height:1.8}.actions{display:flex;gap:14px;margin-top:32px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:18px max(40px,calc((100% - 1180px)/2));border-top:1px solid #ffffff38;font-size:10px;letter-spacing:1.5px}.hero-bottom a{letter-spacing:.3px;font-size:12px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.quick-links>a{padding:30px 26px;display:flex;align-items:center;gap:22px}.quick-links>a:first-child{padding-left:0}.quick-links>a+ a{border-left:1px solid var(--line)}.quick-links>a>span{color:var(--red);font-size:32px}.quick-links div{font-family:Georgia,serif;font-size:23px}.quick-links small{display:block;font:12px Arial,sans-serif;color:var(--muted);margin-top:8px}.quick-links b{margin-left:auto;color:var(--red);font-size:20px;font-weight:400}.news-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.text-link{display:inline-block;color:var(--red);font-size:13px;font-weight:600;border-bottom:1px solid #941f2f40;padding-bottom:5px}.text-link:hover{border-color:var(--red)}.notice{border:1px solid var(--line);border-top:3px solid var(--red);padding:34px 36px;background:#fffdfa;align-self:center;box-shadow:0 8px 24px #30292a05}.notice-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;color:var(--muted);margin-bottom:28px}.tag{color:var(--red);letter-spacing:1.2px;font-weight:700}.notice h3{font-size:32px;margin-bottom:18px}.notice p{font-size:14px;color:var(--muted)}.notice-footer{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.notice-footer small{font-size:10px;color:var(--muted)}.circle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--red);flex-shrink:0}.parishes{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading p{font-size:14px;margin:0}.parish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.parish-card{background:white;border:1px solid var(--line);overflow:hidden}.parish-card img{width:100%;height:235px;object-fit:cover;display:block;background:#d9c9bd;transition:transform .4s}.parish-card:hover img{transform:scale(1.03)}.parish-card>div{padding:27px}.parish-card span{font-size:9px;letter-spacing:1.8px;color:var(--red)}.parish-card h3{margin:13px 0 12px;font-size:32px;display:flex;justify-content:space-between}.parish-card b{font-size:24px;color:var(--red);font-weight:400}.parish-card p{font-size:12px;color:var(--muted);margin:0}.worship{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.worship>div>p{font-size:14px}.list-label{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.filters{display:flex;gap:8px;margin:16px 0 12px}.filters button{border:1px solid var(--line);background:white;padding:7px 17px;border-radius:3px;font-size:12px;color:var(--ink)}.filters .active{background:var(--red);color:white;border-color:var(--red)}.fine{font-size:11px!important;margin-top:18px}.reflection{padding:65px 0;background:var(--red-dark);color:white;text-align:center}.reflection blockquote{font:italic 40px/1.4 Georgia,serif;margin:22px 0 14px}.verse{font-size:12px;letter-spacing:2px;color:#e5bcab}.reflection a{display:block;font-size:12px;margin-top:30px;color:#f1dacd}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.life-grid article{border-top:1px solid var(--line);padding-top:25px}.life-icon{color:var(--red);font-size:32px}.life-grid h3{margin:17px 0;font-size:27px}.life-grid p{color:var(--muted);font-size:14px}.life-grid .text-link{display:table;margin-top:12px}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;align-items:center}.contact p{font-size:14px;color:var(--muted)}.contact-person{border-left:1px solid var(--line);padding-left:32px}.contact-person>span{color:var(--red);font-size:10px;letter-spacing:1.8px}.contact-person h3{font-size:27px;margin:15px 0}.contact-person a{display:block;font-size:13px;margin:7px 0}footer{display:flex;align-items:center;gap:28px;padding-block:35px;font-size:11px;color:var(--muted);flex-wrap:wrap}footer p{margin:0}.footer-brand{font:18px Georgia,serif;color:var(--ink)}footer>span{margin-left:auto}.skip{position:absolute;top:-100px;left:10px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:630px}.hero-content{padding-top:110px}}@media(max-width:1050px){.header{flex-wrap:wrap}.header nav{gap:18px}.brand{font-size:20px}.news-grid,.worship{gap:45px}.contact-grid{gap:25px}.contact-person{padding-left:20px}.parish-card img{height:190px}}@media(max-width:760px){.wrap,.hero-content{width:calc(100% - 40px)}.section{padding-block:55px}.header{padding:20px;gap:18px;min-height:86px}.brand{font-size:17px;gap:10px}.brand small{font-size:7px;letter-spacing:1.8px}.brand-cross{font-size:35px}.menu-toggle{display:block;border:0;background:none;color:var(--red);font-size:12px}.menu-toggle span{margin-left:6px}.header nav{display:none;width:100%;align-items:stretch;gap:0}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:13px 0;border-top:1px solid var(--line)}.header nav .button{margin-top:12px}.preview{font-size:9px;padding:7px 10px}.preview a{margin-left:12px}.hero{min-height:560px}.hero-content{padding:70px 0 100px}.hero h1{font-size:45px}.hero-bottom{padding:16px 20px}.hero-bottom>span{font-size:8px}.hero-bottom a{font-size:9px}.hero p{font-size:14px}.eyebrow{font-size:9px}.quick-links{grid-template-columns:1fr}.quick-links>a,.quick-links>a:first-child{padding:20px 0}.quick-links>a+a{border-left:0;border-top:1px solid var(--line)}.quick-links div{font-size:20px}.news-grid,.worship,.contact-grid{grid-template-columns:1fr;gap:32px}.notice{padding:26px}.notice h3{font-size:28px}.section-heading{align-items:start;flex-direction:column;gap:18px}.parish-grid,.life-grid{grid-template-columns:1fr;gap:24px}.parish-card img{height:230px}.parish-card>div{padding:22px}.life-grid{margin-top:30px}.contact-person{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.reflection blockquote{font-size:31px}.filters{flex-wrap:wrap}.filters button{padding:8px 15px}footer{gap:12px;flex-direction:column;align-items:start}footer>span{margin-left:0}.actions{gap:10px}.button{padding:13px 19px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.schedule-example{font-size:12px;color:var(--red);border-left:3px solid var(--red);padding:9px 14px;background:var(--cream);margin:20px 0}.schedule-example span{color:var(--muted);font-size:11px}.schedule-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.schedule-table caption{text-align:left;font:25px Georgia,serif;padding:12px 0 22px}.schedule-table caption span{display:block;font:11px Arial,sans-serif;color:var(--muted);margin-top:9px}.schedule-table thead{background:var(--cream);font-size:10px;letter-spacing:1px;text-transform:uppercase}.schedule-table th,.schedule-table td{padding:16px 12px;border-bottom:1px solid var(--line)}.schedule-table tbody th{font:23px Georgia,serif;font-weight:400}.schedule-table time{font-weight:700;color:var(--red);white-space:nowrap}.schedule-table a{font-size:11px;color:var(--red);text-decoration:underline;text-underline-offset:4px}.schedule-table tr[hidden]{display:none}@media(max-width:760px){.schedule-table th,.schedule-table td{padding:16px 8px}.schedule-table tbody th{font-size:21px}.schedule-table a{font-size:10px}}

/* Keep grouped content links readable even when a longer title wraps. */
.life-grid article{min-width:0}
.life-links{list-style:none;margin:0;padding:0}
.life-links li+li{margin-top:9px}
.life-grid .life-links .text-link{display:inline-block;margin-top:0;line-height:1.6;overflow-wrap:anywhere;padding-block:4px}
@media(min-width:761px) and (max-width:1050px){.life-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}}

/* Local review controls share the site's colors, with a clear distinction from published content. */
.schedule-import{margin-top:32px;padding:24px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--red)}
.schedule-import .eyebrow{margin-bottom:12px}
.schedule-import h3{font-size:27px;margin-bottom:14px}
.schedule-import p{font-size:13px;margin-bottom:16px;overflow-wrap:anywhere}
.schedule-import label{display:block;font-weight:700;color:var(--red);font-size:12px;margin-bottom:9px}
.schedule-import input{display:block;width:100%;min-width:0;font-size:12px;padding:6px 0;color:var(--ink)}
.schedule-import input::file-selector-button{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:3px;color:var(--red);margin-right:10px;cursor:pointer}
.schedule-import input:focus-visible{outline:3px solid #be8b45;outline-offset:3px}
#schedule-file-help{color:var(--muted);font-size:11px;margin-top:12px}
#schedule-import-status{border-top:1px solid var(--line);padding-top:13px;font-size:12px}
#schedule-import-status.error{font-weight:700;color:var(--red-dark)}
.schedule-import-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:11px}
.schedule-import-actions a{text-decoration:underline;text-underline-offset:3px;color:var(--red)}
.schedule-import-actions button{font-size:11px;padding:7px 10px;background:white;color:var(--red);border:1px solid var(--line);border-radius:3px}
.worship>*{min-width:0}
.schedule-imported{table-layout:fixed;font-size:12px}
.schedule-imported thead th:nth-child(1){width:15%}
.schedule-imported thead th:nth-child(2){width:23%}
.schedule-imported thead th:nth-child(3){width:62%}
.schedule-imported td,.schedule-imported tbody th{vertical-align:top;padding:17px 9px;overflow-wrap:anywhere}
.schedule-imported tbody th.schedule-date{font:14px/1.6 Arial,Helvetica,sans-serif;background:var(--cream);border-top:2px solid var(--red);padding:13px 12px}
.schedule-imported .schedule-date time{font-weight:700;white-space:normal;color:var(--red-dark)}
.schedule-date span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.schedule-imported tbody[data-schedule-day]::before{content:"";display:table-row;height:18px}
.schedule-imported tbody[data-schedule-day]:first-of-type::before{height:10px}
.schedule-imported [data-schedule-day][hidden]{display:none}
.schedule-intention{white-space:pre-wrap}
.schedule-empty{padding:18px;background:var(--cream);color:var(--muted);font-size:13px}
@media(max-width:760px){
  .schedule-import{padding:22px}
  .schedule-imported{display:block}
  .schedule-imported tbody{display:block;border:1px solid var(--line);margin-bottom:20px;background:white}
  .schedule-imported tbody[data-schedule-day]::before{display:none}
  .schedule-imported caption{display:block}
  .schedule-imported thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .schedule-imported tbody tr{display:grid;grid-template-columns:65px minmax(0,1fr);padding:8px 14px}
  .schedule-imported tbody tr[data-name]+tr[data-name]{border-top:1px solid var(--line)}
  .schedule-imported tbody tr.schedule-day-heading{display:block;padding:0}
  .schedule-imported tbody tr[hidden]{display:none}
  .schedule-imported tbody th.schedule-date{display:block;font-size:14px;border-bottom:1px solid var(--line);padding:12px 14px}
  .schedule-imported td{border:0;padding:12px 0 6px;font-size:14px}
  .schedule-imported .schedule-place{font-weight:600}
  .schedule-imported .schedule-intention{grid-column:1/-1;padding-bottom:14px;font-size:13px}
}

.edition-controls{display:grid;grid-template-columns:1fr auto;gap:12px 35px;padding:24px;margin-top:30px;background:var(--cream);border:1px solid var(--line)}
.edition-controls strong{font-size:14px;color:var(--red)}
.edition-controls p{font-size:12px;margin:6px 0 0;color:var(--muted)}
.edition-controls>div:nth-child(2){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.edition-controls .button{font-size:12px;padding:10px 16px}
.edition-controls #edition-status{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;color:var(--ink)}
.edition-example-button{background:white;color:var(--red);border:1px solid var(--line);padding:10px 14px;border-radius:3px;font-size:12px}
.edition-controls button:disabled{opacity:.6;cursor:wait}
.edition-notice{background:var(--cream);border-left:3px solid var(--red);padding:16px 22px;white-space:pre-wrap;font-size:14px;margin:20px 0 0}
.spiritual{display:grid;grid-template-columns:1.8fr 1fr;gap:65px;border-bottom:1px solid var(--line)}
.spiritual>*{min-width:0}
.spiritual blockquote{font:italic 25px/1.5 Georgia,serif;color:var(--red-dark);border-left:3px solid var(--red);padding:8px 20px;margin:24px 0}
.reflection-body{font-size:15px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}
.reflection-picture{float:left;width:190px;height:auto;margin:6px 25px 15px 0}
.reflection-picture[hidden]{display:none}
.spiritual article:after{content:"";display:block;clear:both}
.readings-card{align-self:start;background:var(--cream);border-top:3px solid var(--red);padding:30px}
.readings-card .eyebrow{line-height:1.8;letter-spacing:1.5px}
.readings-card h3{font-size:27px}
.readings-card ul{padding-left:20px;font-size:14px;line-height:2}
.readings-card [hidden]{display:none}
#weekly-announcements{font-size:14px;line-height:1.8;padding-left:20px}
#weekly-announcements li{margin-bottom:12px;overflow-wrap:anywhere}
.useful-links{margin-top:28px;max-width:480px}
.useful-links ul{list-style:none;padding:0;margin:0}
.useful-links-primary{display:grid}
.useful-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--red);font-size:13px;line-height:1.5;min-height:44px;overflow-wrap:anywhere}
.useful-links-primary a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}
.useful-links-primary a:hover{border-color:var(--red)}
.useful-links .useful-links-documents{margin-top:0}
.useful-links-documents a{padding:12px 0;border-bottom:1px solid var(--line)}
.useful-links-documents a:hover{border-color:var(--red)}
.useful-links .useful-links-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin-top:0}
.useful-links-group-title{margin:24px 0 6px;color:var(--muted);font-size:10px;letter-spacing:.7px;font-weight:600}
.useful-links-group-title:first-child{margin-top:0}
.useful-links-secondary a{padding:10px 0;border-bottom:1px solid var(--line)}
.useful-links-secondary a:hover{border-color:var(--red)}
.useful-links a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.useful-links a span{flex:none}
@media(max-width:380px){.useful-links .useful-links-secondary{grid-template-columns:1fr}}
@media(max-width:760px){
  .edition-controls{grid-template-columns:1fr;padding:20px;gap:16px}
  .spiritual{grid-template-columns:1fr;gap:30px}
  .readings-card{padding:24px}
  .reflection-picture{width:125px;margin-right:18px}
  .spiritual blockquote{font-size:22px}
}

/* Calendar-style day selection stays above the full-width worship schedule. */
.schedule-day-picker{margin-bottom:16px}
.schedule-day-picker[hidden]{display:none}
.schedule-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px;margin-top:8px}
.schedule-days button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:78px;padding:12px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:13px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}
.schedule-days button span{font-size:11px;color:var(--muted)}
.schedule-days button strong{font-size:20px;font-weight:600}
.schedule-days button:hover{border-color:var(--red);background:var(--cream)}
.schedule-days button.active{background:var(--red);border-color:var(--red);color:#fff}
.schedule-days button.active span{color:#fff}
.schedule-days button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.site-schedule .schedule-table{font-size:14px}
.site-schedule table[hidden]{display:none}
.section.worship{gap:18px}
#oznanila.news-grid{padding-bottom:36px}
.section.worship{padding-top:36px}
.worship .eyebrow{margin-bottom:10px}
.worship h2{margin-bottom:12px}
.worship>div:first-child>p{margin-bottom:0}
.site-schedule .filters{margin:8px 0}
/* Optional article has no wrapper when disabled. */
.homepage-article{padding-block:40px;border-bottom:1px solid var(--line)}
.homepage-article article{max-width:850px;min-width:0}
.homepage-article h2,.homepage-article-body{overflow-wrap:anywhere}
.homepage-article h2{font-size:clamp(28px,3vw,38px);margin-bottom:20px}
.homepage-article-body{font-size:16px;line-height:1.8}
.homepage-article-body p:last-child{margin-bottom:0}
@media(max-width:760px){.homepage-article{padding-block:28px}}
.homepage-article .entry-content{font-size:16px;line-height:1.8}
.homepage-article .entry-content h2{font-size:clamp(25px,2.5vw,32px)}
.homepage-article-cover{margin:0 0 24px}
.homepage-article-cover img{display:block;width:auto;max-width:100%;height:auto}
