
.static-page{position:relative}
.static-page-wide{max-width:1200px}
.static-page-head{margin-bottom:20px}
.static-page .article-title{margin:0;font-size:35px;line-height:1.2}
.static-page .article-intro{max-width:850px;margin:10px 0 0;color:var(--text-soft);line-height:1.7}
.static-page .content-intro{margin-bottom:20px}
.static-related{margin-top:30px}

.static-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:15px 0 25px}
.static-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.static-nav-card{display:flex;flex-direction:column;gap:5px;min-height:120px;padding:20px;color:var(--text);background:#fff;border:2px solid var(--text);box-shadow:5px 5px 0 var(--primary-soft);transition:background var(--speed),box-shadow var(--speed),transform var(--speed)}
.static-nav-card:hover{color:var(--text);background:var(--yellow-soft);box-shadow:5px 5px 0 var(--primary);transform:translateY(-3px)}
.static-nav-card b{font-size:18px;line-height:1.35}
.static-nav-card span{color:var(--text-soft);line-height:1.6}

.static-anchor-nav{display:flex;align-items:center;flex-wrap:wrap;gap:5px 15px;margin:0 0 20px;padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.static-anchor-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700}
.static-anchor-nav a:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}
.static-anchor-nav a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px}

.static-feature-row{display:flex;align-items:stretch;gap:15px;margin:0 0 20px}
.static-feature-card{display:flex;align-items:center;gap:15px;flex:1;padding:15px;color:var(--text);background:#fff;border:2px solid var(--text)}
.static-feature-card:hover{color:var(--text);background:var(--primary-soft)}
.static-feature-primary{box-shadow:5px 5px 0 var(--yellow)}
.static-feature-icon{display:flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;color:#fff;font-size:20px;background:var(--primary);border-radius:5px}
.static-feature-card b,.static-feature-card small{display:block}
.static-feature-card b{font-size:16px}
.static-feature-card small{margin-top:3px;color:var(--text-soft);font-size:13px;line-height:1.45}

.static-calendar-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:15px}
.static-calendar-month{padding:15px;background:#fff;border:1px solid var(--border);border-top:5px solid var(--primary)}
.static-calendar-month .content-heading{margin:0 0 10px;font-size:22px}
.static-calendar-month .content-heading:after{display:none}
.static-date-list{margin:0;padding:0;list-style:none}
.static-date-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--border)}
.static-date-list li:first-child{border-top:0}
.static-date-list time{flex:0 0 120px;color:var(--text);font-weight:700; }
.static-date-list a{flex:1;color:var(--text);font-weight:700;line-height:1.5}
.static-date-list a:hover{color:var(--primary)}
.static-badge{flex:0 0 auto;padding:2px 6px;color:var(--text-soft);font-size:11px;font-weight:700;background:var(--surface-soft);border:1px solid var(--border)}
.static-badge-state{color:#fff;background:var(--primary);border-color:var(--primary)}
.static-badge-church{color:#fff;background:#7b3fc6;border-color:#7b3fc6}
.static-badge-family{color:#fff;background:var(--accent);border-color:var(--accent)}
.static-badge-memory{color:#fff;background:var(--text-soft);border-color:var(--text-soft)}
.static-badge-culture{background:var(--yellow-soft);border-color:#f0d56b}
.static-badge-professional{background:#eaf9f3;border-color:#a7dec9}

.static-note{padding:15px 20px;margin:25px 0 0;background:var(--yellow-soft);border-left:5px solid var(--yellow)}
.static-note-accent{background:var(--primary-soft);border-left-color:var(--primary)}
.static-note .content-heading{margin-top:0}

.static-facts{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:15px 0 25px}
.static-fact{display:flex;flex-direction:column;gap:5px;flex:1 1 200px;padding:15px;background:var(--surface-soft);border-top:3px solid var(--accent)}
.static-fact b{font-size:14px}
.static-fact span{color:var(--text-soft);font-size:14px;line-height:1.55}

.static-link-cloud{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px;margin:15px 0 25px;padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.static-link-cloud a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700}
.static-link-cloud a:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}
.static-link-cloud a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px}

.static-season-list{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0 25px}
.static-season-list section{flex:1 1 300px;padding:15px;border-left:5px solid var(--primary);background:#fff;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.static-season-list h3{margin:0 0 5px;font-size:18px}
.static-season-list p{margin:0;color:var(--text-soft);line-height:1.65}

.static-steps{counter-reset:steps;margin:15px 0 25px;padding:0;list-style:none}
.static-steps li{position:relative;display:flex;flex-direction:column;gap:3px;min-height:55px;padding:10px 10px 10px 55px;border-top:1px solid var(--border)}
.static-steps li:first-child{border-top:0}
.static-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;top:10px;left:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#fff;font-weight:700;background:var(--primary);border:2px solid var(--text);border-radius:5px}
.static-steps span{color:var(--text-soft);line-height:1.6}

.static-generator{margin:15px 0 30px;padding:20px;background:#fff;border:2px solid var(--text);box-shadow:7px 7px 0 var(--yellow)}
.static-generator-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:15px}
.static-field{display:flex;flex-direction:column;gap:5px;flex:1 1 180px}
.static-field label{color:var(--text);font-weight:700}
.static-field input,.static-field select{width:100%;height:42px;padding:5px 10px;color:var(--text);background:#fff;border:2px solid var(--border-dark);border-radius:5px;outline:0}
.static-field input:focus,.static-field select:focus{border-color:var(--primary);box-shadow:4px 4px 0 var(--primary-soft)}
.static-generator-actions{display:flex;align-items:center;gap:10px;margin-top:15px}
.static-generator-actions .button-link{margin:0;border:0}
.static-secondary-button{min-height:42px;padding:5px 15px;color:var(--text);font-weight:700;background:#fff;border:2px solid var(--text);border-radius:5px;cursor:pointer}
.static-secondary-button:hover{color:#fff;background:var(--text)}
.static-generator-result{margin-top:20px;padding:15px;background:var(--primary-soft);border-left:5px solid var(--primary)}
.static-generator-label{margin:0 0 5px;color:var(--text-muted);font-size:13px;font-weight:700;text-transform:uppercase}
.static-generator-text{color:var(--text);font-size:17px;font-weight:600;line-height:1.7;white-space:pre-line}
.static-generator-result .content-copy-button{margin-top:12px}

.nav-calendar-thumb{width:28px;height:28px;object-fit:cover;border:1px solid rgba(255,255,255,.25);border-radius:5px}
.static-menu-feature{display:flex;align-items:center;gap:10px}

@media(max-width:800px){
	.static-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.static-calendar-grid{grid-template-columns:1fr}
	.static-date-list time{    font-size: 13px; }
}
@media(max-width:600px){
	.static-page .article-title{font-size:30px}
	.static-feature-row{flex-direction:column}
	.static-card-grid,.static-card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
	.static-nav-card{min-height:0;padding:15px}
	.static-generator{padding:15px;box-shadow:5px 5px 0 var(--yellow)}
	.static-generator-actions{align-items:stretch;flex-direction:column}
	.static-generator-actions .button-link,.static-secondary-button{width:100%}
	.static-badge{display:none}
}
@media(max-width:360px){
	.static-card-grid,.static-card-grid-2{grid-template-columns:1fr}
	.static-date-list li{flex-wrap:wrap}
	.static-date-list time{flex:0 0 100%;padding-bottom:2px}
}

/* HOLIDAY ARTICLES */
/* .static-article-media{margin:20px 0 25px} */
/* .static-article-media img{display:block;height:auto;background:var(--surface-soft);border:2px solid var(--text);box-shadow:6px 6px 0 var(--primary-soft);} */
/* .static-article-media img {width:auto !important; max-width: 700px; max-height: 700px; height: auto; } */

.static-article-media{margin:20px 0 25px}

.static-image-download-wrap{
	position:relative;
	display:table;
	width:auto;
	max-width:100%;
}

.static-article-media img,
.static-image-download-wrap img{
	display:block;
	width:auto;
	height:auto;
	max-width:min(700px,100%);
	max-height:700px;
	object-fit:contain;
	background:var(--surface-soft);
	border:2px solid var(--text);
	box-shadow:6px 6px 0 var(--primary-soft);
}

.static-article-caption{margin:8px 0 0;color:var(--text-muted);font-size:13px;line-height:1.5}
.static-content-list{display:flex;flex-direction:column;gap:8px;margin:15px 0 25px;padding:0;list-style:none}
.static-content-list li{position:relative;padding:0 0 0 18px;color:var(--text-soft);line-height:1.65}
.static-content-list li:before{content:"";position:absolute;top:10px;left:0;width:6px;height:6px;background:var(--accent)}
.static-greeting-box{margin:15px 0;padding:15px 20px;background:#fff;border-left:5px solid var(--primary);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.static-greeting-box p{margin:0;color:var(--text);font-size:16px;line-height:1.75}
.static-greeting-box+.static-greeting-box{margin-top:10px}
.static-seo-note{margin:25px 0;padding:15px;background:var(--surface-soft);border-top:2px solid var(--text)}
.static-seo-note b{display:block;margin-bottom:5px}
.static-seo-note p{margin:0;color:var(--text-soft);line-height:1.65}

@media(max-width:600px){
	.static-article-media img{box-shadow:4px 4px 0 var(--primary-soft)}
	.static-greeting-box{padding:15px}
}

/* YEAR SWITCH */
.static-year-switch{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:15px 0 20px}
.static-year-switch a,.static-year-current{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:38px;padding:5px 15px;font-size:15px;font-weight:700;border:2px solid var(--text);border-radius:5px}
.static-year-switch a{color:var(--text);background:#fff}
.static-year-switch a:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
.static-year-current{color:#fff;background:var(--primary);border-color:var(--primary)}
.static-date-name{color:var(--text);font-weight:700;line-height:1.45}
.static-calendar-empty{margin:0;color:var(--text-soft);line-height:1.65}

/* PRYVITANNIA HUB */
.static-category-cluster{margin:0 0 25px;padding:20px;background:#fff;border:2px solid var(--text);box-shadow:5px 5px 0 var(--primary-soft)}
.static-category-cluster-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}
.static-category-cluster-head .content-heading{margin:0 0 5px}
.static-category-cluster-head p{margin:0;color:var(--text-soft);line-height:1.55}
.static-category-cluster-icon{display:flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;color:#fff;background:var(--primary);border-radius:5px}
.static-cluster-main{display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;color:var(--primary);font-weight:700}
.static-cluster-main:hover{color:var(--accent)}
.static-category-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;margin:0;padding:15px 0 0;list-style:none;border-top:1px solid var(--border)}
.static-category-links li{margin:0;padding:0;list-style:none}
.static-category-links a{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;line-height:1.45}
.static-category-links a:before{content:"";width:5px;height:5px;flex:0 0 5px;background:var(--accent)}
.static-category-links a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px}

/* CALENDAR MENU DROPDOWN */
.nav-calendar-dropdown{width:280px}
.nav-calendar-dropdown li{margin:0;padding:0;list-style:none}
.nav-calendar-dropdown li+li{border-top:1px solid var(--border)}
.nav-calendar-dropdown a{display:flex;align-items:center;gap:10px;padding:10px;color:var(--text)}
.nav-calendar-dropdown a:hover{background:var(--surface-hover);color:var(--primary)}
.nav-calendar-dropdown img{flex:0 0 28px;width:28px;height:28px;object-fit:contain}
.nav-calendar-dropdown span{display:flex;flex-direction:column;gap:2px}
.nav-calendar-dropdown b{font-size:15px}
.nav-calendar-dropdown small{color:var(--text-muted);font-size:12px}

@media(max-width:600px){
	.static-category-cluster{padding:15px;box-shadow:4px 4px 0 var(--primary-soft)}
	.static-category-cluster-head{gap:10px}
	.static-category-cluster-icon{flex-basis:40px;width:40px;height:40px}
	.static-year-switch a,.static-year-current{min-width:60px}
}

.static-image-download-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;color:#fff;font-size:14px;font-weight:800;background:var(--green);border:2px solid var(--text);border-radius:5px;cursor:pointer;transition:background var(--speed),border-color var(--speed),transform var(--speed)}
.static-image-download-button:hover{background:var(--primary);border-color:var(--primary)}
.static-image-download-button.is-loading{opacity:.7;pointer-events:none}
.static-image-download-button.is-done{background:var(--green);border-color:var(--green)}
.static-image-download-button .fal{font-size:15px}
.static-extra-images-heading{margin:30px 0 15px}
.static-image-download-wrap.is-overlay .static-image-download-button{position:absolute;right:10px;bottom:10px;z-index:2;box-shadow:4px 4px 0 rgba(0,0,0,.15)}
.static-image-download-wrap.is-below{display:flex;flex-direction:column}
.static-image-download-wrap.is-below .static-image-download-button{align-self:flex-start;margin:15px 0;max-width: 300px;}
.static-article-media-generated{margin-top:20px}
@media(max-width:600px){
	.static-image-download-button{min-height:36px;padding:7px 10px;font-size:13px}
	.static-image-download-wrap.is-overlay .static-image-download-button{right:8px;bottom:8px}
}