:root{--bg:#f6f7fb;--fg:#1c2433;--muted:#667085;--primary:#2a4d9b;--surface:#fff;--border:#e3e7ef}
@media(prefers-color-scheme:dark){:root{--bg:#10141c;--fg:#e8ecf4;--muted:#9aa4b8;--primary:#7ea2f2;--surface:#171c27;--border:#2a3242}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.8 system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
.wrap{max-width:60rem;margin:0 auto;padding:0 1rem}
.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.9rem 0}
.brand{font-weight:700;color:var(--primary);text-decoration:none;font-size:1.15rem}
main{padding-top:2rem;padding-bottom:3rem;min-height:60vh}
.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:1rem 0;font-size:.9rem}
.block-heading{line-height:1.4;margin:1.6rem 0 .6rem}
.block-text p{margin:.6rem 0}
.block-list{padding-inline-start:1.4rem}
.block-quote{margin:1.2rem 0;padding:.4rem 1rem;border-inline-start:4px solid var(--primary);color:var(--muted)}
.block-quote cite{display:block;font-size:.9rem;margin-top:.3rem}
.block-button .btn{display:inline-block;background:var(--primary);color:#fff;padding:.5rem 1.2rem;border-radius:10px;text-decoration:none}
.block-divider{border:0;border-top:1px solid var(--border);margin:1.6rem 0}
.preview-bar{background:#fff4d6;color:#7a5300;border:1px solid #f0d28a;border-radius:10px;padding:.5rem .9rem;margin-bottom:1rem;font-size:.9rem}
.block-text a{color:var(--primary)}.block-text h2,.block-text h3,.block-text h4{line-height:1.4;margin:1.4rem 0 .5rem}.block-text hr{border:0;border-top:1px solid var(--border);margin:1.2rem 0}.block-text blockquote{margin:1rem 0;padding:.2rem 1rem;border-inline-start:4px solid var(--primary);color:var(--muted)}.block-text pre{background:rgba(127,127,127,.12);padding:.8rem;border-radius:10px;overflow:auto;direction:ltr}
.block-image{margin:1.4rem 0}.block-image img{max-width:100%;height:auto;border-radius:12px;display:block}.block-image figcaption{color:var(--muted);font-size:.9rem;margin-top:.4rem}

.block-file{margin:1.2rem 0;display:flex;flex-direction:column;gap:.2rem}
.file-link{display:inline-flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.6rem .9rem;text-decoration:none;color:var(--fg);max-width:100%}
.file-link:hover{border-color:var(--primary)}
.file-ext{background:var(--primary);color:#fff;border-radius:8px;padding:.15rem .55rem;font-size:.8rem;font-weight:700;direction:ltr}
.file-name{overflow-wrap:anywhere}.file-desc{color:var(--muted);font-size:.9rem}
.tc-red{color:#c0392b}.tc-orange{color:#c8620a}.tc-green{color:#1e7e45}.tc-teal{color:#0e7c86}.tc-blue{color:#1f5fbf}.tc-purple{color:#7a3fb5}.tc-pink{color:#c2307a}.tc-gray{color:#667085}
.tc-bg-yellow{background:#fff1a8;color:#3b2f00}.tc-bg-green{background:#cdf2d6;color:#0b3a1c}.tc-bg-blue{background:#cfe2ff;color:#0a2a5c}.tc-bg-pink{background:#fcd5e8;color:#4d0d2c}
.tc-bg-yellow,.tc-bg-green,.tc-bg-blue,.tc-bg-pink{padding:0 .25em;border-radius:4px}
@media(prefers-color-scheme:dark){.tc-red{color:#ff8a7a}.tc-orange{color:#ffb066}.tc-green{color:#6fdc98}.tc-teal{color:#5fd6df}.tc-blue{color:#86b3ff}.tc-purple{color:#c79bff}.tc-pink{color:#ff8fc4}.tc-gray{color:#a7b0c2}}
.head-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.main-nav ul{list-style:none;margin:0;padding:0}.main-nav>ul{display:flex;gap:.2rem;flex-wrap:wrap}
.main-nav a{display:block;padding:.35rem .75rem;border-radius:10px;color:var(--fg);text-decoration:none}
.main-nav a:hover,.main-nav .active>a,.main-nav .trail>a{background:rgba(127,127,127,.14);color:var(--primary)}
.main-nav li{position:relative}.main-nav .sub{display:none;position:absolute;inset-inline-start:0;top:100%;min-width:12rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.3rem;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.main-nav li:hover>.sub,.main-nav li:focus-within>.sub{display:block}.main-nav .sub .sub{inset-inline-start:100%;top:0}
.foot-nav ul{list-style:none;margin:0 0 .6rem;padding:0;display:flex;gap:1rem;flex-wrap:wrap}.foot-nav a{color:var(--muted);text-decoration:none}.foot-nav a:hover{color:var(--primary)}


.head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-weight:700;color:var(--primary);text-decoration:none;font-size:1.15rem}
.nav-cb{position:absolute;opacity:0;pointer-events:none}.nav-btn{display:none;cursor:pointer;padding:.5rem;border-radius:10px;border:1px solid var(--border)}
.nav-btn span{display:block;width:1.3rem;height:2px;background:var(--fg);margin:.28rem 0}
.nav-cb:focus-visible+.nav-btn{outline:2px solid var(--primary);outline-offset:2px}
img,video{max-width:100%;height:auto}.wrap{padding-inline:1rem}
@media(max-width:760px){
.nav-btn{display:block}
.main-nav{display:none;flex-basis:100%}.nav-cb:checked~.main-nav{display:block}
.main-nav>ul{flex-direction:column;gap:0}
.main-nav .sub{position:static;display:block;border:0;box-shadow:none;background:transparent;padding:0 0 0 0;padding-inline-start:1rem;min-width:0}
.main-nav .sub .sub{inset-inline-start:auto}
.foot-nav ul{flex-direction:column;gap:.4rem}
}

.logo{display:block;max-height:2.6rem;width:auto}
.site-bar{background:var(--primary);color:#fff;text-align:center;padding:.45rem 2.5rem;position:relative;font-size:.95rem}.site-bar a{color:#fff;text-decoration:underline}
.bar-x{position:absolute;inset-inline-end:.6rem;top:50%;transform:translateY(-50%);background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;padding:.1rem .5rem}
.site-bar[hidden],.site-popup[hidden]{display:none}
.site-popup{position:fixed;inset:0;background:rgba(10,14,22,.55);display:grid;place-items:center;padding:1rem;z-index:100}
.popup-box{position:relative;background:var(--surface);color:var(--fg);border-radius:18px;max-width:30rem;isolation:isolate;width:100%;max-height:90vh;overflow:auto;padding:1.6rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.popup-x{position:absolute;inset-inline-end:.6rem;top:.4rem;background:none;border:0;font-size:1.6rem;color:var(--muted);cursor:pointer;line-height:1}
.popup-img{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:1rem}.popup-box h2{margin:.2rem 0 .6rem}
.popup-btn{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:.6rem 1.3rem;border-radius:12px;margin-top:.6rem}
.foot-text{margin:.2rem 0 .6rem}.foot-links{display:flex;gap:.2rem 1.6rem;flex-wrap:wrap;margin-bottom:.6rem}.foot-contact,.foot-social{list-style:none;margin:0;padding:0;display:flex;gap:.2rem 1.2rem;flex-wrap:wrap}
.foot-contact a,.foot-social a{color:var(--muted);text-decoration:none}.foot-contact a:hover,.foot-social a:hover{color:var(--primary)}
.not-found{text-align:center;padding:2rem 0}.nf-code{font-size:4rem;font-weight:800;color:var(--primary);margin:0;line-height:1.1}.nf-img{max-width:18rem;height:auto;margin:0 auto 1rem;display:block}

.popup-box.size-sm{max-width:22rem}.popup-box.size-lg{max-width:42rem}
.has-bg{background-size:cover;background-position:center;position:relative}
.popup-box.has-bg{color:#fff;min-height:14rem}.popup-box.has-bg .popup-x{color:#fff}.popup-box.has-bg a:not(.popup-btn){color:#fff;text-decoration:underline}
.popup-box.has-bg::before,.not-found.has-bg::before{content:"";position:absolute;inset:0;background:#000;opacity:0;border-radius:inherit;z-index:-1}
.not-found.has-bg{color:#fff;border-radius:18px;padding:3rem 1.2rem;margin:1rem 0;isolation:isolate;overflow:hidden}.not-found.has-bg .nf-code{color:#fff}.not-found.has-bg a:not(.popup-btn){color:#fff}
.dim-1::before{opacity:.1}.dim-2::before{opacity:.2}.dim-3::before{opacity:.3}.dim-4::before{opacity:.4}.dim-5::before{opacity:.5}.dim-6::before{opacity:.6}.dim-7::before{opacity:.7}.dim-8::before{opacity:.8}

.ta-right{text-align:right}.ta-left{text-align:left}.ta-center{text-align:center}.ta-justify{text-align:justify}
.foot-social{gap:.5rem}.foot-social a{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--border);color:var(--muted)}
.foot-social a:hover{color:var(--primary);border-color:var(--primary)}.soc-ico{width:1.15rem;height:1.15rem}.soc-img{width:1.3rem;height:1.3rem;object-fit:contain}

/* colour scheme chosen in the site settings, and the colours / corners the owner set (all optional: every var has a fallback) */
:root[data-scheme=light]{--bg:#f6f7fb;--fg:#1c2433;--muted:#667085;--surface:#fff;--border:#e3e7ef}
:root[data-scheme=dark]{--bg:#10141c;--fg:#e8ecf4;--muted:#9aa4b8;--surface:#171c27;--border:#2a3242}
.site-header{background:var(--surface)}
.site-bar{background:var(--bar-bg,var(--secondary,var(--primary)));color:var(--bar-text,var(--on-secondary,#fff))}.site-bar a{color:inherit}
.popup-box{background:var(--pop-bg,var(--surface));color:var(--pop-text,var(--fg));border-radius:var(--radius,18px)}
.popup-box.has-bg{color:var(--pop-text,#fff)}.popup-box h2{color:var(--pop-title,inherit)}
.popup-text a,.popup-box.has-bg a:not(.popup-btn){color:var(--pop-link,var(--primary))}.popup-box.has-bg .popup-text a{color:var(--pop-link,#fff)}
.popup-btn{background:var(--pop-btn-bg,var(--primary));color:var(--pop-btn-text,var(--on-primary,#fff));border-radius:var(--radius,12px)}.popup-btn:hover{filter:brightness(1.08)}
.popup-img{border-radius:calc(var(--radius,12px) * .7)}
.not-found{background:var(--nf-bg,transparent);color:var(--nf-text,inherit)}.not-found h1{color:var(--nf-title,inherit)}.nf-code{color:var(--nf-code,var(--primary))}
.not-found .popup-btn{background:var(--nf-btn-bg,var(--primary));color:var(--nf-btn-text,var(--on-primary,#fff))}
.not-found.has-bg{color:var(--nf-text,#fff)}.not-found.has-bg .nf-code{color:var(--nf-code,#fff)}
.site-footer{background:var(--foot-bg,transparent);color:var(--foot-text,var(--muted))}
.foot-nav a,.foot-contact a,.foot-social a{color:var(--foot-link,var(--muted))}.foot-social a{border-color:currentColor;color:var(--foot-ico,var(--foot-link,var(--muted)))}
.foot-nav a:hover,.foot-contact a:hover{color:var(--secondary,var(--primary))}.foot-social a:hover{color:var(--secondary,var(--primary))}
.main-nav a:hover,.main-nav .active>a,.main-nav .trail>a{color:var(--primary)}
/* layout with areas and widgets */
.layout main{min-height:60vh}
.layout.has-side{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:2rem;max-width:72rem;align-items:start}
.side{padding-top:2rem}
@media(max-width:860px){.layout.has-side{grid-template-columns:1fr}.side{padding-top:0;padding-bottom:2rem}}
.widget{margin:0 0 1.25rem;color:var(--w-text,inherit)}
.widget.has-bg{background:var(--w-bg);padding:1rem 1.1rem;border-radius:var(--radius,14px)}
.widget .w-title{margin:.1rem 0 .6rem;font-size:1.05rem;color:var(--w-title,inherit)}
.widget a{color:var(--w-link,var(--primary))}
.widget .btn,.widget .w-btn{display:inline-block;background:var(--w-btn,var(--primary));color:var(--w-btn-text,#fff);padding:.5rem 1.1rem;border-radius:var(--radius,10px);border:0;font:inherit;cursor:pointer;text-decoration:none}
.widget .w-btn.secondary{background:var(--w-btn,var(--secondary,#f59e0b))}
.widget .w-btn.outline{background:transparent;color:var(--w-link,var(--primary));border:1px solid currentColor}
.w-btn-row.w-align-center{text-align:center}.w-btn-row.w-align-end{text-align:end}
.w-menu,.w-latest,.w-contact{list-style:none;margin:0;padding:0}.w-menu li,.w-latest li,.w-contact li{padding:.25rem 0}.w-menu ul{list-style:none;padding-inline-start:1rem;margin:0}
.w-body img{max-width:100%;height:auto}
.w-search{display:flex;gap:.4rem}.w-search input{flex:1;min-width:0;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--surface);color:inherit;font:inherit}
.w-form label{display:block;margin:.55rem 0;font-size:.92rem}
.w-form input,.w-form textarea{display:block;width:100%;margin-top:.2rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius,10px);background:var(--surface);color:inherit;font:inherit}
.w-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.w-note{padding:.55rem .8rem;border-radius:10px;margin:.5rem 0}.w-note.ok{background:#e3f5ec;color:#157f4a}.w-note.bad{background:#fdeceb;color:#b3261e}
.w-map iframe{display:block;width:100%;height:16rem;border:0;border-radius:var(--radius,10px)}
.w-address{margin:.5rem 0 0}.w-links{font-size:.85rem;margin:.4rem 0 0}
.w-countdown{font-weight:700;font-size:1.2rem}
.widget-preview{padding-top:1rem;padding-bottom:1rem}
@media(max-width:700px){.w-only-desktop{display:none}}
@media(min-width:701px){.w-only-mobile{display:none}}