.month-page{padding-bottom:45px}.month-breadcrumb{display:flex;gap:12px;align-items:center;font-size:.875rem;color:#606772;padding-block:22px}.month-breadcrumb a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.month-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:27px;border-bottom:2px solid var(--ink)}.month-heading .eyebrow{font-size:.875rem;color:#526077;margin-bottom:8px}.month-heading h1{font-size:clamp(2.5rem,4.5vw,4.25rem);font-weight:800;letter-spacing:-.06em;line-height:1.1;color:var(--blue)}.month-heading>div>p:last-child{font-size:1rem;margin-top:12px;color:#4f5764}.month-date{display:flex;flex-direction:column;gap:6px;text-align:right}.month-date span:first-child{font-size:1.7rem;font-weight:700;letter-spacing:-.035em}.month-date span:last-child{font-size:.875rem;color:#4f5764}.month-jumah{display:flex;align-items:center;gap:16px;background:#edf3ff;border-left:4px solid var(--blue);padding:18px 23px;margin-top:22px}.month-jumah-icon{display:grid;place-items:center;background:white;width:45px;height:45px;color:var(--blue);flex-shrink:0}.month-jumah h2{font-size:1.1rem;letter-spacing:-.025em;font-weight:700}.month-jumah p{font-size:1rem;margin-left:auto}.month-jumah p>span{padding-inline:10px}.month-jumah strong{white-space:nowrap}.month-toolbar{display:flex;align-items:center;gap:20px;min-height:72px;padding-block:16px;font-size:.875rem;color:#566170}.month-toolbar>p{margin-right:auto}.month-toolbar a{font-weight:700;color:var(--blue);white-space:nowrap;text-decoration:underline;text-underline-offset:4px;padding-block:10px}.month-toolbar button{border:1px solid var(--blue);background:white;color:var(--blue);border-radius:4px;min-height:44px;padding:9px 16px;white-space:nowrap;font-weight:600}.month-toolbar button:hover{background:#edf3ff}#month-status[data-state=error],#month-status[data-state=partial]{color:#91420b}.month-scroll-hint{display:none;font-size:.875rem;color:#5a6472;margin:0 0 10px}.month-table-scroll{overflow-x:auto;border:1px solid #cbd3df;scroll-margin-top:20px}.month-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1080px;font-size:1rem;line-height:1.35;font-variant-numeric:tabular-nums}.month-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.month-table th,.month-table td{padding:12px 8px;text-align:center;white-space:nowrap;border-bottom:1px solid #e1e6ef}.month-table thead th{background:var(--ink);color:white;font-size:.9375rem;font-weight:600;border-color:#444a56}.month-table thead tr:first-child>th{font-size:1rem;padding-block:15px;border-right:1px solid #444a56}.month-table thead tr:nth-child(2)>th{font-size:.8125rem;padding-block:10px}.month-table thead .jamaah-col{background:#20345a}.month-table .date-col{width:135px;position:sticky;left:0;z-index:2;background:var(--ink)}.month-table tbody th{position:sticky;left:0;background:white;z-index:1;text-align:left;padding-left:17px;border-right:1px solid #d5dcea;font-weight:600}.month-table tbody tr:nth-child(even)>*{background:#f6f8fc}.month-table tbody th>span{display:block;font-size:.8125rem;color:#5c687d;font-weight:400;margin-top:3px}.month-table tbody td.jamaah-col{font-weight:700;color:#173f91}.month-table tbody td.sunrise-col{color:#637085;border-inline:1px solid #e1e6ef}.month-table tbody tr.is-today>*{background:#e7efff;border-bottom-color:#a7bff0;border-top:1px solid #a7bff0}.month-table tbody tr.is-today>th{background:var(--blue);color:white}.month-table tbody tr.is-today>th>span{color:white}.month-table tbody tr.is-friday>th{box-shadow:inset 4px 0 var(--blue)}.month-table tbody tr.is-today>th{box-shadow:none}.month-table tbody tr:last-child>*{border-bottom:0}.month-table .period{display:block;font-size:.75rem;margin:2px 0 0;color:#627084;line-height:1.1}.month-table .unavailable{color:#8c96a6}.month-table tbody tr[tabindex]{outline-offset:-3px}.month-notes{margin-top:22px;color:#566170;font-size:.875rem;line-height:1.65}.month-notes p+p{margin-top:7px}.month-notes a{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:4px}.month-notes a .icon{width:18px;height:18px}#site-nav>a[aria-current=page]{box-shadow:inset 0 -4px var(--blue);background:#272b32}
@media(max-width:1200px){.month-scroll-hint{display:block}.month-table{min-width:1050px}.month-jumah{gap:12px;padding:17px}.month-jumah h2{font-size:1rem}.month-jumah p{font-size:.9375rem}.month-jumah p>span{padding-inline:5px}}
@media(max-width:760px){.month-page{padding-bottom:25px}.month-breadcrumb{padding-block:18px;font-size:.875rem}.month-heading{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:21px}.month-heading h1{font-size:2.9rem}.month-heading .eyebrow{font-size:.8125rem}.month-heading>div>p:last-child{font-size:1rem;max-width:320px}.month-date{text-align:left;gap:3px}.month-date span:first-child{font-size:1.4rem}.month-date span:last-child{font-size:.875rem}.month-jumah{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;margin-top:19px;padding:16px 13px}.month-jumah-icon{grid-row:1/3;width:38px;height:38px}.month-jumah h2{font-size:.98rem}.month-jumah p{margin-left:0;font-size:.875rem;line-height:1.6}.month-jumah p>span{padding-inline:2px}.month-toolbar{flex-wrap:wrap;gap:3px 18px;padding-block:14px;min-height:75px}.month-toolbar>p{flex-basis:100%;font-size:.875rem}.month-scroll-hint{font-size:.8125rem}.month-table{min-width:1020px;font-size:.9375rem}.month-table .date-col{width:104px}.month-table th,.month-table td{padding:11px 6px}.month-table tbody th{padding-left:12px}.month-table tbody th>span{font-size:.75rem}.month-table tbody td.jamaah-col{font-weight:700}.month-notes{font-size:.875rem}.month-jumah strong{font-size:.91rem}}

.download-pdf{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:flex-end;border:0;border-radius:4px;background:var(--blue);color:white;min-height:46px;padding:12px 19px;font-size:.9375rem;font-weight:700;margin-top:10px}.download-pdf:hover:not(:disabled){background:var(--blue-dark)}.download-pdf:disabled{opacity:.55;cursor:default}.download-pdf .icon{width:21px;height:21px}.month-date .download-pdf span{font-size:.9375rem;letter-spacing:0;color:white;font-weight:700}.month-date .pdf-feedback{font-size:.75rem;color:#5a6678;max-width:300px;line-height:1.5;margin-top:2px}.month-heading>div.month-date>p:last-child{font-size:.75rem;margin-top:2px;color:#5a6678}@media(max-width:760px){.download-pdf{align-self:flex-start}.month-date{width:100%}.month-date .pdf-feedback{max-width:none;text-align:left}}

/* Compact mobile month view. */
@media(max-width:760px){
  .month-breadcrumb{padding-block:10px 16px;font-size:.8125rem;gap:9px}
  .month-heading{display:block;padding:0;border:0}
  .month-heading .eyebrow{display:none}
  .month-heading h1{font-size:2rem;line-height:1.15;letter-spacing:-.045em}
  .month-heading>div>p:last-child{font-size:1rem;line-height:1.5;margin-top:8px;max-width:none}
  .month-heading .month-date{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;text-align:left;margin-top:20px;padding:16px;border:1px solid #dde7f7;border-radius:14px;background:#f2f6ff;align-items:center}
  .month-date #month-title{grid-column:1;font-size:1.125rem;line-height:1.3;font-weight:750;letter-spacing:-.025em;color:#193754}
  .month-date>span:nth-child(2){grid-column:1;font-size:.75rem;line-height:1.4;color:#5b6a80}
  .month-date .download-pdf{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;margin:0;padding:10px 12px;gap:7px;border-radius:10px}
  .month-date .download-pdf span{font-size:.8125rem}
  .month-date .download-pdf .icon{width:18px;height:18px}
  .month-heading>div.month-date>p.pdf-feedback{grid-column:1/-1;font-size:.75rem;line-height:1.4;margin:6px 0 0;color:#617087}
  .month-jumah{grid-template-columns:34px minmax(0,1fr);gap:3px 10px;border:1px solid #e1e8f1;border-radius:12px;padding:13px;margin-top:12px;background:#fff}
  .month-jumah-icon{width:34px;height:34px;border-radius:10px;background:#edf3ff}
  .month-jumah-icon .icon{width:22px;height:22px}
  .month-jumah h2{font-size:.875rem;line-height:1.4;color:#193754}
  .month-jumah p{font-size:.8125rem;line-height:1.5;color:#5b6677}
  .month-jumah strong{font-size:.8125rem;color:#193754}
  .month-toolbar{gap:8px;min-height:0;padding:14px 0 8px;align-items:center}
  .month-toolbar>p{flex:1 1 100%;font-size:.75rem;line-height:1.5;margin:0;color:#647187}
  .month-toolbar #jump-today{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #dbe5f6;border-radius:9px;text-decoration:none;background:#edf3ff;font-size:.875rem}
  .month-toolbar #jump-today[hidden]{display:none}
  .month-scroll-hint{margin:0 0 10px;font-size:.75rem;line-height:1.5;color:#647187}
  .month-table-scroll{border:1px solid #dce5f1;border-radius:12px;box-shadow:0 6px 20px #18375b08}
  .month-table{min-width:840px;font-size:.875rem}
  .month-table .date-col{width:82px}
  .month-table thead th,.month-table thead .date-col{background:#193754;border-color:#36516e}
  .month-table thead .jamaah-col{background:#24528b}
  .month-table thead tr:first-child>th{font-size:.875rem;padding-block:12px;border-color:#36516e}
  .month-table thead tr:nth-child(2)>th{font-size:.75rem;padding-block:8px}
  .month-table th,.month-table td{padding:10px 5px}
  .month-table tbody th{padding-left:10px}
  .month-table tbody th>span,.month-table .period{font-size:.75rem}
  .month-notes{font-size:.8125rem;margin-top:16px}
}
@media(max-width:359px){
  .month-heading .month-date{padding:12px;gap:5px 8px}
  .month-date .download-pdf{padding-inline:9px}
  .month-date #month-title{font-size:1rem}
}

@media(max-width:760px){
  .month-table tbody tr.starts-earlier-dates>*{border-top:4px solid #245bda}
}