.calendar-hero{position:relative;color:#fff;padding:42px 0;background:linear-gradient(90deg,rgba(3,39,27,.97),rgba(2,55,34,.68)),url('../../uploads/pinabacdao-municipal-hall-2026.jpg') center 55%/cover}.calendar-hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#f5b82e 0 17%,#0b6b47 17%)}.calendar-kicker{display:block;color:#efc95d;text-transform:uppercase;font-size:.65rem;font-weight:800;letter-spacing:.14em}.calendar-hero h1{font:800 clamp(2rem,4vw,3rem)/1 Manrope;margin:6px 0}.calendar-hero p{margin:0;color:#dbeae4;font-size:.82rem}.calendar-hero nav{position:absolute;right:max(24px,calc((100% - 1400px)/2));bottom:42px;display:flex;gap:8px;font-size:.69rem;color:#d4e5de}.calendar-section{padding-block:34px}.calendar-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(285px,1fr);gap:22px}.calendar-main,.upcoming-card,.sync-card,.calendar-help{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 26px rgba(7,63,44,.05)}.calendar-main{padding:18px;min-width:0}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.calendar-toolbar h2,.upcoming-card h2,.sync-card h2{font:800 1.08rem Manrope;margin:3px 0 0}.toolbar-actions{display:flex;gap:8px}.toolbar-actions a{padding:9px 12px;border:1px solid #b4d2c3;border-radius:8px;color:var(--green-700);font-size:.67rem;font-weight:800}.toolbar-actions .toolbar-primary{background:var(--green-700);color:#fff;border-color:var(--green-700)}.google-calendar-frame{height:720px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.google-calendar-frame iframe{display:block;width:100%;height:100%}.calendar-preview{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px}.preview-controls{height:54px;display:flex;align-items:center;gap:15px;padding:8px 13px;border-bottom:1px solid var(--line);background:#fbfcfb}.preview-controls button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;font:700 .68rem DM Sans}.preview-arrows{display:flex;gap:17px;font-size:1.25rem}.preview-controls strong{font:700 .9rem Manrope}.preview-month{margin-left:auto;border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:.68rem}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row b{text-align:center;padding:9px;border-right:1px solid var(--line);font-size:.58rem;text-transform:uppercase;color:var(--muted)}.calendar-cell{position:relative;min-height:85px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff}.calendar-cell span{position:absolute;right:8px;top:6px;font-size:.65rem;color:#51635b}.calendar-cell.outside{background:#fafcfb}.calendar-cell.today{background:#edf7f2}.calendar-cell.today span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-700);color:#fff}.connection-overlay{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 30px));padding:25px;text-align:center;background:rgba(255,255,255,.96);backdrop-filter:blur(7px);border:1px solid #cfe1d8;border-radius:16px;box-shadow:0 18px 50px rgba(5,46,34,.17)}.connection-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:var(--green-100);color:var(--green-700)}.connection-icon svg{width:30px;height:30px}.connection-overlay h3{font:800 1rem Manrope;margin:4px 0 6px}.connection-overlay p{font-size:.75rem;color:var(--muted);margin:0}.calendar-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 4px 0;color:var(--muted);font-size:.62rem}.calendar-footer span:last-child{display:flex;align-items:center;gap:5px;color:var(--green-700);font-weight:700}.calendar-sidebar{display:flex;flex-direction:column;gap:17px}.upcoming-card,.sync-card,.calendar-help{padding:20px}.upcoming-card>header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.upcoming-card>header a{font-size:.62rem;color:var(--green-700);font-weight:800}.empty-events,.external-events-note{text-align:center;padding:42px 12px 30px}.empty-events>span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:var(--soft);color:#8da39a}.empty-events svg,.external-events-note>svg{width:30px;height:30px}.empty-events h3,.external-events-note h3{font:800 .9rem Manrope;margin:0 0 6px}.empty-events p,.external-events-note p{font-size:.71rem;color:var(--muted);margin:0}.external-events-note>svg{color:var(--green-700);margin-bottom:12px}.external-events-note a{display:inline-block;margin-top:14px;padding:9px 12px;border-radius:8px;background:var(--green-700);color:#fff;font-size:.68rem;font-weight:800}.sync-card{display:grid;grid-template-columns:47px 1fr;gap:13px;background:linear-gradient(145deg,#eef8f3,#fff)}.sync-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#dff1e8;color:var(--green-700)}.sync-icon svg{width:25px;height:25px}.sync-card p{font-size:.71rem;color:var(--muted);margin:6px 0 12px}.sync-card a{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #8ebea6;border-radius:8px;color:var(--green-700);font-size:.65rem;font-weight:800;text-transform:uppercase}.subscription-pending{display:block;padding:9px;text-align:center;border:1px dashed #abcdbc;border-radius:8px;color:var(--muted);font-size:.64rem;font-weight:700}.calendar-help{display:grid;grid-template-columns:36px 1fr;gap:11px}.calendar-help>svg{width:27px;height:27px;color:#3769ae}.calendar-help h2{font:800 .87rem Manrope;margin:0 0 3px}.calendar-help p{font-size:.68rem;color:var(--muted);margin:0 0 7px}.calendar-help a{font-size:.65rem;color:var(--green-700);font-weight:800}
@media(max-width:1000px){.calendar-layout{grid-template-columns:1fr}.calendar-sidebar{display:grid;grid-template-columns:1fr 1fr}.calendar-help{grid-column:1/-1}.calendar-hero nav{position:static;margin-top:13px}.google-calendar-frame{height:650px}}
@media(max-width:650px){.calendar-hero{padding:34px 0}.calendar-section{padding-block:22px}.calendar-main{padding:11px}.calendar-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions a{flex:1;text-align:center}.calendar-cell{min-height:55px}.weekday-row b{font-size:.48rem;padding:7px 2px}.preview-controls{gap:9px}.preview-controls strong{font-size:.75rem}.preview-arrows{gap:8px}.preview-month{padding:6px;font-size:.59rem}.connection-overlay{padding:19px}.calendar-sidebar{display:flex}.calendar-footer{padding-inline:2px}.google-calendar-frame{height:560px}}

/* Functional month picker and neutral calendar navigation controls. */
.preview-controls>a,.preview-arrows a{border:1px solid #c7d3dc!important;background:#fff!important;color:#001e41!important}
.preview-controls>a:hover,.preview-controls>a:focus-visible,.preview-arrows a:hover,.preview-arrows a:focus-visible{border-color:#7f98aa!important;background:#f4f7f9!important;color:#001e41!important;outline:0!important}
.preview-month-picker{position:relative;margin:0 0 0 auto}
.preview-month-picker .preview-month{display:flex;align-items:center;justify-content:center;min-width:72px;min-height:34px;margin:0;padding:6px 12px;border:1px solid #c7d3dc;border-radius:4px;background:#fff;color:#001e41;cursor:pointer}
.preview-month-picker input[type="month"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:650px){.preview-month-picker{margin-left:0}}

/* Refined municipal calendar experience */
body{background:radial-gradient(circle at 90% 24%,rgba(11,107,71,.08),transparent 28rem),linear-gradient(180deg,#fff,#f3f8f5)}
.calendar-hero{padding:52px 0;background:linear-gradient(90deg,rgba(3,39,27,.96),rgba(4,62,39,.68),rgba(3,39,27,.43)),url('../../uploads/pinabacdao-municipal-hall-2026.jpg') center 53%/cover;box-shadow:0 14px 34px rgba(5,46,34,.12)}.calendar-hero h1{font-size:clamp(2.7rem,5vw,4rem);letter-spacing:-.05em}.calendar-hero p{font-size:.88rem}.calendar-section{padding-block:42px}.calendar-main,.upcoming-card,.sync-card,.calendar-help{border-color:#d3e3db;box-shadow:0 13px 34px rgba(5,46,34,.065)}.calendar-main{padding:22px;border-radius:20px}.calendar-toolbar h2{font-size:1.2rem}.toolbar-actions a{padding:10px 14px;border-radius:9px;transition:.2s}.toolbar-actions a:hover{color:#fff;background:#0b6b47;transform:translateY(-2px)}
.calendar-preview{border-radius:15px;background:#fff;box-shadow:inset 0 0 0 1px rgba(11,107,71,.025)}.preview-controls{height:61px;padding:10px 15px;background:linear-gradient(90deg,#fbfdfc,#f4f9f6)}.preview-controls button,.preview-month{border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(5,46,34,.045)}.calendar-cell{transition:.18s}.calendar-cell:hover{background:#f2f8f5}.calendar-cell.today{box-shadow:inset 0 0 0 2px rgba(11,107,71,.15)}
.connection-overlay{padding:28px;border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 22px 55px rgba(5,46,34,.19)}.connection-overlay:after{content:"";position:absolute;left:50%;bottom:-1px;width:42%;height:4px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(90deg,#e8bb33,#0b6b47)}.connection-icon{width:61px;height:61px;border-radius:18px;box-shadow:0 9px 22px rgba(11,107,71,.11)}.connection-overlay h3{font-size:1.08rem}.connection-overlay p{line-height:1.6}
.upcoming-card,.sync-card,.calendar-help{border-radius:19px}.empty-events{padding:34px 14px 28px}.empty-events>span{background:linear-gradient(145deg,#f1f6f3,#e7f0eb);box-shadow:inset 0 0 0 1px #dce8e2}.sync-card{position:relative;overflow:hidden;padding:23px;background:linear-gradient(135deg,#eaf6ef,#fff)}.sync-card:after{content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:rgba(11,107,71,.045)}.sync-card>*{position:relative;z-index:1}.subscription-pending{background:rgba(255,255,255,.72)}.calendar-help{padding:22px;background:linear-gradient(130deg,#fff,#f5f8ff)}
.quick-info{background:#fff;border-top:1px solid #dfe8e3;border-bottom:1px solid #dfe8e3}.quick-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.quick-info-grid>a,.quick-info-grid>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:88px;padding:16px 18px;border-right:1px solid #dfe8e3;transition:.2s}.quick-info-grid>*:first-child{border-left:1px solid #dfe8e3}.quick-info-grid>a:hover{background:#f1f8f4;transform:translateY(-2px)}.quick-info-grid svg{width:24px;height:24px;color:#0b6b47}.quick-info-grid span{display:flex;min-width:0;flex-direction:column}.quick-info-grid strong{font-size:.68rem;text-transform:uppercase;color:#073f2c;line-height:1.25}.quick-info-grid small{font-size:.57rem;color:#62716a;margin-top:3px}.quick-info-grid b{color:#0b6b47}
.site-footer{position:relative;background:linear-gradient(110deg,#041a32,#073a55 62%,#07503e);color:#d4e3ec;border-top:1px solid rgba(255,255,255,.12)}.site-footer:after{content:"";position:absolute;right:-85px;top:-130px;width:260px;height:260px;border:45px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}.site-footer .footer-inner{position:relative;z-index:1;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px;font-size:.72rem}.site-footer .footer-inner span:first-child:before{content:"P";display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border:2px solid #e7ba35;border-radius:50%;background:#07503e;color:#fff;font:800 .8rem Manrope;vertical-align:middle}.site-footer .footer-inner span:last-child{color:#f0c65e;font-weight:700}
@media(max-width:1000px){.quick-info-grid{grid-template-columns:repeat(2,1fr)}.quick-info-grid>*:last-child{grid-column:1/-1}.calendar-hero{padding:44px 0}}
@media(max-width:650px){.calendar-hero h1{font-size:2.55rem}.calendar-section{padding-block:28px}.calendar-main{padding:13px}.quick-info-grid{grid-template-columns:1fr}.quick-info-grid>*:last-child{grid-column:auto}.quick-info-grid>a,.quick-info-grid>div{border-left:1px solid #dfe8e3;border-top:1px solid #dfe8e3}.site-footer .footer-inner{flex-direction:column;text-align:center;gap:8px}}

/* Calendar page overflow and sticky-footer fixes */
html,body{min-height:100%;max-width:100%;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column}#calendar-content{flex:1 0 auto;width:100%}.site-header,.calendar-hero,.quick-info,.site-footer{width:100%;max-width:100%}.site-footer{flex:0 0 auto;overflow:hidden;margin-top:auto}.site-footer:after{right:-70px;top:-105px;width:220px;height:220px}.quick-info-grid{max-width:1400px}.calendar-layout>*{min-width:0}
.preview-controls>a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;font:700 .68rem "DM Sans",sans-serif}.preview-arrows{display:flex;gap:7px}.preview-arrows a{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:6px;color:var(--green-700);font-size:1.2rem}.preview-arrows a:hover,.preview-arrows a:focus-visible{background:var(--green-100);outline:2px solid var(--green-700);outline-offset:1px}

/* Homepage palette and interaction system */
:root{--calendar-navy:#002e5d;--calendar-blue:#087ac7;--calendar-pale:#eaf4fb;--calendar-gold:#ffc936;--calendar-line:#cbdbe4}
body{background:var(--calendar-pale);color:#082845}
.calendar-hero{padding:52px 0;background:linear-gradient(90deg,rgba(0,30,65,.78),rgba(0,46,93,.62),rgba(8,122,199,.28)),url('../../uploads/pinabacdao-municipal-hall-2026.jpg') center 53%/cover;box-shadow:none}
.calendar-hero:after{background:var(--calendar-blue)}.calendar-kicker{color:var(--calendar-gold)}
.calendar-hero h1,.calendar-toolbar h2,.upcoming-card h2,.sync-card h2,.calendar-help h2,.connection-overlay h3,.external-events-note h3,.empty-events h3{color:var(--calendar-navy)}
.calendar-hero h1{color:#fff}.calendar-section{background:var(--calendar-pale)}
.calendar-main,.upcoming-card,.sync-card,.calendar-help,.calendar-preview,.connection-overlay{border-color:var(--calendar-line);border-radius:6px;box-shadow:none!important;transform:none!important}
.calendar-main,.upcoming-card,.calendar-help,.connection-overlay{background:#fff}.sync-card{background:#f6fbfe}.sync-card:after,.connection-overlay:after{display:none}
.calendar-main,.upcoming-card,.sync-card,.calendar-help{transition:background-color .25s ease,border-color .25s ease}.calendar-main:hover,.upcoming-card:hover,.sync-card:hover,.calendar-help:hover{background:#f3f9fd;border-color:#abc9da}
.toolbar-actions a,.external-events-note a,.sync-card a,.calendar-help a,.preview-controls>a,.preview-arrows a{border:1px solid var(--calendar-navy);border-radius:4px;background:var(--calendar-navy);color:#fff;transition:background-color .25s ease,color .25s ease,border-color .25s ease;transform:none!important;box-shadow:none!important}
.toolbar-actions a:hover,.toolbar-actions a:focus-visible,.external-events-note a:hover,.external-events-note a:focus-visible,.sync-card a:hover,.sync-card a:focus-visible,.calendar-help a:hover,.calendar-help a:focus-visible,.preview-controls>a:hover,.preview-controls>a:focus-visible,.preview-arrows a:hover,.preview-arrows a:focus-visible{background:#dcecf7;color:var(--calendar-navy);border-color:#9fc2d7;outline:0}
.toolbar-actions .toolbar-primary{background:var(--calendar-navy);border-color:var(--calendar-navy)}
.calendar-toolbar .section-label,.upcoming-card .section-label,.sync-card .section-label,.connection-overlay .section-label{color:var(--calendar-blue)}
.connection-icon,.sync-icon,.empty-events>span{border-radius:4px;background:#dcecf7;color:var(--calendar-blue);box-shadow:none}.preview-controls{background:#f3f8fb}.preview-controls button,.preview-month{border-radius:4px;box-shadow:none}.calendar-cell:hover{background:#dcecf7}.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--calendar-blue)}.calendar-cell.today span{background:var(--calendar-navy)}
.calendar-footer span:last-child,.upcoming-card>header a{color:var(--calendar-blue)}.quick-info{background:#f6fbfe;border-color:var(--calendar-line)}.quick-info-grid>a,.quick-info-grid>div{border-color:var(--calendar-line);transition:background-color .25s ease;transform:none!important}.quick-info-grid>a:hover{background:#dcecf7;transform:none}.quick-info-grid svg,.quick-info-grid b{color:var(--calendar-blue)}.quick-info-grid strong{color:var(--calendar-navy)}
.site-footer{background:var(--calendar-navy);box-shadow:none}.site-footer:after{display:none}

/* Final calendar hero, centered connection notice, and help action spacing. */
.calendar-hero{
  background:
    linear-gradient(90deg,rgba(0,30,65,.94) 0%,rgba(0,46,93,.78) 42%,rgba(0,72,126,.34) 72%,rgba(0,30,65,.62) 100%),
    url('../../uploads/pinabacdao-municipal-hall-2026.jpg') center 53%/cover no-repeat!important;
    background-image:linear-gradient(90deg,rgba(0,30,65,.82),rgba(0,46,93,.58),rgba(8,122,199,.16)),url('../../uploads/Municipal-hall-1.jpg')!important;
}
.calendar-hero:after{background:var(--calendar-blue)!important}
.calendar-preview .connection-overlay{
  top:50%!important;
  left:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
.calendar-help>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.calendar-help a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto;
  min-height:36px;
  margin-top:10px!important;
  padding:0 15px!important;
  line-height:1.2;
  color:#fff!important;
  transition:background-color .4s cubic-bezier(.22,.61,.36,1),color .4s cubic-bezier(.22,.61,.36,1),border-color .4s cubic-bezier(.22,.61,.36,1)!important;
}
.calendar-help a:hover,.calendar-help a:focus-visible{color:var(--calendar-navy)!important}

/* Compact mobile calendar hierarchy and prevent fixed controls from obscuring content. */
@media(max-width:650px){
  .calendar-hero{padding:27px 0 29px;background-position:center 48%!important;text-align:center}
  .calendar-hero h1{margin:7px 0 8px;font-size:2.25rem;line-height:1.05}
  .calendar-hero p{max-width:350px;margin-inline:auto;font-size:.78rem;line-height:1.5}
  .calendar-hero nav{justify-content:center;margin-top:16px}
  .calendar-section{padding-block:22px}
  .calendar-toolbar{align-items:center;gap:12px;text-align:center}
  .calendar-toolbar h2{font-size:1.08rem}
  .toolbar-actions{justify-content:center}
  .toolbar-actions a{flex:0 0 auto;min-width:126px;padding:9px 14px}
  .preview-controls{height:auto;min-height:56px;flex-wrap:wrap;justify-content:center;padding:9px}
  .preview-controls strong{order:3;width:100%;text-align:center}
  .preview-month{margin-left:0}
  .connection-overlay{width:calc(100% - 28px);padding:20px 16px}
  .connection-icon{width:54px;height:54px}
  .connection-overlay h3{font-size:.98rem;line-height:1.35}
  .upcoming-card,.sync-card,.calendar-help{padding:20px 18px}
  .upcoming-card>header{justify-content:center;text-align:center}
  .empty-events,.external-events-note{padding:30px 8px 22px}
  .sync-card{grid-template-columns:1fr;text-align:center}
  .sync-icon{margin-inline:auto}
  .sync-card p{max-width:310px;margin-inline:auto}
  .calendar-help{grid-template-columns:1fr;text-align:center}
  .calendar-help>svg{margin-inline:auto}
  .calendar-help>div{align-items:center}
  .calendar-help p{max-width:300px}
  .calendar-help a{align-self:center;min-width:126px}
  html body .lgu-scroll-top{right:10px!important;bottom:10px!important;width:42px!important;height:42px!important}
}


/* Premium pale-blue calendar status and clean mobile utility strips. */
.sync-card{
  background:#eaf4fb!important;
  border-color:#d9e5f0!important;
}
.sync-card:hover{background:#eaf4fb!important;border-color:#c7dbe9!important}
.subscription-pending{background:rgba(255,255,255,.72)!important;border-color:#bfd5e4!important}

@media(max-width:650px){
  .quick-info{background:#fff!important}
  .quick-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    background:#fff!important;
  }
  .quick-info-grid>a,
  .quick-info-grid>div{
    min-height:96px!important;
    padding:15px 10px!important;
    border:0!important;
    border-right:1px solid #d9e5f0!important;
    border-bottom:1px solid #d9e5f0!important;
    background:#fff!important;
    text-align:center!important;
  }
  .quick-info-grid>*:nth-child(2n){border-right:0!important}
  .quick-info-grid>*:last-child{
    grid-column:1/-1!important;
    border-right:0!important;
  }
  .quick-info-grid>a:hover{background:#eaf4fb!important}
  .quick-info-grid svg{margin-inline:auto!important}
  .quick-info-grid span{align-items:center!important}
  .quick-info-grid strong{font-weight:650!important}
}

/* Final calendar canvas: clean white page background. */
html body,
html body #calendar-content,
html body #calendar-content .calendar-section{
  background:#fff!important;
  background-image:none!important;
}

/* Interactive preview controls: native buttons prevent navigation and retain the clean white treatment. */
.preview-controls>button,
.preview-arrows button,
.preview-month-picker .preview-month{
  display:inline-grid;
  place-items:center;
  min-height:38px;
  margin:0;
  border:1px solid #c7d3dc!important;
  border-radius:4px!important;
  background:#fff!important;
  color:var(--calendar-navy)!important;
  box-shadow:none!important;
  font:700 .72rem "DM Sans",sans-serif;
  cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease;
}
.preview-controls>button,.preview-month-picker .preview-month{padding:7px 16px}
.preview-arrows{display:flex;gap:7px}
.preview-arrows button{width:48px;min-width:48px;padding:0;font-size:1.25rem}
.preview-controls>button:hover,
.preview-controls>button:focus-visible,
.preview-arrows button:hover,
.preview-arrows button:focus-visible,
.preview-month-picker .preview-month:hover,
.preview-month-picker .preview-month:focus-visible{
  border-color:#8eabc0!important;
  background:#f3f7fa!important;
  outline:2px solid rgba(8,122,199,.22);
  outline-offset:1px;
}
.preview-month-picker input[type="month"]{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  border:0;
  opacity:0;
  pointer-events:none;
}

/* Borderless calendar actions. */
.calendar-toolbar .toolbar-actions a,
.preview-controls>button,
.preview-arrows button,
.preview-month-picker .preview-month{
  border-color:transparent!important;
}
.calendar-toolbar .toolbar-actions a:hover,
.calendar-toolbar .toolbar-actions a:focus-visible,
.preview-controls>button:hover,
.preview-controls>button:focus-visible,
.preview-arrows button:hover,
.preview-arrows button:focus-visible,
.preview-month-picker .preview-month:hover,
.preview-month-picker .preview-month:focus-visible{
  border-color:transparent!important;
}

/* Match the homepage Link Account button interaction. */
.calendar-help a,
.calendar-help a:visited{
  border:0!important;
  border-radius:4px!important;
  background:#00345f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color 160ms ease-out,color 160ms ease-out!important;
}
.calendar-help a:is(:hover,:focus,:focus-visible){
  background:#06456f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.calendar-help a:active{
  background:#002846!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(prefers-reduced-motion:reduce){.calendar-help a{transition:none!important}}
.calendar-local-events{display:grid;gap:12px;padding:22px 0}.calendar-local-events article{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:14px;border-radius:10px;background:#fafbfc}.calendar-local-events time{display:flex;flex-direction:column;color:#034477}.calendar-local-events time strong{font-size:1rem}.calendar-local-events time span,.calendar-local-events small{color:#677780}.calendar-local-events h3{margin:0 0 4px;font-size:1rem;color:#06284f}.calendar-local-events p,.calendar-local-events small{display:block;margin:0;line-height:1.45}