/* CalendarWP documentation. Contents: 1 Base, 2 Navigation, 3 Reading, 4 Screenshots, 5 Search, 6 Responsive. */
/* 1 Base */
:root { color-scheme: light; --ink:#202833; --muted:#596579; --accent:#344cce; --line:#dde3ed; --paper:#fff; --soft:#f5f7fc; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); line-height:1.7; }
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; }
a { color:var(--accent); text-underline-offset:.2em; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
button,input { font:inherit; }
[hidden] { display:none !important; }
.docs-skip { position:absolute; top:-100px; left:1rem; z-index:10; background:var(--paper); padding:.5rem; }
.docs-skip:focus { top:0; }
/* End 1 Base */
/* 2 Navigation */
.docs-header { border-bottom:1px solid var(--line); padding:1.1rem 2rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.docs-brand { font-size:1.15rem; font-weight:750; color:var(--ink); text-decoration:none; letter-spacing:-.02em; }
.docs-brand span { font-weight:400; color:var(--muted); margin-left:.65rem; padding-left:.8rem; border-left:1px solid var(--line); }
.docs-launch { border:1px solid var(--line); border-radius:.65rem; padding:.6rem 1rem; text-decoration:none; color:var(--muted); background:var(--soft); }
.docs-launch kbd { font:inherit; font-size:.78rem; margin-left:2rem; border:1px solid var(--line); padding:.1rem .4rem; border-radius:.3rem; background:var(--paper); }
.docs-layout { max-width:1600px; margin:auto; display:grid; grid-template-columns:230px minmax(0,1fr) 190px; gap:2.5rem; padding:2.5rem 2rem; }
.docs-nav,.docs-toc { align-self:start; position:sticky; top:1rem; max-height:calc(100vh - 2rem); overflow:auto; padding:.3rem; }
.docs-nav h2,.docs-toc h2 { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:1.3rem 0 .45rem .65rem; }
.docs-nav h2:first-child,.docs-toc h2 { margin-top:0; }
.docs-guide-menu > summary { font-size:.82rem; font-weight:650; cursor:pointer; padding:.3rem .65rem; margin-bottom:1rem; }
.docs-nav ul,.docs-toc ol { list-style:none; padding:0; margin:0; }
.docs-nav a { display:block; padding:.38rem .65rem; border-radius:.4rem; text-decoration:none; color:var(--muted); font-size:.88rem; }
.docs-nav a:hover,.docs-toc a:hover { color:var(--accent); background:var(--soft); }
.docs-nav a[aria-current="page"] { background:#edf0ff; color:var(--accent); font-weight:650; }
.docs-toc { border-left:1px solid var(--line); font-size:.76rem; }
.docs-toc a { display:block; color:var(--muted); text-decoration:none; padding:.4rem .7rem; line-height:1.5; }
/* End 2 Navigation */
/* 3 Reading */
.docs-article { min-width:0; overflow-wrap:anywhere; padding-bottom:3rem; }
.docs-article h1 { font-size:clamp(2rem,3.5vw,3.1rem); line-height:1.13; letter-spacing:-.045em; margin:.7rem 0 1.5rem; font-weight:760; }
.docs-article h2 { font-size:1.45rem; margin:2.8rem 0 1rem; padding-top:1.4rem; border-top:1px solid var(--line); line-height:1.3; letter-spacing:-.02em; scroll-margin-top:1.5rem; }
.docs-article h3 { font-size:1.1rem; margin-top:1.6rem; }
.docs-article p { margin:1rem 0; }
.docs-article > h1 + p { font-size:1.1rem; color:var(--muted); }
.docs-article li + li { margin-top:.6rem; }
.docs-article ol { padding-left:1.5rem; }
.docs-article ol > li { padding-left:.35rem; }
.docs-article ol > li::marker { color:var(--accent); font-weight:700; }
.docs-article code { background:var(--soft); border-radius:.25rem; padding:.1rem .3rem; font-size:.87em; }
.docs-article pre { overflow-x:auto; white-space:pre; font-size:.84rem; padding:1.25rem; border:1px solid var(--line); border-radius:.7rem; background:var(--soft); line-height:1.65; }
.docs-article pre code { padding:0; background:transparent; font-size:inherit; }
.docs-article table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; font-size:.88rem; }
.docs-article td,.docs-article th { border:1px solid var(--line); padding:.8rem; text-align:left; vertical-align:top; }
.docs-article th { background:var(--soft); font-weight:650; }
.docs-article blockquote { margin:1.6rem 0; border-left:3px solid var(--accent); background:var(--soft); padding:.35rem 1.2rem; color:var(--muted); }
.docs-eyebrow { text-transform:uppercase; letter-spacing:.13em; font-weight:700; color:var(--accent); font-size:.7rem; }
.docs-eyebrow span { color:var(--muted); font-weight:500; }
.docs-footer { margin-top:3rem; border-top:1px solid var(--line); padding-top:1rem; font-size:.78rem; color:var(--muted); }
/* End 3 Reading */
/* 4 Screenshots */
.docs-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:2rem 0; }
.docs-paths a { display:flex; flex-direction:column; padding:1.2rem; border:1px solid var(--line); border-radius:.8rem; text-decoration:none; background:linear-gradient(145deg,var(--soft),var(--paper)); color:var(--muted); font-size:.82rem; }
.docs-paths a:hover { border-color:var(--accent); }
.docs-paths strong { color:var(--ink); font-size:1.1rem; line-height:1.3; margin:.8rem 0; letter-spacing:-.02em; }
.docs-path-kicker { color:var(--accent); font-size:.61rem; font-weight:750; letter-spacing:.09em; }
.docs-screenshot-link { display:block; border:1px solid var(--line); border-radius:.8rem; overflow:hidden; background:var(--soft); margin-top:1.6rem; box-shadow:0 12px 32px rgb(30 45 70 / 7%); }
.docs-screenshot-link:hover { border-color:var(--accent); }
.docs-screenshot-link { width:fit-content; max-width:100%; }
.docs-screenshot-link img { display:block; width:auto; max-width:100%; height:auto; }
.docs-screenshot-link[href="screenshots/addon-update-badge.png"] { max-width:16rem; }
/* Compact inline previews for the supplied high-density Upcoming Events captures.
   Keep the original files for the lightbox; tall examples should fit on screen. */
.docs-screenshot-link[href^="screenshots/upcoming-events-"] img { max-height:600px; }
.docs-screenshot-link[href="screenshots/upcoming-events-list.png"] { max-width:min(100%,704px); }
.docs-screenshot-link[href="screenshots/upcoming-events-compact.png"] { max-width:min(100%,640px); }
.docs-screenshot-link[href="screenshots/upcoming-events-compact-details.png"] { max-width:min(100%,632px); }
.docs-screenshot-link[href="screenshots/upcoming-events-card-grid.png"] { max-width:min(100%,1355px); }
.docs-screenshot-link[href="screenshots/upcoming-events-card-grid-details.png"] { max-width:min(100%,1352px); }
.docs-screenshot-link[href="screenshots/upcoming-events-agenda.png"] { max-width:min(100%,546px); }
.docs-caption { display:block; margin:.75rem .2rem 1.8rem; font-size:.8rem; line-height:1.55; color:var(--muted); }
.docs-caption > span { color:var(--accent); white-space:nowrap; }
.docs-screenshot-link { cursor:zoom-in; }
.docs-image-open { overflow:hidden; }
.docs-lightbox { width:fit-content; max-width:calc(100vw - 2rem); max-height:calc(100dvh - 2rem); padding:1rem; border:1px solid var(--line); border-radius:1rem; color:var(--ink); background:var(--paper); overflow:auto; }
.docs-lightbox[open] { display:flex; flex-direction:column; gap:.75rem; }
.docs-lightbox::backdrop { background:rgb(16 24 40 / 80%); }
.docs-lightbox > .docs-close { align-self:flex-end; flex-shrink:0; min-height:44px; }
.docs-lightbox-image { min-height:0; text-align:center; }
.docs-lightbox img { display:block; max-width:100%; max-height:calc(100dvh - 13rem); width:auto; height:auto; object-fit:contain; margin:auto; }
.docs-lightbox p { font-size:.85rem; color:var(--muted); line-height:1.5; max-width:80ch; margin:0; }
/* End 4 Screenshots */
/* 5 Search */
.docs-dialog { border:1px solid var(--line); border-radius:1rem; width:min(760px,calc(100% - 2rem)); max-height:calc(100dvh - 2rem); padding:1.5rem; color:var(--ink); }
.docs-dialog::backdrop { background:rgb(24 32 51 / 55%); }
.docs-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.docs-dialog h2 { font-size:1.3rem; margin:0; }
.docs-close { border:1px solid var(--line); background:var(--paper); border-radius:.5rem; padding:.4rem .7rem; cursor:pointer; }
.docs-dialog > label { display:block; margin-bottom:1rem; }
.docs-query { width:100%; min-height:48px; border:1px solid var(--muted); border-radius:.5rem; padding:.65rem; }
.docs-status { color:var(--muted); font-size:.9rem; }
.docs-results { list-style:none; padding:0; margin:0; }
.docs-results a { display:block; padding:.9rem .6rem; text-decoration:none; border-bottom:1px solid var(--line); }
.docs-results a:hover,.docs-results a:focus { background:var(--soft); }
.docs-results strong,.docs-results span { display:block; }
.docs-results span { color:var(--muted); font-size:.9rem; margin-top:.2rem; }
/* End 5 Search */
/* 6 Responsive */
@media (max-width:1190px) { .docs-layout { grid-template-columns:210px minmax(0,1fr); gap:2rem; } .docs-toc { display:none; } }
@media (max-width:800px) {
 .docs-header { padding:1rem; flex-wrap:wrap; }
 .docs-layout { display:block; padding:1rem; }
 .docs-nav { position:static; max-height:none; border-bottom:1px solid var(--line); padding-bottom:1rem; margin-bottom:1.5rem; }
 .docs-nav ul { display:flex; flex-wrap:wrap; gap:.1rem .4rem; }
 .docs-nav h2 { margin:.7rem .5rem .2rem; }
 .docs-nav a { padding:.3rem .5rem; font-size:.8rem; }
 .docs-launch kbd { margin-left:.5rem; }
 .docs-dialog { padding:1rem; }
 .docs-article pre { font-size:.76rem; padding:.85rem; }
 .docs-paths { grid-template-columns:1fr; }
 .docs-paths a { padding:1rem; }
 .docs-paths strong { margin:.4rem 0; }
}
@media print { .docs-header,.docs-nav,.docs-toc,.docs-dialog,.docs-skip,.docs-lightbox[open] { display:none; } .docs-layout { display:block; padding:0; } .docs-article { max-width:none; } .docs-article pre { white-space:pre-wrap; } .docs-screenshot-link { break-inside:avoid; box-shadow:none; } }
/* End 6 Responsive */