/**
 * Tanggalans Jadwal Sholat frontend styles.
 */
.tjs-wrap { margin: 24px 0; }
.tjs-card { background: #eef5f3; border-radius: 8px; padding: 18px; margin-bottom: 18px; }
.tjs-hero { margin: 24px 0 20px; border: 1px solid #d9e8df; border-radius: 8px; overflow: visible; background: #fff; }
.tjs-hero-head { background: #2f6f4e; color: #fff; padding: 20px 24px; border-radius: 8px 8px 0 0; }
.tjs-hero-head h1 { margin: 0 0 8px; color: #fff; font-size: 30px; line-height: 1.2; }
.tjs-hero-head .tjs-today-date { margin: 0; color: rgba(255,255,255,.9); font-size: 15px; }
.tjs-hero-body { padding: 18px 24px 20px; background: #fff; border-radius: 0 0 8px 8px; }
.tjs-hero-next { margin-bottom: 14px; }
.tjs-today-date { margin: -4px 0 12px; font-size: 14px; color: #31504c; }
.tjs-data-note { margin-top: 10px; }
.tjs-next-title { font-size: 15px; margin-bottom: 8px; color: #1f2933; }
.tjs-countdown { display:block; margin:0 0 3px; padding:0; background:transparent; border-radius:0; color:#a91d1d; font-size:18px; font-weight:700; line-height:1.25; }
.tjs-countdown.is-due { background:transparent; color:#a91d1d; }
/* .tjs-hero .tjs-next-time { margin-top: 6px; color:#1f4f3a; font-size: 24px; font-weight: 700; line-height: 1.1; } */
.tjs-hero .tjs-next-time { display:none!important; }
.tjs-location-picker { position: relative; max-width: 420px; margin-top: 1em; }
            .tjs-location-control { display: flex; align-items: stretch; width: 100%; }
            .tjs-location-control input { width: 100%; min-width:0; flex:1 1 auto; padding: 10px 12px; border: 1px solid #cfd8d5; border-radius: 6px 0 0 6px; background: #fff; }
            .tjs-location-toggle { position:relative; display:flex; flex:0 0 44px; flex-shrink:0; align-items:center; justify-content:center; width:44px; padding:0; overflow:hidden; border: 1px solid #cfd8d5; border-left: 0; border-radius: 0 6px 6px 0; background: #fff; cursor: pointer; font-size:0; line-height: 1; color: #31504c; }
            .tjs-location-toggle::before { content:""; display:block; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-1px, -1px); transform-origin:center; box-sizing:border-box; }
            .tjs-location-toggle:hover { background:#f3f5f6; }
            .tjs-location-toggle:focus-visible { outline:2px solid #0f7a38; outline-offset:1px; z-index:2; }
            .tjs-location-results { position: absolute; z-index: 999; top: calc(100% + 4px); left: 0; right: 0; max-height: 280px; overflow-y: auto; background: #fff; border: 1px solid #cfd8d5; border-radius: 6px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
            .tjs-location-option { display: block; width: 100%; padding: 10px 12px; border: 0; background: #fff; text-align: left; cursor: pointer; color: #102a43; }
            .tjs-location-option:hover, .tjs-location-option:focus { background: #dbe8e5; }
            .tjs-location-empty { padding: 10px 12px; color: #667; }
.tjs-quick-times { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; margin: 10px 0 18px; border-top: 1px solid #e2e8e6; border-bottom: 1px solid #e2e8e6; }
.tjs-quick-time { padding: 12px; border-right: 1px solid #e2e8e6; }
.tjs-quick-time:last-child { border-right: 0; }
.tjs-quick-time span { display: block; font-size: 13px; color: #31504c; margin-bottom: 3px; }
.tjs-quick-time strong { font-size: 20px; }
.tjs-hero .tjs-quick-times { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin:14px 0 14px; border:0; }
.tjs-hero .tjs-quick-time { padding:10px 12px; border:0; border-radius:5px; background:#f3f5f6; }
.tjs-hero .tjs-quick-time span { display:block; font-size:14px; color:#1f2933; margin-bottom:2px; white-space:normal; }
.tjs-hero .tjs-quick-time strong { display:block; font-size:20px; font-weight:700; color:#102a43; line-height:1.15; white-space:normal; }
.tjs-hero-picker .tjs-location-picker { max-width: 100%; margin-top: 12px; }
.tjs-table-wrap { overflow-x: auto; }
.tjs-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.tjs-table th { background: #2f4b47; color: #fff; padding: 10px; text-align: center; }
.tjs-table td { padding: 9px 10px; border-bottom: 1px solid #edf1f0; text-align: center; }
.tjs-table td:first-child { text-align: left; font-size: 13px; }
.tjs-table tr:nth-child(even) td { background: #f7faf9; }
.tjs-table tr.tjs-today td { background: #dbe8e5; font-weight: 700; }
.tjs-source { color: #667; font-size: 13px; margin-top: 12px; }
.tjs-content { margin-top: 26px; }
.tjs-content h2 { margin-top: 24px; }
.tjs-day-name, .tjs-date-short { display: block; line-height: 1.25; }
            .tjs-date-short { font-size: 12px; }
            .tjs-th-short { display: none; }
            .tjs-updated { font-size: 12px; }
a.tjs-widget-link {	text-decoration: underline!important; }
.tjs-related-locations { margin-top:32px; margin-bottom:32px; }
.tjs-related-locations > h2 { margin:0 0 16px; }
.tjs-related-box { overflow:hidden; border-radius:14px; background:#f3f6f5; }
.tjs-related-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:0; padding:18px 20px; }
.tjs-related-item { display:flex; align-items:flex-start; gap:12px; min-width:0; padding:12px 10px; color:#102a43; text-decoration:none; }
.tjs-related-item:hover, .tjs-related-item:focus { background:#e7efec; text-decoration:none; }
.tjs-related-pin { position:relative; flex:0 0 18px; width:18px; height:18px; margin-top:3px; border-radius:50% 50% 50% 0; background:#2f6f4e; transform:rotate(-45deg); }
.tjs-related-pin::after { content:""; position:absolute; top:6px; left:6px; width:6px; height:6px; border-radius:50%; background:#fff; }
.tjs-related-copy { display:block; min-width:0; line-height:1.3; }
.tjs-related-copy strong { display:block; color:#0a8f4d; font-size:14px; font-weight:700; overflow-wrap:anywhere; }
.tjs-related-copy > span { display:block; margin-top:3px; color:#5f6f69; font-size:13px; overflow-wrap:anywhere; }
.tjs-related-more { border-top:1px solid #dbe5e1; background:#e5ece9; text-align:center; }
			.tjs-related-more a { display:block; padding:13px 16px; color:#0a8f4d; font-size:15px; font-weight:700; text-decoration:none; }
			.tjs-related-more a:hover, .tjs-related-more a:focus { background:#dce7e2; text-decoration:underline; }
			.tjs-province-directory { margin:32px 0; }
			.tjs-province-directory > h2 { margin:0 0 10px; }
			.tjs-province-directory-intro { margin:0 0 18px; color:#4b5f58; }
			.tjs-province-directory-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px 14px; padding:18px 20px; border-radius:10px 10px 0 0; background:#f3f6f5; }
			.tjs-province-directory-item { display:block; padding:8px 10px; color:#0a7d45; font-size:14px; font-weight:700; line-height:1.35; text-decoration:none; }
			.tjs-province-directory-item:hover, .tjs-province-directory-item:focus { background:#e7efec; text-decoration:underline; }
			.tjs-province-directory-more { border-top:1px solid #dbe5e1; background:#e5ece9; text-align:center; }
			.tjs-province-directory-more a { display:block; padding:13px 16px; color:#0a8f4d; font-size:15px; font-weight:700; text-decoration:none; }
			.tjs-province-directory-more a:hover, .tjs-province-directory-more a:focus { background:#dce7e2; text-decoration:underline; }
			.tjs-directory { margin:24px 0; }
			.tjs-directory > h1 { margin:0 0 12px; }
			.tjs-directory-intro { margin:0 0 26px; color:#4b5f58; }
			.tjs-directory-province { margin:0 0 28px; padding:18px 20px 20px; border:1px solid #d9e8df; border-radius:10px; background:#fff; }
.tjs-directory-province h3 { margin:0 0 14px; padding-bottom:8px; border-bottom:2px solid #2f6f4e; color:#1f4f3a; font-size:22px; }
.tjs-directory-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px 18px; }
.tjs-directory-grid a { display:block; padding:6px 0; color:#0a7d45; font-size:14px; line-height:1.35; text-decoration:none; overflow-wrap:anywhere; }
.tjs-directory-grid a:hover, .tjs-directory-grid a:focus { text-decoration:underline; }
.tjs-d1-wrap + .tjs-content { margin-top:26px; }
.tjs-d1-wrap { margin:24px auto; max-width:760px; }
.tjs-d1-hero { border:1px solid #16a34a; background:#fff; overflow:visible; }
.tjs-d1-head { background:#16a34a; color:#fff; text-align:center; padding:10px 12px 8px; }
.tjs-d1-head h1 { margin:0 0 5px; color:#fff; font-size:22px; line-height:1.15; }
.tjs-d1-head-date { color:#fff; font-size:13px; font-weight:700; line-height:1.25; }
.tjs-d1-wrap .tjs-d1-table-title { display:block; width:100%; margin:0; padding:5px 8px 0; background:#fff; color:#34495e; text-align:center; font-size:20px; font-weight:700; line-height:1.3; }
.tjs-d1-month { margin:0; padding:2px 8px 1px; background:#fff; color:#34495e; text-align:center; font-size:20px; font-weight:700; line-height:1.1; }
.tjs-d1-body { padding:0; background:#fff; }
.tjs-d1-picker-row { display:flex; justify-content:center; align-items:center; gap:6px; padding:6px 8px; background:#22c55e; color:#000; font-size:13px; }
.tjs-d1-picker-label { white-space:nowrap; font-weight:700; }
.tjs-d1-picker-control { width:60%; max-width:520px; }
.tjs-d1-picker-control .tjs-location-picker { max-width:100%; margin:0; }
.tjs-d1-picker-control .tjs-location-control input { height:26px; padding:3px 8px; font-size:12px; border-radius:3px 0 0 3px; background:#fff!important; color:#111827!important; font-weight:500; }
            .tjs-d1-picker-control .tjs-location-toggle { height:26px; width:34px; flex:0 0 34px; border-radius:0 3px 3px 0; background:#fff!important; color:#111827!important; }
.tjs-d1-today-summary { padding:14px 12px 16px; background:#fff; }
.tjs-d1-today-next { margin:0 0 14px; }
.tjs-d1-wrap .tjs-d1-today-heading { display:block; margin:0; color:#111827; font-size:20px; font-weight:700; line-height:1.3; }
.tjs-d1-wrap .tjs-d1-today-heading + .tjs-next-title { margin-top:8px; }
.tjs-d1-today-countdown { margin:0 0 3px; color:#a91d1d; font-size:18px; font-weight:700; line-height:1.25; }
.tjs-d1-today-next-title { margin:0; color:#111827; font-size:14px; line-height:1.4; }
.tjs-d1-today-times { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; }
.tjs-d1-today-time { display:block; position:relative; min-width:0; padding:10px 12px; border-radius:5px; background:#f3f5f6; color:inherit; text-decoration:none; box-sizing:border-box; cursor:pointer; scroll-margin-top:24px; transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, outline-color .18s ease; }
.tjs-d1-today-time:visited { color:inherit; text-decoration:none; }
.tjs-d1-today-time:hover { background:#eef7f1; text-decoration:none; box-shadow:0 2px 8px rgba(15, 122, 56, .10); }
.tjs-d1-today-time:focus-visible { outline:2px solid #0f7a38; outline-offset:2px; text-decoration:none; }
.tjs-d1-today-time:target, .tjs-d1-today-time.is-current-prayer { background:#f0fff4; outline:2px solid #16a34a; outline-offset:2px; box-shadow:0 4px 12px rgba(22, 163, 74, .20); transform:scale(1.025); z-index:2; }
.tjs-d1-today-time.is-current-prayer::before { content:"Sekarang"; position:absolute; top:7px; right:8px; display:inline-flex; align-items:center; justify-content:center; padding:2px 6px; border-radius:999px; background:rgb(204 237 223); color:#14532d; font-size:10px; font-weight:700; line-height:1.2; white-space:nowrap; box-sizing:border-box; pointer-events:none; }
.tjs-d1-today-time span { display:block; margin-bottom:3px; color:#1f2933; font-size:13px; line-height:1.2; }
.tjs-d1-today-time strong { display:block; color:#102a43; font-size:19px; font-weight:700; line-height:1.15; }
.tjs-d2-today-times { grid-template-columns:repeat(6, minmax(0, 1fr)); }
.tjs-d2-today-next-time { margin-top:4px; color:#102a43; font-size:24px; font-weight:700; line-height:1.1; }
.tjs-d2-today-time span { font-size:14px; }
.tjs-d1-table-wrap { width:100%; overflow:visible; }
.tjs-d1-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; line-height:1.2; }
.tjs-d1-table th { background:#0f7a38; color:#fff; padding:4px 2px; text-align:center; font-weight:700; border:1px solid #16a34a; }
.tjs-d1-table td { padding:4px 2px; text-align:center; border:1px solid #bde8c8; color:#000; }
.tjs-d1-table tbody tr:nth-child(odd) td { background:#f0fff4; }
.tjs-d1-table tbody tr:nth-child(even) td { background:#fff; }
.tjs-d1-table tbody tr.tjs-d1-today td { background:#fff3b0!important; font-weight:700; }
.tjs-d1-note { margin:0; padding:7px 8px; background:#ecfdf3; color:#14532d; font-size:11px; line-height:1.35; border-top:1px solid #16a34a; }
.tjs-d1-empty { margin:0; padding:14px 12px; background:#ecfdf3; color:#14532d; font-size:13px; text-align:center; }
.tjs-home-wrap { max-width:760px; margin:24px auto; }
.tjs-home-wrap + .tjs-content { margin-top:26px; }
.tjs-home-hero { border:1px solid #16a34a; background:#fff; overflow:visible; }
.tjs-home-head { padding:10px 12px 8px; background:#16a34a; color:#fff; text-align:center; }
.tjs-home-head h1 { margin:0 0 5px; color:#fff; font-size:22px; line-height:1.15; }
.tjs-home-head-date { color:#fff; font-size:13px; font-weight:700; line-height:1.25; }
.tjs-home-body { padding:0; background:#fff; }
.tjs-home-table-heading { margin:0; padding:12px 10px 8px; color:#111827; background:#fff; font-size:18px; font-weight:700; line-height:1.25; text-align:center; }
.tjs-home-table-wrap { width:100%; overflow-x:auto; padding:0; box-sizing:border-box; }
.tjs-home-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:11px; line-height:1.2; }
.tjs-home-table th { padding:4px 2px; border:1px solid #16a34a; background:#0f7a38; color:#fff; text-align:center; font-weight:700; }
.tjs-home-table td { padding:4px 2px; border:1px solid #bde8c8; color:#000; text-align:center; }
.tjs-home-table tbody tr:nth-child(odd) td { background:#f0fff4; }
.tjs-home-table tbody tr:nth-child(even) td { background:#fff; }
.tjs-home-table th:first-child, .tjs-home-table td:first-child { width:16%; }
.tjs-home-city-name { color:#000; font-weight:500; }
.tjs-home-picker-row { display:flex; flex-direction:column; align-items:center; gap:6px; padding:8px 10px; background:#22c55e; color:#000; }
.tjs-home-picker-label { width:100%; text-align:center; font-weight:700; font-size:13px; line-height:1.3; }
.tjs-home-picker-control { width:70%; max-width:520px; }
.tjs-home-picker-control .tjs-location-picker { width:100%; max-width:100%; margin:0; }
.tjs-home-picker-control .tjs-location-control input { height:26px; padding:3px 8px; font-size:12px; border-radius:3px 0 0 3px; background:#fff!important; color:#111827!important; font-weight:500; }
.tjs-home-picker-control .tjs-location-toggle { height:26px; width:34px; flex:0 0 34px; border-radius:0 3px 3px 0; background:#fff!important; color:#111827!important; }
.tjs-home-note { margin:0; padding:7px 8px; border-top:1px solid #16a34a; background:#ecfdf3; color:#14532d; font-size:11px; line-height:1.35; }
.tjs-pillar-wrap { max-width:760px; margin:24px auto; }
.tjs-pillar-hero { border:1px solid #16a34a; background:#fff; overflow:visible; }
.tjs-pillar-head { padding:10px 12px 8px; background:#16a34a; color:#fff; text-align:center; }
.tjs-pillar-head h1 { margin:0 0 5px; color:#fff; font-size:22px; line-height:1.15; }
.tjs-pillar-date { color:#fff; font-size:13px; font-weight:700; line-height:1.25; }
.tjs-pillar-body { padding:0; background:#fff; }
.tjs-pillar-direct-answer { margin:0; padding:12px 14px 8px; color:#111827; background:#fff; font-size:14px; line-height:1.5; text-align:center; }
.tjs-pillar-picker-row { display:flex; flex-direction:column; align-items:center; gap:6px; padding:8px 10px; background:#22c55e; color:#000; }
.tjs-pillar-picker-label { width:100%; text-align:center; font-size:13px; font-weight:700; line-height:1.3; }
.tjs-pillar-picker-control { width:70%; max-width:520px; }
.tjs-pillar-picker-control .tjs-location-picker { width:100%; max-width:100%; margin:0; }
.tjs-pillar-picker-control .tjs-location-control input { height:26px; padding:3px 8px; font-size:12px; border-radius:3px 0 0 3px; background:#fff!important; color:#111827!important; font-weight:500; }
.tjs-pillar-picker-control .tjs-location-toggle { height:26px; width:34px; flex:0 0 34px; border-radius:0 3px 3px 0; background:#fff!important; color:#111827!important; }
.tjs-pillar-table-heading { margin:0; padding:12px 10px 8px; color:#111827; background:#fff; text-align:center; font-size:18px; font-weight:700; line-height:1.25; }
.tjs-pillar-table-wrap { width:100%; overflow-x:auto; padding:0; box-sizing:border-box; }
.tjs-pillar-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; line-height:1.2; }
.tjs-pillar-table th { padding:5px 3px; border:1px solid #16a34a; background:#0f7a38; color:#fff; text-align:center; font-weight:700; }
.tjs-pillar-table td { padding:5px 3px; border:1px solid #bde8c8; color:#000; text-align:center; }
.tjs-pillar-table tbody tr:nth-child(odd) td { background:#f0fff4; }
.tjs-pillar-table tbody tr:nth-child(even) td { background:#fff; }
.tjs-pillar-table th:first-child, .tjs-pillar-table td:first-child { width:28%; }
.tjs-pillar-table th:last-child, .tjs-pillar-table td:last-child { width:18%; }
.tjs-pillar-city-name { color:#000; font-weight:500; }
.tjs-pillar-note { margin:0; padding:7px 8px; border-top:1px solid #16a34a; background:#ecfdf3; color:#14532d; font-size:11px; line-height:1.35; }
.tjs-pillar-insight { margin:0; padding:9px 12px; border-top:1px solid #bde8c8; background:#fff; color:#263b33; font-size:13px; line-height:1.45; }
.tjs-pillar-content { margin-top:26px; }
.tjs-pillar-content table { width:100%; border-collapse:collapse; margin:12px 0 20px; }
.tjs-pillar-content th, .tjs-pillar-content td { padding:9px 10px; border:1px solid #d8e6df; vertical-align:top; }
.tjs-pillar-content th { background:#eef7f1; text-align:left; }
.tjs-adhan-recitation { margin:16px 0 24px; padding:0; list-style:none; border-top:1px solid #e3ebe7; }
.tjs-adhan-row { padding:14px 12px; border-bottom:1px solid #e3ebe7; }
.tjs-adhan-arabic {
	display:block;
	margin-bottom:6px;
	direction:rtl;
	unicode-bidi:isolate;
	text-align:right;
	font-family:
		"Noto Naskh Arabic",
		"Noto Sans Arabic",
		"Amiri",
		"Scheherazade New",
		"Traditional Arabic",
		"Arabic Typesetting",
		Tahoma,
		Arial,
		serif;
	font-size:30px;
	font-weight:400;
	line-height:1.7;
	font-synthesis:none;
}
.tjs-adhan-latin, .tjs-adhan-meaning, .tjs-adhan-repeat { display:block; }
.tjs-adhan-repeat { margin-top:5px; color:#31504c; font-size:13px; font-weight:700; }
.tjs-pillar-audio audio { width:100%; max-width:520px; }
.tjs-pillar-audio-credit { color:#4b5f58; font-size:13px; }
@media (min-width: 769px) {
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time.is-current-prayer { overflow:visible; transform:translateY(-4px) scale(1.025); }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time.is-current-prayer::before { position:absolute; display:inline-flex; top:-8px; left:50%; right:auto; margin:0; padding:2px 6px; font-size:9px; transform:translateX(-50%); z-index:3; }
}
@media (max-width: 768px) {
	.tjs-hero { margin: 18px 0; }
	.tjs-hero-head { padding: 18px 16px; }
	.tjs-hero-head h1 { font-size: 24px; }
	.tjs-hero-body { padding: 16px; }
	/* .tjs-hero .tjs-quick-times { grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; } */
	/* .tjs-hero .tjs-quick-time { padding:10px; text-align:left; } */
	/* .tjs-hero .tjs-quick-time span { font-size:13px; } */
	/* .tjs-hero .tjs-quick-time strong { font-size:19px; } */
	.tjs-hero .tjs-quick-times { grid-template-columns:repeat(3, minmax(0,1fr)); gap:7px; }
	.tjs-hero .tjs-quick-time { padding:9px 8px; text-align:left; }
	.tjs-hero .tjs-quick-time span { font-size:12px; }
	.tjs-hero .tjs-quick-time strong { font-size:18px; }
	.tjs-countdown { font-size:16px; }
	.tjs-quick-times { grid-template-columns: repeat(6, minmax(0, 1fr)); }
                .tjs-quick-time { padding: 8px 4px; border-bottom: 0; text-align: center; min-width: 0; }
                .tjs-quick-time span { font-size: 10px; margin-bottom: 2px; white-space: nowrap; }
                .tjs-quick-time strong { font-size: 15px; letter-spacing: -0.2px; white-space: nowrap; }
	.tjs-table-wrap { overflow-x: visible; }
                .tjs-table { table-layout: fixed; font-size: 12px; }
                .tjs-table th { font-size: 10px!important; }
                .tjs-table th, .tjs-table td { padding: 7px 4px; white-space: nowrap; }
                .tjs-table th:first-child, .tjs-table td:first-child { width: 58px; }
                .tjs-th-full { display: none; }
                .tjs-th-short { display: inline; }
                .tjs-day-name { font-size: 11px; }
                .tjs-date-short { font-size: 10px; }
                .tjs-notes { font-size: 14px; }
	.tjs-related-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); padding:12px 10px; }
	.tjs-related-item { gap:9px; padding:10px 8px; }
	.tjs-related-copy strong { font-size:13px; }
				.tjs-related-copy > span { font-size:12px; }
				.tjs-related-more a { font-size:14px; padding:12px 10px; }
				.tjs-province-directory-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); padding:14px 12px; }
				.tjs-province-directory-item { padding:7px 8px; font-size:13px; }
				.tjs-directory-province { padding:15px 14px 17px; }
				.tjs-directory-province h3 { font-size:19px; }
				.tjs-directory-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px 14px; }
				.tjs-directory-grid a { font-size:13px; }
	.tjs-d1-wrap { max-width:100%; margin:18px 0; }
	.tjs-d1-head h1 { font-size:18px; }
	.tjs-d1-head-date { font-size:12px; }
	.tjs-d1-wrap .tjs-d1-table-title { margin:0; font-size:18px; line-height:1.3; padding:5px 6px 0; }
	.tjs-d1-month { font-size:18px; padding:2px 6px 1px; }
	.tjs-d1-picker-row { justify-content:center; padding:5px 4px; gap:4px; font-size:11px; }
	.tjs-d1-picker-control { width:70%; max-width:none; }
	.tjs-d1-picker-control .tjs-location-control input { height:24px; font-size:11px; padding:2px 6px; }
	.tjs-d1-picker-control .tjs-location-toggle { height:24px; width:28px; flex:0 0 28px; }
	.tjs-d1-today-summary { padding:12px 10px 14px; }
	.tjs-d1-wrap .tjs-d1-today-heading { margin:0; font-size:18px; line-height:1.3; }
	.tjs-d1-wrap .tjs-d1-today-heading + .tjs-next-title { margin-top:7px; }
	.tjs-d1-today-countdown { font-size:16px; }
	.tjs-d1-today-next-title { font-size:13px; }
	.tjs-d1-today-times { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:7px; }
	.tjs-d2-today-next-time { font-size:22px; }
	.tjs-d1-today-time { padding:9px 8px; }
	.tjs-d1-today-time:target, .tjs-d1-today-time.is-current-prayer { transform:scale(1.015); }
	.tjs-d1-today-time.is-current-prayer::before { top:6px; right:7px; padding:2px 5px; font-size:9px; }
	.tjs-d1-today-time span { font-size:12px; }
	.tjs-d1-today-time strong { font-size:18px; }
	.tjs-d2-wrap .tjs-d1-today-times.tjs-d2-today-times { grid-template-columns:minmax(0, 1fr); }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time { display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); align-items:center; column-gap:10px; width:100%; min-height:52px; padding:11px 14px; }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time > span { display:block; grid-column:1; grid-row:1; justify-self:start; align-self:center; margin:0; color:#1f2933; text-align:left; font-size:15px; line-height:1.2; }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time > strong { display:block; grid-column:3; grid-row:1; justify-self:end; align-self:center; margin:0; color:#102a43; text-align:right; font-size:18px; font-weight:700; line-height:1.15; white-space:nowrap; }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time.is-current-prayer::before { position:static; display:inline-flex; grid-column:2; grid-row:1; justify-self:center; align-self:center; margin:0; top:auto; left:auto; right:auto; transform:none; padding:2px 5px; font-size:9px; }
	.tjs-d1-table { font-size:10px; line-height:1.15; }
	.tjs-d1-table th { padding:3px 1px; }
	.tjs-d1-table td { padding:3px 1px; }
	.tjs-d1-note { font-size:10px; padding:6px 5px; }
	.tjs-home-wrap { max-width:100%; margin:18px 0; }
	.tjs-home-head h1 { font-size:18px; }
	.tjs-home-head-date { font-size:12px; }
	.tjs-home-table-heading { font-size:16px; padding:10px 8px 7px; }
	.tjs-home-table-wrap { padding:0; }
	.tjs-home-table { font-size:10px; line-height:1.15; }
	.tjs-home-table th, .tjs-home-table td { padding:3px 1px; }
	.tjs-home-picker-row { padding:8px 6px; }
	.tjs-home-picker-label { font-size:12px; }
	.tjs-home-picker-control { width:94%; max-width:none; }
	.tjs-home-picker-control .tjs-location-control input { height:24px; font-size:11px; padding:2px 6px; }
	.tjs-home-picker-control .tjs-location-toggle { height:24px; width:28px; flex:0 0 28px; }
	.tjs-home-note { font-size:10px; padding:6px 5px; }
	.tjs-pillar-wrap { max-width:100%; margin:18px 0; }
	.tjs-pillar-head h1 { font-size:18px; }
	.tjs-pillar-date { font-size:12px; }
	.tjs-pillar-direct-answer { font-size:13px; padding:10px 10px 7px; }
	.tjs-pillar-table-heading { font-size:16px; padding:10px 8px 7px; }
	.tjs-pillar-picker-row { padding:8px 6px; }
	.tjs-pillar-picker-label { font-size:12px; }
	.tjs-pillar-picker-control { width:94%; max-width:none; }
	.tjs-pillar-picker-control .tjs-location-control input { height:24px; font-size:11px; padding:2px 6px; }
	.tjs-pillar-picker-control .tjs-location-toggle { height:24px; width:28px; flex:0 0 28px; }
	.tjs-location-toggle::before { width:6px; height:6px; }
	.tjs-pillar-table { font-size:10px; line-height:1.15; }
	.tjs-pillar-table th, .tjs-pillar-table td { padding:3px 1px; }
	.tjs-pillar-note { font-size:10px; padding:6px 5px; }
	.tjs-pillar-insight { font-size:12px; padding:8px 9px; }
	.tjs-adhan-arabic { font-size:26px; }
}
			@media (max-width: 420px) {
				.tjs-related-grid { grid-template-columns:1fr; }
				.tjs-province-directory-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:6px 8px; }
				.tjs-directory-grid { grid-template-columns:1fr; }
				.tjs-d1-table { font-size:9px; }
				.tjs-d1-table th, .tjs-d1-table td { padding:3px 0; }
	.tjs-home-table { font-size:9px; }
	.tjs-home-table th, .tjs-home-table td { padding:3px 0; }
	.tjs-home-table-wrap { padding-left:0; padding-right:0; }
	.tjs-pillar-table { font-size:9px; }
	.tjs-pillar-table th, .tjs-pillar-table td { padding:3px 0; }
}
@media (prefers-reduced-motion: reduce) {
	.tjs-d1-today-time { transition:none; }
	.tjs-d1-today-time:target, .tjs-d1-today-time.is-current-prayer { transform:none; }
	.tjs-d2-wrap .tjs-d1-today-time.tjs-d2-today-time.is-current-prayer { transform:none; }
}