/* css/site.css: KENEWA public pages. Built by tools/build-css.mjs from styles/ (bootstrap.min.css, style.css, public.css, kenewa.css, kenewa-highland.css, theme-tablelands.css, kanga.css, theme-harambee.css, theme-highland.css, site-frame.css, theme-unify.css, umoja-pages.css, theme-anga.css).
   Do not edit this file: edit the files in styles/, then run npm run css. */
/* ===== bootstrap.min.css ===== */
@charset "UTF-8";
:root,[data-bs-theme=light]{--bs-blue:#1E4FAF;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1E4FAF;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#1E4FAF;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}
*,::after,::before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
.h1,h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){.h1,h1{font-size:2.5rem}}
.h2,h2{font-size:calc(1.325rem + .9vw)}
@media (min-width:1200px){.h2,h2{font-size:2rem}}
.h3,h3{font-size:calc(1.3rem + .6vw)}
@media (min-width:1200px){.h3,h3{font-size:1.75rem}}
.h4,h4{font-size:calc(1.275rem + .3vw)}
@media (min-width:1200px){.h4,h4{font-size:1.5rem}}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}
sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}
a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.lead{font-size:1.25rem;font-weight:300}
.blockquote{margin-bottom:1rem;font-size:1.25rem}
.blockquote>:last-child{margin-bottom:0}
.figure{display:inline-block}
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-12{flex:0 0 auto;width:100%}
.g-2{--bs-gutter-x:0.5rem}
.g-2{--bs-gutter-y:0.5rem}
.g-3{--bs-gutter-x:1rem}
.g-3{--bs-gutter-y:1rem}
.g-4{--bs-gutter-x:1.5rem}
.g-4{--bs-gutter-y:1.5rem}
@media (min-width:576px){.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}}
@media (min-width:768px){.col-md{flex:1 0 0%}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}}
@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.33333333%}
.col-lg-5{flex:0 0 auto;width:41.66666667%}
.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.33333333%}
.col-lg-8{flex:0 0 auto;width:66.66666667%}
.col-lg-9{flex:0 0 auto;width:75%}
.g-lg-5{--bs-gutter-x:3rem}
.g-lg-5{--bs-gutter-y:3rem}}
.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.form-label{margin-bottom:.5rem}
.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}
.form-control::-webkit-datetime-edit{display:block;padding:0}
.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}
.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}
.form-control::file-selector-button{transition:none}}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}
.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}
.form-control-plaintext:focus{outline:0}
.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}
.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}
.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}
.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}
.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}
.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}
textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}
.form-control-color:not(:disabled):not([readonly]){cursor:pointer}
.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}
.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}
.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}
.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}
.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-select{transition:none}}
.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}
.form-select:disabled{background-color:var(--bs-secondary-bg)}
.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}
.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}
.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}
[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}
.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}
.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}
.form-check-input[type=checkbox]{border-radius:.25em}
.form-check-input[type=radio]{border-radius:50%}
.form-check-input:active{filter:brightness(90%)}
.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-check-input:checked{background-color:#1E4FAF;border-color:#1E4FAF}
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{background-color:#1E4FAF;border-color:#1E4FAF;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}
.form-switch{padding-left:2.5em}
.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}
.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}
.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}
.form-check-inline{display:inline-block;margin-right:1rem}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}
.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}
.form-range:focus{outline:0}
.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}
.form-range::-moz-focus-outer{border:0}
.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#1E4FAF;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}
.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}
.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}
.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#1E4FAF;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}
.form-range::-moz-range-thumb:active{background-color:#b6d4fe}
.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}
.form-range:disabled{pointer-events:none}
.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}
.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}
.form-floating{position:relative}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}
.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}
.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}
.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}
.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}
.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}
.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}
.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}
.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}
.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-control-color.is-valid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}
.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}
.form-check-input.is-valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}
.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}
.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}
.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}
.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-control-color.is-invalid{width:calc(3rem + calc(1.5em + .75rem))}
.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}
.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}
.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}
.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}
.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}
.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}
.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}
.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}
.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}
.btn-link:focus-visible{color:var(--bs-btn-color)}
.btn-link:hover{color:var(--bs-btn-hover-color)}
.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#1E4FAF;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}
.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}
.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}
.dropup .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}
.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}
.dropend .dropdown-toggle:empty::after{margin-left:0}
.dropend .dropdown-toggle::after{vertical-align:0}
.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}
.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}
.dropstart .dropdown-toggle::after{display:none}
.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}
.dropstart .dropdown-toggle:empty::after{margin-left:0}
.dropstart .dropdown-toggle::before{vertical-align:0}
.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}
.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}
.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{position:static}
.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}
.card>hr{margin-right:0;margin-left:0}
.card>.list-group{border-top:inherit;border-bottom:inherit}
.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}
.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}
.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}
.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}
.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}
@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}
.accordion-button:hover{z-index:2}
.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}
.accordion-header{margin-bottom:0}
.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}
.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}
.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:not(:first-of-type){border-top:0}
.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}
.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}
[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#1E4FAF;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}
.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#1E4FAF;--bs-list-group-active-border-color:#1E4FAF;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}
.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}
.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}
.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}
.list-group-item+.list-group-item{border-top-width:0}
.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}
.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}
.toast.showing{opacity:0}
.toast:not(.show){display:none}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}
.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}}
.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}
.tooltip.show{opacity:var(--bs-tooltip-opacity)}
.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}
.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}
.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}
.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}
.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}
.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}
.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}
.popover-header:empty{display:none}
.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}
.carousel{position:relative}
.carousel.pointer-event{touch-action:pan-y}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}
@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}
.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}
.carousel-indicators .active{opacity:1}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}
.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}
@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}
.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:.5}
.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}
.placeholder.btn::before{display:inline-block;content:""}
@keyframes placeholder-glow{50%{opacity:.2}}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}
.ratio{position:relative;width:100%}
.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}
.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}
.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visually-hidden:not(caption){position:absolute!important}
.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}
.align-baseline{vertical-align:baseline!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.shadow{box-shadow:var(--bs-box-shadow)!important}
.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.flex-wrap{flex-wrap:wrap!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-self-center{align-self:center!important}
.m-0{margin:0!important}
.m-1{margin:.25rem!important}
.m-2{margin:.5rem!important}
.m-3{margin:1rem!important}
.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}
.m-auto{margin:auto!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}
.ms-2{margin-left:.5rem!important}
.ms-3{margin-left:1rem!important}
.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}
.ms-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-3{padding:1rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-5{padding-right:3rem!important;padding-left:3rem!important}
.pt-0{padding-top:0!important}
.pb-3{padding-bottom:1rem!important}
.ps-3{padding-left:1rem!important}
.gap-1{gap:.25rem!important}
.gap-2{gap:.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.fs-6{font-size:1rem!important}
.fw-normal{font-weight:400!important}
.text-end{text-align:right!important}
.text-center{text-align:center!important}
.text-nowrap{white-space:nowrap!important}
.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}
.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}
.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}
.rounded{border-radius:var(--bs-border-radius)!important}
.visible{visibility:visible!important}
@media (min-width:576px){.d-sm-inline{display:inline!important}
.d-sm-none{display:none!important}
.m-sm-0{margin:0!important}
.m-sm-1{margin:.25rem!important}
.m-sm-2{margin:.5rem!important}
.m-sm-3{margin:1rem!important}
.m-sm-4{margin:1.5rem!important}
.m-sm-5{margin:3rem!important}
.m-sm-auto{margin:auto!important}
.mt-sm-0{margin-top:0!important}
.mt-sm-1{margin-top:.25rem!important}
.mt-sm-2{margin-top:.5rem!important}
.mt-sm-3{margin-top:1rem!important}
.mt-sm-4{margin-top:1.5rem!important}
.mt-sm-5{margin-top:3rem!important}
.mt-sm-auto{margin-top:auto!important}
.ms-sm-0{margin-left:0!important}
.ms-sm-1{margin-left:.25rem!important}
.ms-sm-2{margin-left:.5rem!important}
.ms-sm-3{margin-left:1rem!important}
.ms-sm-4{margin-left:1.5rem!important}
.ms-sm-5{margin-left:3rem!important}
.ms-sm-auto{margin-left:auto!important}
.px-sm-0{padding-right:0!important;padding-left:0!important}
.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}
.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}}
@media (min-width:768px){.m-md-0{margin:0!important}
.m-md-1{margin:.25rem!important}
.m-md-2{margin:.5rem!important}
.m-md-3{margin:1rem!important}
.m-md-4{margin:1.5rem!important}
.m-md-5{margin:3rem!important}
.m-md-auto{margin:auto!important}
.mt-md-0{margin-top:0!important}
.mt-md-1{margin-top:.25rem!important}
.mt-md-2{margin-top:.5rem!important}
.mt-md-3{margin-top:1rem!important}
.mt-md-4{margin-top:1.5rem!important}
.mt-md-5{margin-top:3rem!important}
.mt-md-auto{margin-top:auto!important}
.ms-md-0{margin-left:0!important}
.ms-md-1{margin-left:.25rem!important}
.ms-md-2{margin-left:.5rem!important}
.ms-md-3{margin-left:1rem!important}
.ms-md-4{margin-left:1.5rem!important}
.ms-md-5{margin-left:3rem!important}
.ms-md-auto{margin-left:auto!important}
.px-md-0{padding-right:0!important;padding-left:0!important}
.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-md-3{padding-right:1rem!important;padding-left:1rem!important}
.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-md-5{padding-right:3rem!important;padding-left:3rem!important}}
@media (min-width:992px){.m-lg-0{margin:0!important}
.m-lg-1{margin:.25rem!important}
.m-lg-2{margin:.5rem!important}
.m-lg-3{margin:1rem!important}
.m-lg-4{margin:1.5rem!important}
.m-lg-5{margin:3rem!important}
.m-lg-auto{margin:auto!important}
.mt-lg-0{margin-top:0!important}
.mt-lg-1{margin-top:.25rem!important}
.mt-lg-2{margin-top:.5rem!important}
.mt-lg-3{margin-top:1rem!important}
.mt-lg-4{margin-top:1.5rem!important}
.mt-lg-5{margin-top:3rem!important}
.mt-lg-auto{margin-top:auto!important}
.ms-lg-0{margin-left:0!important}
.ms-lg-1{margin-left:.25rem!important}
.ms-lg-2{margin-left:.5rem!important}
.ms-lg-3{margin-left:1rem!important}
.ms-lg-4{margin-left:1.5rem!important}
.ms-lg-5{margin-left:3rem!important}
.ms-lg-auto{margin-left:auto!important}
.px-lg-0{padding-right:0!important;padding-left:0!important}
.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}
.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}
.text-lg-end{text-align:right!important}}
@media (min-width:1200px){.m-xl-0{margin:0!important}
.m-xl-1{margin:.25rem!important}
.m-xl-2{margin:.5rem!important}
.m-xl-3{margin:1rem!important}
.m-xl-4{margin:1.5rem!important}
.m-xl-5{margin:3rem!important}
.m-xl-auto{margin:auto!important}
.mt-xl-0{margin-top:0!important}
.mt-xl-1{margin-top:.25rem!important}
.mt-xl-2{margin-top:.5rem!important}
.mt-xl-3{margin-top:1rem!important}
.mt-xl-4{margin-top:1.5rem!important}
.mt-xl-5{margin-top:3rem!important}
.mt-xl-auto{margin-top:auto!important}
.ms-xl-0{margin-left:0!important}
.ms-xl-1{margin-left:.25rem!important}
.ms-xl-2{margin-left:.5rem!important}
.ms-xl-3{margin-left:1rem!important}
.ms-xl-4{margin-left:1.5rem!important}
.ms-xl-5{margin-left:3rem!important}
.ms-xl-auto{margin-left:auto!important}
.px-xl-0{padding-right:0!important;padding-left:0!important}
.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}
.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}}
@media (min-width:1400px){.m-xxl-0{margin:0!important}
.m-xxl-1{margin:.25rem!important}
.m-xxl-2{margin:.5rem!important}
.m-xxl-3{margin:1rem!important}
.m-xxl-4{margin:1.5rem!important}
.m-xxl-5{margin:3rem!important}
.m-xxl-auto{margin:auto!important}
.mt-xxl-0{margin-top:0!important}
.mt-xxl-1{margin-top:.25rem!important}
.mt-xxl-2{margin-top:.5rem!important}
.mt-xxl-3{margin-top:1rem!important}
.mt-xxl-4{margin-top:1.5rem!important}
.mt-xxl-5{margin-top:3rem!important}
.mt-xxl-auto{margin-top:auto!important}
.ms-xxl-0{margin-left:0!important}
.ms-xxl-1{margin-left:.25rem!important}
.ms-xxl-2{margin-left:.5rem!important}
.ms-xxl-3{margin-left:1rem!important}
.ms-xxl-4{margin-left:1.5rem!important}
.ms-xxl-5{margin-left:3rem!important}
.ms-xxl-auto{margin-left:auto!important}
.px-xxl-0{padding-right:0!important;padding-left:0!important}
.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}
.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}
.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}}
/* ===== style.css (all pages except class="kb-page") ===== */
:root:where(:not(.kb-page)){--green: #346040; 
--green-deep: #274A30; 
--green-night: #16244D; 
--green-rgb: 52, 96, 64; 
--tint: rgba(var(--green-rgb), .06); 
--tint-2: rgba(var(--green-rgb), .12); 
--mint: #F0CF8A; 
--red: #B42318; 
--ink: #2B2D26; 
--muted: #545849; 
--header: #FFFFFF;
--stone: #F6F8FB; 
--line: #E4E5DC;
--line-soft: #F1F3EC;
--charcoal: var(--green-night);
--white: #FFFFFF;
--orange: var(--mint); 
--orange-text: var(--green); 
--gold: var(--green);
--gold-hover: var(--green-deep);
--ev-everyone: #346040;
--ev-families: #8A5A1E;
--ev-youth: #2F6670;
--ev-women: #8E3A4F;
--ev-culture: #B42318;
--ev-sport: #3B5A86;
--ev-members: #2B2D26;
--purple: var(--green);
--purple-deep: var(--green-deep);
--magenta: var(--red);
--teal: var(--green);
--radius: 12px;
--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -12px rgba(16, 24, 40, .18);
--font-display: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
--font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
--font-brand: "Inter", "Segoe UI", Roboto, Arial, sans-serif;}
:where(html:not(.kb-page)) body{font-family: var(--font-body); color: var(--ink); line-height: 1.7; font-size: 1.0625rem; background: var(--white);}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) .num{font-family: var(--font-display); font-weight: 700;}
:where(html:not(.kb-page)) a{color: var(--green);}
:where(html:not(.kb-page)) a:hover{color: var(--green-deep);}
:where(html:not(.kb-page)) :focus-visible{outline: 3px solid var(--orange); outline-offset: 3px;}
:where(html:not(.kb-page)) .skip-link{position: absolute; left: -999px; top: .5rem; z-index: 2000; background: var(--green); color: var(--white); padding: .5rem 1rem; border-radius: 8px; font-weight: 700;}
:where(html:not(.kb-page)) .skip-link:focus{left: .5rem;}
:where(html:not(.kb-page)) .btn{font-weight: 700; border-radius: 2px; padding: .6rem 1.3rem; text-transform: uppercase; letter-spacing: .02em; font-size: .92rem;}
:where(html:not(.kb-page)) .btn-lg{padding: .75rem 1.5rem; font-size: .98rem;}
:where(html:not(.kb-page)) .btn-sm{padding: .35rem .85rem; font-size: .8rem;}
:where(html:not(.kb-page)) .btn-gold{background: var(--green); color: var(--white); border: 2px solid var(--green); display: inline-flex; align-items: center; gap: .5rem;}
:where(html:not(.kb-page)) .btn-gold::after{content: ""; width: 1.05em; height: 1.05em; flex-shrink: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Cpath d='M6 10h7m-3-3 3 3-3 3' stroke='%23006634' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
:where(html:not(.kb-page)) .btn-gold:hover,:where(html:not(.kb-page)) .btn-gold:focus{background: var(--green-deep); border-color: var(--green-deep); color: var(--white);}
:where(html:not(.kb-page)) .btn-ghost{background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,.8);}
:where(html:not(.kb-page)) .btn-ghost:hover,:where(html:not(.kb-page)) .btn-ghost:focus{background: var(--white); color: var(--green);}
:where(html:not(.kb-page)) .btn-outline-ink{border: 2px solid var(--green); color: var(--green); background: transparent;}
:where(html:not(.kb-page)) .btn-outline-ink:hover,:where(html:not(.kb-page)) .btn-outline-ink:focus{background: var(--green); color: var(--white);}
:where(html:not(.kb-page)) .btn-help{background: transparent; color: var(--red); border: 2px solid var(--red);}
:where(html:not(.kb-page)) .btn-help:hover,:where(html:not(.kb-page)) .btn-help:focus{background: var(--red); color: var(--white);}
:where(html:not(.kb-page)) .btn-link{color: var(--green); font-weight: 700; text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .brand{display: flex; align-items: center; gap: .65rem; text-decoration: none;}
:where(html:not(.kb-page)) .brand-logo{width: 52px; height: 52px; flex-shrink: 0;}
:where(html:not(.kb-page)) .help-bubble{position: fixed; right: 1.1rem; bottom: 1.1rem; z-index: 1040; width: 58px; height: 58px; border-radius: 50%; background: var(--white);
color: var(--green); display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0,0,0,.25); text-decoration: none;}
:where(html:not(.kb-page)) .help-bubble-label{position: absolute; right: 68px; background: var(--ink); color: var(--white); font-size: .85rem; font-weight: 500; padding: .3rem .7rem;
border-radius: 3px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s;}
:where(html:not(.kb-page)) .help-bubble:hover .help-bubble-label,:where(html:not(.kb-page)) .help-bubble:focus .help-bubble-label{opacity: 1;}
@media print{:where(html:not(.kb-page)) .help-bubble{display: none;}}
:where(html:not(.kb-page)) .hero{position: relative; color: var(--white);}
:where(html:not(.kb-page)) .hero .carousel-item{display: flex; align-items: center; grid-area: 1 / 1; float: none; margin-right: 0; min-height: 70vh; min-height: 70svh; padding: 5rem 0 6.5rem;}
:where(html:not(.kb-page)) .hero .carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev){visibility: hidden;}
:where(html:not(.kb-page)) .hero .carousel-item > .container{display: flex; flex-direction: column; justify-content: center;}
:where(html:not(.kb-page)) .hero .carousel-item,:where(html:not(.kb-page)) .page-hero{background:
linear-gradient(100deg, rgba(46, 42, 42, .94) 0%, rgba(46, 42, 42, .78) 50%, rgba(46, 42, 42, .35) 100%),
var(--slide-photo, var(--banner-photo, none)) center / cover no-repeat,
var(--tone, var(--charcoal));}
:where(html:not(.kb-page)) .hero-place,:where(html:not(.kb-page)) .eyebrow{font-weight: 400; text-transform: uppercase; letter-spacing: .03em; font-size: .92rem; margin-bottom: .7rem;}
:where(html:not(.kb-page)) .hero-place::before,:where(html:not(.kb-page)) .eyebrow::before{content: "\2192"; margin-right: .5rem; font-weight: 700;}
:where(html:not(.kb-page)) .hero-place{color: var(--orange); margin-bottom: 1rem;}
:where(html:not(.kb-page)) .eyebrow{color: var(--orange-text);}
:where(html:not(.kb-page)) .hero-place::before{color: var(--white);}
:where(html:not(.kb-page)) .hero h1{font-size: clamp(2.2rem, 4.6vw, 3.4rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.01em; margin-bottom: 1.4rem; max-width: 15em;}
:where(html:not(.kb-page)) .hero-lead{font-size: 1.05rem; max-width: 34em; opacity: .95; margin-bottom: 2rem; font-weight: 300;}
:where(html:not(.kb-page)) .hero-actions,:where(html:not(.kb-page)) .cta-actions{display: flex; flex-wrap: wrap; gap: .8rem;}
:where(html:not(.kb-page)) .hero > .hero .carousel-indicators{bottom: 2.4rem; z-index: 3; justify-content: center; margin: 0; left: 0; right: 0;}
:where(html:not(.kb-page)) .hero .carousel-indicators [data-bs-target]{width: 34px; height: 4px; border: 0; background: var(--white); opacity: .45; margin: 0 4px;}
:where(html:not(.kb-page)) .hero .carousel-indicators .active{background: var(--orange); opacity: 1; width: 48px;}
@media (prefers-reduced-motion: reduce){:where(html:not(.kb-page)) .carousel-item{transition: none !important;}}
:where(html:not(.kb-page)) .page-hero{position: relative; color: var(--white); padding: 4.2rem 0 4.6rem; --tone: radial-gradient(circle at 85% 30%, #4A6B3A 0, #2E2A2A 60%);}
:where(html:not(.kb-page)) .page-hero .container{position: relative; z-index: 2;}
:where(html:not(.kb-page)) .page-hero h1{font-size: clamp(2rem, 4.2vw, 2.9rem); font-weight: 700; line-height: 1.12; max-width: 22ch; margin-bottom: .9rem;}
:where(html:not(.kb-page)) .page-hero .hero-lead{margin-bottom: 0; max-width: 40em;}
:where(html:not(.kb-page)) .hero-events{--tone: radial-gradient(circle at 85% 30%, #9A4A18 0, #2E2A2A 60%);}
:where(html:not(.kb-page)) .hero-badges{display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.6rem;}
:where(html:not(.kb-page)) .hero-badges span{background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.4); padding: .3rem .85rem; border-radius: 2px; font-weight: 500; font-size: .88rem; text-transform: uppercase; letter-spacing: .03em;}
:where(html:not(.kb-page)) .section{padding: 5rem 0;}
:where(html:not(.kb-page)) .section-soft{background: var(--stone);}
:where(html:not(.kb-page)) .section-green{background: var(--green); color: var(--white);}
:where(html:not(.kb-page)) .section-green .section-title{color: var(--white);}
:where(html:not(.kb-page)) .section-green a{color: var(--white);}
:where(html:not(.kb-page)) .section-head{margin-bottom: 2.4rem;}
:where(html:not(.kb-page)) .section-title{font-size: clamp(1.8rem, 3.6vw, 2.4rem); font-weight: 700; line-height: 1.15; margin-bottom: 1.1rem; color: var(--green);}
:where(html:not(.kb-page)) .prose{max-width: 70ch;}
:where(html:not(.kb-page)) .prose h2:not(.section-title){font-size: 1.5rem; font-weight: 700; margin: 2.2rem 0 .7rem; color: var(--orange-text);}
:where(html:not(.kb-page)) .prose p,:where(html:not(.kb-page)) .prose li{color: var(--muted);}
:where(html:not(.kb-page)) .narrow{max-width: 760px;}
:where(html:not(.kb-page)) .lead-narrow{max-width: 42em; font-size: 1.1rem; color: var(--muted); margin-bottom: 2rem;}
:where(html:not(.kb-page)) .lead-light{opacity: .9; max-width: 46em; margin-bottom: 1.5rem;}
:where(html:not(.kb-page)) .note{font-size: .92rem; color: var(--muted); margin-top: 1rem;}
:where(html:not(.kb-page)) .empty{color: var(--muted); font-style: italic;}
:where(html:not(.kb-page)) .msg{padding: .8rem 1rem; margin: 1rem 0; border-left: 4px solid var(--green); background: #E7F1E8; border-radius: 0 10px 10px 0;}
:where(html:not(.kb-page)) .msg.warn{border-left-color: var(--orange); background: #FDF0E6;}
:where(html:not(.kb-page)) .tick-list{list-style: none; padding: 0;}
:where(html:not(.kb-page)) .tick-list li{position: relative; padding: .45rem 0 .45rem 1.8rem; border-bottom: 1px solid var(--line-soft);}
:where(html:not(.kb-page)) .tick-list li::before{content: ""; position: absolute; left: .1rem; top: .95rem; width: .55rem; height: .9rem; border: solid var(--orange); border-width: 0 3px 3px 0; transform: rotate(45deg);}
:where(html:not(.kb-page)) .values{list-style: none; padding: 0; margin: 0;}
:where(html:not(.kb-page)) .values li{display: grid; grid-template-columns: 9rem 1fr; column-gap: 1.2rem; padding: 1.1rem 0; border-top: 1px solid var(--line);}
:where(html:not(.kb-page)) .values li:last-child{border-bottom: 1px solid var(--line);}
:where(html:not(.kb-page)) .values .sw{font-family: var(--font-display); font-weight: 700; font-size: 1.4rem; color: var(--green); grid-row: span 2;}
:where(html:not(.kb-page)) .values li:nth-child(even) .sw{color: var(--orange-text);}
:where(html:not(.kb-page)) .values .en{font-weight: 700;}
:where(html:not(.kb-page)) .values .desc{color: var(--muted);}
@media (max-width: 480px){:where(html:not(.kb-page)) .values li{grid-template-columns: 1fr;}
:where(html:not(.kb-page)) .values .sw{grid-row: auto;}}
:where(html:not(.kb-page)) .countdown{background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: var(--radius); padding: 1.4rem; text-align: center; color: var(--white);}
:where(html:not(.kb-page)) .countdown-label{font-weight: 500; color: var(--orange); margin-bottom: .8rem; text-transform: uppercase; letter-spacing: .04em; font-size: .9rem;}
:where(html:not(.kb-page)) .countdown-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem;}
:where(html:not(.kb-page)) .countdown-grid div{background: var(--green); border-radius: 2px; padding: .9rem .3rem;}
:where(html:not(.kb-page)) .countdown-grid span{display: block; font-family: var(--font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); line-height: 1;}
:where(html:not(.kb-page)) .countdown-grid small{display: block; margin-top: .3rem; font-weight: 600; opacity: .85;}
:where(html:not(.kb-page)) .countdown-today{grid-column: 1 / -1; font-size: 1.6rem; font-weight: 700; margin: 0;}
:where(html:not(.kb-page)) .numbers{background: var(--green); color: var(--white); padding: 3.2rem 0;}
:where(html:not(.kb-page)) .num{font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: 700; color: var(--white); line-height: 1; margin-bottom: .4rem;}
:where(html:not(.kb-page)) .numbers .col-6:nth-child(even) .num{color: #FFD2B3;}
:where(html:not(.kb-page)) .gallery{display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 210px; gap: 1rem;}
:where(html:not(.kb-page)) .gallery .tile{position: relative; margin: 0; border-radius: 2px; overflow: hidden; background: var(--charcoal);}
:where(html:not(.kb-page)) .gallery .tile:nth-child(1){grid-row: span 2;}
:where(html:not(.kb-page)) .gallery .tile:nth-child(4),:where(html:not(.kb-page)) .gallery .tile:nth-child(6){grid-column: span 2;}
:where(html:not(.kb-page)) .gallery .tile img{width: 100%; height: 100%; object-fit: cover;}
:where(html:not(.kb-page)) .gallery figcaption{position: absolute; left: 0; right: 0; bottom: 0; padding: 2.5rem 1rem .8rem; color: var(--white); font-weight: 700;
background: linear-gradient(transparent, rgba(30,27,27,.88));}
@media (max-width: 767px){:where(html:not(.kb-page)) .gallery{grid-template-columns: 1fr 1fr; grid-auto-rows: 160px;}
:where(html:not(.kb-page)) .gallery .tile:nth-child(1){grid-row: span 1;}
:where(html:not(.kb-page)) .gallery .tile:nth-child(4){grid-column: span 1;}
:where(html:not(.kb-page)) .gallery .tile:nth-child(6){grid-column: span 2;}}
:where(html:not(.kb-page)) .donate-band{padding: 3.5rem 0; color: var(--white); background: linear-gradient(110deg, var(--charcoal) 0%, #4A2A18 100%); border-top: 4px solid var(--orange);}
:where(html:not(.kb-page)) .donate-band .btn-gold,:where(html:not(.kb-page)) .host-band .btn-gold{background: var(--orange); border-color: var(--orange); color: #1E1B1B;}
:where(html:not(.kb-page)) .donate-band .btn-gold::after,:where(html:not(.kb-page)) .host-band .btn-gold::after{filter: brightness(0);}
:where(html:not(.kb-page)) .donate-band .btn-gold:hover,:where(html:not(.kb-page)) .host-band .btn-gold:hover{background: #F09A5E; border-color: #F09A5E; color: #1E1B1B;}
:where(html:not(.kb-page)) .donate-band h2{font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 700;}
:where(html:not(.kb-page)) .donate-band p{margin: 0; opacity: .94; max-width: 44em;}
:where(html:not(.kb-page)) .path-card{height: 100%; display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-top: 5px solid var(--green); border-radius: 2px; padding: 2rem; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .path-card h3{font-size: 1.5rem; font-weight: 700; color: var(--green);}
:where(html:not(.kb-page)) .path-card p{color: var(--muted);}
:where(html:not(.kb-page)) .path-card .tick-list{margin: 1rem 0 1.6rem;}
:where(html:not(.kb-page)) .path-card .btn{margin-top: auto; align-self: flex-start;}
:where(html:not(.kb-page)) .path-card .path-price{font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; color: var(--orange-text); line-height: 1; margin-bottom: .6rem;}
:where(html:not(.kb-page)) .path-price span{font-size: 1rem; font-weight: 600; color: var(--muted);}
:where(html:not(.kb-page)) .path-featured{border-top-color: var(--orange); position: relative;}
:where(html:not(.kb-page)) .path-featured::before{content: "Includes welfare cover"; position: absolute; top: -.95rem; right: 1.5rem; background: var(--orange); color: #1E1B1B; font-weight: 700; font-size: .76rem; padding: .2rem .7rem; border-radius: 2px; text-transform: uppercase; letter-spacing: .03em;}
:where(html:not(.kb-page)) .fact-panel{background: var(--line-soft); border-top: 5px solid var(--green); padding: 1.8rem; border-radius: 2px;}
:where(html:not(.kb-page)) .fact-panel h2{font-weight: 700; margin-bottom: 1rem;}
:where(html:not(.kb-page)) .fact-panel dt{font-weight: 600; font-size: .9rem; color: var(--muted);}
:where(html:not(.kb-page)) .fact-panel dd{margin-bottom: .9rem;}
:where(html:not(.kb-page)) .objective-band{background: var(--green); color: var(--white); padding: 4rem 0;}
:where(html:not(.kb-page)) .objective-band .eyebrow{color: #FFD2B3;}
:where(html:not(.kb-page)) .objective-band blockquote{font-family: var(--font-display); font-size: clamp(1.4rem, 3.2vw, 2.1rem); font-weight: 500; line-height: 1.3; margin: 0; max-width: 34ch;}
:where(html:not(.kb-page)) .mv-card{height: 100%; background: var(--line-soft); border-radius: 2px; padding: 2rem; border-left: 6px solid var(--green);}
:where(html:not(.kb-page)) .mv-vision{border-left-color: var(--orange);}
:where(html:not(.kb-page)) .mv-text{font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; line-height: 1.4; margin: 0;}
:where(html:not(.kb-page)) .person{text-align: center;}
:where(html:not(.kb-page)) .person .initials{display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%;
background: var(--white); border: 4px solid var(--green); font-family: var(--font-display); font-weight: 700; font-size: 1.6rem; color: var(--green); margin-bottom: .8rem;}
:where(html:not(.kb-page)) .committee .col-6:nth-child(even) .initials{border-color: var(--orange); color: var(--orange-text);}
:where(html:not(.kb-page)) .person img{width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin-bottom: .8rem;}
:where(html:not(.kb-page)) .person .name{font-weight: 700; margin: 0;}
:where(html:not(.kb-page)) .person .role{color: var(--muted); font-size: .92rem;}
:where(html:not(.kb-page)) .steps{list-style: none; counter-reset: step; padding: 0; margin: 0;}
:where(html:not(.kb-page)) .steps li{counter-increment: step; position: relative; padding: 0 0 1.8rem 4rem;}
:where(html:not(.kb-page)) .steps li::before{content: counter(step); position: absolute; left: 0; top: 0; width: 2.6rem; height: 2.6rem; border-radius: 50%;
background: var(--orange); color: #1E1B1B; font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; display: flex; align-items: center; justify-content: center;}
:where(html:not(.kb-page)) .steps li:not(:last-child)::after{content: ""; position: absolute; left: 1.25rem; top: 2.8rem; bottom: .3rem; width: 2px; background: var(--line);}
:where(html:not(.kb-page)) .steps h3{font-size: 1.2rem; font-weight: 700; margin: .45rem 0 .3rem; color: var(--green);}
:where(html:not(.kb-page)) .steps p{margin: 0; color: var(--muted);}
:where(html:not(.kb-page)) .journey li::before{background: var(--green); color: var(--white);}
:where(html:not(.kb-page)) .portfolio{height: 100%; display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 2px; padding: 1.8rem; box-shadow: var(--shadow); border-top: 5px solid var(--green); scroll-margin-top: 140px;}
:where(html:not(.kb-page)) .portfolios .col-md-6:nth-child(even) .portfolio{border-top-color: var(--orange);}
:where(html:not(.kb-page)) .portfolio h2{font-size: 1.45rem; font-weight: 700; margin-bottom: .3rem; color: var(--green);}
:where(html:not(.kb-page)) .portfolio-lead{color: var(--orange-text); font-weight: 500; font-size: .95rem;}
:where(html:not(.kb-page)) .portfolio .btn{margin-top: auto; align-self: flex-start;}
:where(html:not(.kb-page)) :target{scroll-margin-top: 140px;}
:where(html:not(.kb-page)) .res-jump{display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem;}
:where(html:not(.kb-page)) .res-jump a{background: var(--white); border: 1px solid var(--green); padding: .35rem .9rem; border-radius: 2px; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: .85rem; letter-spacing: .03em;}
:where(html:not(.kb-page)) .res-jump a:hover{background: var(--green); color: var(--white);}
:where(html:not(.kb-page)) .res-group{display: grid; grid-template-columns: 18rem 1fr; gap: 2rem; padding: 2rem 0; border-top: 1px solid var(--line); scroll-margin-top: 140px;}
:where(html:not(.kb-page)) .res-head h2{font-size: 1.5rem; font-weight: 700; color: var(--green);}
:where(html:not(.kb-page)) .res-head p{color: var(--muted);}
:where(html:not(.kb-page)) .res-list{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
:where(html:not(.kb-page)) .res-list li{background: var(--line-soft); border-left: 4px solid var(--orange); border-radius: 2px; padding: 1rem 1.1rem;}
:where(html:not(.kb-page)) .res-list strong{display: block;}
:where(html:not(.kb-page)) .res-list span{display: block; color: var(--muted); font-size: .95rem;}
:where(html:not(.kb-page)) .res-list .res-links{color: var(--ink); margin-top: .3rem; font-weight: 600; word-break: break-word;}
@media (max-width: 991px){:where(html:not(.kb-page)) .res-group{grid-template-columns: 1fr; gap: .5rem;}}
@media (max-width: 575px){:where(html:not(.kb-page)) .res-list{grid-template-columns: 1fr;}}
:where(html:not(.kb-page)) .featured-wrap{padding-bottom: 2.5rem;}
:where(html:not(.kb-page)) .feature{display: grid; grid-template-columns: 1fr 22rem; gap: 2rem; align-items: center; color: var(--white); border-radius: 4px; padding: 2.4rem; scroll-margin-top: 140px;
background: radial-gradient(circle at 10% 0%, rgba(229,125,56,.4), transparent 45%), radial-gradient(circle at 100% 100%, rgba(0,102,52,.6), transparent 45%), var(--charcoal); box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .feature .eyebrow{color: var(--orange);}
:where(html:not(.kb-page)) .feature .eyebrow::before{color: var(--white);}
:where(html:not(.kb-page)) .feature h2{font-size: clamp(2rem, 4.2vw, 2.8rem); font-weight: 700;}
:where(html:not(.kb-page)) .feature-about{font-size: 1.1rem; opacity: .94; max-width: 40em;}
:where(html:not(.kb-page)) .feature .ev-facts dt{color: var(--orange);}
:where(html:not(.kb-page)) .feature .ev-facts dd{color: var(--white);}
:where(html:not(.kb-page)) .feature .ev-tags li{background: rgba(255,255,255,.14); color: var(--white); border-color: rgba(255,255,255,.35);}
:where(html:not(.kb-page)) .feature .btn-outline-ink{color: var(--white); border-color: rgba(255,255,255,.75);}
:where(html:not(.kb-page)) .feature .btn-outline-ink:hover{background: var(--white); color: var(--ink);}
:where(html:not(.kb-page)) .feature .btn-link{color: var(--orange);}
@media (max-width: 991px){:where(html:not(.kb-page)) .feature{grid-template-columns: 1fr; padding: 1.6rem;}}
:where(html:not(.kb-page)) .chips{display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.2rem 0 1.8rem;}
:where(html:not(.kb-page)) .chip{border: 1px solid var(--green); background: var(--white); color: var(--green); font-weight: 500; padding: .4rem 1rem; border-radius: 2px; text-transform: uppercase; font-size: .82rem; letter-spacing: .03em;}
:where(html:not(.kb-page)) .chip:hover{border-color: var(--green);}
:where(html:not(.kb-page)) .chip[aria-pressed="true"]{background: var(--green); border-color: var(--green); color: var(--white);}
:where(html:not(.kb-page)) .event-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap: 1.4rem;}
:where(html:not(.kb-page)) .ev-card{--ev: var(--ev-everyone); display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; box-shadow: var(--shadow); scroll-margin-top: 140px; transition: transform .15s ease;}
:where(html:not(.kb-page)) .ev-card:hover{transform: translateY(-3px);}
:where(html:not(.kb-page)) .ev-card[hidden]{display: none;}
:where(html:not(.kb-page)) .theme-families{--ev: var(--ev-families);}
:where(html:not(.kb-page)) .theme-youth{--ev: var(--ev-youth);}
:where(html:not(.kb-page)) .theme-women{--ev: var(--ev-women);}
:where(html:not(.kb-page)) .theme-culture{--ev: var(--ev-culture);}
:where(html:not(.kb-page)) .theme-sport{--ev: var(--ev-sport);}
:where(html:not(.kb-page)) .theme-members{--ev: var(--ev-members);}
:where(html:not(.kb-page)) .ev-poster{position: relative; color: var(--white); padding: 1.3rem 1.4rem 1.1rem; min-height: 132px; display: flex; flex-direction: column; justify-content: flex-end;
background: radial-gradient(circle at 92% 8%, rgba(255,255,255,.28), transparent 38%),
repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 12px, transparent 12px 24px), var(--ev);}
:where(html:not(.kb-page)) .ev-day{font-family: var(--font-display); font-weight: 700; font-size: 3.2rem; line-height: .95;}
:where(html:not(.kb-page)) .ev-day-word{font-size: 2.4rem;}
:where(html:not(.kb-page)) .ev-mon{font-weight: 700; letter-spacing: .03em;}
:where(html:not(.kb-page)) .ev-status{position: absolute; top: 1rem; right: 1rem; background: rgba(0,0,0,.3); padding: .2rem .6rem; border-radius: 2px; font-size: .72rem; font-weight: 500; text-transform: uppercase; letter-spacing: .03em;}
:where(html:not(.kb-page)) .status-proposed .ev-poster{background: repeating-linear-gradient(135deg, rgba(255,255,255,.1) 0 10px, transparent 10px 20px), var(--ev);}
:where(html:not(.kb-page)) .status-proposed{border-style: dashed; border-width: 2px;}
:where(html:not(.kb-page)) .ev-body{padding: 1.3rem 1.4rem 1.4rem; display: flex; flex-direction: column; flex: 1;}
:where(html:not(.kb-page)) .ev-body h3{font-size: 1.3rem; font-weight: 700; margin-bottom: .7rem; color: var(--green);}
:where(html:not(.kb-page)) .ev-body > p{color: var(--muted);}
:where(html:not(.kb-page)) .ev-facts{margin: 0 0 .8rem; display: grid; gap: .25rem;}
:where(html:not(.kb-page)) .ev-facts div{display: grid; grid-template-columns: 4.2rem 1fr; gap: .5rem; font-size: .95rem;}
:where(html:not(.kb-page)) .ev-facts dt{color: var(--ev, var(--green)); font-weight: 700;}
:where(html:not(.kb-page)) .ev-facts dd{margin: 0;}
:where(html:not(.kb-page)) .ev-tags{list-style: none; padding: 0; margin: .4rem 0 1rem; display: flex; flex-wrap: wrap; gap: .35rem;}
:where(html:not(.kb-page)) .ev-tags li{font-size: .78rem; font-weight: 500; padding: .15rem .55rem; border-radius: 2px; background: var(--line-soft); border: 1px solid var(--line); color: var(--ink);}
:where(html:not(.kb-page)) .ev-tags .tag-everyone{background: #E5EFE6; border-color: #BAD1BD; color: #0C4614;}
:where(html:not(.kb-page)) .ev-actions{margin-top: auto; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;}
:where(html:not(.kb-page)) .is-linked{outline: 4px solid var(--orange); outline-offset: 4px;}
:where(html:not(.kb-page)) .filter-empty{grid-column: 1 / -1; background: var(--line-soft); border-radius: 2px; padding: 1.4rem; margin: 0;}
:where(html:not(.kb-page)) .year-strip{display: grid; grid-template-columns: repeat(6, 1fr); gap: .8rem;}
:where(html:not(.kb-page)) .ym{background: var(--white); border: 1px solid var(--line); border-radius: 2px; padding: .9rem; min-height: 120px;}
:where(html:not(.kb-page)) .ym.has{border-top: 4px solid var(--orange);}
:where(html:not(.kb-page)) .ym-name{font-weight: 700; margin-bottom: .4rem; color: var(--green);}
:where(html:not(.kb-page)) .ym-name span{font-weight: 600; color: var(--muted); font-family: var(--font-body); font-size: .85rem;}
:where(html:not(.kb-page)) .ym ul{list-style: none; padding: 0; margin: 0; font-size: .9rem;}
:where(html:not(.kb-page)) .ym li{margin-bottom: .3rem;}
:where(html:not(.kb-page)) .ym-empty{color: #66716B; font-size: .88rem; margin: 0;}
@media (max-width: 991px){:where(html:not(.kb-page)) .year-strip{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 575px){:where(html:not(.kb-page)) .year-strip{grid-template-columns: repeat(2, 1fr);}}
:where(html:not(.kb-page)) .belong-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
:where(html:not(.kb-page)) .belong-grid article{background: var(--line-soft); border-radius: 2px; padding: 1.3rem; border-left: 5px solid var(--green);}
:where(html:not(.kb-page)) .belong-grid article:nth-child(even){border-left-color: var(--orange);}
:where(html:not(.kb-page)) .belong-grid h3{font-size: 1.15rem; font-weight: 700; margin-bottom: .3rem; color: var(--green);}
:where(html:not(.kb-page)) .belong-grid p{margin: 0; color: var(--muted);}
@media (max-width: 575px){:where(html:not(.kb-page)) .belong-grid{grid-template-columns: 1fr;}}
:where(html:not(.kb-page)) .host-band{padding: 3.5rem 0; color: var(--white); background: linear-gradient(110deg, var(--green-deep), var(--green));}
:where(html:not(.kb-page)) .host-band h2{font-weight: 700; font-size: clamp(1.8rem, 4vw, 2.4rem);}
:where(html:not(.kb-page)) .host-band p{margin: 0; opacity: .94;}
:where(html:not(.kb-page)) .support-list{display: grid; gap: 0;}
:where(html:not(.kb-page)) .support{padding: 1.1rem 0; border-top: 1px solid var(--line);}
:where(html:not(.kb-page)) .support h3{font-size: 1.2rem; font-weight: 700; color: var(--green); margin-bottom: .3rem;}
:where(html:not(.kb-page)) .support p{margin: 0;}
:where(html:not(.kb-page)) .faq .accordion-button{font-weight: 600; font-family: var(--font-body);}
:where(html:not(.kb-page)) .faq .accordion-button:not(.collapsed){background: var(--stone); color: var(--green-deep); box-shadow: none;}
:where(html:not(.kb-page)) .faq .accordion-button:focus{box-shadow: 0 0 0 3px var(--orange);}
:where(html:not(.kb-page)) .emergency{border-left: 6px solid var(--red); background: #FBE9EA; padding: 1.1rem 1.3rem; border-radius: 0 12px 12px 0;}
:where(html:not(.kb-page)) .emergency a{color: var(--red); font-weight: 700;}
:where(html:not(.kb-page)) .services{list-style: none; padding: 0;}
:where(html:not(.kb-page)) .services li{padding: .7rem 0; border-bottom: 1px solid var(--line-soft);}
:where(html:not(.kb-page)) .services li span{display: block; color: var(--muted); font-size: .92rem;}
:where(html:not(.kb-page)) .services a{font-weight: 700; margin-left: .3rem;}
:where(html:not(.kb-page)) .form-card{background: var(--white); border: 1px solid var(--line); border-top: 5px solid var(--green); padding: 2rem; border-radius: 2px; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .form-card h2{font-weight: 700;}
:where(html:not(.kb-page)) .form-label{font-weight: 600;}
:where(html:not(.kb-page)) .form-control,:where(html:not(.kb-page)) .form-select{border-radius: 2px; border-color: #C9C9C9; padding: .65rem .8rem;}
:where(html:not(.kb-page)) .form-control:focus,:where(html:not(.kb-page)) .form-select:focus{border-color: var(--green); box-shadow: 0 0 0 3px rgba(0,102,52,.2);}
:where(html:not(.kb-page)) .form-check-input:checked{background-color: var(--green); border-color: var(--green);}
:where(html:not(.kb-page)) .choice-group .form-check{padding: .9rem 1rem .9rem 2.6rem; border: 1px solid var(--line); margin-bottom: .6rem; border-radius: 2px;}
@media (max-width: 520px){:where(html:not(.kb-page)) .form-card{padding: 1.3rem;}}
:where(html:not(.kb-page)) .fees{width: 100%; border-collapse: collapse;}
:where(html:not(.kb-page)) .fees th,:where(html:not(.kb-page)) .fees td{padding: .7rem 0; border-bottom: 1px solid var(--line); vertical-align: top;}
:where(html:not(.kb-page)) .fees th{font-weight: 600; padding-right: 1rem;}
:where(html:not(.kb-page)) .fees td{text-align: right; white-space: nowrap;}
:where(html:not(.kb-page)) .fees-total th,:where(html:not(.kb-page)) .fees-total td{font-weight: 700; color: var(--green); border-bottom-width: 2px;}
:where(html:not(.kb-page)) .pay-summary{border: 1px solid var(--line); margin-bottom: 1.4rem; border-radius: 12px; overflow: hidden;}
:where(html:not(.kb-page)) .pay-summary div{display: flex; justify-content: space-between; padding: .65rem 1rem; border-bottom: 1px solid var(--line);}
:where(html:not(.kb-page)) .pay-summary div:last-child{border-bottom: 0;}
:where(html:not(.kb-page)) .pay-total{background: var(--stone); font-weight: 700; color: var(--green); font-size: 1.1rem;}
:where(html:not(.kb-page)) .pay-method{background: var(--white); padding: 1rem 1.1rem; border-top: 4px solid var(--green); border-radius: 0 0 12px 12px; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .pay-method:nth-child(2){border-top-color: var(--orange);}
:where(html:not(.kb-page)) .pay-method:nth-child(3){border-top-color: var(--red);}
:where(html:not(.kb-page)) .pay-method h3{font-size: 1.05rem; font-weight: 700; margin-bottom: .6rem;}
:where(html:not(.kb-page)) .pay-method dt{font-size: .82rem; color: var(--muted); font-weight: 600;}
:where(html:not(.kb-page)) .pay-method dd{margin-bottom: .5rem; font-weight: 600; word-break: break-word;}
:where(html:not(.kb-page)) .pay-ref{margin: 1.2rem 0 0; background: #FDF0E6; padding: .8rem 1rem; border-left: 4px solid var(--orange); border-radius: 2px;}
:where(html:not(.kb-page)) .benefits{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 2.5rem;}
:where(html:not(.kb-page)) .benefits-3{grid-template-columns: repeat(3, 1fr);}
@media (max-width: 991px){:where(html:not(.kb-page)) .benefits-3{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 767px){:where(html:not(.kb-page)) .benefits,:where(html:not(.kb-page)) .benefits-3{grid-template-columns: 1fr;}}
:where(html:not(.kb-page)) .benefit{padding: 1.5rem 0; border-top: 1px solid rgba(255,255,255,.2);}
:where(html:not(.kb-page)) .benefit h3{font-size: 1.25rem; font-weight: 700; margin-bottom: .5rem; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;}
:where(html:not(.kb-page)) .benefit h3::before{content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--orange); flex-shrink: 0;}
:where(html:not(.kb-page)) .benefit p{margin: 0; opacity: .88;}
:where(html:not(.kb-page)) .tag{display: inline-block; font-family: var(--font-body); font-size: .72rem; font-weight: 700; background: var(--orange); color: #1E1B1B; padding: .1rem .5rem; border-radius: 2px; vertical-align: middle; text-transform: uppercase; letter-spacing: .03em;}
:where(html:not(.kb-page)) .social{list-style: none; padding: 0; margin: .8rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem;}
:where(html:not(.kb-page)) .social a{display: inline-block; border: 1px solid rgba(255,255,255,.3); padding: .3rem .85rem; border-radius: 2px; text-decoration: none; font-weight: 500;}
:where(html:not(.kb-page)) .social a:hover{background: var(--green); border-color: var(--green); color: var(--white);}
:where(html:not(.kb-page)) body{font-size: 1rem; line-height: 1.65;}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) .num{letter-spacing: -0.015em;}
:where(html:not(.kb-page)) :focus-visible{outline: 3px solid rgba(var(--green-rgb), .45);}
:where(html:not(.kb-page)) .btn{border-radius: 8px; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: .95rem;}
:where(html:not(.kb-page)) .btn-lg{font-size: 1rem; padding: .75rem 1.4rem;}
:where(html:not(.kb-page)) .btn-sm{font-size: .85rem;}
:where(html:not(.kb-page)) .btn-gold::after{display: none;}
:where(html:not(.kb-page)) .btn-ghost{border-width: 1.5px; border-color: rgba(255,255,255,.75);}
:where(html:not(.kb-page)) .btn-outline-ink{border-width: 1.5px;}
:where(html:not(.kb-page)) .btn-help{border-width: 1.5px;}
:where(html:not(.kb-page)) .btn-light{background: #fff; color: var(--green-deep); border: 0; font-weight: 600;}
:where(html:not(.kb-page)) .btn-light:hover{background: var(--mint); color: var(--green-night);}
:where(html:not(.kb-page)) .hero-place,:where(html:not(.kb-page)) .eyebrow{display: inline-block; text-transform: none; letter-spacing: 0; font-weight: 600; font-size: .85rem;
padding: .25rem .75rem; border-radius: 999px;}
:where(html:not(.kb-page)) .hero-place::before,:where(html:not(.kb-page)) .eyebrow::before{content: none;}
:where(html:not(.kb-page)) .eyebrow{background: var(--tint-2); color: var(--green-deep);}
:where(html:not(.kb-page)) .hero-place{background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.3);}
:where(html:not(.kb-page)) .feature .eyebrow,:where(html:not(.kb-page)) .objective-band .eyebrow{background: rgba(255,255,255,.14); color: #fff;}
:where(html:not(.kb-page)) .hero .carousel-item,:where(html:not(.kb-page)) .page-hero{background:
linear-gradient(100deg, rgba(30, 51, 36, .92) 0%, rgba(30, 51, 36, .74) 48%, rgba(30, 51, 36, .30) 100%),
var(--slide-photo, var(--banner-photo, none)) center / cover no-repeat,
var(--green-night);}
:where(html:not(.kb-page)) .hero .carousel-indicators [data-bs-target]{border-radius: 4px;}
:where(html:not(.kb-page)) .hero .carousel-indicators .active{background: #fff;}
:where(html:not(.kb-page)) .hero-badges span{border-radius: 999px; text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .section-soft{background: var(--stone);}
:where(html:not(.kb-page)) .path-card,:where(html:not(.kb-page)) .portfolio,:where(html:not(.kb-page)) .form-card,:where(html:not(.kb-page)) .ev-card,:where(html:not(.kb-page)) .feature,:where(html:not(.kb-page)) .countdown,:where(html:not(.kb-page)) .fact-panel,:where(html:not(.kb-page)) .mv-card,:where(html:not(.kb-page)) .belong-grid article,:where(html:not(.kb-page)) .res-list li,:where(html:not(.kb-page)) .ym,:where(html:not(.kb-page)) .pay-method,:where(html:not(.kb-page)) .filter-empty,:where(html:not(.kb-page)) .gallery .tile{border-radius: var(--radius);}
:where(html:not(.kb-page)) .path-card,:where(html:not(.kb-page)) .portfolio,:where(html:not(.kb-page)) .form-card{border: 1px solid var(--line); border-top: 4px solid var(--green);}
:where(html:not(.kb-page)) .portfolios .col-md-6:nth-child(even) .portfolio{border-top-color: var(--green-deep);}
:where(html:not(.kb-page)) .objectives .col-sm-6:nth-child(1) h3::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23346040' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='16' cy='8' r='3'/%3E%3Cpath d='M2 20c.7-3.6 3-5.6 6-5.6s5.3 2 6 5.6M12.5 15c.9-.4 2.1-.6 3.5-.6 3 0 5.3 2 6 5.6'/%3E%3C/svg%3E");}
:where(html:not(.kb-page)) .objectives .col-sm-6:nth-child(2) h3::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23346040' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.4-7.5-10A4.2 4.2 0 0 1 12 7.6 4.2 4.2 0 0 1 19.5 10c0 5.6-7.5 10-7.5 10z'/%3E%3C/svg%3E");}
:where(html:not(.kb-page)) .objectives .col-sm-6:nth-child(3) h3::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23346040' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 18V6l11-2v12'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E");}
:where(html:not(.kb-page)) .objectives .col-sm-6:nth-child(4) h3::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23346040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19l6-6 4 4 6-8'/%3E%3Cpath d='M15 9h5v5'/%3E%3C/svg%3E");}
:where(html:not(.kb-page)) .countdown{background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2);}
:where(html:not(.kb-page)) .countdown-label{color: var(--mint); text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .countdown-grid div{background: rgba(255,255,255,.12); border-radius: 10px;}
:where(html:not(.kb-page)) .numbers{background: var(--green);}
:where(html:not(.kb-page)) .numbers .col-6:nth-child(even) .num{color: var(--mint);}
:where(html:not(.kb-page)) .gallery .tile img{position: absolute; inset: 0;}
:where(html:not(.kb-page)) .gallery figcaption{background: linear-gradient(transparent, rgba(30,51,36,.9)); font-weight: 600;}
:where(html:not(.kb-page)) .donate-band{background: linear-gradient(110deg, var(--green-night), var(--green-deep)); border-top: 0;}
:where(html:not(.kb-page)) .donate-band .btn-gold,:where(html:not(.kb-page)) .host-band .btn-gold{background: #fff; border-color: #fff; color: var(--green-deep);}
:where(html:not(.kb-page)) .donate-band .btn-gold:hover,:where(html:not(.kb-page)) .host-band .btn-gold:hover{background: var(--mint); border-color: var(--mint); color: var(--green-night);}
:where(html:not(.kb-page)) .host-band{background: linear-gradient(110deg, var(--green-night), var(--green));}
:where(html:not(.kb-page)) .path-card .path-price{color: var(--green);}
:where(html:not(.kb-page)) .path-featured{border-top-color: var(--green-deep);}
:where(html:not(.kb-page)) .path-featured::before{background: var(--green-deep); color: #fff; border-radius: 999px; text-transform: none; letter-spacing: 0; font-weight: 600;}
:where(html:not(.kb-page)) .fact-panel{background: var(--stone); border-top: 0; border-left: 4px solid var(--green);}
:where(html:not(.kb-page)) .objective-band{background: linear-gradient(110deg, var(--green-night), var(--green));}
:where(html:not(.kb-page)) .mv-card{background: var(--stone);}
:where(html:not(.kb-page)) .mv-vision{border-left-color: var(--green-deep);}
:where(html:not(.kb-page)) .person{background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem .8rem 1rem; height: 100%; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .person .initials{background: var(--tint-2); border: 0; color: var(--green-deep);}
:where(html:not(.kb-page)) .committee .col-6:nth-child(even) .initials{color: var(--green-deep);}
:where(html:not(.kb-page)) .tick-list li::before{border-color: var(--green);}
:where(html:not(.kb-page)) .steps li::before{background: var(--tint-2); color: var(--green-deep);}
:where(html:not(.kb-page)) .journey li::before{background: var(--green); color: #fff;}
:where(html:not(.kb-page)) .values .sw,:where(html:not(.kb-page)) .values li:nth-child(even) .sw{color: var(--green);}
:where(html:not(.kb-page)) .res-jump a,:where(html:not(.kb-page)) .chip{border-radius: 999px; text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .res-list li{background: var(--stone); border-left-color: var(--green);}
:where(html:not(.kb-page)) .ym.has{border-top-color: var(--green);}
:where(html:not(.kb-page)) .belong-grid article,:where(html:not(.kb-page)) .belong-grid article:nth-child(even){background: var(--stone); border-left-color: var(--green);}
:where(html:not(.kb-page)) .feature{background: radial-gradient(circle at 10% 0%, rgba(240,207,138,.22), transparent 45%), linear-gradient(120deg, var(--green-night), var(--green-deep));}
:where(html:not(.kb-page)) .feature .ev-facts dt{color: var(--mint);}
:where(html:not(.kb-page)) .feature .btn-link{color: var(--mint);}
:where(html:not(.kb-page)) .ev-status,:where(html:not(.kb-page)) .ev-tags li,:where(html:not(.kb-page)) .hero-badges span{border-radius: 999px; text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .ev-tags .tag-everyone{background: var(--tint-2); border-color: transparent; color: var(--green-deep);}
:where(html:not(.kb-page)) .is-linked{outline-color: var(--green);}
:where(html:not(.kb-page)) .emergency{border-radius: 0 var(--radius) var(--radius) 0; background: rgba(178,59,53,.07);}
:where(html:not(.kb-page)) .msg{background: var(--tint); border-radius: 0 10px 10px 0;}
:where(html:not(.kb-page)) .msg.warn{border-left-color: #B7791F; background: #FEF6E4;}
:where(html:not(.kb-page)) .pay-ref{background: var(--tint); border-left-color: var(--green); border-radius: 8px;}
:where(html:not(.kb-page)) .pay-method:nth-child(2){border-top-color: var(--green-deep);}
:where(html:not(.kb-page)) .pay-method:nth-child(3){border-top-color: var(--green-night);}
:where(html:not(.kb-page)) .tag{background: var(--mint); color: var(--green-night); border-radius: 999px; text-transform: none; letter-spacing: 0;}
:where(html:not(.kb-page)) .benefit h3::before{background: var(--mint);}
:where(html:not(.kb-page)) .form-control,:where(html:not(.kb-page)) .form-select{border-radius: 8px; border-color: #D1D5DB;}
:where(html:not(.kb-page)) .form-control:focus,:where(html:not(.kb-page)) .form-select:focus{box-shadow: 0 0 0 3px rgba(var(--green-rgb), .2);}
:where(html:not(.kb-page)) .choice-group .form-check{border-radius: 10px;}
:where(html:not(.kb-page)) .faq .accordion-button:not(.collapsed){background: var(--tint);}
:where(html:not(.kb-page)) .social a{border-radius: 999px;}
:where(html:not(.kb-page)) .social a:hover{background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5);}
:where(html:not(.kb-page)) .help-bubble{background: var(--green); color: #fff;}
:where(html:not(.kb-page)) .help-bubble-label{border-radius: 8px; background: var(--green-night);}
:where(html:not(.kb-page)) .photo-credit{font-size: .8rem; color: var(--muted); margin-top: .6rem;}
:where(html:not(.kb-page)) .credits{list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 1rem;}
:where(html:not(.kb-page)) .credits li{border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #fff;}
:where(html:not(.kb-page)) .credits img{width: 100%; height: 150px; object-fit: cover; display: block; background: var(--stone);}
:where(html:not(.kb-page)) .credits p{margin: 0; padding: .7rem .9rem; font-size: .92rem;}
:where(html:not(.kb-page)) .credits .used{display: block; color: var(--muted); font-size: .85rem;}
:where(html:not(.kb-page)) .hero-place{align-self: flex-start;}
:where(html:not(.kb-page)) .practice-card{display: grid; grid-template-columns: 1.4fr 1fr; gap: 1.5rem; align-items: center; background: var(--tint);
border: 2px dashed var(--green); border-radius: var(--radius); padding: 1.6rem; margin-bottom: 3rem;}
:where(html:not(.kb-page)) .practice-card h2{color: var(--green); font-weight: 700;}
:where(html:not(.kb-page)) .practice-details{background: var(--white); border-radius: var(--radius); padding: 1.2rem; margin: 0; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .practice-details div{display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--line);}
:where(html:not(.kb-page)) .practice-details div:last-child{border: 0;}
:where(html:not(.kb-page)) .practice-details dt{font-weight: 600;}
:where(html:not(.kb-page)) .practice-details dd{margin: 0;}
:where(html:not(.kb-page)) .practice-details code{font-size: 1.05rem; color: var(--ink); background: var(--stone); padding: .1rem .4rem; border-radius: 4px;}
:where(html:not(.kb-page)) .pd-btn{margin: .9rem 0 0;}
:where(html:not(.kb-page)) .pd-btn .btn{width: 100%;}
:where(html:not(.kb-page)) .guide-steps{list-style: none; padding: 0; margin: 0; display: grid; gap: 2.5rem;}
:where(html:not(.kb-page)) .guide-step{display: grid; grid-template-columns: 1fr 300px; gap: 2rem; align-items: start; padding-bottom: 2.5rem; border-bottom: 1px solid var(--line);}
:where(html:not(.kb-page)) .guide-num{display: inline-block; background: var(--green); color: var(--white); font-weight: 600; font-size: .85rem;
border-radius: 999px; padding: .15rem .7rem; margin-bottom: .5rem;}
:where(html:not(.kb-page)) .guide-step h2{font-size: 1.5rem; font-weight: 700; color: var(--green);}
:where(html:not(.kb-page)) .guide-shot{margin: 0;}
:where(html:not(.kb-page)) .guide-shot img{width: 100%; max-height: 640px; object-fit: cover; object-position: top; border-radius: 14px;
border: 1px solid var(--line); box-shadow: var(--shadow); background: var(--white);}
:where(html:not(.kb-page)) .guide-help{margin-top: 2.5rem; padding: 1.4rem; border-left: 5px solid var(--green); background: var(--stone); border-radius: 4px;}
:where(html:not(.kb-page)) .guide-help h2{font-size: 1.3rem; font-weight: 700; color: var(--green);}
:where(html:not(.kb-page)) .guide-msg{margin: 0 0 2rem; padding: 1rem 1.2rem; background: var(--tint); border-left: 5px solid var(--green); border-radius: 4px;}
:where(html:not(.kb-page)) .guide-kicker{margin: 0 0 .3rem; font-size: .85rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--green);}
:where(html:not(.kb-page)) .guide-note{font-size: .95rem; color: var(--ink); opacity: .85;}
:where(html:not(.kb-page)) .guide-step h3{font-size: 1.3rem; font-weight: 700; color: var(--green);}
@media (max-width: 767px){:where(html:not(.kb-page)) .practice-card,:where(html:not(.kb-page)) .guide-step{grid-template-columns: 1fr;}
:where(html:not(.kb-page)) .guide-shot{max-width: 340px;}}
@media print{:where(html:not(.kb-page)) .skip-link,:where(html:not(.kb-page)) .cta{display: none !important;}
:where(html:not(.kb-page)) .page-hero{padding: 1.6rem 0;}
:where(html:not(.kb-page)) .section{padding: 1.2rem 0;}
:where(html:not(.kb-page)) .practice-card{margin-bottom: 1.5rem; padding: 1rem; grid-template-columns: 1.3fr 1fr;}
:where(html:not(.kb-page)) .guide-steps{gap: 1.1rem;}
:where(html:not(.kb-page)) .guide-step{break-inside: avoid; grid-template-columns: 1fr 190px; gap: 1.2rem; padding-bottom: 1.1rem;}
:where(html:not(.kb-page)) .guide-step.no-shot{break-inside: auto;}
:where(html:not(.kb-page)) pre.code{background: #F6F8FB; color: #172719; border: 1px solid #ccc;}
:where(html:not(.kb-page)) .guide-shot img{max-height: 330px; box-shadow: none;}}
:where(html:not(.kb-page)) .albums{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem;}
:where(html:not(.kb-page)) .album{display: block; text-decoration: none; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow);}
:where(html:not(.kb-page)) .album:hover{border-color: var(--green);}
:where(html:not(.kb-page)) .album-cover{display: block; aspect-ratio: 4 / 3; background: var(--stone);}
:where(html:not(.kb-page)) .album-cover img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(html:not(.kb-page)) .album-text{display: flex; flex-direction: column; padding: .8rem 1rem;}
:where(html:not(.kb-page)) .album-text span{color: var(--muted); font-size: .9rem;}
:where(html:not(.kb-page)) .photo-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .8rem;}
:where(html:not(.kb-page)) #album-view{scroll-margin-top: 120px;}
:where(html:not(.kb-page)) .photo-grid figure{margin: 0;}
:where(html:not(.kb-page)) .photo-grid figcaption{font-size: .9rem; color: var(--muted); padding: .35rem .1rem 0;}
:where(html:not(.kb-page)) .tile-open{display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in;}
:where(html:not(.kb-page)) .photo-grid .tile-open{aspect-ratio: 4 / 3; height: auto; border-radius: 10px; overflow: hidden;}
:where(html:not(.kb-page)) .tile-open img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(html:not(.kb-page)) .back-link{font-weight: 600; text-decoration: none;}
:where(html:not(.kb-page)) .consent-box{border: 1px solid var(--line, #D8E0D9); border-radius: 6px; padding: 1rem 1.2rem .6rem; background: var(--stone);}
:where(html:not(.kb-page)) .consent-box legend{float: none; width: auto; padding: 0 .4rem; margin: 0 0 .4rem -.4rem; font-weight: 700;}
:where(html:not(.kb-page)) .consent-box .form-check{margin-bottom: .6rem;}
:where(html:not(.kb-page)) .photo-consent{margin-top: 2.5rem; padding: 1.2rem 1.4rem; background: var(--stone); border-left: 5px solid var(--green);}
:where(html:not(.kb-page)) .lightbox{position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center;}
:where(html:not(.kb-page)) .lightbox[hidden]{display: none;}
:where(html:not(.kb-page)) .lightbox figure{margin: 0; max-width: 92vw; text-align: center;}
:where(html:not(.kb-page)) .lightbox img{max-width: 92vw; max-height: 80vh; object-fit: contain;}
:where(html:not(.kb-page)) .lightbox figcaption{color: #fff; margin-top: .6rem;}
:where(html:not(.kb-page)) .lightbox button{position: absolute; background: rgba(255,255,255,.12); color: #fff; border: 0; width: 48px; height: 48px; border-radius: 50%; font-size: 2rem; line-height: 1;}
:where(html:not(.kb-page)) .lightbox .lb-close{top: 14px; right: 14px;}
:where(html:not(.kb-page)) .lightbox .lb-prev{left: 10px; top: 50%; transform: translateY(-50%);}
:where(html:not(.kb-page)) .lightbox .lb-next{right: 10px; top: 50%; transform: translateY(-50%);}
:where(html:not(.kb-page)) body.lb-open{overflow: hidden;}
:where(html:not(.kb-page)) .ev-photo{display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden;}
:where(html:not(.kb-page)) .ev-photo img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(html:not(.kb-page)) .ev-photo span{position: absolute; right: 8px; bottom: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: .8rem; padding: .15rem .55rem; border-radius: 999px;}
:where(html:not(.kb-page)) .guide-step h3{font-size: 1.35rem; font-weight: 700; color: var(--green);}
:where(html:not(.kb-page)) .guide-step.no-shot{grid-template-columns: 1fr;}
:where(html:not(.kb-page)) .guide-toc{background: var(--stone); border-radius: var(--radius); padding: 1rem 1.4rem;}
:where(html:not(.kb-page)) .guide-toc ol{margin: 0; columns: 2; list-style: none; padding-left: 0;}
@media (max-width: 575px){:where(html:not(.kb-page)) .guide-toc ol{columns: 1;}}
:where(html:not(.kb-page)) pre.code{background: #172719; color: #E8F2E9; padding: .8rem 1rem; border-radius: 8px; font-size: .85rem; white-space: pre-wrap; word-break: break-word;}
:root:where(:not(.kb-page)){--msitu: #16244D; 
--msitu-2: #274A30; 
--mahindi: #F0CF8A; 
--damu: #346040; 
--urgent: #B42318; 
--stone: #F6F8FB;
--ink: #2B2D26;
--muted: #545849;
--green-night: var(--msitu);
--charcoal: var(--msitu);
--orange: var(--mahindi);
--mint: #F0CF8A;
--radius: 10px;
--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -12px rgba(16, 24, 40, .18);
--font-display: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
--font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
--font-brand: var(--font-display);}
:where(html:not(.kb-page)) body{font-family: var(--font-body); font-size: 1.0625rem; line-height: 1.65; color: var(--ink);}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) h4,:where(html:not(.kb-page)) .num,:where(html:not(.kb-page)) .section-title{font-family: var(--font-display); font-optical-sizing: auto;}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3{letter-spacing: -0.01em;}
:where(html:not(.kb-page)) .donate-band h2,:where(html:not(.kb-page)) .host-band h2,:where(html:not(.kb-page)) .section-green h2,:where(html:not(.kb-page)) .objective-band h2,:where(html:not(.kb-page)) .numbers,:where(html:not(.kb-page)) .cta h2,:where(html:not(.kb-page)) .page-hero h1,:where(html:not(.kb-page)) .welcome h1,:where(html:not(.kb-page)) .welcome h2{color: var(--white);}
:where(html:not(.kb-page)) .text-center p,:where(html:not(.kb-page)) p.text-center,:where(html:not(.kb-page)) .section-head.text-center p{margin-left: auto; margin-right: auto;}
:where(html:not(.kb-page)) .section-title{color: var(--msitu-2); font-weight: 700; font-size: clamp(1.9rem, 3.8vw, 2.6rem); line-height: 1.08; letter-spacing: -0.02em;}
:where(html:not(.kb-page)) .section-green .section-title{color: var(--white);}
:where(html:not(.kb-page)) p,:where(html:not(.kb-page)) li{max-width: 72ch;}
:where(html:not(.kb-page)) .hero-place,:where(html:not(.kb-page)) .eyebrow{display: block; background: none; border: 0; padding: 0; border-radius: 0; text-transform: none;
letter-spacing: 0; font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; margin-bottom: .4rem;}
:where(html:not(.kb-page)) .hero-place::before,:where(html:not(.kb-page)) .eyebrow::before{content: none;}
:where(html:not(.kb-page)) .eyebrow{color: var(--damu);}
:where(html:not(.kb-page)) .hero-place,:where(html:not(.kb-page)) .feature .eyebrow,:where(html:not(.kb-page)) .objective-band .eyebrow{color: var(--mahindi); background: none;}
:where(html:not(.kb-page)) .text-center .eyebrow,:where(html:not(.kb-page)) .section-head.text-center .eyebrow{text-align: center;}
:where(html:not(.kb-page)) .btn{text-transform: none; letter-spacing: 0; border-radius: 6px; font-family: var(--font-body); font-weight: 700; font-size: 1rem;}
:where(html:not(.kb-page)) .btn-lg{font-size: 1.08rem; padding: .8rem 1.5rem;}
:where(html:not(.kb-page)) .btn-sm{font-size: .92rem;}
:where(html:not(.kb-page)) .btn-gold::after{content: none;}
:where(html:not(.kb-page)) .btn-maize{background: var(--mahindi); color: var(--msitu); border: 2px solid var(--mahindi);}
:where(html:not(.kb-page)) .btn-maize:hover,:where(html:not(.kb-page)) .btn-maize:focus{background: #E2B866; border-color: #E2B866; color: var(--msitu);}
:where(html:not(.kb-page)) .donate-band .btn-gold,:where(html:not(.kb-page)) .host-band .btn-gold{background: var(--mahindi); border-color: var(--mahindi); color: var(--msitu);}
:where(html:not(.kb-page)) .donate-band .btn-gold:hover,:where(html:not(.kb-page)) .host-band .btn-gold:hover{background: #E2B866; border-color: #E2B866; color: var(--msitu);}
:where(html:not(.kb-page)) :focus-visible{outline: 3px solid var(--msitu); outline-offset: 2px; box-shadow: 0 0 0 6px var(--mahindi);}
:where(html:not(.kb-page)) .page-hero{--tone: var(--msitu);}
:where(html:not(.kb-page)) .page-hero h1{color: var(--white); font-weight: 800; letter-spacing: -0.03em;}
:where(html:not(.kb-page)) .path-card,:where(html:not(.kb-page)) .portfolio,:where(html:not(.kb-page)) .form-card{box-shadow: none; border-radius: 6px;}
:where(html:not(.kb-page)) .numbers{background: var(--msitu);}
:where(html:not(.kb-page)) .numbers .num,:where(html:not(.kb-page)) .numbers .col-6:nth-child(even) .num{color: var(--mahindi); font-weight: 800; letter-spacing: -0.03em;}
:where(html:not(.kb-page)) .countdown-label{color: var(--mahindi);}
:where(html:not(.kb-page)) .donate-band{background: var(--msitu); border-top: 0; position: relative;}
:where(html:not(.kb-page)) .gallery .tile{border-radius: 4px;}
:where(html:not(.kb-page)) .home{--h-line: #DDE4DE; --h-warm: #FBEFEC; --h-maize-soft: #FFF6DC;}
:where(html:not(.kb-page)) .home .section{padding: clamp(3.5rem, 7vw, 5.5rem) 0;}
:where(html:not(.kb-page)) .home ul li,:where(html:not(.kb-page)) .home ol li{max-width: none;}
:where(html:not(.kb-page)) .h-actions{display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; margin-top: 2rem;}
:where(html:not(.kb-page)) .h-actions-left{justify-content: flex-start;}
:where(html:not(.kb-page)) .h-card{background: var(--white); border: 1px solid var(--h-line); border-radius: 14px; padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start;}
:where(html:not(.kb-page)) .h-card h3,:where(html:not(.kb-page)) .h-card h4{font-size: 1.15rem; font-weight: 700; color: var(--msitu-2); margin: 0 0 .4rem;}
:where(html:not(.kb-page)) .h-card p{color: var(--muted); margin: 0; font-size: .98rem;}
:where(html:not(.kb-page)) .h-card > a:last-child{margin-top: auto; padding-top: .9rem; font-weight: 700; color: var(--damu);}
:where(html:not(.kb-page)) .h-gallery .gallery{grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: .9rem; margin-top: 1.75rem;}
:where(html:not(.kb-page)) .h-gallery .gallery .tile{border-radius: 12px;}
:where(html:not(.kb-page)) .h-gallery .gallery .tile:nth-child(n){grid-row: auto; grid-column: auto;}
:where(html:not(.kb-page)) .h-gallery .gallery .tile:first-child{grid-column: span 2; grid-row: span 2;}
:where(html:not(.kb-page)) .h-gallery .gallery .tile:nth-child(n+6){display: none;}
:where(html:not(.kb-page)) .h-gallery .h-actions{justify-content: flex-start; margin-top: 1.25rem;}
@media (max-width: 991px){:where(html:not(.kb-page)) .h-gallery .gallery{grid-template-columns: repeat(2, 1fr); grid-auto-rows: 170px;}}
@media (max-width: 420px){:where(html:not(.kb-page)) .h-gallery .gallery{grid-auto-rows: 130px;}}
:where(html:not(.kb-page)) .home ul,:where(html:not(.kb-page)) .home ol{max-width: none;}
:where(html:not(.kb-page)) .u-lead{font-size: 1.12rem; color: var(--ink);}
:where(html:not(.kb-page)) .u-more summary{cursor: pointer; font-weight: 700; color: var(--damu); margin-bottom: .75rem;}
:where(html:not(.kb-page)) .u-more p{color: var(--muted);}
:where(html:not(.kb-page)) .u-finder-form{display: flex; gap: .6rem; margin: 1.5rem 0 1rem;}
:where(html:not(.kb-page)) .u-finder-form .form-control{flex: 1;}
:where(html:not(.kb-page)) .u-finder-form .btn{display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap;}
:where(html:not(.kb-page)) .u-finder-form .btn svg{width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round;}
:where(html:not(.kb-page)) .u-finder-chips{display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-bottom: 1.25rem;}
:where(html:not(.kb-page)) .u-finder-chips button{background: transparent; color: #fff; border: 1.5px solid rgba(255, 255, 255, .5); border-radius: 999px; padding: .35rem .95rem; font-weight: 600; font-size: .92rem;}
:where(html:not(.kb-page)) .u-finder-chips button:hover{background: #fff; color: var(--msitu);}
:where(html:not(.kb-page)) .u-finder-results{list-style: none; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .5rem; text-align: left;}
:where(html:not(.kb-page)) .u-finder-results li{background: #fff; border-radius: 10px;}
:where(html:not(.kb-page)) .u-finder-results a{display: block; padding: .8rem 1rem; color: var(--msitu-2); font-weight: 700;}
:where(html:not(.kb-page)) .u-finder-results .u-finder-none{padding: .8rem 1rem; color: var(--ink);}
:where(html:not(.kb-page)) .u-finder-results .u-finder-none a{display: inline; padding: 0; color: var(--damu);}
:where(html:not(.kb-page)) .u-tiles{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem;}
:where(html:not(.kb-page)) .u-tiles a{display: flex; align-items: center; gap: .9rem; height: 100%; background: #fff; border: 1px solid #DDE4DE; border-radius: 12px; padding: 1rem 1.1rem;
color: var(--msitu-2); font-weight: 700; text-decoration: none;}
:where(html:not(.kb-page)) .u-tiles a:hover,:where(html:not(.kb-page)) .u-tiles a:focus{border-color: var(--msitu); background: #F7FAF8;}
:where(html:not(.kb-page)) .u-tiles svg{width: 30px; height: 30px; flex: none; fill: none; stroke: var(--damu); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
@media (max-width: 991px){:where(html:not(.kb-page)) .u-tiles{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 575px){:where(html:not(.kb-page)) .u-tiles li:last-child:nth-child(odd){grid-column: 1 / -1;}
:where(html:not(.kb-page)) .u-tiles{grid-template-columns: 1fr 1fr; gap: .6rem;}
:where(html:not(.kb-page)) .u-tiles a{flex-direction: column; align-items: flex-start; gap: .5rem; padding: .85rem; font-size: .95rem;}
:where(html:not(.kb-page)) .u-finder-form{flex-direction: column;}}
:where(html:not(.kb-page)) .form-control,:where(html:not(.kb-page)) .form-select,:where(html:not(.kb-page)) .form-check-input{border-color: #728074;}
:where(html:not(.kb-page)) .form-check-input{border-width: 1.5px;}
:where(html:not(.kb-page)) .form-control:focus,:where(html:not(.kb-page)) .form-select:focus{border-color: var(--green);}
:where(html:not(.kb-page)) .form-control::placeholder{color: #5F6B64; opacity: 1;}
:where(html:not(.kb-page)) .policy-table{font-size: .97rem;}
:where(html:not(.kb-page)) .policy-table th{background: var(--stone); color: var(--msitu-2, #153419); font-family: var(--font-display);}
:where(html:not(.kb-page)) .policy-table td,:where(html:not(.kb-page)) .policy-table th{padding: .7rem .75rem; vertical-align: top;}
@media (max-width: 575px){:where(html:not(.kb-page)) .policy-table thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
:where(html:not(.kb-page)) .policy-table tr{display: block; border-bottom: 2px solid var(--line); padding: .4rem 0;}
:where(html:not(.kb-page)) .policy-table td{display: block; border: 0; padding: .3rem .25rem;}
:where(html:not(.kb-page)) .policy-table td:first-child{font-weight: 700;}
:where(html:not(.kb-page)) .policy-table td[data-label]:not(:first-child)::before{content: attr(data-label) ": "; font-weight: 700; color: var(--muted);}}
:where(html:not(.kb-page)) .btn:focus-visible,:where(html:not(.kb-page)) .btn:active:focus-visible,:where(html:not(.kb-page)) .nav-link:focus-visible,:where(html:not(.kb-page)) .dropdown-item:focus-visible,:where(html:not(.kb-page)) .form-check-input:focus-visible{outline: 3px solid var(--msitu, #1A2C1F) !important; outline-offset: 2px; box-shadow: 0 0 0 6px var(--mahindi, #F0B323) !important;}
:where(html:not(.kb-page)) .form-control:focus-visible,:where(html:not(.kb-page)) .form-select:focus-visible{outline: 3px solid var(--msitu, #1A2C1F); outline-offset: 1px;}
:where(html:not(.kb-page)) body,:where(html:not(.kb-page)) button,:where(html:not(.kb-page)) input,:where(html:not(.kb-page)) select,:where(html:not(.kb-page)) textarea{font-family: var(--font-body);}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) h4{letter-spacing: -0.015em;}
:where(html:not(.kb-page)) .eyebrow{color: var(--green);}
:where(html:not(.kb-page)) .btn-maize{background: var(--mint); border-color: var(--mint); color: var(--msitu);}
:where(html:not(.kb-page)) .btn-maize:hover,:where(html:not(.kb-page)) .btn-maize:focus{background: #fff; border-color: #fff; color: var(--msitu);}
:where(html:not(.kb-page)) .btn-help{background: var(--urgent) !important; border-color: var(--urgent) !important; color: #fff !important;}
:where(html:not(.kb-page)) :focus-visible{outline: 3px solid var(--msitu); box-shadow: 0 0 0 6px rgba(52, 96, 64, .28);}
:where(html:not(.kb-page)) .btn:focus-visible,:where(html:not(.kb-page)) .btn:active:focus-visible,:where(html:not(.kb-page)) .nav-link:focus-visible,:where(html:not(.kb-page)) .dropdown-item:focus-visible,:where(html:not(.kb-page)) .form-check-input:focus-visible{outline: 3px solid var(--msitu) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--gold, #CC9E4E) !important;}
:where(html:not(.kb-page)) .evt-tools{display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0 .4rem;}
:where(html:not(.kb-page)) .evt-btn{display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; background: #fff; color: var(--green-deep);
border: 1.5px solid rgba(var(--green-rgb), .45); border-radius: 8px; font-weight: 700; text-decoration: none;}
:where(html:not(.kb-page)) .evt-btn:hover{background: var(--tint); color: var(--green-deep); border-color: var(--green);}
:where(html:not(.kb-page)) .evt-btn.btn-sm{min-height: 40px; padding: .3rem .7rem; font-size: .92rem;}
:where(html:not(.kb-page)) .evt-ic{width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html:not(.kb-page)) .evt-wa{color: #075E54; border-color: rgba(7, 94, 84, .45);}
:where(html:not(.kb-page)) .evt-wa:hover{background: rgba(37, 211, 102, .1); color: #16244D; border-color: #075E54;}
:where(html:not(.kb-page)) .evt-tools.on-dark .evt-btn{background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .45);}
:where(html:not(.kb-page)) .evt-tools.on-dark .evt-btn:hover{background: rgba(255, 255, 255, .2); color: #fff;}
:where(html:not(.kb-page)) .cal-sub{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding: 1.4rem 1.6rem;
background: var(--stone); border: 1px solid rgba(var(--green-rgb), .25); border-left: 6px solid var(--green); border-radius: 10px;}
:where(html:not(.kb-page)) .cal-sub-text{flex: 1 1 22rem;}
:where(html:not(.kb-page)) .cal-sub-title{font-size: 1.3rem; font-weight: 800; margin: 0 0 .25rem; color: var(--msitu-2);}
:where(html:not(.kb-page)) .cal-sub-text p{margin: 0; color: var(--muted);}
:where(html:not(.kb-page)) .cal-sub-actions{display: flex; flex-wrap: wrap; gap: .5rem; align-items: center;}
:where(html:not(.kb-page)) .cal-sub-actions .btn{min-height: 44px; display: inline-flex; align-items: center;}
:where(html:not(.kb-page)) .cal-sub.compact{padding: 1rem 1.2rem;}
:where(html:not(.kb-page)) .cal-sub.compact .cal-sub-title{font-size: 1.1rem;}
:where(html:not(.kb-page)) .u-next{background: var(--msitu); color: #fff; padding: 1.6rem 0;}
:where(html:not(.kb-page)) .u-next h2{color: #fff; font-size: clamp(1.5rem, 3.4vw, 2.2rem); font-weight: 800; margin: 0 0 .3rem;}
html:where(:not(.kb-page))[data-text="large"]{font-size: 112.5%;}
html:where(:not(.kb-page))[data-text="xlarge"]{font-size: 125%;}
:where(html:not(.kb-page)) .rt{position: fixed; left: 1rem; bottom: 1rem; z-index: 1040;}
:where(html:not(.kb-page)) .rt-btn{display: inline-flex; align-items: center; gap: .45rem; min-height: 48px; padding: .4rem .95rem .4rem .75rem; border-radius: 999px;
border: 2px solid #fff; background: var(--green); color: #fff; font-weight: 700; box-shadow: 0 6px 18px -6px rgba(30, 51, 36, .55);}
:where(html:not(.kb-page)) .rt-btn svg,:where(html:not(.kb-page)) .rt-panel svg{width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
:where(html:not(.kb-page)) .rt-btn:hover{background: var(--green-deep);}
:where(html:not(.kb-page)) .rt-btn.is-reading{background: var(--msitu);}
:where(html:not(.kb-page)) .rt-panel{position: absolute; left: 0; bottom: calc(100% + .5rem); width: 250px; padding: .75rem; background: #fff; color: var(--ink);
border: 1px solid rgba(var(--green-rgb), .3); border-radius: 12px; box-shadow: 0 16px 40px -12px rgba(30, 51, 36, .4);}
:where(html:not(.kb-page)) .rt-panel[hidden]{display: none;}
:where(html:not(.kb-page)) .rt-listen,:where(html:not(.kb-page)) .rt-stop{display: flex; align-items: center; gap: .55rem; width: 100%; min-height: 48px; padding: .5rem .8rem; border: 0; border-radius: 8px;
background: var(--green); color: #fff; font-weight: 700;}
:where(html:not(.kb-page)) .rt-listen svg,:where(html:not(.kb-page)) .rt-stop svg{fill: currentColor; stroke: none;}
:where(html:not(.kb-page)) .rt-stop{background: var(--msitu);}
:where(html:not(.kb-page)) .rt-label{margin: .75rem 0 .35rem; font-weight: 700; font-size: .95rem;}
:where(html:not(.kb-page)) .rt-note{margin: 0; font-size: .9rem; color: var(--muted);}
:where(html:not(.kb-page)) .rt-sizes{display: flex; border: 1px solid #CBD4CC; border-radius: 8px; overflow: hidden;}
:where(html:not(.kb-page)) .rt-sizes button{flex: 1; min-height: 44px; border: 0; background: #fff; color: var(--msitu); font-weight: 800;}
:where(html:not(.kb-page)) .rt-sizes button + button{border-left: 1px solid #CBD4CC;}
:where(html:not(.kb-page)) .rt-sizes [data-size=""]{font-size: .9rem;}
:where(html:not(.kb-page)) .rt-sizes [data-size="large"]{font-size: 1.1rem;}
:where(html:not(.kb-page)) .rt-sizes [data-size="xlarge"]{font-size: 1.35rem;}
:where(html:not(.kb-page)) .rt-sizes button[aria-pressed="true"]{background: var(--green); color: #fff;}
:where(html:not(.kb-page)) .rt-reading{background: rgba(var(--green-rgb), .1); outline: 3px solid rgba(var(--green-rgb), .45); outline-offset: 4px; border-radius: 4px;}
@media print{:where(html:not(.kb-page)) .rt{display: none !important;}}
:where(html:not(.kb-page)) .nl-msg{margin: .9rem 0 0; padding: .7rem .9rem; border-radius: 8px; font-weight: 600;}
:where(html:not(.kb-page)) .nl-msg.is-ok{background: #E9F4EB; color: #114318; border-left: 4px solid var(--green);}
:where(html:not(.kb-page)) .nl-msg.is-error{background: #F9ECEB; color: #8F2E29; border-left: 4px solid var(--urgent);}
:where(html:not(.kb-page)) .nl-status{border: 1px solid var(--line); border-left: 6px solid var(--green); border-radius: 10px; padding: 1.2rem 1.4rem; margin-bottom: 2rem; background: #fff;}
:where(html:not(.kb-page)) .nl-status:focus{outline: none;}
:where(html:not(.kb-page)) .nl-status h2{font-size: 1.35rem; margin: 0 0 .3rem; color: var(--msitu-2);}
:where(html:not(.kb-page)) .nl-status p{margin: 0;}
:where(html:not(.kb-page)) .nl-status.is-error{border-left-color: var(--urgent);}
:where(html:not(.kb-page)) .nl-status.is-error h2{color: #8F2E29;}
:where(html:not(.kb-page)) .nl-status-actions:not(:empty){margin-top: 1rem;}
:where(html:not(.kb-page)) .nl-what{background: var(--stone); border-radius: 10px; padding: 1.6rem;}
:where(html:not(.kb-page)) .nl-list{list-style: none; padding: 0; margin: 1rem 0 0; display: grid; gap: .9rem;}
:where(html:not(.kb-page)) .nl-list li{padding-left: 1.1rem; border-left: 3px solid var(--green);}
:where(html:not(.kb-page)) .nl-list strong{display: block; color: var(--msitu-2);}
:where(html:not(.kb-page)) .u-appeal{padding: 2rem 0 1rem;}
:where(html:not(.kb-page)) .pa-head{margin-bottom: 1rem;}
:where(html:not(.kb-page)) .pa-head p{color: var(--muted);}
:where(html:not(.kb-page)) .pa-card{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center;
background: #fff; border: 1px solid var(--line); border-left: 6px solid var(--green); border-radius: 10px; padding: 1.3rem 1.5rem; margin-bottom: .8rem;}
:where(html:not(.kb-page)) .pa-kicker{margin: 0 0 .2rem; font-size: .88rem; font-weight: 600; color: var(--green);}
:where(html:not(.kb-page)) .pa-title{font-size: 1.3rem; font-weight: 800; margin: 0 0 .8rem; color: var(--ink);}
:where(html:not(.kb-page)) .pa-bar{height: 14px; border-radius: 99px; background: #E5ECE6; overflow: hidden;}
:where(html:not(.kb-page)) .pa-bar span{display: block; height: 100%; min-width: 6px; border-radius: inherit; background: linear-gradient(90deg, var(--green-deep), var(--green));}
:where(html:not(.kb-page)) .pa-nums{margin: .6rem 0 .2rem; font-size: 1.02rem;}
:where(html:not(.kb-page)) .pa-nums strong{font-size: 1.3rem; color: var(--msitu-2);}
:where(html:not(.kb-page)) .pa-dot{color: var(--muted); margin: 0 .2rem;}
:where(html:not(.kb-page)) .pa-how{margin: 0; color: var(--muted); font-size: .94rem;}
:where(html:not(.kb-page)) .pa-actions{display: flex; flex-direction: column; gap: .5rem;}
@media (max-width: 767px){:where(html:not(.kb-page)) .pa-card{grid-template-columns: 1fr; padding: 1.1rem;}
:where(html:not(.kb-page)) .pa-actions{flex-direction: row; flex-wrap: wrap;}}
:where(html:not(.kb-page)) .recent-events{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem;}
:where(html:not(.kb-page)) .recent-ev{background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
:where(html:not(.kb-page)) .recent-ev-photo{position: relative; display: block; aspect-ratio: 16 / 10; background: var(--stone);}
:where(html:not(.kb-page)) .recent-ev-photo img{width: 100%; height: 100%; object-fit: cover;}
:where(html:not(.kb-page)) .recent-ev-photo span{position: absolute; left: .6rem; bottom: .6rem; background: rgba(30, 51, 36, .85); color: #fff; font-size: .82rem; font-weight: 700; padding: .2rem .55rem; border-radius: 99px;}
:where(html:not(.kb-page)) .recent-ev-body{padding: 1rem 1.1rem 1.2rem; border-top: 4px solid var(--green); flex: 1;}
:where(html:not(.kb-page)) .recent-ev.has-album .recent-ev-body{border-top: 0;}
:where(html:not(.kb-page)) .recent-ev-when{margin: 0 0 .2rem; font-size: .88rem; font-weight: 600; color: var(--green);}
:where(html:not(.kb-page)) .recent-ev h3{font-size: 1.12rem; font-weight: 800; margin: 0 0 .5rem;}
:where(html:not(.kb-page)) .recent-ev p:not(.recent-ev-when){color: var(--muted); font-size: .94rem;}
@media (max-width: 575px){:where(html:not(.kb-page)) .rt{left: .75rem; bottom: .75rem;}
:where(html:not(.kb-page)) .rt-btn{width: 52px; height: 52px; padding: 0; justify-content: center; box-shadow: 0 4px 14px rgba(30, 51, 36, .3);}
:where(html:not(.kb-page)) .rt-btn .rt-word{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
:where(html:not(.kb-page)) .rt-btn svg{width: 24px; height: 24px;}
:where(html:not(.kb-page)) .evt-tools{display: grid; grid-template-columns: 1fr;}
:where(html:not(.kb-page)) .evt-tools .evt-btn{justify-content: center; width: 100%;}
:where(html:not(.kb-page)) .pa-actions{display: grid; grid-template-columns: 1fr;}
:where(html:not(.kb-page)) .pa-actions .btn{width: 100%;}}
:where(html:not(.kb-page)) .banner-about{--banner-photo: url("../images/stock/photo-1704494785126-9fa711d245f2-1600.webp");}
:where(html:not(.kb-page)) .banner-contact{--banner-photo: url("../images/stock/photo-1639390763147-31f98d795f2e-1600.webp");}
:where(html:not(.kb-page)) .banner-events{--banner-photo: url("../images/stock/photo-1515657241610-a6b33f0f6c5a-1600.webp");}
:where(html:not(.kb-page)) .banner-membership{--banner-photo: url("../images/stock/photo-1533659124865-d6072dc035e1-1600.webp");}
:where(html:not(.kb-page)) .banner-portfolios{--banner-photo: url("../images/stock/photo-1623241461978-668ede250064-1600.webp");}
:where(html:not(.kb-page)) .banner-resources{--banner-photo: url("../images/stock/photo-1655720348590-c739c860beed-1600.webp");}
:where(html:not(.kb-page)) .banner-welfare{--banner-photo: url("../images/stock/photo-1576560665905-28b4d4ea3380-1600.webp");}
:where(html:not(.kb-page)) .ack-panel{margin-top: 1.5rem; padding: 1.1rem 1.3rem; border-left: 4px solid #CC9E4E; background: #FBF7EE;
border-radius: 0 10px 10px 0;}
:where(html:not(.kb-page)) .ack-panel h3{font-size: 1rem; margin: 0 0 .35rem;}
:where(html:not(.kb-page)) .ack-panel p{margin: 0;}
/* ===== public.css (all pages except class="kb-page") ===== */
@font-face{font-family: "Lexend Fallback";
src: local("Arial"), local("ArialMT"), local("Arimo"), local("Liberation Sans"),
local("Roboto"), local("Roboto Regular"), local("Roboto-Regular"), local("Helvetica Neue"), local("Helvetica");
size-adjust: 110.6%;
ascent-override: 90.4%;
descent-override: 22.6%;
line-gap-override: 0%;}
:root:where(:not(.kb-page)){--green: #3F8344; 
--green-deep: #2F6A34; 
--green-night: #1B2550; 
--green-rgb: 63, 131, 68;
--leaf: #E6F2E7; 
--accent: #5EB164; 
--teal: #1B2550;
--teal-deep: #12343A;
--link: #2563EB; 
--mint: #7ECF92; 
--red: #C62828; 
--urgent: #C62828;
--ink: #111827;
--muted: #4B5563;
--stone: #F3F4F6; 
--line: #E5E7EB;
--line-soft: #F3F4F6;
--msitu: #1B2550;
--msitu-2: #111827; 
--mahindi: #7ECF92;
--damu: #2563EB;
--charcoal: #282F28;
--footer: #282F28;
--radius: 12px;
--shadow: 0 1px 2px rgba(17, 24, 39, .05);
--font-display: "Lexend", "Lexend Fallback", "Segoe UI", Roboto, Arial, sans-serif;
--font-body: "Lexend", "Lexend Fallback", "Segoe UI", Roboto, Arial, sans-serif;
--font-brand: "Lexend", "Lexend Fallback", "Segoe UI", Roboto, Arial, sans-serif;}
:where(html:not(.kb-page)) body{font-family: var(--font-body); color: var(--ink); letter-spacing: .005em;}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) h4,:where(html:not(.kb-page)) .section-title{font-family: var(--font-display); color: var(--ink); letter-spacing: .01em; font-weight: 600;}
:where(html:not(.kb-page)) a{color: var(--link);}
:where(html:not(.kb-page)) a:hover{color: #1D4ED8;}
:where(html:not(.kb-page)) .eyebrow{color: var(--green); letter-spacing: .02em;}
:where(html:not(.kb-page)) .btn{border-radius: 999px; text-transform: none; letter-spacing: .01em; font-weight: 500;}
:where(html:not(.kb-page)) .btn-gold,:where(html:not(.kb-page)) .btn-maize{background: var(--green); border-color: var(--green); color: #fff;}
:where(html:not(.kb-page)) .btn-gold:hover,:where(html:not(.kb-page)) .btn-gold:focus,:where(html:not(.kb-page)) .btn-maize:hover,:where(html:not(.kb-page)) .btn-maize:focus{background: var(--green-deep); border-color: var(--green-deep); color: #fff;}
:where(html:not(.kb-page)) .btn-ghost{background: #fff; border-color: #fff; color: var(--ink);}
:where(html:not(.kb-page)) .btn-ghost:hover,:where(html:not(.kb-page)) .btn-ghost:focus{background: #F3F4F6; border-color: #F3F4F6; color: var(--ink);}
:where(html:not(.kb-page)) .btn-outline-ink{border-color: var(--line); color: var(--ink); background: #fff;}
:where(html:not(.kb-page)) .btn-outline-ink:hover,:where(html:not(.kb-page)) .btn-outline-ink:focus{border-color: var(--ink); color: var(--ink); background: #fff;}
:where(html:not(.kb-page)) .btn-help{border-radius: 999px !important;}
:where(html:not(.kb-page)) .hero .carousel-item,:where(html:not(.kb-page)) .page-hero{background:
linear-gradient(90deg, rgba(17, 24, 39, .84) 0%, rgba(17, 24, 39, .6) 50%, rgba(17, 24, 39, .3) 100%),
var(--slide-photo, var(--banner-photo, none)) center / cover no-repeat,
url("../images/hero-landscape.svg") 70% 60% / cover no-repeat,
var(--teal) !important;}
@media (max-width: 767px){:where(html:not(.kb-page)) .page-hero{background:
linear-gradient(180deg, rgba(17, 24, 39, .55) 0%, rgba(17, 24, 39, .82) 100%),
var(--banner-photo, none) center / cover no-repeat,
url("../images/hero-landscape.svg") 70% 60% / cover no-repeat,
var(--teal) !important;}}
:where(html:not(.kb-page)) .page-hero{background-color: var(--teal);}
:where(html:not(.kb-page)) .page-hero h1{font-weight: 500; letter-spacing: .02em;}
:where(html:not(.kb-page)) .hero-place{color: #fff; opacity: .9;}
:where(html:not(.kb-page)) .hero-lead{color: #F3F4F6;}
:where(html:not(.kb-page)) .h-card,:where(html:not(.kb-page)) .portfolio,:where(html:not(.kb-page)) .path-card,:where(html:not(.kb-page)) .form-card,:where(html:not(.kb-page)) .fact-panel,:where(html:not(.kb-page)) .mv-card,:where(html:not(.kb-page)) .benefit{border: 1px solid var(--line) !important; border-radius: 8px !important; box-shadow: none !important;}
:where(html:not(.kb-page)) .h-card h3,:where(html:not(.kb-page)) .portfolio h2,:where(html:not(.kb-page)) .path-card h3{color: var(--ink); font-weight: 600;}
:where(html:not(.kb-page)) .h-card > a:last-child{color: var(--link); font-weight: 500;}
:where(html:not(.kb-page)) .section-soft{background: var(--stone) !important;}
:where(html:not(.kb-page)) .home > .section:not(.section-soft){background: #fff !important;}
:where(html:not(.kb-page)) .hero-actions{margin-top: 1.5rem;}
:where(html:not(.kb-page)) .page-hero .hero-actions .btn{min-height: 48px;}
@media (max-width: 575px){:where(html:not(.kb-page)) .hero-actions .btn{width: 100%; justify-content: center;}}
:where(html:not(.kb-page)) .objective-band,:where(html:not(.kb-page)) .cta,:where(html:not(.kb-page)) .donate-band,:where(html:not(.kb-page)) .host-band,:where(html:not(.kb-page)) .section-green,:where(html:not(.kb-page)) .u-next{background: var(--teal) !important;}
:where(html:not(.kb-page)) .app-top,:where(html:not(.kb-page)) .pt-head,:where(html:not(.kb-page)) .auth-intro,:where(html:not(.kb-page)) .drawer-head{background: var(--teal) !important;}
:where(html:not(.kb-page)) .side button.on,:where(html:not(.kb-page)) .drawer-nav button.on{box-shadow: inset 4px 0 0 var(--green) !important;}
:where(html:not(.kb-page)) .tabbar button.on{color: var(--green) !important;}
:where(html:not(.kb-page)) .u-tiles svg{box-sizing: border-box; width: 46px; height: 46px; padding: 9px; border-radius: 12px; color: #1D4ED8; background: #E5EDFD;}
:where(html:not(.kb-page)) .u-tiles svg.ut-green{color: #2F6B34; background: #E6F2E7;}
:where(html:not(.kb-page)) .u-tiles svg.ut-teal{color: #1B2550; background: #E0EEEF;}
:where(html:not(.kb-page)) .u-tiles svg.ut-red{color: #B71C1C; background: #FBE7E7;}
:where(html:not(.kb-page)) .u-tiles svg.ut-amber{color: #A0520B; background: #FDF0DC;}
:where(html:not(.kb-page)) .u-tiles a:hover svg{transform: scale(1.06);}
:where(html:not(.kb-page)) .u-tiles svg{transition: transform .15s ease;}
@media (max-width: 575.98px){:where(html:not(.kb-page)) .u-tiles svg{width: 40px; height: 40px; padding: 8px;}}
:where(html:not(.kb-page)) .auth-points svg{box-sizing: border-box; width: 46px; height: 46px; padding: 9px; border-radius: 12px; background: rgba(255, 255, 255, .12); color: #C3E6C5; margin-top: 0;}
@media (prefers-reduced-motion: reduce){:where(html:not(.kb-page)) .u-tiles svg{transition: none;}}
:where(html:not(.kb-page)) .cta{padding: 3.5rem 0; color: #E5ECE6;}
:where(html:not(.kb-page)) .cta h2{margin-bottom: .5rem;}
:where(html:not(.kb-page)) .cta p{color: #D6E3DF; max-width: 40rem; margin: 0 auto 1.5rem;}
:where(html:not(.kb-page)) .cta .cta-actions{justify-content: center;}
:where(html:not(.kb-page)) #benefits .benefits{gap: 1rem;}
:where(html:not(.kb-page)) #benefits .benefit{background: #fff; padding: 1.25rem 1.3rem; border-top: 1px solid var(--line);}
:where(html:not(.kb-page)) #benefits .benefit h3{display: block; color: var(--ink); font-size: 1.12rem; font-weight: 600; line-height: 1.35;}
:where(html:not(.kb-page)) #benefits .benefit h3::before{content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--green); margin-right: .55rem; vertical-align: .12em;}
:where(html:not(.kb-page)) #benefits .benefit h3 .tag{display: table; margin-top: .45rem; background: #E6F2E7; color: #2F6B34; font-weight: 600;}
:where(html:not(.kb-page)) #benefits .benefit p{color: var(--muted); opacity: 1;}
:where(html:not(.kb-page)) #benefits .benefits-lead{color: var(--muted);}
:where(html:not(.kb-page)) #benefits .benefits-lead .tag{background: #E6F2E7; color: #2F6B34;}
:where(html:not(.kb-page)) .drawer-nav > button,:where(html:not(.kb-page)) .drawer-group summary{color: var(--ink); font-weight: 700; font-size: 1.02rem;}
:where(html:not(.kb-page)) .drawer-group > button,:where(html:not(.kb-page)) .drawer-group > a{color: var(--ink); font-weight: 600; font-size: 1rem;}
:where(html:not(.kb-page)) .drawer-nav button.on,:where(html:not(.kb-page)) .side button.on{background: var(--leaf) !important; color: var(--teal) !important; font-weight: 700;}
:where(html:not(.kb-page)) .drawer-nav button:hover,:where(html:not(.kb-page)) .drawer-group summary:hover,:where(html:not(.kb-page)) .drawer-group > a:hover,:where(html:not(.kb-page)) .side button:hover{background: #F3F4F6;}
:where(html:not(.kb-page)) .drawer-nav button.on:hover,:where(html:not(.kb-page)) .side button.on:hover{background: var(--leaf);}
:where(html:not(.kb-page)) .drawer-nav > button svg,:where(html:not(.kb-page)) .drawer-group summary > svg:first-child,:where(html:not(.kb-page)) .side button svg{color: var(--green);}
:where(html:not(.kb-page)) .drawer-group summary .chev{color: #4B5563;}
:where(html:not(.kb-page)) .side button{color: var(--ink); font-weight: 600;}
:where(html:not(.kb-page)) .side-label{color: #4B5563;}
:root:where(:not(.kb-page)){--u-night: #11231B; 
--u-night-2: #183126; 
--u-green: #2F6B3D; 
--u-green-deep: #1F2F63;
--u-gold: #CC9E4E; 
--u-gold-light: #E9C98A;
--u-cream: #F7F3EA; 
--u-red: #B42318; 
--u-ink: #16201A;
--u-muted: #4B5348;
--u-line: #E6E1D4;
--u-radius: 22px;
--u-shadow: 0 1px 2px rgba(17, 35, 27, .06), 0 18px 40px -18px rgba(17, 35, 27, .28);
--u-stripe: repeating-linear-gradient(90deg, #393B32 0 22px, #B42318 22px 44px, #00753A 44px 66px, #CC9E4E 66px 88px);
--green: var(--u-green); --green-deep: var(--u-green-deep); --green-rgb: 47, 107, 61;
--link: var(--u-green); --damu: var(--u-green); --msitu: var(--u-night); --msitu-2: var(--u-ink); --teal: var(--u-night);
--ink: var(--u-ink); --muted: var(--u-muted); --stone: var(--u-cream); --line: var(--u-line); --line-soft: #EFEBE1;
--red: var(--u-red); --urgent: var(--u-red); --mahindi: var(--u-gold-light); --mint: var(--u-gold-light); --orange: var(--u-gold-light);
--font-display: "Lexend", "Lexend Fallback", "Segoe UI", Roboto, Arial, sans-serif;}
:where(html:not(.kb-page)) body{color: var(--u-ink); font-size: 1.0625rem; line-height: 1.7;}
:where(html:not(.kb-page)) h1,:where(html:not(.kb-page)) h2,:where(html:not(.kb-page)) h3,:where(html:not(.kb-page)) h4{color: var(--u-ink);}
:where(html:not(.kb-page)) a{color: var(--u-green); text-underline-offset: 3px;}
:where(html:not(.kb-page)) .section-title{font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 700; line-height: 1.06; letter-spacing: -0.03em; color: var(--u-ink);}
:where(html:not(.kb-page)) .section-title::before{content: ""; display: block; width: 88px; height: 6px; border-radius: 3px; background: var(--u-stripe); margin-bottom: 1.1rem;}
:where(html:not(.kb-page)) .text-center .section-title::before,:where(html:not(.kb-page)) .section-title.text-center::before{margin-inline: auto;}
:where(html:not(.kb-page)) .eyebrow,:where(html:not(.kb-page)) .hero-place{background: none !important; padding: 0 !important; color: var(--u-green) !important; font-weight: 700 !important; font-size: .82rem !important;
letter-spacing: .14em !important; text-transform: uppercase;}
:where(html:not(.kb-page)) .page-hero .hero-place,:where(html:not(.kb-page)) .u-next .eyebrow,:where(html:not(.kb-page)) .objective-band .eyebrow,:where(html:not(.kb-page)) .section-green .eyebrow{color: var(--u-gold-light) !important;}
:where(html:not(.kb-page)) :focus-visible{outline: 3px solid var(--u-ink) !important; outline-offset: 3px !important; box-shadow: 0 0 0 7px var(--u-gold-light) !important; border-radius: 8px;}
:where(html:not(.kb-page)) .page-hero :focus-visible,:where(html:not(.kb-page)) .u-next :focus-visible{outline-color: #fff !important; box-shadow: 0 0 0 7px rgba(204, 158, 78, .85) !important;}
:where(html:not(.kb-page)) .btn{border-radius: 999px; font-weight: 700; min-height: 50px; padding-inline: 1.5rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem;}
:where(html:not(.kb-page)) .btn-sm{min-height: 40px; padding-inline: 1rem;}
:where(html:not(.kb-page)) .btn-gold,:where(html:not(.kb-page)) .btn-maize{background: var(--u-green); border: 2px solid var(--u-green); color: #fff; box-shadow: 0 10px 22px -12px rgba(47, 107, 61, .8);}
:where(html:not(.kb-page)) .btn-gold:hover,:where(html:not(.kb-page)) .btn-maize:hover{background: var(--u-green-deep); border-color: var(--u-green-deep); color: #fff;}
:where(html:not(.kb-page)) .page-hero .btn-maize,:where(html:not(.kb-page)) .u-next .btn-maize{background: var(--u-gold); border-color: var(--u-gold); color: #16201A; box-shadow: none;}
:where(html:not(.kb-page)) .page-hero .btn-maize:hover{background: var(--u-gold-light); border-color: var(--u-gold-light); color: #16201A;}
:where(html:not(.kb-page)) .btn-outline-ink{border: 2px solid var(--u-ink); color: var(--u-ink); background: transparent;}
:where(html:not(.kb-page)) .btn-outline-ink:hover{background: var(--u-ink); color: #fff;}
:where(html:not(.kb-page)) .btn-ghost,:where(html:not(.kb-page)) .btn-ghost:focus{border: 2px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .06); color: #fff !important;}
:where(html:not(.kb-page)) .btn-ghost:hover{background: #fff; color: var(--u-ink) !important;}
:where(html:not(.kb-page)) .page-hero{padding: clamp(4.5rem, 10vw, 7.5rem) 0 clamp(4rem, 9vw, 6.5rem) !important;
background: linear-gradient(100deg, rgba(11, 24, 18, .95) 0%, rgba(11, 24, 18, .8) 48%, rgba(11, 24, 18, .3) 100%),
var(--banner-photo, none) center / cover no-repeat, var(--u-night) !important;}
:where(html:not(.kb-page)) .page-hero::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; background: var(--u-stripe);}
:where(html:not(.kb-page)) .page-hero h1{font-size: clamp(2.4rem, 5.6vw, 4.2rem) !important; font-weight: 700 !important; line-height: 1.02; letter-spacing: -0.035em !important; max-width: 15ch;}
:where(html:not(.kb-page)) .page-hero .hero-lead{font-size: 1.2rem; color: #DCE5DE;}
:where(html:not(.kb-page)) .section{padding: clamp(4.5rem, 9vw, 7.5rem) 0;}
:where(html:not(.kb-page)) .section-soft{background: var(--u-cream);}
:where(html:not(.kb-page)) .h-card,:where(html:not(.kb-page)) .path-card,:where(html:not(.kb-page)) .fact-panel,:where(html:not(.kb-page)) .form-card,:where(html:not(.kb-page)) .res-group,:where(html:not(.kb-page)) .portfolio,:where(html:not(.kb-page)) .mv-card,:where(html:not(.kb-page)) .benefit{border: 0 !important; border-radius: var(--u-radius) !important; box-shadow: var(--u-shadow) !important; background: #fff;}
:where(html:not(.kb-page)) .h-card,:where(html:not(.kb-page)) .u-tiles a{transition: transform .2s ease, box-shadow .2s ease;}
:where(html:not(.kb-page)) .h-card:hover{transform: translateY(-4px); box-shadow: 0 1px 2px rgba(17,35,27,.06), 0 28px 50px -22px rgba(17,35,27,.4) !important;}
@media (prefers-reduced-motion: reduce){:where(html:not(.kb-page)) .h-card:hover{transform: none;}}
:where(html:not(.kb-page)) .h-card > a:last-child{color: var(--u-green) !important;}
:where(html:not(.kb-page)) .u-tiles a{border: 0; border-radius: 18px; box-shadow: var(--u-shadow);}
:where(html:not(.kb-page)) .u-tiles svg{background: #EEF3EE !important; color: var(--u-green) !important; stroke: var(--u-green) !important;}
:where(html:not(.kb-page)) .u-next{background: var(--u-night) !important;}
:where(html:not(.kb-page)) .u-next .countdown-grid > div{background: var(--u-night-2); border-color: rgba(204, 158, 78, .35) !important;}
:where(html:not(.kb-page)) .u-next .countdown-grid span{color: var(--u-gold-light);}
:where(html:not(.kb-page)) .countdown-grid small{color: #E6ECE7 !important;}
:where(html:not(.kb-page)) .h-gallery .gallery .tile{border-radius: 22px !important;}
:where(html:not(.kb-page)) .social a{border-color: rgba(255, 255, 255, .25);}
@media (max-width: 767px){:where(html:not(.kb-page)) .rt-word{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
:where(html:not(.kb-page)) .rt-btn{padding: .4rem .75rem;}}
:where(html:not(.kb-page)) .u-tiles a{border: 1px solid var(--u-line) !important;}
@media (max-width: 575.98px){:where(html:not(.kb-page)) .u-tiles{display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: .7rem; padding: .25rem .1rem 1rem;
margin-inline: -.75rem; padding-inline: .75rem; scrollbar-width: thin;}
:where(html:not(.kb-page)) .u-tiles > li{flex: 0 0 44%; scroll-snap-align: start;}
:where(html:not(.kb-page)) .u-tiles a{flex-direction: column; align-items: flex-start; min-height: 116px;}}
:where(html:not(.kb-page)) .support-cards{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0 1rem;}
:where(html:not(.kb-page)) .support-cards .support{border: 0; background: #fff; border-radius: 18px; box-shadow: var(--u-shadow); padding: 1.2rem 1.2rem 1.3rem;}
:where(html:not(.kb-page)) .support-cards .support h3{color: var(--u-ink); font-size: 1.1rem; margin: .7rem 0 .35rem;}
:where(html:not(.kb-page)) .support-cards .support p{font-size: .97rem; color: var(--u-muted);}
:where(html:not(.kb-page)) .support-ic{display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--u-night);}
:where(html:not(.kb-page)) .support-ic svg{fill: none; stroke: var(--u-gold-light); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;}
@media (max-width: 575.98px){:where(html:not(.kb-page)) .support-cards{grid-template-columns: 1fr;}}
:where(html:not(.kb-page)) .gallery-stock{margin-top: 1.5rem;}
:where(html:not(.kb-page)) .gallery-stock .gallery{margin-top: 0 !important;}
/* ===== kenewa.css (only pages with class="kb-page") ===== */
:root:where(.kb-page){--green: #1F2F63; 
--green-hover: #0F4223;
--green-tint: #EAF1EA; 
--deep: #102A24; 
--deep-2: #17362F;
--red: #B42318; 
--red-tint: #FCEDEB;
--gold: #D99A18; 
--gold-tint: #FBF2DD;
--gold-on-dark: #EDB548;
--cream: #FAF8F2; 
--white: #FFFFFF; 
--ink: #1F2933; 
--muted: #4A5560; 
--line: #E5E0D2; 
--line-strong: #D3CCB9;
--on-dark: #E8EFEA;
--on-dark-muted: #B8C9C1;
--font-head: "Manrope", "Segoe UI", system-ui, sans-serif;
--font-body: "Inter", "Segoe UI", system-ui, sans-serif;
--fs-sm: 0.9375rem;
--fs-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
--fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
--fs-h4: 1.125rem;
--fs-h3: clamp(1.2rem, 1.12rem + 0.35vw, 1.375rem);
--fs-h2: clamp(1.75rem, 1.35rem + 1.7vw, 2.625rem);
--fs-h1: clamp(2.25rem, 1.55rem + 3.1vw, 3.75rem);
--fs-display: clamp(2.5rem, 1.6rem + 4vw, 4.25rem);
--s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem;
--s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem;
--section: clamp(3.5rem, 2.5rem + 4.5vw, 7rem);
--gutter: clamp(1rem, 0.6rem + 1.8vw, 2rem);
--max: 1200px;
--r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-xl: 32px; --r-pill: 999px;
--shadow-sm: 0 1px 2px rgba(16, 42, 36, .05);
--shadow: 0 1px 2px rgba(16, 42, 36, .04), 0 10px 30px -12px rgba(16, 42, 36, .14);
--shadow-lg: 0 2px 4px rgba(16, 42, 36, .04), 0 24px 50px -20px rgba(16, 42, 36, .25);
--focus: 0 0 0 3px var(--cream), 0 0 0 6px var(--green);
--beads: repeating-linear-gradient(90deg,
var(--green) 0 14px, transparent 14px 18px,
var(--gold) 18px 24px, transparent 24px 28px,
var(--green) 28px 42px, transparent 42px 46px,
var(--red) 46px 52px, transparent 52px 56px,
var(--green) 56px 70px, transparent 70px 74px,
var(--ink) 74px 80px, transparent 80px 84px);
--lattice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23D99A18' stroke-width='1'%3E%3Cpath d='M20 2 38 20 20 38 2 20z'/%3E%3Cpath d='M20 12l8 8-8 8-8-8z'/%3E%3C/g%3E%3C/svg%3E");}
html:where(.kb-page),:where(html.kb-page) *,:where(html.kb-page) *::before,:where(html.kb-page) *::after{box-sizing: border-box;}
html:where(.kb-page){-webkit-text-size-adjust: 100%; scroll-padding-top: 6rem;}
@media (prefers-reduced-motion: no-preference){html:where(.kb-page){scroll-behavior: smooth;}}
:where(html.kb-page) body{margin: 0; background: var(--cream); color: var(--ink);
font-family: var(--font-body); font-size: var(--fs-base); line-height: 1.65;
font-feature-settings: "cv11", "ss01"; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;}
:where(html.kb-page) img,:where(html.kb-page) svg{display: block; max-width: 100%;}
:where(html.kb-page) img{height: auto;}
:where(html.kb-page) h1,:where(html.kb-page) h2,:where(html.kb-page) h3,:where(html.kb-page) h4{font-family: var(--font-head); color: var(--green); margin: 0 0 var(--s-4); line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance;}
:where(html.kb-page) h1{font-size: var(--fs-h1); font-weight: 750; line-height: 1.06; letter-spacing: -0.03em;}
:where(html.kb-page) h2{font-size: var(--fs-h2); font-weight: 750;}
:where(html.kb-page) h3{font-size: var(--fs-h3); font-weight: 700; letter-spacing: -0.01em; color: var(--ink);}
:where(html.kb-page) h4{font-size: var(--fs-h4); font-weight: 700; letter-spacing: -0.005em; color: var(--ink);}
:where(html.kb-page) p,:where(html.kb-page) ul,:where(html.kb-page) ol,:where(html.kb-page) dl{margin: 0 0 var(--s-4);}
:where(html.kb-page) p{text-wrap: pretty;}
:where(html.kb-page) a{color: var(--green); text-decoration-thickness: 1px; text-underline-offset: 0.2em;}
:where(html.kb-page) a:hover{color: var(--green-hover); text-decoration-thickness: 2px;}
:where(html.kb-page) strong{font-weight: 650;}
:where(html.kb-page) :focus-visible{outline: none; box-shadow: var(--focus); border-radius: 6px;}
:where(html.kb-page) .on-dark :focus-visible{box-shadow: 0 0 0 3px var(--deep), 0 0 0 6px var(--gold-on-dark);}
:where(html.kb-page) ::selection{background: var(--gold-tint); color: var(--ink);}
:where(html.kb-page) hr{border: 0; border-top: 1px solid var(--line); margin: var(--s-6) 0;}
:where(html.kb-page) [hidden]{display: none !important;}
:where(html.kb-page) .visually-hidden{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
:where(html.kb-page) .skip-link{position: absolute; left: var(--s-4); top: -100px; z-index: 100; background: var(--green); color: #fff; padding: var(--s-3) var(--s-4); border-radius: var(--r-sm); font-weight: 600; text-decoration: none;}
:where(html.kb-page) .skip-link:focus{top: var(--s-3); color: #fff;}
:where(html.kb-page) main:focus{outline: none;}
:where(html.kb-page) .container{width: 100%; max-width: calc(var(--max) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter);}
:where(html.kb-page) .narrow{max-width: 46rem;}
:where(html.kb-page) .ic{width: 1.25em; height: 1.25em; flex: none;}
:where(html.kb-page) .muted{color: var(--muted);}
:where(html.kb-page) .small{font-size: var(--fs-sm);}
:where(html.kb-page) .lead{font-size: var(--fs-lead); line-height: 1.6; color: var(--muted); max-width: 40rem;}
:where(html.kb-page) .center{text-align: center;}
:where(html.kb-page) .center .lead{margin-inline: auto;}
:where(html.kb-page) .stack > * + *{margin-top: var(--s-4);}
:where(html.kb-page) .btn{--btn-bg: var(--green); --btn-fg: #fff; --btn-bd: var(--green);
display: inline-flex; align-items: center; justify-content: center; gap: 0.55em;
min-height: 48px; padding: 0.7rem 1.4rem; border-radius: var(--r-pill);
background: var(--btn-bg); color: var(--btn-fg); border: 1.5px solid var(--btn-bd);
font: 650 1rem/1.2 var(--font-head); letter-spacing: -0.005em; text-decoration: none; cursor: pointer; white-space: nowrap;
transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;}
:where(html.kb-page) .btn:hover{color: var(--btn-fg); text-decoration: none;}
:where(html.kb-page) .btn--primary:hover{--btn-bg: var(--green-hover); --btn-bd: var(--green-hover); box-shadow: 0 6px 16px -8px rgba(20, 83, 45, .6);}
:where(html.kb-page) .btn--secondary{--btn-bg: transparent; --btn-fg: var(--green); --btn-bd: var(--green);}
:where(html.kb-page) .btn--secondary:hover{--btn-bg: var(--green-tint);}
:where(html.kb-page) .btn--gold{--btn-bg: var(--gold); --btn-fg: var(--deep); --btn-bd: var(--gold);}
:where(html.kb-page) .btn--gold:hover{--btn-bg: var(--gold-on-dark); --btn-bd: var(--gold-on-dark);}
:where(html.kb-page) .btn--sm{min-height: 44px; padding: 0.55rem 1.1rem; font-size: 0.95rem;}
:where(html.kb-page) .btn .ic{width: 1.15em; height: 1.15em;}
:where(html.kb-page) .actions{display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center;}
:where(html.kb-page) .beads{height: 6px; background: var(--beads); opacity: .95;}
:where(html.kb-page) .beads--hero{height: 5px;}
:where(html.kb-page) .brand{display: inline-flex; align-items: center; gap: 0.7rem; text-decoration: none; color: var(--green); min-width: 0;}
:where(html.kb-page) .brand img{width: 44px; height: 44px; flex: none;}
:where(html.kb-page) .nav{margin-left: auto;}
@media (max-width: 1080px){:where(html.kb-page) .nav{margin-left: auto;}}
@media (max-width: 520px){:where(html.kb-page) .brand img{width: 40px; height: 40px;}}
:where(html.kb-page) .section{padding-block: var(--section);}
:where(html.kb-page) .section--white{background: var(--white);}
:where(html.kb-page) .section--tight{padding-block: calc(var(--section) * .6);}
:where(html.kb-page) .section-head{max-width: 44rem; margin-bottom: var(--s-7);}
:where(html.kb-page) .section-head p:last-child{margin-bottom: 0;}
:where(html.kb-page) .on-dark{background: var(--deep); color: var(--on-dark); position: relative; isolation: isolate;}
:where(html.kb-page) .on-dark h2,:where(html.kb-page) .on-dark h3,:where(html.kb-page) .on-dark h4{color: #fff;}
:where(html.kb-page) .on-dark a:not(.btn){color: #fff;}
:where(html.kb-page) .on-dark .lead,:where(html.kb-page) .on-dark .muted{color: var(--on-dark-muted);}
:where(html.kb-page) .lattice::before{content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--lattice); background-size: 40px 40px; opacity: .08; pointer-events: none;}
:where(html.kb-page) .hero{padding-block: clamp(2rem, 1rem + 4vw, 5rem) clamp(3rem, 2rem + 4vw, 6rem); position: relative; overflow: hidden;}
:where(html.kb-page) .hero h1{font-size: var(--fs-display); margin-bottom: var(--s-5); max-width: 13ch;}
:where(html.kb-page) .hero .lead{margin-bottom: var(--s-6);}
:where(html.kb-page) .page-hero{position: relative; padding-block: clamp(2rem, 1.2rem + 3vw, 4.5rem) clamp(2.5rem, 1.5rem + 3vw, 4.5rem); border-bottom: 1px solid var(--line);}
:where(html.kb-page) .page-hero__in--aside{display: grid; gap: var(--s-6); align-items: center;}
@media (min-width: 960px){:where(html.kb-page) .page-hero__in--aside{grid-template-columns: 1.2fr 1fr;}}
:where(html.kb-page) .page-hero h1{max-width: 20ch;}
:where(html.kb-page) .page-hero .lead{margin-bottom: var(--s-5);}
:where(html.kb-page) .page-hero .beads{position: absolute; left: 0; bottom: -3px; width: min(260px, 40vw);}
:where(html.kb-page) .page-hero__photo{border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow); aspect-ratio: 16/10;}
:where(html.kb-page) .page-hero__photo img{width: 100%; height: 100%; object-fit: cover;}
:where(html.kb-page) .crumbs ol{list-style: none; padding: 0; margin: 0 0 var(--s-4); display: flex; flex-wrap: wrap; gap: .4rem; font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .crumbs li + li::before{content: "/"; margin-right: .4rem; color: var(--line-strong);}
:where(html.kb-page) .crumbs a{color: var(--muted);}
:where(html.kb-page) .card{background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.4rem, 1.1rem + 1vw, 2rem); box-shadow: var(--shadow-sm);}
:where(html.kb-page) .card > :last-child{margin-bottom: 0;}
:where(html.kb-page) .grid{display: grid; gap: clamp(1rem, .8rem + .8vw, 1.5rem);}
@media (min-width: 640px){:where(html.kb-page) .grid--3{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 960px){:where(html.kb-page) .grid--3{grid-template-columns: repeat(3, 1fr);}}
:where(html.kb-page) .icon-badge{flex: none; width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: var(--green-tint); color: var(--green); margin-bottom: var(--s-5);}
:where(html.kb-page) .icon-badge .ic{width: 26px; height: 26px;}
:where(html.kb-page) .icon-badge--gold{background: var(--gold-tint); color: #7A5308;}
:where(html.kb-page) .icon-badge--red{background: var(--red-tint); color: var(--red);}
:where(html.kb-page) .service{display: flex; flex-direction: column;}
:where(html.kb-page) .service h3{margin-bottom: var(--s-3);}
:where(html.kb-page) .service p{color: var(--muted);}
:where(html.kb-page) .trust{display: grid; gap: var(--s-7);}
@media (min-width: 960px){:where(html.kb-page) .trust{grid-template-columns: 1fr 1fr; align-items: start;}}
:where(html.kb-page) .register{background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm);}
:where(html.kb-page) .register dl{margin: 0;}
:where(html.kb-page) .register dt{font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .register dd{margin: 0; font-weight: 600;}
:where(html.kb-page) .register .num{font-variant-numeric: tabular-nums; letter-spacing: .01em;}
:where(html.kb-page) .split{display: grid; gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center;}
@media (min-width: 960px){:where(html.kb-page) .split{grid-template-columns: 1fr 1fr;}}
:where(html.kb-page) .values{list-style: none; padding: 0; margin: var(--s-6) 0; display: grid; gap: var(--s-4);}
:where(html.kb-page) .values li{display: grid; grid-template-columns: 6px 1fr; gap: var(--s-4);}
:where(html.kb-page) .values li::before{content: ""; border-radius: 3px; background: var(--green);}
:where(html.kb-page) .values li:nth-child(2)::before{background: var(--gold);}
:where(html.kb-page) .values li:nth-child(3)::before{background: var(--red);}
:where(html.kb-page) .values h3{font-size: var(--fs-h4); margin-bottom: .2rem; color: var(--green);}
:where(html.kb-page) .values p{margin: 0; color: var(--muted);}
:where(html.kb-page) .region{display: grid; gap: var(--s-7); align-items: center;}
@media (min-width: 960px){:where(html.kb-page) .region{grid-template-columns: 1fr 1.05fr;}}
:where(html.kb-page) .towns{list-style: none; padding: 0; margin: var(--s-5) 0; display: grid; gap: var(--s-3);}
:where(html.kb-page) .towns li{display: flex; gap: .75rem; align-items: flex-start;}
:where(html.kb-page) .towns .ic{color: var(--gold-on-dark); margin-top: .15rem;}
:where(html.kb-page) .towns strong{color: #fff;}
:where(html.kb-page) .feed{display: grid; gap: clamp(1rem, .8rem + .8vw, 1.5rem);}
@media (min-width: 720px){:where(html.kb-page) .feed{grid-template-columns: repeat(2, 1fr);}}
@media (min-width: 1040px){:where(html.kb-page) .feed{grid-template-columns: repeat(3, 1fr);}}
:where(html.kb-page) .post{display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm);}
:where(html.kb-page) .post__img{aspect-ratio: 16/9; background: var(--green-tint); overflow: hidden;}
:where(html.kb-page) .post__img img{width: 100%; height: 100%; object-fit: cover;}
:where(html.kb-page) .post__body{padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-3); flex: 1;}
:where(html.kb-page) .post__body > *{margin: 0;}
:where(html.kb-page) .post__top{display: flex; gap: var(--s-4); align-items: flex-start;}
:where(html.kb-page) .date-tile{flex: none; width: 64px; border-radius: 14px; overflow: hidden; text-align: center; border: 1px solid var(--line); font-family: var(--font-head);}
:where(html.kb-page) .date-tile__m{display: block; background: var(--green); color: #fff; font-size: .75rem; font-weight: 700; padding: .2rem 0; letter-spacing: .02em;}
:where(html.kb-page) .date-tile__d{display: block; font-size: 1.6rem; font-weight: 800; color: var(--green); padding: .25rem 0 .3rem; line-height: 1.1;}
:where(html.kb-page) .post h3{font-size: 1.15rem; line-height: 1.3;}
:where(html.kb-page) .post h3 a{color: var(--ink); text-decoration: none;}
:where(html.kb-page) .post h3 a:hover{color: var(--green); text-decoration: underline;}
:where(html.kb-page) .post__meta{list-style: none; padding: 0; display: grid; gap: .35rem; font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .post__meta li{display: flex; gap: .5rem; align-items: flex-start;}
:where(html.kb-page) .post__meta .ic{width: 1.05rem; height: 1.05rem; margin-top: .2rem; color: var(--green);}
:where(html.kb-page) .post__text{color: var(--muted); font-size: var(--fs-sm);}
:where(html.kb-page) .post__foot{margin-top: auto !important; padding-top: var(--s-2); display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center;}
:where(html.kb-page) .tag{display: inline-flex; align-items: center; gap: .35rem; align-self: flex-start; padding: .25rem .65rem; border-radius: var(--r-pill); font: 650 .78rem/1.3 var(--font-head); background: var(--green-tint); color: var(--green);}
:where(html.kb-page) .tag--culture{background: var(--gold-tint); color: #6E4A06;}
:where(html.kb-page) .tag--welfare{background: var(--red-tint); color: #8F1C13;}
:where(html.kb-page) .tag--volunteer{background: #EEEAF6; color: #4B3A78;}
:where(html.kb-page) .tag--news{background: #E8EEF3; color: #24445C;}
:where(html.kb-page) .status{font-size: .8rem; font-weight: 600; color: #6E4A06;}
:where(html.kb-page) .empty p{max-width: 40rem; margin-inline: auto;}
:where(html.kb-page) .empty{border: 1.5px dashed var(--line-strong); border-radius: var(--r-lg); padding: var(--s-6); text-align: center; color: var(--muted); background: rgba(255,255,255,.5);}
:where(html.kb-page) .empty .ic{width: 32px; height: 32px; margin: 0 auto var(--s-3); color: var(--green);}
:where(html.kb-page) .noticeboard{list-style: none; padding: 0; margin: 0; display: grid; gap: 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden;}
:where(html.kb-page) .noticeboard li{display: grid; grid-template-columns: auto 1fr; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-top: 1px solid var(--line);}
:where(html.kb-page) .noticeboard li:first-child{border-top: 0;}
:where(html.kb-page) .noticeboard .ic{color: var(--gold); margin-top: .2rem;}
:where(html.kb-page) .quotes{display: grid; gap: var(--s-5);}
@media (min-width: 800px){:where(html.kb-page) .quotes{grid-template-columns: repeat(2, 1fr);}}
:where(html.kb-page) .quote{margin: 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-6); position: relative;}
:where(html.kb-page) .quote::before{content: ""; position: absolute; left: var(--s-6); top: 0; width: 48px; height: 5px; border-radius: 0 0 3px 3px; background: var(--gold);}
:where(html.kb-page) .quote blockquote{margin: 0 0 var(--s-5); font: 500 1.15rem/1.6 var(--font-head); color: var(--ink);}
:where(html.kb-page) .quote figcaption{display: flex; gap: var(--s-3); align-items: center; font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .quote figcaption img{width: 48px; height: 48px; border-radius: 50%; object-fit: cover;}
:where(html.kb-page) .quote figcaption strong{display: block; color: var(--ink);}
:where(html.kb-page) .band{border-radius: var(--r-xl); padding: clamp(2rem, 1.2rem + 3vw, 4rem); position: relative; overflow: hidden; isolation: isolate;}
:where(html.kb-page) .band--dark{background: var(--deep); color: var(--on-dark);}
:where(html.kb-page) .band--dark h2{color: #fff;}
:where(html.kb-page) .band h2{max-width: 22ch;}
:where(html.kb-page) .band p{max-width: 40rem;}
:where(html.kb-page) .faq{border-top: 1px solid var(--line-strong);}
:where(html.kb-page) .note{display: flex; gap: var(--s-3); align-items: flex-start; padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--green-tint); border: 1px solid #D3E2D5;}
:where(html.kb-page) .note p{margin: 0;}
:where(html.kb-page) .note .ic{color: var(--green); margin-top: .2rem;}
:where(html.kb-page) .note--gold{background: var(--gold-tint); border-color: #EFDDB0;}
:where(html.kb-page) .note--gold .ic{color: #7A5308;}
:where(html.kb-page) .contact{display: grid; gap: var(--s-7);}
@media (min-width: 960px){:where(html.kb-page) .contact{grid-template-columns: .85fr 1.15fr; align-items: start;}}
:where(html.kb-page) .form{background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.4rem, 1rem + 1.6vw, 2.5rem); box-shadow: var(--shadow);}
:where(html.kb-page) .field{margin: 0; padding: 0; border: 0; min-width: 0;}
:where(html.kb-page) .field label,:where(html.kb-page) .field legend{display: block; font: 650 .95rem/1.4 var(--font-head); color: var(--ink); margin-bottom: .45rem; padding: 0;}
:where(html.kb-page) .field input[type="text"],:where(html.kb-page) .field input[type="email"],:where(html.kb-page) .field input[type="tel"],:where(html.kb-page) .field select,:where(html.kb-page) .field textarea{width: 100%; min-height: 50px; padding: .75rem .9rem; border: 1.5px solid var(--line-strong); border-radius: 12px;
background: #fff; color: var(--ink); font: inherit; font-size: 1rem; transition: border-color .15s ease, box-shadow .15s ease;}
:where(html.kb-page) .field textarea{min-height: 140px; resize: vertical;}
:where(html.kb-page) .field select{appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314532D' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .8rem center; background-size: 18px; padding-right: 2.5rem;}
:where(html.kb-page) .field input:hover,:where(html.kb-page) .field select:hover,:where(html.kb-page) .field textarea:hover{border-color: #A9A18C;}
:where(html.kb-page) .field input:focus,:where(html.kb-page) .field select:focus,:where(html.kb-page) .field textarea:focus{outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(20, 83, 45, .18);}
:where(html.kb-page) .field [aria-invalid="true"]{border-color: var(--red) !important;}
:where(html.kb-page) .choices{display: flex; flex-wrap: wrap; gap: var(--s-2);}
:where(html.kb-page) .field .choice{display: inline-flex; align-items: center; gap: .55rem; font: 500 1rem/1.4 var(--font-body); padding: .6rem 1.1rem .6rem .85rem; border: 1.5px solid var(--line-strong); border-radius: var(--r-pill); cursor: pointer; min-height: 48px; margin: 0; background: #fff;}
:where(html.kb-page) .field .choice:has(input:checked){border-color: var(--green); background: var(--green-tint);}
:where(html.kb-page) .field .choice input{width: 20px; height: 20px; accent-color: var(--green); margin: 0; flex: none;}
:where(html.kb-page) .form__summary{border: 1.5px solid var(--red); background: var(--red-tint); border-radius: var(--r-md); padding: var(--s-4) var(--s-5); margin-bottom: var(--s-5);}
:where(html.kb-page) .form__summary h3{font-size: 1rem; color: #8F1C13; margin-bottom: var(--s-2);}
:where(html.kb-page) .form__summary ul{margin: 0; padding-left: 1.2rem;}
:where(html.kb-page) .form__summary a{color: #8F1C13; font-weight: 600;}
:where(html.kb-page) .form__success{display: flex; gap: var(--s-4); margin-top: var(--s-5); padding: var(--s-5); border-radius: var(--r-md); background: var(--green-tint); border: 1.5px solid var(--green);}
:where(html.kb-page) .form__success[hidden]{display: none;}
:where(html.kb-page) .form__success > .ic{width: 32px; height: 32px; padding: 6px; border-radius: 50%; background: var(--green); color: #fff;}
:where(html.kb-page) .form__success h3{font-size: 1.1rem; color: var(--green); margin-bottom: .3rem;}
:where(html.kb-page) .form__success p{margin: 0;}
:where(html.kb-page) .form.is-sent > .btn{display: none;}
:where(html.kb-page) .form.is-sent .form__success{margin-top: 0;}
:where(html.kb-page) .btn[aria-busy="true"]{opacity: .7; cursor: progress;}
:where(html.kb-page) .nl-msg{margin-top: var(--s-3); font-weight: 600;}
:where(html.kb-page) .nl-msg.is-ok{color: var(--green);}
:where(html.kb-page) .nl-msg.is-error{color: var(--red);}
:where(html.kb-page) .prose{max-width: 46rem;}
:where(html.kb-page) .prose h2{font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem); margin-top: var(--s-7);}
:where(html.kb-page) .prose h3{margin-top: var(--s-6);}
:where(html.kb-page) .prose ul,:where(html.kb-page) .prose ol{padding-left: 1.3rem;}
:where(html.kb-page) .prose li{margin-bottom: .45rem;}
:where(html.kb-page) .prose li::marker{color: var(--green);}
:where(html.kb-page) .updated{font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .table-wrap:focus-visible{box-shadow: var(--focus);}
:where(html.kb-page) .table-wrap{overflow-x: auto; margin: 0 0 var(--s-5); border: 1px solid var(--line); border-radius: var(--r-md); background: #fff;}
:where(html.kb-page) table{width: 100%; border-collapse: collapse; font-size: var(--fs-sm);}
:where(html.kb-page) th,:where(html.kb-page) td{text-align: left; padding: .8rem 1rem; border-top: 1px solid var(--line); vertical-align: top;}
:where(html.kb-page) thead th{border-top: 0; background: var(--green-tint); font-family: var(--font-head); color: var(--green); font-weight: 700;}
:where(html.kb-page) td.num,:where(html.kb-page) th.num{text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 650;}
:where(html.kb-page) .facts{display: grid; gap: 0; margin: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden;}
:where(html.kb-page) .facts > div{display: grid; gap: .2rem var(--s-5); padding: var(--s-4) var(--s-5); border-top: 1px solid var(--line);}
:where(html.kb-page) .facts > div:first-child{border-top: 0;}
@media (min-width: 640px){:where(html.kb-page) .facts > div{grid-template-columns: 11rem 1fr;}}
:where(html.kb-page) .facts dt{color: var(--muted); font-size: var(--fs-sm);}
:where(html.kb-page) .facts dd{margin: 0; font-weight: 600;}
:where(html.kb-page) .steps{list-style: none; counter-reset: step; padding: 0; margin: 0; display: grid; gap: var(--s-4);}
:where(html.kb-page) .steps > li{counter-increment: step; display: grid; grid-template-columns: 2.75rem 1fr; gap: var(--s-4); background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-5);}
:where(html.kb-page) .steps > li::before{content: counter(step); width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; background: var(--green); color: #fff; font: 800 1.1rem/1 var(--font-head);}
:where(html.kb-page) .steps h3{font-size: 1.1rem; margin-bottom: .35rem;}
:where(html.kb-page) .steps p{margin: 0; color: var(--muted);}
:where(html.kb-page) .ticks{list-style: none; padding: 0; margin: 0 0 var(--s-4); display: grid; gap: .6rem;}
:where(html.kb-page) .ticks li{display: grid; grid-template-columns: 1.4rem 1fr; gap: .6rem;}
:where(html.kb-page) .ticks li::before{content: ""; width: 1.4rem; height: 1.4rem; margin-top: .15rem; border-radius: 50%; background: var(--green-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314532D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat;}
:where(html.kb-page) .plan{display: flex; flex-direction: column;}
:where(html.kb-page) .plan .btn{margin-top: auto; align-self: flex-start;}
:where(html.kb-page) .people{display: grid; gap: var(--s-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));}
:where(html.kb-page) .person{display: flex; gap: var(--s-4); align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-4);}
:where(html.kb-page) .person img{width: 56px; height: 56px; border-radius: 50%; flex: none; object-fit: cover;}
:where(html.kb-page) .person strong{display: block; line-height: 1.3;}
:where(html.kb-page) .person span{font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .res-list{list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-3);}
:where(html.kb-page) .res-list li{background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-4) var(--s-5); display: grid; gap: .2rem;}
:where(html.kb-page) .res-list strong{font-family: var(--font-head);}
:where(html.kb-page) .res-list span{color: var(--muted); font-size: var(--fs-sm);}
:where(html.kb-page) .message{display: grid; gap: var(--s-6); align-items: start;}
@media (min-width: 860px){:where(html.kb-page) .message{grid-template-columns: 220px 1fr;}}
:where(html.kb-page) .message img{border-radius: var(--r-lg); width: 100%; max-width: 220px; aspect-ratio: 3/4; object-fit: cover;}
:where(html.kb-page) .albums{display: grid; gap: var(--s-8);}
:where(html.kb-page) .album h2{font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem);}
:where(html.kb-page) .photos{display: grid; gap: var(--s-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));}
:where(html.kb-page) .photos button{padding: 0; border: 0; background: var(--green-tint); border-radius: var(--r-md); overflow: hidden; cursor: zoom-in; aspect-ratio: 4/3;}
:where(html.kb-page) .photos img{width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease;}
:where(html.kb-page) .photos button:hover img{transform: scale(1.03);}
:where(html.kb-page) .lightbox{border: 0; padding: 0; background: transparent; max-width: min(1100px, 94vw); max-height: 94vh;}
:where(html.kb-page) .lightbox::backdrop{background: rgba(16, 42, 36, .88);}
:where(html.kb-page) .lightbox figure{margin: 0;}
:where(html.kb-page) .lightbox img{max-height: 80vh; width: auto; margin: 0 auto; border-radius: var(--r-md);}
:where(html.kb-page) .lightbox figcaption{color: #fff; text-align: center; padding: var(--s-3);}
:where(html.kb-page) .lightbox__close{position: fixed; top: 1rem; right: 1rem; width: 48px; height: 48px; border-radius: 50%; border: 0; background: #fff; color: var(--green); display: grid; place-items: center; cursor: pointer;}
@media (prefers-reduced-motion: reduce){html:where(.kb-page),:where(html.kb-page) *,:where(html.kb-page) *::before,:where(html.kb-page) *::after{transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important;}}
@media print{:where(html.kb-page) .beads,:where(html.kb-page) .skip-link,:where(html.kb-page) .actions,:where(html.kb-page) .form{display: none !important;}
:where(html.kb-page) body{background: #fff;}}
:where(html.kb-page) .res-list li > span:last-child{display: flex; flex-wrap: wrap; gap: .25rem 1rem;}
:where(html.kb-page) .nl-status{display: flex; flex-direction: column; gap: .25rem; padding: var(--s-5); border-radius: var(--r-md); background: var(--green-tint); border: 1px solid #D3E2D5; margin-bottom: var(--s-6);}
:where(html.kb-page) .nl-status.is-error{background: var(--red-tint); border-color: #F3CFCA;}
:where(html.kb-page) .nl-status h2{font-size: var(--fs-h3); margin: 0;}
:where(html.kb-page) .nl-status p{margin: 0;}
:where(html.kb-page) .nl-status .btn-gold{margin-top: var(--s-3);}
:where(html.kb-page) .btn-gold{display: inline-flex; min-height: 48px; padding: .7rem 1.4rem; border-radius: var(--r-pill); border: 0; background: var(--green); color: #fff; font: 650 1rem/1.2 var(--font-head); cursor: pointer;}
:where(html.kb-page) #public-appeal-box{display: grid; gap: var(--s-4);}
:where(html.kb-page) .pa-head h2{margin-bottom: var(--s-2);}
:where(html.kb-page) .pa-head p{color: var(--muted); margin: 0;}
:where(html.kb-page) .pa-card{display: grid; gap: var(--s-4) var(--s-6); align-items: center; padding: clamp(1.25rem, 1rem + 1vw, 2rem); background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); position: relative; overflow: hidden;}
:where(html.kb-page) .pa-card::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--beads);}
@media (min-width: 800px){:where(html.kb-page) .pa-card{grid-template-columns: 1fr auto;}}
:where(html.kb-page) .pa-kicker{font: 650 .9rem/1.3 var(--font-head); color: var(--red); margin: 0 0 var(--s-2);}
:where(html.kb-page) .pa-title{margin-bottom: var(--s-3);}
:where(html.kb-page) .pa-bar{height: 12px; border-radius: 999px; background: var(--green-tint); overflow: hidden; margin-bottom: var(--s-3);}
:where(html.kb-page) .pa-bar span{display: block; height: 100%; background: var(--green); border-radius: inherit;}
:where(html.kb-page) .pa-nums{margin: 0 0 var(--s-2);}
:where(html.kb-page) .pa-nums strong{font-family: var(--font-head); font-size: 1.2rem; color: var(--green);}
:where(html.kb-page) .pa-how{margin: 0; font-size: var(--fs-sm); color: var(--muted);}
:where(html.kb-page) .pa-actions{display: flex; flex-wrap: wrap; gap: var(--s-3);}
:where(html.kb-page) .post--featured{border-color: var(--green); box-shadow: var(--shadow); position: relative;}
:where(html.kb-page) .post--featured::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--beads);}
:where(html.kb-page) .tag--featured{background: var(--green); color: #fff;}
:where(html.kb-page) .photo-strip{margin-top: var(--s-6); display: grid; gap: var(--s-3); grid-template-columns: repeat(2, 1fr);}
@media (min-width: 800px){:where(html.kb-page) .photo-strip{grid-template-columns: repeat(4, 1fr);}}
:where(html.kb-page) .photo-strip a{display: block; border-radius: var(--r-md); overflow: hidden; aspect-ratio: 4/3; background: var(--green-tint);}
:where(html.kb-page) .photo-strip img{width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease;}
:where(html.kb-page) .photo-strip a:hover img{transform: scale(1.03);}
:where(html.kb-page) .guide h2{font-size: clamp(1.35rem, 1.15rem + .8vw, 1.85rem);}
:where(html.kb-page) .guide > .container > h2{margin-top: var(--s-8); padding-top: var(--s-5); border-top: 1px solid var(--line); scroll-margin-top: 6rem;}
:where(html.kb-page) .guide-msg{padding: var(--s-5); border-radius: var(--r-md); background: var(--green-tint); border: 1px solid #D3E2D5; margin-bottom: var(--s-5); max-width: 52rem;}
:where(html.kb-page) .guide-note{padding: var(--s-3) var(--s-4); border-left: 4px solid var(--gold); background: var(--gold-tint); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-size: var(--fs-sm); max-width: 52rem;}
:where(html.kb-page) .guide-toc{background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--s-5) var(--s-6); margin-bottom: var(--s-6); max-width: 40rem;}
:where(html.kb-page) .guide-toc ol{list-style: none; margin: var(--s-2) 0 0; padding-left: 0; display: grid; gap: .3rem;}
:where(html.kb-page) .guide-kicker{font: 650 .95rem/1.3 var(--font-head); color: var(--green); margin-bottom: var(--s-2);}
:where(html.kb-page) .practice-card{display: grid; gap: var(--s-5) var(--s-7); padding: clamp(1.4rem, 1rem + 1.5vw, 2.5rem); background: var(--white); border: 1px solid var(--green); border-radius: var(--r-lg); box-shadow: var(--shadow); margin-bottom: var(--s-8); position: relative; overflow: hidden;}
:where(html.kb-page) .practice-card::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--beads);}
@media (min-width: 900px){:where(html.kb-page) .practice-card{grid-template-columns: 1.3fr 1fr; align-items: center;}}
:where(html.kb-page) .practice-details{margin: 0 0 var(--s-4); display: grid; gap: 0; border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden;}
:where(html.kb-page) .practice-details > div{display: grid; grid-template-columns: 6rem 1fr; gap: var(--s-3); padding: var(--s-3) var(--s-4); border-top: 1px solid var(--line);}
:where(html.kb-page) .practice-details > div:first-child{border-top: 0;}
:where(html.kb-page) .practice-details dt{color: var(--muted); font-size: var(--fs-sm);}
:where(html.kb-page) .practice-details dd{margin: 0; font-weight: 650;}
:where(html.kb-page) .practice-details code,:where(html.kb-page) .guide code{font-size: .95em; background: var(--green-tint); color: var(--green); padding: .1em .4em; border-radius: 6px;}
:where(html.kb-page) .pd-btn{margin: 0;}
:where(html.kb-page) .guide-steps{list-style: none; padding: 0; margin: 0 0 var(--s-6); display: grid; gap: var(--s-5);}
:where(html.kb-page) .guide-step{display: grid; gap: var(--s-5) var(--s-7); align-items: start; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.25rem, 1rem + 1.2vw, 2.25rem);}
@media (min-width: 860px){:where(html.kb-page) .guide-step{grid-template-columns: 1.2fr minmax(0, 1fr);}
:where(html.kb-page) .guide-step.no-shot{grid-template-columns: 1fr;}}
:where(html.kb-page) .guide-text > :last-child{margin-bottom: 0;}
:where(html.kb-page) .guide-text h2,:where(html.kb-page) .guide-text h3{font-size: clamp(1.15rem, 1.05rem + .45vw, 1.4rem); color: var(--ink); margin-bottom: var(--s-3);}
:where(html.kb-page) .guide-text p,:where(html.kb-page) .guide-text li{color: var(--muted);}
:where(html.kb-page) .guide-text strong{color: var(--ink);}
:where(html.kb-page) .guide-num{display: inline-flex; align-items: center; gap: .5rem; font: 700 .9rem/1 var(--font-head); color: var(--green); background: var(--green-tint); padding: .4rem .75rem; border-radius: var(--r-pill); margin-bottom: var(--s-3);}
:where(html.kb-page) .guide-shot{margin: 0; justify-self: center;}
:where(html.kb-page) .guide-shot img{max-height: 560px; width: auto; border-radius: var(--r-md); border: 1px solid var(--line); box-shadow: var(--shadow); background: var(--cream);}
:where(html.kb-page) .tick-list{list-style: none; padding: 0; display: grid; gap: .5rem;}
:where(html.kb-page) .tick-list li{display: grid; grid-template-columns: 1.3rem 1fr; gap: .55rem;}
:where(html.kb-page) .tick-list li::before{content: ""; width: 1.3rem; height: 1.3rem; margin-top: .2rem; border-radius: 50%; background: var(--green-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314532D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 13px no-repeat;}
:where(html.kb-page) .guide pre.code{background: var(--deep); color: var(--on-dark); padding: var(--s-4); border-radius: var(--r-md); overflow-x: auto; font-size: .85rem;}
:where(html.kb-page) .guide-help{margin-top: var(--s-7); padding: var(--s-6); border-radius: var(--r-lg); background: var(--deep); color: var(--on-dark);}
:where(html.kb-page) .guide-help h2{color: #fff; margin-top: 0;}
:where(html.kb-page) .guide-help a{color: #fff;}
/* ===== kenewa-highland.css (only pages with class="kb-page") ===== */
:root:where(.kb-page){--green: #1B2550; --green-hover: #06353A; --green-tint: #E8F1F1;
--deep: #1B2426; --deep-2: #243034;
--red: #B42318; --red-tint: #FDEEEE;
--gold: #5EB164; --gold-tint: #E3F3E5; --gold-on-dark: #7ECF92;
--cream: #F3F4F6; --ink: #111827; --muted: #4B5563;
--line: #E5E7EB; --line-strong: #D1D5DB;
--on-dark: #E5ECEC; --on-dark-muted: #CBD5E1;
--font-head: "Lexend", "Segoe UI", system-ui, sans-serif;
--font-body: "Lexend", "Segoe UI", system-ui, sans-serif;
--hl-green: #1F2F63; --hl-green-hover: #116B33;}
:where(html.kb-page) body{background: #fff;}
:where(html.kb-page) .btn{border-radius: 999px;}
:where(html.kb-page) .btn--primary{--btn-bg: var(--hl-green); --btn-bd: var(--hl-green); --btn-fg: #fff;}
:where(html.kb-page) .btn--primary:hover{--btn-bg: var(--hl-green-hover); --btn-bd: var(--hl-green-hover);}
:where(html.kb-page) .btn--secondary{--btn-fg: var(--green); --btn-bd: var(--green);}
:where(html.kb-page) .beads{display: none;}
:where(html.kb-page) .page-hero{background: var(--green); color: #fff; border-bottom: 0;}
:where(html.kb-page) .page-hero h1,:where(html.kb-page) .page-hero .lead,:where(html.kb-page) .page-hero p{color: #fff;}
:where(html.kb-page) .page-hero .lead{color: #E5ECEC;}
:where(html.kb-page) .crumbs a,:where(html.kb-page) .crumbs li,:where(html.kb-page) .crumbs ol{color: #CBD5E1;}
:where(html.kb-page) .crumbs li + li::before{color: #8DBBBE;}
:where(html.kb-page) .crumbs [aria-current="page"]{color: #fff;}
:where(html.kb-page) .page-hero .btn--secondary{--btn-fg: #fff; --btn-bd: rgba(255, 255, 255, .7); --btn-bg: transparent;}
:where(html.kb-page) .page-hero .btn--secondary:hover{--btn-bg: rgba(255, 255, 255, .12);}
:where(html.kb-page) .card,:where(html.kb-page) .section--white .card{border-radius: 12px; box-shadow: none; border: 1px solid var(--line);}
/* ===== theme-tablelands.css (all pages except class="kb-page") ===== */
:root:where(:not(.kb-page)){--tl-eucalypt: #1D4632; 
--tl-eucalypt-2: #255A40; 
--tl-eucalypt-deep: #153626;
--tl-forest: #2F6B3D; 
--tl-forest-deep: #1F2F63;
--tl-olive: #5C7B4A; 
--tl-gold: #CC9E4E; 
--tl-gold-light: #EBCB86;
--tl-amber: #B8642A; 
--tl-amber-tint: #FBEBDD;
--tl-wheat: #F8F1E3; 
--tl-frost: #EEF2F9; 
--tl-line: #E4DCC9;
--tl-ink: #0F172A;
--tl-muted: #4A5347;
--tl-red: #B42318; 
--u-night: var(--tl-eucalypt);
--u-night-2: var(--tl-eucalypt-2);
--u-green: var(--tl-forest);
--u-green-deep: var(--tl-forest-deep);
--u-gold: var(--tl-gold);
--u-gold-light: var(--tl-gold-light);
--u-cream: var(--tl-wheat);
--u-line: var(--tl-line);
--u-ink: var(--tl-ink);
--u-muted: var(--tl-muted);
--u-red: var(--tl-red);
--green: var(--tl-forest);
--green-deep: var(--tl-forest-deep);
--green-rgb: 47, 107, 61;
--green-night: var(--tl-eucalypt);
--teal: var(--tl-eucalypt);
--teal-deep: var(--tl-eucalypt-deep);
--msitu: var(--tl-eucalypt);
--link: var(--tl-forest);
--damu: var(--tl-forest);
--mint: var(--tl-gold-light);
--mahindi: var(--tl-gold-light);
--accent: var(--tl-olive);
--leaf: #E6EFE5;
--stone: var(--tl-wheat);
--line: var(--tl-line);
--ink: var(--tl-ink);
--muted: var(--tl-muted);
--red: var(--tl-red);
--urgent: var(--tl-red);
--footer: var(--tl-eucalypt-deep);
--charcoal: var(--tl-eucalypt-deep);
--paper: var(--tl-frost);}
:where(html:not(.kb-page)) a:hover{color: var(--tl-forest-deep);}
:where(html:not(.kb-page)) .home > .section:nth-of-type(even):not(.u-finder){background-color: var(--tl-frost);}
:where(html:not(.kb-page)) .u-tiles svg{color: var(--tl-forest); background: var(--leaf);}
:where(html:not(.kb-page)) .u-tiles svg.ut-teal{color: var(--tl-eucalypt); background: var(--tl-frost);}
:where(html:not(.kb-page)) .u-tiles li:nth-child(3n+2) svg{color: var(--tl-amber); background: var(--tl-amber-tint);}
:where(html:not(.kb-page)) .u-tiles li:nth-child(3n) svg{color: #8A6420; background: #F7EBCF;}
:where(html:not(.kb-page)) .pt-head{background: var(--tl-eucalypt); box-shadow: inset 0 -3px 0 var(--tl-gold);}
:where(html:not(.kb-page)) .home-card{background: radial-gradient(circle at 88% 0%, rgba(204, 158, 78, .30), transparent 45%),
linear-gradient(140deg, var(--tl-eucalypt-2) 0%, var(--tl-eucalypt) 55%, var(--tl-eucalypt-deep) 100%);}
:where(html:not(.kb-page)) .sd-ic.sd-teal,:where(html:not(.kb-page)) .stat-icon.sd-teal{background: var(--tl-frost); color: var(--tl-eucalypt);}
:where(html:not(.kb-page)) .sd-ic.sd-blue,:where(html:not(.kb-page)) .stat-icon.sd-blue{background: var(--tl-amber-tint); color: var(--tl-amber);}
:where(html:not(.kb-page)) .cv-chip:nth-child(3){background: var(--tl-frost); color: var(--tl-eucalypt);}
:where(html:not(.kb-page)) .td-inbox .ov-n{background: var(--tl-frost); color: var(--tl-eucalypt);}
:where(html:not(.kb-page)) .rmode button[aria-pressed="true"]{background: var(--tl-eucalypt);}
:where(html:not(.kb-page)) .auth-intro{background-color: var(--tl-eucalypt);}
html:where(:not(.kb-page)).auth-checking body.app::after,html:where(:not(.kb-page)).auth-checking .auth-card::after{border-color: rgba(29, 70, 50, .15); border-top-color: var(--tl-eucalypt);}
/* ===== kanga.css ===== */
@font-face{font-family: "Atkinson Hyperlegible"; src: url("../fonts/atkinson-hyperlegible-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible"; src: url("../fonts/atkinson-hyperlegible-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible"; src: url("../fonts/atkinson-hyperlegible-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
:root{--k-ink: #15231B;
--k-muted: #48534A;
--k-paper: #FFFFFF;
--k-pasture: #EDF1E8;
--k-rule: #CBD3C7;
--k-eucalypt: #1C4330;
--k-eucalypt-deep: #143224;
--k-forest: #2B6A3B;
--k-forest-deep: #1F5230;
--k-maize: #EBB94A;
--k-maize-soft: #F6DE9E;
--k-red: #B42318;
--k-display: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;
--k-text: "Atkinson Hyperlegible", "Segoe UI", Roboto, Arial, sans-serif;
--k-fs-small: .9375rem;
--k-fs-text: 1.125rem;
--k-fs-h3: 1.6rem;
--k-fs-h2: clamp(2.4rem, 7vw, 3.6rem);
--k-fs-h1: clamp(3.4rem, 13vw, 7.2rem);
--k-gutter: 1.25rem; 
--k-space: clamp(3.5rem, 8vw, 6rem); 
--k-radius: 6px;
--u-night: var(--k-eucalypt); --u-night-2: var(--k-eucalypt-deep); --u-green: var(--k-forest); --u-green-deep: var(--k-forest-deep);
--u-gold: var(--k-maize); --u-gold-light: var(--k-maize-soft); --u-cream: var(--k-pasture); --u-line: var(--k-rule);
--u-ink: var(--k-ink); --u-muted: var(--k-muted); --u-red: var(--k-red); --u-radius: var(--k-radius); --u-shadow: none;
--green: var(--k-forest); --green-deep: var(--k-forest-deep); --link: var(--k-forest); --damu: var(--k-forest);
--msitu: var(--k-eucalypt); --msitu-2: var(--k-ink); --teal: var(--k-eucalypt); --ink: var(--k-ink); --muted: var(--k-muted);
--stone: var(--k-pasture); --line: var(--k-rule); --line-soft: #E3E8DF; --mahindi: var(--k-maize-soft); --mint: var(--k-maize-soft);
--font-display: var(--k-display); --font-body: var(--k-text); --font-brand: var(--k-text);}
body{font-family: var(--k-text); font-size: var(--k-fs-text); line-height: 1.6; color: var(--k-ink); background: var(--k-paper); letter-spacing: 0;}
p,li,dd{max-width: 68ch;}
h1,h2,.section-title,.page-hero h1{font-family: var(--k-display) !important; font-weight: 800 !important; letter-spacing: -.005em !important; color: var(--k-ink);
text-wrap: balance;}
h3,h4{font-family: var(--k-text); font-weight: 700; letter-spacing: 0; color: var(--k-ink);}
.section-title{font-size: var(--k-fs-h2) !important; line-height: .98 !important; margin: 0 0 1rem;}
.section-title::before{content: none !important; display: none !important;}
.text-center .section-title,.section-title.text-center{text-align: left !important;}
a{color: var(--k-forest); text-decoration-thickness: 1px; text-underline-offset: .2em;}
a:hover{color: var(--k-forest-deep); text-decoration-thickness: 2px;}
.eyebrow,.hero-place{text-transform: none !important; letter-spacing: 0 !important; font-size: 1rem !important; font-weight: 700 !important;
color: var(--k-forest) !important; margin-bottom: .4rem;}
.page-hero .hero-place{color: var(--k-maize-soft) !important;}
.note{color: var(--k-muted); font-size: var(--k-fs-small);}
.btn{font-family: var(--k-text); font-weight: 700; font-size: 1.0625rem; text-transform: none; letter-spacing: 0;
border-radius: var(--k-radius) !important; min-height: 52px; padding: .7rem 1.4rem; box-shadow: none !important;
display: inline-flex; align-items: center; justify-content: center; gap: .55rem; transform: none !important;}
.btn-sm{min-height: 44px; padding: .45rem 1rem; font-size: 1rem;}
.btn-lg{min-height: 56px; padding: .8rem 1.6rem; font-size: 1.125rem;}
.btn-gold::after{content: none !important;}
.btn-gold,.btn-maize{background: var(--k-forest) !important; border: 2px solid var(--k-forest) !important; color: #fff !important;}
.btn-gold:hover,.btn-maize:hover,.btn-gold:focus-visible,.btn-maize:focus-visible{background: var(--k-forest-deep) !important; border-color: var(--k-forest-deep) !important; color: #fff !important;}
.page-hero .btn-maize,.page-hero .btn-gold,.u-next .btn-maize,.cta .btn-gold,.cta .btn-maize,.donate-band .btn-gold{background: var(--k-maize) !important; border-color: var(--k-maize) !important; color: var(--k-ink) !important;}
.page-hero .btn-maize:hover,.page-hero .btn-gold:hover,.cta .btn-gold:hover{background: var(--k-maize-soft) !important; border-color: var(--k-maize-soft) !important; color: var(--k-ink) !important;}
.btn-outline-ink{background: transparent !important; border: 2px solid var(--k-ink) !important; color: var(--k-ink) !important;}
.btn-outline-ink:hover{background: var(--k-ink) !important; color: #fff !important;}
.btn-ghost,.btn-ghost:focus{background: transparent !important; border: 2px solid rgba(255, 255, 255, .55) !important; color: #fff !important;}
.btn-ghost:hover{background: #fff !important; color: var(--k-ink) !important;}
.page-hero{background: var(--k-eucalypt) !important; padding: clamp(3rem, 9vw, 5.5rem) 0 clamp(3.5rem, 9vw, 6rem) !important;}
.page-hero::after{content: none !important; display: none !important;}
.page-hero h1{font-size: clamp(3rem, 11vw, 5.6rem) !important; line-height: .94 !important; color: #fff !important; max-width: 14ch;}
.page-hero .hero-lead{font-size: 1.1875rem; color: #E1E9E3 !important; max-width: 36em;}
.page-hero .hero-actions{display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center;}
.page-hero .hero-actions .btn + .btn{background: transparent !important; border-color: transparent !important; color: #fff !important; text-decoration: underline; text-underline-offset: .25em; padding-inline: .25rem;}
@media (max-width: 575.98px){.page-hero .hero-actions{flex-direction: column; align-items: stretch;}
.page-hero .hero-actions .btn{width: 100%;}}
.section{padding: var(--k-space) 0 !important;}
.section-soft,.home > .section:nth-of-type(even):not(.u-finder),.home > .section:not(.section-soft){background: var(--k-paper) !important;}
.section-soft{background: var(--k-pasture) !important;}
.section-green,.objective-band,.cta,.donate-band,.host-band{background: var(--k-eucalypt) !important;}
@media (max-width: 575.98px){.container{padding-inline: var(--k-gutter);}}
.h-card,.path-card,.fact-panel,.form-card,.res-group,.portfolio,.mv-card,.benefit,.support-cards .support,.u-tiles a,.ev-card,.feature{box-shadow: none !important; border: 1px solid var(--k-rule) !important; border-radius: var(--k-radius) !important; transform: none !important;}
.h-card:hover,.ev-card:hover{box-shadow: none !important; transform: none !important;}
.support-ic{background: var(--k-pasture);}
.support-ic svg{stroke: var(--k-forest);}
.tag,.badge{border-radius: 3px !important;}
.chip,.u-finder-chips button{border-radius: var(--k-radius) !important;}
.form-control,.form-select{min-height: 52px; font-size: 1.0625rem; border: 2px solid #9AA79E; border-radius: var(--k-radius) !important; color: var(--k-ink);}
.form-control:focus,.form-select:focus{border-color: var(--k-forest); box-shadow: 0 0 0 3px var(--k-maize-soft);}
.form-label{font-weight: 700;}
.form-check-input{width: 1.4em; height: 1.4em; margin-top: .1em;}
.form-check-label{padding-left: .35rem;}
:focus-visible{outline: 3px solid var(--k-ink) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--k-maize) !important; border-radius: var(--k-radius);}
.page-hero :focus-visible,.u-next :focus-visible{outline-color: #fff !important; box-shadow: 0 0 0 6px var(--k-maize) !important;}
.social{gap: 1rem !important;}
.social a{border: 0 !important; padding: 0 !important; background: none !important; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center;}
@media (max-width: 767.98px){.rt{left: auto !important; right: .75rem !important; bottom: .75rem !important;}
.rt-panel{left: auto !important; right: 0;}
.rt-btn{width: 52px; height: 52px; padding: 0 !important; justify-content: center; border-radius: 50% !important;}}
@media (min-width: 768px){.rt{left: auto !important; right: 1.1rem !important; bottom: 5.5rem !important;}
.rt-panel{left: auto !important; right: 0;}}
@media (min-width: 768px) and (max-width: 1199.98px){.rt{bottom: 1rem !important;}}
.u-next{background: var(--k-pasture) !important; color: var(--k-ink) !important; padding: 2rem 0 !important; border-bottom: 1px solid var(--k-rule);}
.u-next h2{font-family: var(--k-display) !important; font-weight: 800 !important; font-size: clamp(2rem, 6vw, 2.8rem) !important; line-height: 1 !important; color: var(--k-ink) !important; margin: 0 0 .4rem;}
.u-next .countdown-grid{background: none !important; border: 0 !important;}
.u-next .countdown{background: none !important; border: 0 !important; padding: 0 !important; text-align: left; color: var(--k-ink);}
.u-next .evt-tools.on-dark .evt-btn{background: #fff !important; color: var(--k-ink) !important; border: 1px solid var(--k-rule) !important; border-radius: var(--k-radius) !important;}
.u-next .evt-tools{gap: .5rem;}
@media (max-width: 575.98px){.u-next .evt-tools{flex-direction: column;}
.u-next .evt-btn{width: 100%; justify-content: flex-start; min-height: 48px;}}
.h-gallery .gallery{gap: .5rem !important; grid-auto-rows: 160px !important;}
.h-gallery .gallery .tile{border-radius: var(--k-radius) !important; background: var(--k-pasture) !important;}
.h-gallery .gallery figcaption{background: none !important; position: absolute; left: .5rem; bottom: .5rem; right: auto; padding: .2rem .5rem !important;
background-color: rgba(20, 50, 36, .88) !important; border-radius: 3px; font-size: .9375rem; font-weight: 700; color: #fff;}
@media (max-width: 575.98px){.h-gallery .gallery{grid-template-columns: 1fr 1fr !important; grid-auto-rows: 150px !important;}
.h-gallery .gallery .tile:nth-child(1){grid-column: 1 / -1; grid-row: span 1 !important;}
.h-gallery .gallery .tile:nth-child(n){grid-row: span 1;}
.h-gallery .gallery .tile:nth-child(4),.h-gallery .gallery .tile:nth-child(6){grid-column: span 1;}
.h-gallery .gallery .tile:nth-child(n+6){display: none;}}
.h-gallery .mb-0 a{font-weight: 700; display: inline-block; padding-block: .6rem;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important; animation: none !important;}}
.feature{background: var(--k-eucalypt) !important; border: 0 !important; color: #fff;}
.feature .eyebrow{color: var(--k-maize-soft) !important;}
.feature .ev-facts dt{color: var(--k-maize-soft) !important;}
.feature .btn-outline-ink{background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, .7) !important;}
.feature .btn-outline-ink:hover{background: #fff !important; color: var(--k-ink) !important;}
.feature .btn-link{color: var(--k-maize-soft) !important;}
.feature .countdown{background: transparent !important; border: 1px solid rgba(255, 255, 255, .25) !important; border-radius: var(--k-radius) !important; text-align: left;}
.feature .countdown-grid div{background: transparent !important; border-radius: 0 !important; padding: 0 !important; text-align: left;}
.feature .countdown-grid span{color: var(--k-maize);}
.ev-tags li,.feature .ev-tags li,.page-hero .tag{border-radius: 3px !important;}
.page-hero .hero-place{font-family: var(--k-text) !important;}
.hero-badges{gap: .25rem 1.25rem !important;}
.hero-badges span{background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; color: var(--k-maize-soft); font-weight: 700;}
.ev-status{border-radius: 3px !important;}
.feature h2,.feature h3,.section-green h2,.cta h2,.objective-band h2,.donate-band h2,.host-band h2,.cta .section-title,.donate-band .section-title{color: #fff !important;}
.eyebrow{font-family: var(--k-text) !important;}
@media (max-width: 767.98px){.btn-sm,.evt-btn.btn-sm,.evt-btn{min-height: 48px !important;}
.chip,#event-filters button{min-height: 48px !important;}}
.pay-method-card{border-top-color: var(--k-maize) !important; margin-bottom: 1rem;}
.pay-method{box-shadow: none !important; border: 1px solid var(--k-rule) !important; border-top: 3px solid var(--k-forest) !important; border-radius: var(--k-radius) !important;}
.pay-method-card{border-top-color: var(--k-maize) !important;}
/* ===== theme-harambee.css ===== */
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2") format("woff2"); font-weight: 300 400; font-style: normal; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-500-normal.woff2") format("woff2"); font-weight: 500 600; font-style: normal; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-800-normal.woff2") format("woff2"); font-weight: 800 900; font-style: normal; font-display: swap;}
:root{--hb-ink: #13241B;
--hb-tea: #2B6E46;
--hb-eucalypt: #1E4A34;
--hb-maize: #F2B53C;
--hb-maize-hover: #E9A51F;
--hb-maize-light: #F7D07A; 
--hb-red: #B42318;
--hb-red-deep: #8E1D17;
--hb-red-tint: #FBEDEC;
--hb-mist: #EDF3EE;
--hb-slate: #4A5A50;
--hb-rule: #D3DDD5;
--hb-field: #6F8076;
--hb-notice: #FCEFD2;
--hb-notice-ink: #5C4210;
--hb-on-dark: #C9D9CE; 
--hb-display: "Zilla Slab", Rockwell, Georgia, serif;
--hb-text: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", Verdana, "Segoe UI", Arial, sans-serif;
--hb-kikoi: linear-gradient(90deg, #13241B 0 25%, #2B6E46 25% 40%, #fff 40% 45%, #B42318 45% 50%, #fff 50% 55%, #F2B53C 55% 70%, #1E4A34 70% 100%);
--tl-eucalypt: var(--hb-eucalypt); --tl-eucalypt-2: #255A40; --tl-eucalypt-deep: var(--hb-ink);
--tl-forest: var(--hb-tea); --tl-forest-deep: var(--hb-eucalypt); --tl-olive: var(--hb-tea);
--tl-gold: var(--hb-maize); --tl-gold-light: var(--hb-maize-light); --tl-amber: var(--hb-notice-ink); --tl-amber-tint: var(--hb-notice);
--tl-wheat: var(--hb-mist); --tl-frost: var(--hb-mist); --tl-line: var(--hb-rule); --tl-ink: var(--hb-ink); --tl-muted: var(--hb-slate); --tl-red: var(--hb-red);
--k-ink: var(--hb-ink); --k-muted: var(--hb-slate); --k-paper: #fff; --k-pasture: var(--hb-mist); --k-rule: var(--hb-rule);
--k-eucalypt: var(--hb-eucalypt); --k-eucalypt-deep: var(--hb-ink); --k-forest: var(--hb-tea); --k-forest-deep: var(--hb-eucalypt);
--k-maize: var(--hb-maize); --k-maize-soft: var(--hb-maize-light); --k-red: var(--hb-red);
--k-display: var(--hb-display); --k-text: var(--hb-text);
--k-fs-h1: clamp(2.5rem, 6.2vw, 3.9rem);
--k-fs-h2: clamp(2rem, 4.4vw, 2.6rem);
--k-fs-h3: 1.5rem;
--u-night: var(--hb-eucalypt); --u-night-2: var(--hb-ink); --u-green: var(--hb-tea); --u-green-deep: var(--hb-eucalypt);
--u-gold: var(--hb-maize); --u-gold-light: var(--hb-maize-light); --u-cream: var(--hb-mist); --u-line: var(--hb-rule);
--u-ink: var(--hb-ink); --u-muted: var(--hb-slate); --u-red: var(--hb-red);
--green: var(--hb-tea); --green-deep: var(--hb-eucalypt); --green-rgb: 43, 110, 70; --green-night: var(--hb-eucalypt);
--teal: var(--hb-eucalypt); --teal-deep: var(--hb-ink); --msitu: var(--hb-eucalypt); --msitu-2: var(--hb-ink);
--link: var(--hb-tea); --damu: var(--hb-tea); --mint: var(--hb-maize-light); --mahindi: var(--hb-maize-light); --accent: var(--hb-tea);
--leaf: var(--hb-mist); --stone: var(--hb-mist); --paper: var(--hb-mist); --line: var(--hb-rule); --line-2: var(--hb-rule); --line-soft: #E4EBE6;
--ink: var(--hb-ink); --muted: var(--hb-slate); --red: var(--hb-red); --urgent: var(--hb-red);
--footer: var(--hb-ink); --charcoal: var(--hb-ink);
--radius: 8px; --u-radius: 6px; --k-radius: 6px;
--font-display: var(--hb-display); --font-body: var(--hb-text); --font-brand: var(--hb-text);}
body{font-family: var(--hb-text); color: var(--hb-ink);}
h1,h2,.section-title,.page-hero h1{font-family: var(--hb-display) !important; font-weight: 700 !important; letter-spacing: 0 !important;}
h1,.page-hero h1{line-height: 1.05 !important;}
h2,.section-title{line-height: 1.1 !important;}
h3,h4{font-family: var(--hb-text); font-weight: 700;}
a{color: var(--hb-tea);}
a:hover{color: var(--hb-eucalypt);}
.btn{border-radius: 6px !important; font-family: var(--hb-text); font-weight: 700;}
.btn-gold{background: var(--hb-tea) !important; border: 2px solid var(--hb-tea) !important; color: #fff !important;}
.btn-gold:hover,.btn-gold:focus-visible{background: var(--hb-eucalypt) !important; border-color: var(--hb-eucalypt) !important; color: #fff !important;}
.btn-maize,.page-hero .btn-maize,.page-hero .btn-gold,.u-next .btn-maize,.cta .btn-gold,.cta .btn-maize,.donate-band .btn-gold,.home-head-acts .btn-gold,.td-acts .btn-gold,.ui-bulk .btn-gold,.sheet-acts .btn-gold,.home-card .btn-maize,.choose-featured .btn-gold{background: var(--hb-maize) !important; border: 2px solid var(--hb-maize) !important; color: var(--hb-ink) !important;}
.btn-maize:hover,.page-hero .btn-gold:hover,.home-head-acts .btn-gold:hover,.td-acts .btn-gold:hover,.ui-bulk .btn-gold:hover,.sheet-acts .btn-gold:hover,.choose-featured .btn-gold:hover{background: var(--hb-maize-hover) !important; border-color: var(--hb-maize-hover) !important; color: var(--hb-ink) !important;}
.btn-outline-ink{background: #fff !important; border: 2px solid var(--hb-ink) !important; color: var(--hb-ink) !important;}
.btn-outline-ink:hover,.btn-outline-ink:focus-visible{background: var(--hb-mist) !important; color: var(--hb-ink) !important;}
.btn-help{background: var(--hb-red) !important; border: 2px solid var(--hb-red) !important; color: #fff !important; border-radius: 6px !important;}
.btn-help:hover,.btn-help:focus-visible{background: var(--hb-red-deep) !important; border-color: var(--hb-red-deep) !important; color: #fff !important;}
.form-control,.form-select{border: 2px solid var(--hb-field); border-radius: 6px !important; color: var(--hb-ink);}
.form-control:focus,.form-select:focus{border-color: var(--hb-tea); box-shadow: 0 0 0 3px rgba(242, 181, 60, .55);}
:focus-visible{outline: 3px solid var(--hb-ink) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--hb-maize) !important;}
.tbc{background: var(--hb-notice); color: var(--hb-notice-ink);}
.page-hero{background: var(--hb-eucalypt) !important;}
.page-hero h1{font-size: clamp(2.4rem, 6vw, 3.9rem) !important; max-width: 18ch;}
.section-soft{background: var(--hb-mist) !important;}
.section-green,.objective-band,.cta,.donate-band,.host-band{background: var(--hb-ink) !important;}
.h-card,.path-card,.fact-panel,.form-card,.res-group,.portfolio,.mv-card,.benefit,.support-cards .support,.u-tiles a,.ev-card,.feature{border-radius: 8px !important; border-color: var(--hb-rule) !important;}
.support-ic{background: var(--hb-mist) !important;}
body.app,body.auth{background: var(--hb-mist);}
body.app .app-main h1,body.app .view > h1,body.app .pg-head h1{font-family: var(--hb-display) !important; font-weight: 700 !important; letter-spacing: 0 !important;}
@media (min-width: 992px){body.app .side{background: var(--hb-ink); box-shadow: none; padding-top: 0;}
body.app .side::before{content: ""; display: block; height: 6px; margin: 0 -.75rem; background: var(--hb-kikoi); position: sticky; top: 0; z-index: 2; flex: none;}
.side-brand{background: var(--hb-ink); top: 6px;}
.side-brand strong{font-family: var(--hb-display); font-weight: 700; font-size: 1.45rem; letter-spacing: 0;}
.side-brand span span{color: var(--hb-on-dark);}
body.app .side .side-label{color: var(--hb-on-dark); opacity: 1; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;}
body.app .side button{color: var(--hb-mist) !important; border-radius: 6px;}
body.app .side button:hover{background: rgba(255, 255, 255, .07) !important;}
body.app .side button.on{background: var(--hb-tea) !important; color: #fff !important; box-shadow: inset 4px 0 0 var(--hb-maize) !important;}
body.app .side button.on svg{color: #fff !important;}
body.app .side .count{background: var(--hb-maize); color: var(--hb-ink); box-shadow: none;}
.side-help{background: var(--hb-eucalypt) !important; border-radius: 8px;}
.side-help .btn-help{background: var(--hb-red) !important; border-color: var(--hb-red) !important; color: #fff !important;}
.side-help .btn-help:hover{background: var(--hb-red-deep) !important; border-color: var(--hb-red-deep) !important;}
.side-me{border-top-color: rgba(255, 255, 255, .14);}
.side-me .ui-av{background: var(--hb-tea); color: #fff;}
.side-me small{color: var(--hb-on-dark);}}
.app-top{box-shadow: none;}
@media (max-width: 991.98px){.app-top,.pt-head{background: var(--hb-ink) !important; border-top: 0 !important;}
.app-top::before,.pt-head::before{content: ""; display: block; height: 5px; background: var(--hb-kikoi);}}
.drawer{border-top: 5px solid var(--hb-maize);}
body.app .panel,body.app .card,.home-steps,.glance-card,.svc-dir-grid,.td-inbox,.td-cal,.ui-table-box,.cm-section,.wa-card,.ht,.sd{border-radius: 8px !important; box-shadow: none !important;}
body.app .panel,body.app .card,.ht,.glance-card:not(.fee-card),.wa-card{border: 1px solid var(--hb-rule) !important; background: #fff;}
.home-card{background: var(--hb-eucalypt) !important; border-radius: 8px !important; box-shadow: none !important;}
.home-card::before{background: var(--hb-kikoi) !important; height: 8px !important;}
.home-card::after{content: none !important;}
.home-card .hc-name{font-family: var(--hb-display); font-weight: 700; letter-spacing: 0;}
.home-card .hc-motto,.home-card .hc-motto em{color: var(--hb-maize);}
.home-card .hc-meta dt{color: var(--hb-on-dark);}
.home-card .hc-meta dd{font-family: var(--hb-text);}
body.app h3,body.app h4,body.app .ht strong,body.app .sd strong,body.app .glance-k,body.app .ov-k,body.app .td-case-what strong{font-family: var(--hb-text) !important; letter-spacing: 0;}
.ht{background: #fff !important;}
.fee-card,.td-fund{background: var(--hb-eucalypt) !important; color: #fff; border-radius: 8px !important; border: 0 !important;}
.td-cases li.urgent{border-left: 5px solid var(--hb-red) !important; background: var(--hb-red-tint) !important;}
.ov-card.ov-urgent{border-color: var(--hb-red) !important;}
.ui-table th{color: var(--hb-slate); border-bottom: 2px solid var(--hb-ink) !important;}
.ui-seg button[aria-pressed="true"],.ui-seg .on{background: var(--hb-ink) !important; color: #fff !important; border-color: var(--hb-ink) !important;}
body.auth .auth-card,.auth .card{border-radius: 8px !important; box-shadow: none !important; border: 1px solid var(--hb-rule) !important;}
@media (prefers-reduced-motion: reduce){*{scroll-behavior: auto !important;}}
:root{--u-stripe: var(--hb-kikoi);}
.td-fund::before,.mc-stripe{background: var(--hb-kikoi) !important;}
@media print{.pc-stripe{background: var(--hb-kikoi) !important;}
.pc-front{background: var(--hb-eucalypt) !important;}}
.hb-section{padding: clamp(3.5rem, 7vw, 6rem) 0; background: #fff;}
.hb-section-top{padding-top: clamp(2.5rem, 5vw, 4rem);}
.hb-mist{background: var(--hb-mist);}
.hb-dark{background: var(--hb-ink); color: #fff;}
.hb-dark h2,.hb-dark h3{color: #fff !important;}
.hb-dark p{color: var(--hb-mist);}
.hb-section h2{font-size: var(--k-fs-h2); margin: 0 0 .75rem; color: inherit;}
.hb-head{max-width: 46rem; margin-bottom: 2rem;}
.hb-head p{color: var(--hb-slate); font-size: 1.125rem; margin: 0;}
.hb-small{font-size: .9375rem; color: var(--hb-slate);}
.hb-dark .hb-small{color: var(--hb-on-dark);}
.hb-dark a{color: #fff;}
.hb-more{font-weight: 700; color: var(--hb-tea);}
.hb-more-light{color: #fff !important;}
.hb-died{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 2.5rem 4rem; align-items: start;}
.hb-email{display: inline-flex; flex-direction: column; gap: .15rem; background: #fff; color: var(--hb-ink) !important; text-decoration: none;
padding: 1rem 1.25rem; border-radius: 8px; margin: 1rem 0; border-left: 6px solid var(--hb-maize);}
.hb-email span{font-size: .875rem; font-weight: 700; color: var(--hb-slate);}
.hb-email{font-family: var(--hb-display); font-weight: 700; font-size: clamp(1.6rem, 3.4vw, 2.1rem); line-height: 1.1;}
.hb-email:hover{background: var(--hb-mist);}
.hb-steps{list-style: none; counter-reset: s; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.5rem;}
.hb-steps li{counter-increment: s; display: grid; grid-template-columns: 2.5rem 1fr; column-gap: 1rem;}
.hb-steps li::before{content: counter(s); grid-row: span 2; font-family: var(--hb-display); font-weight: 700; font-size: 2rem; line-height: 1; color: var(--hb-maize);}
.hb-steps h3{font-size: 1.1875rem; margin: 0 0 .2rem; font-family: var(--hb-text) !important;}
.hb-steps p{margin: 0;}
@media (max-width: 991.98px){.hb-died{grid-template-columns: 1fr;}}
.hb-emergency{background: var(--hb-red); color: #fff; padding: .9rem 0;}
.hb-emergency-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem;}
.hb-emergency strong{font-size: 1.125rem;}
.hb-emergency-acts{display: flex; flex-wrap: wrap; gap: .6rem;}
.hb-btn-white-red{background: #fff !important; border: 2px solid #fff !important; color: var(--hb-red) !important;}
.hb-btn-white{background: #fff !important; border: 2px solid #fff !important; color: var(--hb-ink) !important;}
.hb-emergency :focus-visible{outline-color: #fff !important;}
.hb-help h1{font-size: var(--k-fs-h1) !important; margin: 0 0 .75rem;}
.hb-doors{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem;}
.hb-door{border: 1px solid var(--hb-rule); border-radius: 8px; padding: 1.75rem; display: flex; flex-direction: column; gap: .85rem; scroll-margin-top: 110px;}
.hb-door h2{font-size: 1.6rem !important; margin: 0;}
.hb-door p{margin: 0;}
.hb-door .btn{align-self: flex-start; margin-top: auto;}
.hb-door-urgent{border: 2px solid var(--hb-ink);}
.hb-door-urgent .hb-email{background: var(--hb-ink); color: #fff !important; border-left-color: var(--hb-maize); margin: .25rem 0; font-size: 1.6rem;}
.hb-door-urgent .hb-email span{color: var(--hb-maize);}
.hb-door-urgent .hb-email:hover{background: var(--hb-eucalypt);}
@media (max-width: 991.98px){.hb-doors{grid-template-columns: 1fr;}}
.hb-finder{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 1.5rem 4rem;}
.hb-finder-form{display: flex; gap: .6rem; flex-wrap: wrap;}
.hb-finder-form .form-control{flex: 1 1 16rem;}
.hb-chips{display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem;}
.hb-chips button{min-height: 44px; padding: .4rem .9rem; border: 2px solid var(--hb-ink); border-radius: 6px; background: #fff; color: var(--hb-ink); font-weight: 700;}
.hb-chips button:hover{background: var(--hb-mist);}
.hb-finder-results{list-style: none; padding: 0; margin: 0;}
.hb-finder-results li{padding: .6rem 0; border-top: 1px solid var(--hb-rule);}
.hb-finder-results a{font-weight: 700;}
@media (max-width: 991.98px){.hb-finder{grid-template-columns: 1fr;}}
.hb-services{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 0 3rem;}
.hb-services li{display: grid; grid-template-columns: 1fr auto; gap: .1rem 1rem; padding: .9rem 0; border-top: 1px solid var(--hb-rule); align-items: center; max-width: none;}
.hb-services strong{grid-column: 1;}
.hb-services span{grid-column: 1; font-size: .9375rem; color: var(--hb-slate);}
.hb-services > li > a{grid-column: 2; grid-row: 1 / span 2; font-weight: 700; white-space: nowrap; font-size: 1.0625rem;}
.tbc{display: inline-block; font-size: .875rem; font-weight: 700; padding: .1rem .5rem; border-radius: 4px; background: var(--hb-notice); color: var(--hb-notice-ink);}
@media (max-width: 767.98px){.hb-section{padding: 3rem 0;}
.hb-head{margin-bottom: 1.25rem;}
.hb-head p{font-size: 1rem;}
.hb-steps{gap: 1rem;}
.hb-steps p{font-size: 1rem;}}
:root{--ev-everyone: #1E4A34; --ev-families: #2B6E46; --ev-youth: #13241B; --ev-women: #1E4A34; --ev-culture: #13241B; --ev-sport: #2B6E46; --ev-members: #4A5A50;}
.ev-card{border-radius: 8px !important;}
/* ===== theme-highland.css ===== */
:root{--kb-forest: #1B2550;
--kb-pine: #06353A;
--kb-emerald: #1F2F63;
--kb-sun: #5EB164;
--kb-sun-hover: #4FA055;
--kb-sun-soft: #E3F3E5;
--kb-navy: #111827;
--kb-ink: #111827;
--kb-slate: #4B5563;
--kb-mint: #F3F4F6;
--kb-mint-2: #F9FAFB;
--kb-foam: #E5E7EB;
--kb-rule: #E5E7EB;
--kb-red: #B42318;
--kb-shadow: 0 12px 34px rgba(10, 74, 79, .09);
--kb-shadow-lg: 0 22px 50px rgba(10, 74, 79, .16);
--kb-font: "Lexend", "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
--kb-swash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C40 4 92 3 197 6' fill='none' stroke='%235EB164' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M30 14c40-4 90-5 140-3' fill='none' stroke='%235EB164' stroke-width='2.4' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E");
--kb-swash-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C40 4 92 3 197 6' fill='none' stroke='%2315803D' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M30 14c40-4 90-5 140-3' fill='none' stroke='%2315803D' stroke-width='2' stroke-linecap='round' opacity='.8'/%3E%3C/svg%3E");
--kb-dots: radial-gradient(rgba(255, 255, 255, .22) 1.6px, transparent 1.8px);
--hb-ink: var(--kb-ink);
--hb-tea: var(--kb-forest);
--hb-eucalypt: var(--kb-forest);
--hb-maize: var(--kb-sun);
--hb-maize-hover: var(--kb-sun-hover);
--hb-maize-light: #8FD09A;
--hb-mist: var(--kb-mint);
--hb-slate: var(--kb-slate);
--hb-rule: var(--kb-rule);
--hb-field: #6B7280;
--hb-on-dark: #CBD5E1;
--hb-display: var(--kb-font);
--hb-text: var(--kb-font);
--hb-kikoi: linear-gradient(90deg, var(--kb-sun) 0 32%, var(--kb-forest) 32% 100%);
--tl-eucalypt-2: var(--kb-pine);
--radius: 14px; --u-radius: 6px; --k-radius: 6px;
--k-fs-h1: clamp(2.4rem, 5.6vw, 3.6rem);
--k-fs-h2: clamp(1.85rem, 3.8vw, 2.5rem);}
body{font-family: var(--kb-font); color: var(--kb-ink); font-weight: 400;}
h1,h2,h3,h4,.section-title,.page-hero h1{font-family: var(--kb-font) !important; font-weight: 600 !important; letter-spacing: -.01em !important; color: var(--kb-navy);}
h1,.page-hero h1{line-height: 1.12 !important;}
h2,.section-title{line-height: 1.22 !important;}
strong,b{font-weight: 600;}
a{color: var(--kb-forest);}
a:hover{color: var(--kb-pine);}
::selection{background: var(--kb-sun); color: var(--kb-navy);}
.eyebrow,.hero-place,.page-hero .hero-place{display: inline-block !important; width: auto; max-width: 100%;
background: var(--kb-mint) !important; color: var(--kb-forest) !important; border: 1px solid #BFDCD4;
border-radius: 999px; padding: .25rem .9rem !important; font-family: var(--kb-font); font-weight: 500 !important;
font-size: .875rem !important; letter-spacing: 0 !important; text-transform: none !important; margin-bottom: .9rem !important;}
.page-hero .hero-place,.feature .eyebrow,.u-next .eyebrow,.objective-band .eyebrow,.section-green .eyebrow,.cta .eyebrow,.donate-band .eyebrow,.host-band .eyebrow,.hb-dark .eyebrow{background: rgba(255, 255, 255, .12) !important; color: #fff !important; border-color: rgba(255, 255, 255, .35);}
.btn{border-radius: 6px !important; font-family: var(--kb-font); font-weight: 500; letter-spacing: 0;}
.btn-lg{padding: .8rem 1.5rem; font-size: 1.0625rem;}
.btn-gold{background: var(--kb-forest) !important; border: 2px solid var(--kb-forest) !important; color: #fff !important;}
.btn-gold:hover,.btn-gold:focus-visible{background: var(--kb-pine) !important; border-color: var(--kb-pine) !important; color: #fff !important;}
.btn-maize,.page-hero .btn-maize,.page-hero .btn-gold,.cta .btn-gold,.cta .btn-maize,.donate-band .btn-gold,.home-head-acts .btn-gold,.td-acts .btn-gold,.ui-bulk .btn-gold,.sheet-acts .btn-gold,.home-card .btn-maize,.choose-featured .btn-gold{background: var(--kb-sun) !important; border: 2px solid var(--kb-sun) !important; color: var(--kb-navy) !important; box-shadow: 0 6px 16px rgba(246, 193, 47, .28);}
.btn-maize:hover,.page-hero .btn-gold:hover,.page-hero .btn-maize:hover,.home-head-acts .btn-gold:hover,.td-acts .btn-gold:hover,.ui-bulk .btn-gold:hover,.sheet-acts .btn-gold:hover,.choose-featured .btn-gold:hover,.home-card .btn-maize:hover{background: var(--kb-sun-hover) !important; border-color: var(--kb-sun-hover) !important; color: var(--kb-navy) !important;}
.btn-outline-ink{background: #fff !important; border: 1.5px solid var(--kb-forest) !important; color: var(--kb-forest) !important;}
.btn-outline-ink:hover,.btn-outline-ink:focus-visible{background: var(--kb-forest) !important; color: #fff !important;}
.btn-ghost,.page-hero .btn-ghost{background: transparent !important; border: 1.5px solid rgba(255, 255, 255, .7) !important; color: #fff !important; text-decoration: none !important;}
.btn-ghost:hover,.page-hero .btn-ghost:hover{background: #fff !important; color: var(--kb-forest) !important;}
.btn-help{background: var(--kb-red) !important; border: 2px solid var(--kb-red) !important; color: #fff !important;}
.form-control,.form-select{border: 1.5px solid #B9C7C3; border-radius: 6px !important; font-family: var(--kb-font);}
.form-control:focus,.form-select:focus{border-color: var(--kb-forest); box-shadow: 0 0 0 3px rgba(246, 193, 47, .5);}
:focus-visible{outline: 3px solid var(--kb-navy) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--kb-sun) !important;}
.page-hero{background: var(--kb-forest) !important; position: relative; overflow: hidden; isolation: isolate; padding: clamp(3rem, 7vw, 5.5rem) 0 !important;}
.page-hero::before{content: ""; position: absolute; inset: 0; z-index: -1;
background: var(--kb-dots) 0 0 / 20px 20px; -webkit-mask: radial-gradient(circle at 6% 20%, #000 0 120px, transparent 260px); mask: radial-gradient(circle at 6% 20%, #000 0 120px, transparent 260px);}
.page-hero::after{content: "" !important; display: block !important; left: auto; bottom: auto; height: auto; position: absolute; z-index: -1; right: max(-120px, calc((100vw - 1240px) / 2 - 140px)); top: 50%; translate: 0 -50%; width: min(380px, 50vw); aspect-ratio: 1;
border-radius: 50%; background: repeating-linear-gradient(-45deg, rgba(246, 193, 47, .9) 0 7px, transparent 7px 24px);
-webkit-mask: radial-gradient(circle, transparent 0 58%, #000 58.5%); mask: radial-gradient(circle, transparent 0 58%, #000 58.5%); opacity: .85;}
.page-hero h1{color: #fff !important; font-size: clamp(2.2rem, 5vw, 3.3rem) !important; max-width: 20ch;}
.page-hero .hero-lead,.page-hero p{color: #E1ECEC;}
.page-hero a:not(.btn){color: #fff;}
.kb-crumbs{display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; font-size: .9rem; color: #CBD5E1; margin: 0 0 1rem;}
.kb-crumbs a{color: #fff !important; text-decoration: none;}
.kb-crumbs a:hover{color: var(--kb-sun) !important; text-decoration: underline;}
.kb-crumbs span[aria-hidden]{color: var(--kb-sun);}
.page-hero .hero-place{margin-bottom: 1rem !important;}
.section-soft,.hb-mist{background: var(--kb-mint) !important;}
.section-green,.objective-band,.cta,.donate-band,.host-band{background: var(--kb-forest) !important;}
.section-title{position: relative;}
.eyebrow + .section-title,.eyebrow + h2{margin-top: 0;}
h2.section-title::after{content: ""; display: block; width: 92px; height: 12px; margin-top: .45rem; background: var(--kb-swash) no-repeat left / 100% 100%;}
.text-center h2.section-title::after,.section-title.text-center::after{margin-inline: auto;}
.h-card,.path-card,.fact-panel,.form-card,.res-group,.portfolio,.mv-card,.benefit,.support-cards .support,.u-tiles a,.ev-card,.feature,.person,.card{border-radius: 14px !important; border: 1px solid var(--kb-rule) !important; box-shadow: var(--kb-shadow); background: #fff;}
.ev-card:hover,.path-card:hover,.portfolio:hover,.u-tiles a:hover{box-shadow: var(--kb-shadow-lg); transform: translateY(-3px); transition: box-shadow .2s, transform .2s;}
.support-ic{background: var(--kb-mint) !important; color: var(--kb-forest) !important; border-radius: 12px !important;}
.chip{border-radius: 999px !important; font-family: var(--kb-font);}
.chip.active,.chip[aria-pressed="true"]{background: var(--kb-forest) !important; border-color: var(--kb-forest) !important; color: #fff !important;}
.person img,.person .initials{border: 4px solid var(--kb-mint);}
.person .initials{background: var(--kb-forest) !important; color: #fff !important;}
.tbc{background: var(--kb-sun-soft); color: #5C4210; border-radius: 999px; padding: .1rem .55rem;}
.help-bubble{background: var(--kb-forest) !important; box-shadow: var(--kb-shadow-lg) !important;}
body.app,body.auth{background: var(--kb-mint-2);}
body.app .app-main h1,body.app .view > h1,body.app .pg-head h1{font-family: var(--kb-font) !important; font-weight: 600 !important; letter-spacing: -.015em !important; color: var(--kb-navy);}
body.app h2,body.app h3,body.app h4{font-family: var(--kb-font) !important;}
@media (min-width: 992px){body.app .side{background: var(--kb-forest) !important; min-height: 100vh;}
body.app .side::before{background: var(--kb-sun) !important; height: 4px !important;}
body.app .side::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 220px; pointer-events: none;
background: var(--kb-dots) 0 0 / 18px 18px; -webkit-mask: linear-gradient(transparent, #000); mask: linear-gradient(transparent, #000); opacity: .6;}
.side-brand{background: var(--kb-forest) !important; top: 4px !important;}
.side-brand strong{font-family: var(--kb-font) !important; font-weight: 600 !important; letter-spacing: -.02em !important;}
body.app .side .side-label{color: #A8D3C7 !important; font-weight: 500 !important; letter-spacing: .08em !important;}
body.app .side button{color: #F3F4F6 !important; border-radius: 8px !important; font-weight: 400;}
body.app .side button:hover{background: rgba(255, 255, 255, .09) !important;}
body.app .side button.on{background: #fff !important; color: var(--kb-forest) !important; box-shadow: inset 4px 0 0 var(--kb-sun) !important; font-weight: 600;}
body.app .side button.on svg{color: var(--kb-forest) !important;}
body.app .side .count{background: var(--kb-sun) !important; color: var(--kb-navy) !important;}
.side-help{background: rgba(0, 0, 0, .16) !important; border-radius: 12px !important;}
.side-me .ui-av{background: var(--kb-sun) !important; color: var(--kb-navy) !important;}}
.app-top{background: #fff; box-shadow: 0 4px 18px rgba(28, 32, 49, .05) !important;}
@media (max-width: 991.98px){.app-top,.pt-head{background: var(--kb-forest) !important;}
.app-top::before,.pt-head::before{background: var(--kb-sun) !important; height: 3px !important;}}
.drawer{border-top-color: var(--kb-sun) !important;}
body.app .panel,body.app .card,.home-steps,.glance-card,.svc-dir-grid,.td-inbox,.td-cal,.ui-table-box,.cm-section,.wa-card,.ht,.sd,.ov-card{border-radius: 14px !important; box-shadow: var(--kb-shadow) !important;}
body.app .panel,body.app .card,.ht,.glance-card:not(.fee-card),.wa-card,.ov-card{border: 1px solid var(--kb-rule) !important;}
.ht{transition: transform .2s, box-shadow .2s;}
.ht:hover{transform: translateY(-3px); box-shadow: var(--kb-shadow-lg) !important;}
.home-card{background: radial-gradient(ellipse at 85% 20%, var(--kb-emerald), var(--kb-forest) 60%) !important; border-radius: 16px !important; box-shadow: var(--kb-shadow-lg) !important; position: relative; overflow: hidden;}
.home-card::before{background: var(--kb-sun) !important; height: 6px !important;}
.home-card::after{content: "" !important; position: absolute; right: -90px; top: -110px; width: 220px; aspect-ratio: 1; border-radius: 50%; pointer-events: none;
background: repeating-linear-gradient(-45deg, rgba(246, 193, 47, .55) 0 6px, transparent 6px 20px);
-webkit-mask: radial-gradient(circle, transparent 0 58%, #000 58.5%); mask: radial-gradient(circle, transparent 0 58%, #000 58.5%);}
.home-card .hc-name{font-family: var(--kb-font) !important; font-weight: 600 !important;}
.fee-card,.td-fund{background: radial-gradient(ellipse at 85% 10%, var(--kb-emerald), var(--kb-forest) 65%) !important; border-radius: 16px !important; box-shadow: var(--kb-shadow-lg) !important;}
.td-fund::before,.mc-stripe{background: var(--kb-sun) !important;}
body.app .btn-outline-ink{border-radius: 6px !important;}
.ui-seg button[aria-pressed="true"],.ui-seg .on{background: var(--kb-forest) !important; border-color: var(--kb-forest) !important;}
.ui-table th{border-bottom: 2px solid var(--kb-forest) !important; color: var(--kb-slate); font-weight: 500;}
.ui-table tbody tr:hover{background: var(--kb-mint-2);}
.tabs .on{color: var(--kb-forest) !important; border-color: var(--kb-forest) !important;}
.badge,.pill,.st{border-radius: 999px !important;}
body.auth .auth-card,.auth .card{border-radius: 16px !important; box-shadow: var(--kb-shadow-lg) !important; border: 1px solid var(--kb-rule) !important;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;}}
.auth-intro{position: relative; overflow: hidden; isolation: isolate; background: var(--kb-forest) !important;}
.auth-intro::before{content: ""; position: absolute; z-index: -1; right: -120px; bottom: -120px; width: 360px; aspect-ratio: 1; border-radius: 50%;
background: repeating-linear-gradient(-45deg, var(--kb-sun) 0 7px, transparent 7px 24px);
-webkit-mask: radial-gradient(circle, transparent 0 58%, #000 58.5%); mask: radial-gradient(circle, transparent 0 58%, #000 58.5%); opacity: .8;}
.auth-intro::after{content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 220px; height: 220px; background: var(--kb-dots) 0 0 / 20px 20px;}
@media (max-width: 767.98px){.page-hero::after{opacity: .18;}}
:root{--hl-teal: #1B2550; --hl-teal-deep: #06353A; --hl-green: #1F2F63; --hl-green-hover: #116B33;
--hl-leaf: #5EB164; --hl-blue: #1D4ED8; --hl-grey: #F3F4F6; --hl-line: #E5E7EB; --hl-ink: #111827; --hl-slate: #4B5563;
--kb-shadow: 0 1px 2px rgba(17, 24, 39, .06); --kb-shadow-lg: 0 8px 24px rgba(17, 24, 39, .10);}
body{background: #fff;}
.page-hero::before,.page-hero::after{display: none !important;}
.eyebrow{background: transparent; border: 0; padding: 0; color: var(--hl-green); font-weight: 600; letter-spacing: .01em; text-transform: none;}
.btn,.btn-lg{border-radius: 999px; font-weight: 600;}
.btn-gold,.btn-maize,.home-head-acts .btn-gold,.td-acts .btn-gold,.ui-bulk .btn-gold,.sheet-acts .btn-gold,.home-card .btn-maize,.choose-featured .btn-gold{background: var(--hl-green); border-color: var(--hl-green); color: #fff; box-shadow: none;}
.btn-gold:hover,.btn-gold:focus-visible,.btn-maize:hover,.ui-bulk .btn-gold:hover,.sheet-acts .btn-gold:hover,.choose-featured .btn-gold:hover,.home-card .btn-maize:hover{background: var(--hl-green-hover); border-color: var(--hl-green-hover); color: #fff;}
.btn-outline-ink{border-radius: 999px; border: 1.5px solid var(--hl-teal); color: var(--hl-teal); background: #fff;}
.btn-outline-ink:hover,.btn-outline-ink:focus-visible{background: var(--hl-teal); color: #fff;}
.btn-help{background: #fff; color: #B42318; border: 1.5px solid #B42318;}
.btn-help:hover{background: #B42318; color: #fff;}
.section-soft,.hb-mist{background: var(--hl-grey);}
.section-title{font-weight: 600; color: var(--hl-slate);}
.mv-card,.benefit,.support-cards .support,.u-tiles a,.ev-card,.feature,.person,.card{border: 1px solid var(--hl-line); border-radius: 12px; box-shadow: none; background: #fff;}
.page-hero{background: var(--hl-teal); border-radius: 0;}
.page-hero h1{font-weight: 600;}
.kb-crumbs,.kb-crumbs a{color: #CBD5E1;}
.section-green,.objective-band,.cta,.donate-band,.host-band{background: var(--hl-teal);}
body.app,body.auth{background: var(--hl-grey);}
body.app .side button.on{background: #fff; color: var(--hl-teal); box-shadow: inset 4px 0 0 var(--hl-leaf);}
body.app .side .count{background: var(--hl-leaf); color: #111827;}
.app-top,.pt-head{background: #fff; color: var(--hl-ink); border-bottom: 1px solid var(--hl-line);}
.app-top::before,.pt-head::before{content: none;}
body.app .panel,body.app .card,.ht,.glance-card:not(.fee-card),.wa-card,.ov-card{border: 1px solid var(--hl-line); border-radius: 12px; box-shadow: none;}
.home-card,.fee-card,.td-fund{background: var(--hl-teal);}
.home-card::before,.home-card::after,.td-fund::before,.mc-stripe{background: var(--hl-leaf); opacity: .9;}
.auth-intro{background: var(--hl-teal);}
.auth-intro::before,.auth-intro::after{opacity: .15;}
body.auth .auth-card,.auth .card{border: 1px solid var(--hl-line); border-radius: 16px; box-shadow: var(--kb-shadow-lg);}
.tabs .on{color: var(--hl-teal); border-color: var(--hl-green);}
.page-hero .btn-gold,body.auth button[type="submit"].btn{background: var(--hl-green); border-color: var(--hl-green); color: #fff;}
.page-hero .btn-gold:hover{background: var(--hl-green-hover); color: #fff;}
h2.section-title::after,.text-center h2.section-title::after{content: none;}
/* ===== site-frame.css ===== */
:root{--frame-max: 1240px; 
--frame-gutter: clamp(16px, 3vw, 24px);}
html body .container{width: 100%;
max-width: var(--frame-max);
margin-inline: auto;
padding-inline: var(--frame-gutter);}
.lead-light > .tag{color: #2F5F33 !important;}
/* ===== theme-unify.css ===== */
:root,body,body.app,body.auth{--accent: #1B2550;
--charcoal: #1B2550;
--cream: #F8F1E3;
--damu: #B42318;
--damu-tint: #FBEBDD;
--deep: #16244D;
--deep-2: #16244D;
--footer: #1B2550;
--gold: #CC9E4E;
--gold-on-dark: #FFFFFF;
--gold-tint: #EBCB86;
--green: #1B2550;
--green-deep: #16244D;
--green-hover: #1B2550;
--green-night: #1B2550;
--green-tint: #EEF2F9;
--h-line: #E2E8F0;
--h-maize-soft: #EBCB86;
--hb-eucalypt: #1B2550;
--hb-field: #1B2550;
--hb-ink: #0F172A;
--hb-maize: #CC9E4E;
--hb-maize-hover: #CC9E4E;
--hb-maize-light: #EBCB86;
--hb-mist: #F6F8FB;
--hb-notice: #FCEFD2;
--hb-notice-ink: #5C4210;
--hb-on-dark: #FFFFFF;
--hb-red: #B42318;
--hb-red-deep: #8F2E29;
--hb-red-tint: #FBEBDD;
--hb-rule: #E2E8F0;
--hb-slate: #0F172A;
--header: #1B2550;
--hl-green: #1B2550;
--hl-green-hover: #16244D;
--hl-grey: #F6F8FB;
--hl-ink: #0F172A;
--hl-leaf: #1B2550;
--hl-line: #E2E8F0;
--hl-slate: #0F172A;
--hl-teal: #1B2550;
--hl-teal-deep: #16244D;
--hm-green: #1B2550;
--hm-green-2: #16244D;
--hm-grey: #F6F8FB;
--hm-ink: #0F172A;
--hm-leaf: #5FB3AC;
--hm-leaf-soft: #EEF2F9;
--hm-line: #E2E8F0;
--hm-red: #B42318;
--hm-red-soft: #FBEBEA;
--hm-slate: #0F172A;
--hm-teal: #1B2550;
--hm-teal-2: #1B2550;
--ink: #0F172A;
--k-eucalypt: #1B2550;
--k-eucalypt-deep: #16244D;
--k-forest: #1B2550;
--k-forest-deep: #16244D;
--k-ink: #0F172A;
--k-maize: #CC9E4E;
--k-maize-soft: #EBCB86;
--k-muted: #4A5347;
--k-paper: #F6F8FB;
--k-pasture: #EEF2F9;
--k-red: #B42318;
--k-rule: #E2E8F0;
--kb-emerald: #1B2550;
--kb-foam: #F6F8FB;
--kb-forest: #1B2550;
--kb-ink: #0F172A;
--kb-mint: #EEF2F9;
--kb-mint-2: #EEF2F9;
--kb-navy: #1B2550;
--kb-pine: #1B2550;
--kb-red: #B42318;
--kb-rule: #E2E8F0;
--kb-slate: #0F172A;
--kb-sun: #CC9E4E;
--kb-sun-hover: #CC9E4E;
--kb-sun-soft: #EBCB86;
--leaf: #EEF2F9;
--line: #E2E8F0;
--line-2: #E2E8F0;
--line-soft: #E2E8F0;
--line-strong: #E2E8F0;
--link: #1B2550;
--mahindi: #CC9E4E;
--mint: #EEF2F9;
--msitu: #1B2550;
--msitu-2: #1B2550;
--muted: #4A5347;
--on-dark: #FFFFFF;
--on-dark-muted: #FFFFFF;
--on-dark-accent: #8FD0C9; 
--paper: #F6F8FB;
--red: #B42318;
--red-tint: #FBEBDD;
--stone: #F8F1E3;
--teal: #1B2550;
--teal-deep: #16244D;
--tl-amber: #CC9E4E;
--tl-amber-tint: #EBCB86;
--tl-eucalypt: #1B2550;
--tl-eucalypt-2: #1B2550;
--tl-eucalypt-deep: #16244D;
--tl-forest: #1B2550;
--tl-forest-deep: #16244D;
--tl-frost: #F6F8FB;
--tl-gold: #CC9E4E;
--tl-gold-light: #EBCB86;
--tl-ink: #0F172A;
--tl-line: #E2E8F0;
--tl-muted: #4A5347;
--tl-red: #B42318;
--tl-wheat: #F8F1E3;
--u-cream: #F8F1E3;
--u-gold: #CC9E4E;
--u-gold-light: #EBCB86;
--u-green: #1B2550;
--u-green-deep: #16244D;
--u-ink: #0F172A;
--u-line: #E2E8F0;
--u-muted: #4A5347;
--u-night: #1B2550;
--u-night-2: #1B2550;
--u-red: #B42318;
--urgent: #B42318;
--white: #FFFFFF;}
/* ===== umoja-pages.css ===== */
:root,body,body.app,body.auth{--accent: #1F2F63;
--charcoal: #1F2F63;
--cream: #F6F8FB;
--damu: #B42318;
--damu-tint: #FEF3F2;
--deep: #16244D;
--deep-2: #16244D;
--footer: #1F2F63;
--gold: #F5B300;
--gold-on-dark: #FFFFFF;
--gold-tint: #E8EEFA;
--green: #1F2F63;
--green-deep: #16244D;
--green-hover: #1F2F63;
--green-night: #1F2F63;
--green-tint: #EAF0FA;
--h-line: #E2E8F0;
--h-maize-soft: #E8EEFA;
--hb-eucalypt: #1F2F63;
--hb-field: #1F2F63;
--hb-ink: #0F172A;
--hb-maize: #F5B300;
--hb-maize-hover: #F5B300;
--hb-maize-light: #E8EEFA;
--hb-mist: #F6F8FB;
--hb-notice: #FEF4D6;
--hb-notice-ink: #5A4306;
--hb-on-dark: #FFFFFF;
--hb-red: #B42318;
--hb-red-deep: #912018;
--hb-red-tint: #FEF3F2;
--hb-rule: #E2E8F0;
--hb-slate: #0F172A;
--header: #1F2F63;
--hl-green: #1F2F63;
--hl-green-hover: #16244D;
--hl-grey: #F6F8FB;
--hl-ink: #0F172A;
--hl-leaf: #1F2F63;
--hl-line: #E2E8F0;
--hl-slate: #0F172A;
--hl-teal: #1F2F63;
--hl-teal-deep: #16244D;
--hm-green: #1F2F63;
--hm-green-2: #16244D;
--hm-grey: #F6F8FB;
--hm-ink: #0F172A;
--hm-leaf: #14B04C;
--hm-leaf-soft: #EAF0FA;
--hm-line: #E2E8F0;
--hm-red: #B42318;
--hm-red-soft: #FEF3F2;
--hm-slate: #0F172A;
--hm-teal: #1F2F63;
--hm-teal-2: #1F2F63;
--ink: #0F172A;
--k-eucalypt: #1F2F63;
--k-eucalypt-deep: #16244D;
--k-forest: #1F2F63;
--k-forest-deep: #16244D;
--k-ink: #0F172A;
--k-maize: #F5B300;
--k-maize-soft: #E8EEFA;
--k-muted: #5B6779;
--k-paper: #F6F8FB;
--k-pasture: #EAF0FA;
--k-red: #B42318;
--k-rule: #E2E8F0;
--kb-emerald: #1F2F63;
--kb-foam: #F6F8FB;
--kb-forest: #1F2F63;
--kb-ink: #0F172A;
--kb-mint: #EAF0FA;
--kb-mint-2: #EAF0FA;
--kb-navy: #1F2F63;
--kb-pine: #1F2F63;
--kb-red: #B42318;
--kb-rule: #E2E8F0;
--kb-slate: #0F172A;
--kb-sun: #F5B300;
--kb-sun-hover: #F5B300;
--kb-sun-soft: #E8EEFA;
--leaf: #EAF0FA;
--line: #E2E8F0;
--line-2: #E2E8F0;
--line-soft: #E2E8F0;
--line-strong: #E2E8F0;
--link: #1F2F63;
--mahindi: #F5B300;
--mint: #EAF0FA;
--msitu: #1F2F63;
--msitu-2: #1F2F63;
--muted: #5B6779;
--on-dark: #FFFFFF;
--on-dark-muted: #FFFFFF;
--on-dark-accent: #F3D27A;
--paper: #F6F8FB;
--red: #B42318;
--red-tint: #FEF3F2;
--stone: #F6F8FB;
--teal: #1F2F63;
--teal-deep: #16244D;
--tl-amber: #F5B300;
--tl-amber-tint: #E8EEFA;
--tl-eucalypt: #1F2F63;
--tl-eucalypt-2: #1F2F63;
--tl-eucalypt-deep: #16244D;
--tl-forest: #1F2F63;
--tl-forest-deep: #16244D;
--tl-frost: #F6F8FB;
--tl-gold: #F5B300;
--tl-gold-light: #E8EEFA;
--tl-ink: #0F172A;
--tl-line: #E2E8F0;
--tl-muted: #5B6779;
--tl-red: #B42318;
--tl-wheat: #F6F8FB;
--u-cream: #F6F8FB;
--u-gold: #F5B300;
--u-gold-light: #E8EEFA;
--u-green: #1F2F63;
--u-green-deep: #16244D;
--u-ink: #0F172A;
--u-line: #E2E8F0;
--u-muted: #5B6779;
--u-night: #1F2F63;
--u-night-2: #1F2F63;
--u-red: #B42318;
--urgent: #B42318;
--white: #FFFFFF;
--um-ground: #F6F8FB; 
--um-panel: #FFFFFF;
--um-edge: #E2E8F0; 
--um-edge-2: #CBD5E1; 
--um-field: #7B8494; 
--um-ink: #0F172A;
--um-ink-2: #334155;
--um-muted: #5B6779; 
--um-g: #1F2F63; 
--um-g-ink: #16244D; 
--um-g-50: #F3F6FC;
--um-g-100: #EAF0FA;
--um-g-200: #C7D2EA;
--um-y: #1F2F63; 
--um-y-ink: #FFFFFF;
--um-y-hover: #16244D;
--um-red: #B42318;
--um-red-50: #FEF3F2;
--um-amber-50: #FEF4D6;
--um-amber-ink: #5A4306;}
:root{--um-on-field: #FFFFFF;
--um-font: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;
--um-s-small: 0.875rem;
--um-s-fine: 1rem;
--um-s-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
--um-s-lead: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
--um-s-head: clamp(2rem, 1.2rem + 2.8vw, 3.5rem);
--um-s-display: clamp(2.5rem, 1.4rem + 3.8vw, 4.5rem);
--um-m: clamp(16px, 3.2vw, 48px);
--um-gap: clamp(96px, 12vw, 200px);
--um-ease: cubic-bezier(.2, .7, .2, 1);}
.u-wrap{width: 100%; max-width: 1520px; margin-inline: auto; padding-inline: var(--um-m);}
.u-btn{display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 22px; border-radius: 999px; border: 0;
font: 600 var(--um-s-fine)/1.2 var(--um-font); text-decoration: none; cursor: pointer; transition: transform .18s var(--um-ease), background-color .18s;}
.u-btn:hover{text-decoration: none; transform: translateY(-2px);}
.u-btn:active{transform: translateY(0) scale(.98);}
.u-btn-lg{min-height: 56px; padding: 14px 28px;}
.u-btn-join{background: var(--um-y); color: var(--um-y-ink);}
.u-btn-join:hover{background: #16244D;}
.u-btn-help{background: var(--um-red); color: #fff;}
.u-btn-help:hover{background: #C4320A;}
.u-btn-dark{background: var(--um-ink); color: #fff;}
.u-textlink{display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; text-decoration: underline; text-decoration-color: var(--um-g); text-decoration-thickness: 3px; text-underline-offset: 6px; color: var(--um-g-ink);}
.u-textlink::after{content: "\2192"; transition: transform .18s var(--um-ease);}
.u-textlink:hover::after{transform: translateX(4px);}
.u-more{display: flex; flex-wrap: wrap; gap: 8px 32px; margin-top: 40px;}
.u-head{position: sticky; top: 0; z-index: 50; background: var(--um-ground);}
.u-head-in{display: flex; align-items: center; gap: 24px; max-width: 1520px; margin-inline: auto; padding: 12px var(--um-m); min-height: 72px;}
.u-brand{display: inline-flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 700; font-size: var(--um-s-lead); letter-spacing: .02em;}
.u-brand img{width: 40px; height: 40px; background: #fff; border-radius: 50%; padding: 2px;}
.u-menu{display: flex; align-items: center; flex: 1; gap: 24px;}
.u-links,.u-acts{list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px;}
.u-links{margin-inline: auto;}
.u-links a,.u-signin{display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; text-decoration: none; font-weight: 450; border-radius: 999px; transition: background-color .18s;}
.u-links a:hover,.u-signin:hover{background: var(--um-g-100);}
.u-links a[aria-current="page"]{text-decoration: underline; text-decoration-color: var(--um-g); text-decoration-thickness: 3px;}
.u-acts{gap: 8px;}
.u-acts .u-btn{min-height: 44px; padding: 8px 18px;}
.u-menu-btn{display: none;}
@media (max-width: 1080px){.u-head-in{flex-wrap: wrap; gap: 12px;}
.js .u-menu-btn{display: inline-flex; align-items: center; margin-left: auto; min-height: 44px; padding: 8px 18px; border-radius: 999px; border: 0;
background: var(--um-g-100); color: var(--um-ink); font: 600 var(--um-s-fine) var(--um-font); cursor: pointer;}
.u-menu{display: flex; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 16px; padding: 8px 0 20px;}
.js .u-menu{display: none;}
.js .u-menu.is-open{display: flex;}
.u-links,.u-acts{flex-direction: column; align-items: stretch;}
.u-links{margin: 0;}
.u-links a{font-size: var(--um-s-lead); padding: 0 4px; min-height: 52px;}
.u-acts{flex-direction: row; flex-wrap: wrap;}
.u-acts .u-btn{min-height: 48px;}}
.u-kanga{background: var(--um-g); color: var(--um-on-field); padding-block: 88px;}
.u-kanga a{color: var(--um-on-field);}
.u-kanga-in{display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: end;}
.u-kanga h2{font-size: var(--um-s-display); letter-spacing: -0.035em;}
.u-kanga-say{margin-top: 28px; max-width: 46ch; font-size: clamp(1.25rem, 1rem + 1vw, 1.875rem); line-height: 1.3;}
.u-kanga-say a{font-weight: 600; text-decoration-color: var(--um-y); text-decoration-thickness: 4px; text-underline-offset: 6px;}
.u-kanga-small{margin-top: 28px; max-width: 52ch;}
@media (max-width: 760px){.u-kanga{padding-block: 64px;}
.u-kanga-in{grid-template-columns: 1fr;}
.u-kanga h2{font-size: clamp(2.5rem, 11vw, 3.5rem);}}
.u-foot{padding: 96px var(--um-m) 120px; background: var(--um-g-100);}
.u-card{position: relative; max-width: 1240px; margin-inline: auto; background: var(--um-panel); color: var(--um-ink); padding: clamp(40px, 5vw, 72px);
display: grid; grid-template-columns: 1fr 1fr; gap: 48px 64px;
-webkit-mask: radial-gradient(circle 22px at 50% 0, #0000 98%, #000) 0 0 / 88px 100%; mask: radial-gradient(circle 22px at 50% 0, #0000 98%, #000) 0 0 / 88px 100%;}
.u-card a{color: var(--um-ink);}
.u-card-sign{font-size: var(--um-s-head); font-weight: 600; letter-spacing: -0.03em; line-height: 1.05; margin-bottom: 20px;}
.u-card-msg > p:not(.u-card-sign){color: var(--um-muted); max-width: 46ch;}
.u-nl{margin-top: 40px; display: grid; gap: 10px;}
.u-nl-t{font-weight: 600; font-size: var(--um-s-body);}
.u-nl label{font-size: var(--um-s-fine); color: var(--um-muted);}
.u-nl-row{display: flex; gap: 8px; flex-wrap: wrap;}
.u-nl input{flex: 1 1 220px; min-height: 52px; padding: 10px 16px; border: 2px solid var(--um-field); border-radius: 999px; font: inherit; color: var(--um-ink); background: #fff;}
.u-nl input:focus{border-color: var(--um-ink); outline: 3px solid var(--um-y); outline-offset: 2px;}
.nl-msg{font-size: var(--um-s-fine);}
.u-card-addr{position: relative; padding-top: 4px;}
.u-card-addr ul{list-style: none; margin: 0; padding: 0 112px 0 0; display: grid; gap: 12px; font-size: var(--um-s-body);}
.u-card-addr li a{font-weight: 500;}
.u-legal{display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 40px; font-size: var(--um-s-fine);}
.u-legal a{display: inline-flex; min-height: 44px; align-items: center;}
.u-ack{grid-column: 1 / -1; color: var(--um-muted); font-size: var(--um-s-fine); max-width: 90ch;}
.u-imprint{grid-column: 1 / -1; text-align: center; font-size: var(--um-s-small); color: var(--um-muted);}
@media (max-width: 760px){.u-foot{padding: 64px 0 96px;}
.u-card{grid-template-columns: 1fr; padding: 56px 20px 32px; -webkit-mask-size: 64px 100%; mask-size: 64px 100%;}
.u-card-msg{padding-right: 76px;}
.u-card-addr ul{padding-right: 0; font-size: var(--um-s-fine);}}
.rt{position: fixed; left: 16px; bottom: 16px; z-index: 60;}
.rt-btn{display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px 18px 8px 14px; border-radius: 999px; border: 0; background: var(--um-g-100); color: var(--um-ink); font: 600 var(--um-s-fine) var(--um-font); cursor: pointer;}
.rt-btn:hover{background: var(--um-g); color: var(--um-on-field);}
.rt-btn svg,.rt-panel svg{width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.rt-panel{position: absolute; left: 0; bottom: calc(100% + 8px); width: 260px; padding: 12px; background: var(--um-panel); color: var(--um-ink); box-shadow: 0 12px 32px rgba(0,0,0,.4);}
.rt-panel[hidden]{display: none;}
.rt-listen,.rt-stop{display: flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; border-radius: 999px; background: var(--um-g); color: #fff; font: 600 var(--um-s-fine) var(--um-font); cursor: pointer;}
.rt-listen svg,.rt-stop svg{fill: currentColor; stroke: none;}
.rt-label{margin: 12px 0 6px; font-weight: 600;}
.rt-sizes{display: flex; gap: 4px;}
.rt-sizes button{flex: 1; min-height: 44px; border: 0; border-radius: 999px; background: #EEF2F7; color: var(--um-ink); font-weight: 700; cursor: pointer;}
.rt-sizes [data-size="large"]{font-size: 1.1rem;}
.rt-sizes [data-size="xlarge"]{font-size: 1.35rem;}
.rt-sizes button[aria-pressed="true"]{background: var(--um-g); color: #fff;}
.rt-reading{outline: 3px solid var(--um-g); outline-offset: 4px;}
@media (max-width: 760px){.rt-btn{width: 52px; height: 52px; padding: 0; justify-content: center;}
.rt-btn .rt-word{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}}
body{background: var(--um-ground) !important; color: var(--um-ink) !important; font-family: var(--um-font) !important; font-weight: 350;}
body main{background: transparent;}
body h1,body h2,body h3,body h4{font-family: var(--um-font) !important; color: var(--um-ink); letter-spacing: -0.02em; font-weight: 600;}
body p,body li,body dd{color: inherit;}
body main a:not(.btn):not(.u-btn){color: var(--um-g-ink); text-decoration-color: var(--um-g-200); text-underline-offset: 4px;}
body main a:not(.btn):not(.u-btn):hover{text-decoration-color: var(--um-g);}
body :focus-visible{outline: 3px solid var(--um-g-ink) !important; outline-offset: 3px;}
body .muted,body .text-muted,body .note,body .small.muted{color: var(--um-muted) !important;}
.skip-link{background: var(--um-y) !important; color: var(--um-y-ink) !important;}
body .eyebrow,body .page-hero .tag:first-child{display: none !important;}
body .page-hero{background: var(--um-g-100) !important; background-image: none !important; color: var(--um-ink) !important; padding: clamp(48px, 7vw, 104px) 0 clamp(40px, 6vw, 88px) !important; margin: 0 12px;}
body .page-hero::before,body .page-hero::after{display: none !important;}
body .page-hero h1{color: var(--um-ink) !important; font-size: var(--um-s-display) !important; line-height: 1 !important; letter-spacing: -0.035em; max-width: 18ch;}
body .page-hero p,body .page-hero .hero-lead,body .page-hero .lead{color: var(--um-ink-2) !important; font-size: var(--um-s-lead); max-width: 52ch;}
body .page-hero .hero-place,body .page-hero .kb-crumbs,body .page-hero nav[aria-label="Breadcrumb"]{color: var(--um-muted) !important; font-size: var(--um-s-fine);}
body .page-hero a:not(.btn){color: var(--um-g-ink) !important;}
body .page-hero img{border-radius: 0;}
body .section,body section.section--tight{background: transparent;}
body .section--white{background: var(--um-panel) !important;}
body .section-soft{background: var(--um-g-50) !important;}
body .section-title,body .section-head h2,body main h2{font-size: var(--um-s-head); line-height: 1.05;}
body .lead,body .hero-lead,body .lead-light{color: var(--um-ink-2) !important;}
body .card,body .benefit,body .plan,body .person,body .register,body .feed > *,body .event-card,body .panel{background: var(--um-panel) !important; border: 0 !important; box-shadow: none !important; border-radius: 12px !important;}
body .section--white .card,body .section--white .benefit,body .section--white .person,body .section--white .event-card{background: var(--um-ground) !important;}
body .card:hover,body .benefit:hover{box-shadow: none !important;}
body .icon-badge,body .ic,body .card .ic,body .sd-ic,body .benefit .ic{background: transparent !important; color: var(--um-g) !important; box-shadow: none !important; border: 0 !important;}
body .tag,body .badge{background: var(--um-g-100) !important; color: var(--um-g-ink) !important; border: 0 !important; border-radius: 999px; font-weight: 500;}
body .donate-band,body .on-dark,body .band--dark{background: var(--um-g) !important; background-image: none !important; color: #fff !important; box-shadow: none !important;}
body .donate-band *,body .on-dark *,body .band--dark *{color: #fff !important;}
body main .btn,body .page-hero .btn{border-radius: 999px !important; font-weight: 600 !important; box-shadow: none !important; min-height: 48px; display: inline-flex; align-items: center; justify-content: center;}
body .btn-gold,body .btn-maize,body .btn--primary{background: var(--um-y) !important; border-color: var(--um-y) !important; color: var(--um-y-ink) !important;}
body .btn-gold:hover,body .btn-maize:hover,body .btn--primary:hover{background: var(--um-y-hover) !important; border-color: var(--um-y-hover) !important;}
body .btn-ghost,body .btn--secondary,body .btn-outline-ink,body .btn-outline-light,body .btn-light{background: var(--um-panel) !important; border: 1px solid var(--um-edge-2) !important; color: var(--um-ink) !important;}
body .btn-ghost:hover,body .btn--secondary:hover,body .btn-outline-ink:hover{border-color: var(--um-g) !important; background: var(--um-g-50) !important;}
body .btn-help{background: var(--um-red) !important; border-color: var(--um-red) !important; color: #fff !important;}
body .on-dark .btn-ghost,body .donate-band .btn-ghost{background: transparent !important; border-color: #fff !important; color: #fff !important;}
body .ticks li::before,body .tick-list li::before,body .values li::before{color: var(--um-g) !important; background-color: transparent !important;}
body .steps li::before,body ol.steps > li::before{background: var(--um-g-100) !important; color: var(--um-g-ink) !important; box-shadow: none !important;}
body table thead th{background: transparent !important; color: var(--um-muted) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; border-bottom: 1px solid var(--um-edge) !important;}
body table td{border-color: var(--um-edge) !important;}
body table tbody tr:nth-child(odd) > *{background: transparent !important; --bs-table-accent-bg: transparent;}
body .form-control,body .form-select,body main input[type="email"],body main input[type="text"],body main input[type="tel"],body main textarea,body main select{border: 1px solid var(--um-field) !important; border-radius: 10px !important; box-shadow: none !important; min-height: 48px; background: #fff;}
body .form-control:focus,body .form-select:focus{border-color: var(--um-g) !important; outline: 3px solid var(--um-y); outline-offset: 1px;}
body main figure img,body main .photo img,body .gallery img{border-radius: 0 !important; box-shadow: none !important;}
.u-head{z-index: 1030;}
body .page-hero .hero-place{display: none !important;}
body .page-hero .kb-crumbs,body .page-hero .kb-crumbs *{color: var(--um-muted) !important;}
body .page-hero .kb-crumbs a{color: var(--um-g-ink) !important;}
body .page-hero .hero-badges,body .page-hero .hero-badges *{color: var(--um-ink-2) !important; background: transparent !important; border-color: var(--um-g-200) !important;}
body .page-hero .btn:not(.btn-gold):not(.btn-maize):not(.btn--primary):not(.btn-primary):not(.btn-help){background: var(--um-panel) !important; border: 1px solid var(--um-edge-2) !important; color: var(--um-ink) !important;}
body .donate-band{background: var(--um-g-100) !important; color: var(--um-ink) !important;}
body .donate-band *,body .donate-band h2,body .donate-band p{color: var(--um-ink) !important;}
.u-kanga-in{grid-template-columns: 1fr !important; align-items: start !important; gap: 0 !important;}
body .u-kanga h2,body .u-kanga p{color: #fff !important;}
body .u-kanga .u-wrap{max-width: 1320px; padding-inline: 12px;}
@media (max-width: 1399.98px){body .u-kanga .u-wrap{max-width: 1140px;}}
@media (max-width: 1199.98px){body .u-kanga .u-wrap{max-width: 960px;}}
@media (max-width: 991.98px){body .u-kanga .u-wrap{max-width: 720px;}}
@media (max-width: 767.98px){body .u-kanga .u-wrap{max-width: 540px;}}
@media (max-width: 575.98px){body .u-kanga .u-wrap{max-width: none; padding-inline: 16px;}}
body .u-foot h2,body .u-foot p,body .u-foot li{margin-bottom: 0;}
body .u-foot ul{margin: 0;}
body .u-head ul{margin: 0;}
body .u-foot .u-card-sign{margin-bottom: 20px;}
body .page-hero .crumbs,body .page-hero .crumbs li{color: var(--um-muted) !important;}
body .page-hero .crumbs a{color: var(--um-g-ink) !important;}
body .u-head .u-links{margin: 0 auto !important; padding: 0 !important;}
body .u-head .u-acts{padding: 0 !important;}
@media (max-width: 1080px){body .u-head .u-links{margin: 0 !important;}}
body .benefits-group{font-size: var(--um-s-lead) !important; margin: 72px 0 8px; letter-spacing: -0.015em;}
body .benefits-group-lead{color: var(--um-ink-2); max-width: 64ch; margin: 0 0 24px;}
body .benefits-2{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
@media (max-width: 760px){body .benefits-2{grid-template-columns: 1fr;}}
body .btn--gold,body .btn--gold:focus{background: var(--um-y) !important; border-color: var(--um-y) !important; color: var(--um-y-ink) !important;}
body .btn--gold:hover{background: var(--um-y-hover) !important; border-color: var(--um-y-hover) !important; color: var(--um-y-ink) !important;}
body main .btn,body .page-hero .btn{padding-inline: 24px !important;}
body main .btn-sm{padding-inline: 18px !important;}
body .ev-tags li,body .ev-status,body .tag,body #benefits .tag,body .chip,body .ym-name span,body .event-filters .chip,body small,body .small{font-size: max(14px, .875rem) !important;}
body .ev-status{text-transform: none !important; letter-spacing: 0 !important;}
:root{--ev-members: #334155;}
body .ev-poster{background-image: none !important;}
body .status-proposed .ev-poster{background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.1) 0 10px, transparent 10px 20px) !important;}
body .ev-status{background: rgba(0,0,0,.45) !important;}
body .hb-services a,body a.hb-more{display: inline-flex; align-items: center; min-height: 44px;}
body .ack-panel,body .belong-grid article,body .cal-sub,body .guide-help,body #new-look,body #tech-jobs{border: 1px solid var(--um-edge) !important; border-radius: 16px !important; background: var(--um-panel) !important;}
body .ack-panel{background: var(--um-g-50) !important; border-color: var(--um-g-200) !important;}
body .belong-grid article:nth-child(even){border-left-color: var(--um-edge) !important;}
body .belong-grid h3{color: var(--um-g-ink) !important;}
body .emergency{border: 1px solid #F0C4C0 !important; border-radius: 16px !important; background: var(--um-red-50) !important;}
body .emergency a{color: #912018 !important;}
body .post--featured{border-color: var(--um-g) !important; box-shadow: none !important;}
body .post--featured::before{display: none !important;}
body .ym.has{border-top: 1px solid var(--um-edge) !important; background: var(--um-g-50) !important;}
body #donate-card,body .pay-method{border: 1px solid var(--um-edge) !important; border-top-width: 1px !important; border-radius: 16px !important;}
body .feature .countdown,body .ev-card .countdown,body .countdown{background: none !important; border: 0 !important; box-shadow: none !important; padding-inline: 0 !important;}
body .note.note--gold{background: none !important; border: 0 !important; border-top: 1px solid var(--um-edge) !important; border-radius: 0 !important; padding-inline: 0 !important;}
body .practice-details{border: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--um-edge) !important; background: transparent !important;}
body .consent-box{background: none !important; border: 0 !important; border-top: 1px solid var(--um-edge) !important; border-radius: 0 !important; padding-inline: 0 !important;}
body .support{display: grid; grid-template-columns: 32px 1fr; column-gap: 14px; align-items: start;}
body .support .support-ic{grid-row: 1; grid-column: 1; width: 32px !important; height: 32px !important; background: none !important; border: 0 !important; border-radius: 0 !important;
color: var(--um-g) !important; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; box-shadow: none !important;}
body .support .support-ic svg{width: 26px; height: 26px;}
body .support h3{grid-row: 1; grid-column: 2; margin: 3px 0 6px !important;}
body .support p{grid-column: 2; margin-bottom: 0;}
@media (max-width: 760px){body .policy-table td,body .policy-table th{padding: 12px 14px !important;}
body .policy-table tr{border-bottom: 1px solid var(--um-edge);}}
@media (max-width: 991px){body .res-group{padding: 20px !important;}}
body main .prose p,body main .prose li,body main .prose ul,body main p.lead-narrow,body main p.note,body .policy p,body .policy li,body main .container > p,body main .guide-text p,body main .guide-step p,body #new-look,body #tech-jobs,body #new-look p,body #tech-jobs p{max-width: 60ch;}
body main p.note.mx-auto{margin-inline: auto;}
body .policy-table td{max-width: 60ch;}
body .post__top{margin-top: 8px; margin-bottom: 0;}
body .post__top h3{margin-top: 12px !important; margin-bottom: 4px !important;}
body main code{color: var(--um-g-ink) !important; background: var(--um-g-50); padding: .1em .35em; border-radius: 4px;}
.u-head{background: #FFFFFF !important; border-bottom: 1px solid #E2E8F0;}
.u-kanga{margin-inline: 12px; border-radius: 24px; overflow: hidden;}
.u-kanga-say a{text-decoration-color: #F3D27A !important;}
.u-foot{background: #16244D !important;}
body .btn.btn-gold,body .btn.btn-maize,body .btn.btn--gold,body .btn.btn--primary,body button.btn[type="submit"].btn-gold{background: var(--um-y) !important; border-color: var(--um-y) !important; color: var(--um-y-ink) !important; box-shadow: none !important;}
body .btn.btn-gold:hover,body .btn.btn-maize:hover,body .btn.btn--gold:hover,body .btn.btn--primary:hover,body .btn.btn-gold:focus-visible,body .btn.btn-maize:focus-visible,body .btn.btn--gold:focus-visible{background: var(--um-y-hover) !important; border-color: var(--um-y-hover) !important; color: var(--um-y-ink) !important;}
.rt.rt--head{position: relative; left: auto; bottom: auto; z-index: auto; margin-left: auto;}
.rt.rt--head .rt-btn{width: 48px; height: 48px; min-height: 48px; box-shadow: none;}
.rt.rt--head .rt-panel{top: calc(100% + 8px); bottom: auto; left: auto; right: -56px; z-index: 70;}
.u-head-in:has(.rt--head) .u-menu-btn{margin-left: 8px;}
body .countdown-label{color: #E8EEFA !important;}
body .date-tile__m,body .status,body .post .status{font-size: max(14px, .875rem) !important;}
@media (min-width: 761px){.u-head-in > .rt.rt--head{margin-left: 8px;}
.u-head-in > .rt.rt--head .rt-btn{width: auto; padding: 8px 16px 8px 12px; min-height: 44px; height: 44px;}
.u-head-in > .rt.rt--head .rt-panel{right: 0;}}
@media (min-width: 761px){.u-head-in > .rt.rt--head .rt-btn{width: 44px; height: 44px; padding: 0; justify-content: center;}
.u-head-in > .rt.rt--head .rt-word{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.u-head .u-links a,.u-head .u-acts a{white-space: nowrap;}}
body .page-hero{background: var(--um-g) !important; color: #fff !important; margin: 12px !important; border-radius: 24px !important; overflow: hidden;}
body .page-hero h1,body .page-hero h2{color: #fff !important;}
body .page-hero p,body .page-hero .hero-lead,body .page-hero .lead,body .page-hero li{color: rgba(255,255,255,.9) !important;}
body .page-hero .kb-crumbs,body .page-hero .kb-crumbs *,body .page-hero .crumbs,body .page-hero .crumbs li,body .page-hero nav[aria-label="Breadcrumb"]{color: rgba(255,255,255,.82) !important;}
body .page-hero .kb-crumbs a,body .page-hero .crumbs a,body .page-hero a:not(.btn){color: #E8EEFA !important;}
body .page-hero .btn:not(.btn-gold):not(.btn-maize):not(.btn--primary):not(.btn-primary):not(.btn-help):not(.btn--gold){background: #fff !important; border-color: #fff !important; color: var(--um-ink) !important;}
body .page-hero .btn.btn-help,body .page-hero .btn-help{background: var(--um-red) !important; border-color: var(--um-red) !important; color: #fff !important;}
@media (max-width: 760px){body .page-hero{margin: 8px !important; border-radius: 20px !important;}}
.rt.rt--head{position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important;}
body .page-hero .hero-badges span{color: #fff !important; background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.28) !important;}
body main .form-check-input{width: max(24px, 1.375rem); height: max(24px, 1.375rem); margin-top: .1rem;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-700-normal.woff2") format("woff2"); font-weight: 600 700; font-display: swap;}
@font-face{font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/atkinson-hyperlegible-next-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap;}
:root{--um-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--um-display: "Fraunces", Georgia, "Times New Roman", serif; --um-pale: #EAF0FA; --um-line: #F5B300;}
body{background: #fff !important; font-weight: 400;}
body h1,body h2,body h3,body h4,body .u-card-sign{font-family: var(--um-display) !important; font-weight: 700; letter-spacing: -0.02em; font-optical-sizing: auto;}
body h3,body h4{font-weight: 600; letter-spacing: -0.01em;}
body main h2,body main h3{color: var(--um-g-ink);}
body .btn,body button,body input,body select,body textarea{font-family: var(--um-font);}
.u-links a[aria-current="page"]{text-decoration: none !important; box-shadow: inset 0 -3px 0 var(--um-line);}
body .page-hero{margin: 0 !important; border-radius: 0 !important; padding: clamp(48px, 7vw, 96px) 0 clamp(48px, 7vw, 88px) !important;}
body .page-hero h1{font-size: clamp(2.5rem, 1.4rem + 3.6vw, 4.25rem) !important; line-height: 1.04 !important; letter-spacing: -0.03em;}
@media (max-width: 760px){body .page-hero{margin: 0 !important; border-radius: 0 !important;}}
body main > section.section:not(.section-green):not(.section-dark):not(.section--dark){background: #fff;}
body main > section.section:nth-child(odd):not(.pt-0):not(.section--white):not(.section-green):not(.section-dark):not(.section--dark),body .section-soft,body .section.section-soft{background: var(--um-pale) !important;}
body main > section.section:last-child:nth-child(odd):not(.pt-0):not(.section-green):not(.section-dark):not(.section--dark){background: var(--um-pale) !important;}
.u-foot{background: var(--um-g-ink) !important; padding: clamp(48px, 7vw, 80px) var(--um-m) 28px !important; color: #fff;}
.u-foot .u-card{background: none !important; color: #fff; padding: 0 !important; box-shadow: none; border-radius: 0; -webkit-mask: none !important; mask: none !important;
max-width: calc(1240px - 2 * var(--um-m)); display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr) minmax(0, 1fr); gap: 32px 48px;}
.u-foot .u-card::before,.u-foot .u-card::after{display: none !important;}
.u-foot .u-card-addr{display: contents;}
body .u-foot .u-card a{color: #fff !important; text-decoration: underline; text-underline-offset: 3px;}
body .u-foot .u-card-sign{font-size: 1.375rem; color: #fff; margin-bottom: 12px;}
.u-foot .u-card-msg > p:not(.u-card-sign){color: rgba(255, 255, 255, .88);}
body .u-foot .u-nl label,body .u-foot .u-nl-t{color: #fff !important;}
.u-foot .u-nl input{border-color: #fff !important;}
.u-foot .u-card-addr ul{grid-column: 3; grid-row: 1; padding: 0 !important; margin: 0; list-style: none; display: grid; gap: 10px; align-content: start; font-size: var(--um-s-fine);}
.u-foot .u-card-addr ul::before{content: "Contact us"; display: block; font: 700 1.0625rem/1.2 var(--um-display); margin-bottom: 6px;}
.u-foot .u-legal{grid-column: 2; grid-row: 1; display: grid !important; gap: 10px; align-content: start; margin: 0 !important; padding: 0 !important; font-size: var(--um-s-fine);}
.u-foot .u-legal::before{content: "Quick links"; display: block; font: 700 1.0625rem/1.2 var(--um-display); margin-bottom: 6px;}
.u-foot .u-legal a{display: inline-block; width: fit-content;}
body .u-foot .u-ack{grid-column: 1 / -1; color: rgba(255, 255, 255, .85) !important; border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 24px; margin: 8px 0 0 !important; font-size: var(--um-s-small); max-width: none; text-align: left;}
body .u-foot .u-imprint{grid-column: 1 / -1; color: rgba(255, 255, 255, .85) !important; margin: 0 !important; font-size: var(--um-s-small); max-width: none; text-align: left;}
@media (max-width: 900px){.u-foot .u-card{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.u-foot .u-card-msg{grid-column: 1 / -1; padding-right: 0 !important;}
.u-foot .u-legal{grid-column: 1; grid-row: auto;}
.u-foot .u-card-addr ul{grid-column: 2; grid-row: auto;}}
@media (max-width: 640px){.u-foot .u-card{grid-template-columns: minmax(0, 1fr);}
.u-foot .u-legal,.u-foot .u-card-addr ul{grid-column: 1;}}
:root,body{--kb-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --font-head: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;}
:root body :is(h1, h2, h3, h4, .section-title, .footer-name, .hb-subhead, .u-card-sign){font-family: var(--um-display) !important;}
:root body :is(h1, h2){font-weight: 700 !important;}
:root body main section.section :is(h2, h3){color: var(--um-g-ink);}
.u-links a[aria-current="page"]{box-shadow: none !important; text-decoration: underline !important; text-decoration-color: var(--um-line) !important; text-decoration-thickness: 3px !important; text-underline-offset: 8px;}
body .hb-dark{background: var(--um-g) !important;}
body .hb-dark :is(p, li){color: rgba(255, 255, 255, .92) !important;}
body .hb-dark ol > li::marker{color: var(--um-line) !important;}
body main :is(.card, .benefit, .involve__item, .plan, .res-list > li, .kb-card, .feature, .help-card, .hb-card, .panel-card){background: #fff !important; border: 1px solid var(--um-edge) !important; border-radius: 16px !important; box-shadow: none !important;}
body main .section-soft :is(.card, .benefit, .res-list > li),body main .hb-mist :is(.card, .benefit){background: #fff !important;}
body main :is(.section-soft, .hb-mist, .section--tint){background: var(--um-pale, #EAF0FA) !important;}
body main :is(section.section, section.hb-section){padding-block: clamp(48px, 7vw, 96px);}
body main section.section.pt-0{padding-top: 0;}
body main table:not(.fees){border-collapse: collapse; width: 100%;}
body main table:not(.fees) :is(th, td){border-bottom: 1px solid var(--um-edge); padding: 12px 10px; text-align: left; vertical-align: top;}
body main table:not(.fees) thead th{font-weight: 600; color: var(--um-g-ink); border-bottom-width: 2px;}
body main .eyebrow{color: var(--um-g); font-weight: 600; letter-spacing: .02em; margin-bottom: 6px;}
.nh-top{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 24px;}
.nh-progress{margin: 4px 0 0; font-weight: 600; color: var(--um-g-ink);}
.nh-steps{list-style: none; margin: 0; padding: 0; display: grid; gap: 12px;}
.nh-step{display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; background: #fff; border: 1px solid var(--um-edge); border-radius: 16px; padding: 20px 24px;}
.nh-step h3{font-size: 1.25rem; margin: 0 0 6px;}
.nh-step p{margin: 0 0 8px; max-width: 70ch;}
.nh-when{font-size: var(--um-s-small); font-weight: 600; color: var(--um-g); text-transform: none;}
.nh-links{display: flex; flex-wrap: wrap; gap: 8px 20px;}
.nh-links a{font-weight: 600;}
.nh-tick{display: grid; place-items: center; width: 48px; height: 48px; cursor: pointer;}
.nh-tick input{width: 28px; height: 28px; accent-color: var(--um-y); cursor: pointer;}
.nh-step.is-done{background: var(--um-g-50);}
.nh-step.is-done h3{text-decoration: line-through; text-decoration-color: var(--um-g);}
.nh-local{list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;}
.nh-local li{background: #fff; border: 1px solid var(--um-edge); border-radius: 12px; padding: 14px 16px;}
.nh-local strong{display: block; font-size: var(--um-s-small); color: var(--um-muted); font-weight: 600;}
@media (max-width: 600px){.nh-step{grid-template-columns: 40px 1fr; padding: 16px; gap: 10px;}}
@media print{.u-head,.u-kanga,.u-foot,.rt,.hero-actions,[data-print],#local{display: none !important;}
.nh-step{break-inside: avoid; border-color: #999;}
.page-hero{background: none !important; color: #000 !important; padding: 0 !important;}
.page-hero :is(h1, p){color: #000 !important;}}
.news-list{display: grid; gap: 16px;}
.news-item{display: grid; grid-template-columns: 180px 1fr; gap: 20px; background: #fff; border: 1px solid var(--um-edge); border-radius: 16px; padding: 16px;}
.news-item:not(:has(img)){grid-template-columns: 1fr;}
.news-item img{width: 100%; height: 120px; object-fit: cover; border-radius: 10px;}
.news-item h3{font-size: 1.2rem; margin: 2px 0 6px;}
.news-item p{margin: 0;}
.news-when{font-size: var(--um-s-small); color: var(--um-muted);}
.notice-list{list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px;}
.notice-list li{background: #fff; border: 1px solid var(--um-edge); border-left: 4px solid var(--um-line); border-radius: 10px; padding: 12px 14px;}
@media (max-width: 600px){.news-item{grid-template-columns: 1fr;}
.news-item img{height: 160px;}}
.u-lang{display: inline-flex; align-items: center; gap: 6px; font-size: var(--um-s-small); font-weight: 600;}
.u-lang a{color: var(--um-g-ink) !important; text-decoration: none !important; padding: 6px 4px;}
.u-lang a[aria-current="true"]{text-decoration: underline !important; text-decoration-color: var(--um-line) !important; text-decoration-thickness: 3px !important; text-underline-offset: 6px;}
.u-lang span[aria-hidden]{color: var(--um-edge-2);}
.sw-num{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--um-g); color: #fff; font-weight: 700;}
.u-died-sw .sw-num{background: var(--um-red);}
.u-died-sw{background: var(--um-red-50);}
.emergency-sw{background: var(--um-red-50); border-bottom: 1px solid #FECDCA;}
.emergency-sw p{margin: 0; padding: 14px 0;}
.sw-services li{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; align-items: center;}
.sw-services li strong{display: inline; font-size: inherit; color: var(--um-ink);}
.sw-services a{font-weight: 700; white-space: nowrap;}
body main .btn-help{background: var(--um-red) !important; border-color: var(--um-red) !important; color: #fff !important;}
.sw-two{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
@media (max-width: 760px){.sw-two{grid-template-columns: 1fr !important;}}
/* ===== theme-anga.css ===== */
@font-face{font-family: "Public Sans"; src: url("../fonts/public-sans-regular.woff2") format("woff2"); font-weight: 300 500; font-style: normal; font-display: swap;}
@font-face{font-family: "Public Sans"; src: url("../fonts/public-sans-italic.woff2") format("woff2"); font-weight: 300 500; font-style: italic; font-display: swap;}
@font-face{font-family: "Public Sans"; src: url("../fonts/public-sans-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap;}
@font-face{font-family: "Public Sans"; src: url("../fonts/public-sans-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
@font-face{font-family: "Public Sans"; src: url("../fonts/public-sans-extrabold.woff2") format("woff2"); font-weight: 800 900; font-style: normal; font-display: swap;}
:root,body,body.app,body.auth{--anga-font: "Public Sans", Arial, "Helvetica Neue", sans-serif;
--anga-ground: #F6F8FB; 
--anga-card: #FFFFFF; 
--anga-soft: #EEF2F9; 
--anga-soft-2: #EAF0FA;
--anga-edge: #E2E8F0; 
--anga-field: #7B8494; 
--anga-ink: #0F172A; 
--anga-head: #1B2550; 
--anga-muted: #5B6779; 
--anga-navy: #1F2F63; 
--anga-navy-2: #2E4C94; 
--anga-navy-ink: #16244D; 
--anga-gold: #F3D27A; 
--anga-gold-ink: #7A5600; 
--anga-link: #1E4FAF;
--anga-link-hover: #163A82;
--anga-focus: #1D4ED8;
--anga-red: #B42318; 
--anga-red-50: #FEF3F2;
--anga-green: #067647; 
--anga-green-50: #ECFDF3;
--anga-amber: #F5B300; 
--anga-amber-ink: #8A4B00;
--anga-amber-50: #FFFAEB;
--anga-grad: linear-gradient(135deg, #1F2F63 0%, #273D79 55%, #2E4C94 100%);
--anga-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .06);
--font: var(--anga-font); --um-font: var(--anga-font); --um-display: var(--anga-font); --kb-font: var(--anga-font);
--font-head: var(--anga-font); --font-body: var(--anga-font); --font-display: var(--anga-font); --font-brand: var(--anga-font);
--hb-text: var(--anga-font); --hb-display: var(--anga-font); --k-text: var(--anga-font); --k-display: var(--anga-font); --display: var(--anga-font);
--bs-body-font-family: var(--anga-font); --bs-font-sans-serif: var(--anga-font);
--bg: var(--anga-ground); --um-ground: var(--anga-ground); --muted: var(--anga-muted); --um-muted: var(--anga-muted);
--ink: var(--anga-ink); --um-ink: var(--anga-ink);}
html:not([data-a11y-dys]) body:not(#anga-x),html:not([data-a11y-dys]) body:not(#anga-x) :is(h1, h2, h3, h4, h5, h6, p, a, li, span, strong, b, em, small, label, button, input, select, textarea,
td, th, dt, dd, legend, summary, figcaption, blockquote, .btn, .pill, .badge, .welcome-hi, .hc-name, .side-brand strong, .pt-brand strong, .td-kpi b){font-family: var(--anga-font) !important; font-optical-sizing: auto;}
html body{font-size: 1.0625rem; line-height: 1.6; font-weight: 400; color: var(--anga-ink); -webkit-font-smoothing: antialiased;}
html body :is(h1, h2, h3, h4){color: var(--anga-head); letter-spacing: -0.015em; font-weight: 700;}
html body :is(h1){font-weight: 800; letter-spacing: -0.025em;}
html body :is(code, kbd, pre, samp){font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace !important;}
html body ::selection{background: var(--anga-navy); color: #fff;}
html body :focus-visible{outline: 3px solid var(--anga-focus) !important; outline-offset: 2px;}
html body main a:not(.btn):not(.u-btn):not([class*="btn-"]):not(.u-textlink):not(.u-card-link):not([role="button"]):not(.chip):not(.nav-link):not(.vtab):not(.tab){color: var(--anga-link); text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
html body main a:not(.btn):not(.u-btn):hover{color: var(--anga-link-hover); text-decoration-thickness: 2px;}
html body :is(.u-btn-join, .btn-primary, .btn-success, .btn-accent, .btn-ink, .btn-dark){background: var(--anga-navy) !important; border-color: var(--anga-navy) !important; color: #fff !important;}
html body :is(.u-btn-join, .btn-primary, .btn-success, .btn-accent, .btn-ink, .btn-dark):hover{background: var(--anga-navy-ink) !important; border-color: var(--anga-navy-ink) !important;}
html body :is(.btn-outline-ink, .btn-outline-primary, .btn-outline-secondary, .btn-outline-dark, .btn-light){background: #fff !important; color: var(--anga-navy) !important; border: 1.5px solid #C7D2EA !important;}
html body :is(.btn-outline-ink, .btn-outline-primary, .btn-outline-secondary, .btn-outline-dark, .btn-light):hover{background: var(--anga-soft) !important; border-color: var(--anga-navy) !important; color: var(--anga-navy-ink) !important;}
html body :is(.u-btn-help, .btn-danger){background: var(--anga-red) !important; border-color: var(--anga-red) !important; color: #fff !important;}
html body :is(.u-btn-help, .btn-danger):hover{background: #912018 !important;}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea, .form-control, .form-select){border-color: var(--anga-field);}
html body :is(input, select, textarea, .form-control, .form-select):focus{border-color: var(--anga-focus) !important; box-shadow: 0 0 0 3px rgba(29, 78, 216, .2) !important;}
html body :is(input[type=checkbox], input[type=radio]){accent-color: var(--anga-navy);}
.u-head{position: sticky; top: 0; z-index: 60; background: #fff !important; border-bottom: 1px solid var(--anga-edge); box-shadow: 0 1px 0 rgba(15, 23, 42, .02);}
.u-util{background: var(--anga-navy); color: #fff; font-size: .9375rem;}
.u-util-in{display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1320px; margin-inline: auto; padding: 0 clamp(16px, 3vw, 40px); min-height: 40px;}
.u-util-say{margin: 0; color: rgba(255, 255, 255, .9); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;}
.u-util-links{list-style: none; display: flex; align-items: center; gap: 4px 18px; margin: 0 0 0 auto; padding: 0; flex: none;}
html body .u-util :is(a, .u-lang a){color: #fff !important; text-decoration: none !important; font-weight: 600; min-height: 40px; display: inline-flex; align-items: center; padding: 0 4px; border-radius: 6px; background: none;}
html body .u-util a:hover{text-decoration: underline !important; text-underline-offset: 4px;}
html body .u-util .u-lang{gap: 4px; font-size: .9375rem;}
html body .u-util .u-lang a[aria-current="true"]{text-decoration: underline !important; text-decoration-color: var(--anga-gold) !important; text-decoration-thickness: 3px !important; text-underline-offset: 6px;}
html body .u-util .u-lang span[aria-hidden]{color: rgba(255, 255, 255, .55);}
html body .u-util :focus-visible{outline-color: var(--anga-gold) !important;}
html body .u-util .rt.rt--util{position: relative; inset: auto; margin: 0;}
html body .u-util .rt.rt--util .rt-btn{width: auto !important; height: 32px !important; min-height: 32px !important; padding: 0 10px 0 6px !important; gap: 6px; border-radius: 6px !important;
background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .45) !important; box-shadow: none !important; font-size: .9375rem; font-weight: 600;}
html body .u-util .rt.rt--util .rt-btn svg{width: 18px; height: 18px; fill: currentColor;}
html body .u-util .rt.rt--util .rt-word{position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important;}
html body .u-util .rt.rt--util .rt-panel{position: absolute; top: calc(100% + 8px); right: 0; left: auto; bottom: auto; z-index: 80; color: var(--anga-ink);}
.u-head-in{display: flex !important; align-items: center; gap: 20px !important; max-width: 1320px !important; margin-inline: auto; padding: 10px clamp(16px, 3vw, 40px) !important; min-height: 72px; flex-wrap: nowrap !important;}
html body .u-brand{display: inline-flex; align-items: center; gap: 10px; color: var(--anga-navy) !important; font-weight: 800; font-size: 1.375rem; letter-spacing: .02em; text-decoration: none !important; flex: none;}
html body .u-brand img{width: 44px; height: 44px; background: #fff; border-radius: 50%; padding: 0; box-shadow: 0 0 0 1px var(--anga-edge);}
html body .u-head .u-menu{display: flex !important; flex: 1 1 auto; justify-content: center; align-items: center; min-width: 0; padding: 0; flex-direction: row;}
html body .u-head .u-links{list-style: none; display: flex !important; flex-direction: row !important; align-items: center; gap: 2px; margin: 0 auto !important; padding: 0 !important;}
html body .u-head .u-links a{display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px !important; border-radius: 8px; color: var(--anga-head) !important; font-weight: 600; font-size: 1.0625rem; text-decoration: none !important; white-space: nowrap; background: none;}
html body .u-head .u-links a:hover{background: var(--anga-soft) !important; color: var(--anga-navy) !important;}
html body .u-head .u-links a[aria-current="page"]{color: var(--anga-navy) !important; box-shadow: inset 0 -3px 0 var(--anga-navy); border-radius: 8px 8px 0 0; background: none !important;}
html body .u-head .u-acts{list-style: none; display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; margin: 0; padding: 0 !important; flex: none;}
html body .u-head .u-acts .u-btn{min-height: 44px; padding: 8px 20px; border-radius: 8px; font-weight: 700; font-size: 1rem; white-space: nowrap; transform: none !important; text-decoration: none !important;}
html body .u-head .u-btn-help{background: #fff !important; color: var(--anga-red) !important; border: 2px solid var(--anga-red) !important;}
html body .u-head .u-btn-help:hover,html body .u-head .u-btn-help[aria-current="page"]{background: var(--anga-red) !important; color: #fff !important;}
html body .u-head .u-menu-btn{display: none;}
html body .u-head-in > .rt{display: none !important;}
@media (max-width: 1100px){html body .u-head-in{flex-wrap: wrap !important; gap: 10px 12px !important; min-height: 64px;}
html body .u-head .u-acts{margin-left: auto;}
html.js body .u-head .u-menu-btn{display: inline-flex !important; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 8px; border: 1.5px solid #C7D2EA;
background: #fff; color: var(--anga-navy); font: 700 1rem var(--anga-font); cursor: pointer; margin: 0;}
html.js body .u-head .u-menu-btn::before{content: ""; width: 18px; height: 12px; background: linear-gradient(currentColor 0 0) 0 0/100% 2px no-repeat, linear-gradient(currentColor 0 0) 0 50%/100% 2px no-repeat, linear-gradient(currentColor 0 0) 0 100%/100% 2px no-repeat;}
html.js body .u-head .u-menu-btn[aria-expanded="true"]::before{background: none; content: "\00d7"; width: auto; height: auto; font-size: 1.4rem; line-height: 1;}
html body .u-head .u-menu{order: 5; flex-basis: 100% !important; justify-content: stretch;}
html.js body .u-head .u-menu{display: none !important;}
html.js body .u-head .u-menu.is-open{display: block !important; padding: 4px 0 16px; border-top: 1px solid var(--anga-edge);}
html body .u-head .u-links{flex-direction: column !important; align-items: stretch; gap: 0; margin: 0 !important; width: 100%;}
html body .u-head .u-links a{min-height: 52px; font-size: 1.125rem; padding: 0 8px !important; border-radius: 0; border-bottom: 1px solid var(--anga-edge); display: flex;}
html body .u-head .u-links a[aria-current="page"]{box-shadow: inset 4px 0 0 var(--anga-navy); padding-left: 16px !important;}}
@media (max-width: 640px){.u-util-say{display: none;}
.u-util-links{margin: 0 auto 0 0; width: 100%; justify-content: space-between; gap: 8px;}
html body .u-head-in{padding: 8px 16px !important;}
html body .u-brand span{display: none;}
html body .u-head .u-acts{gap: 6px;}
html body .u-head .u-acts .u-btn{padding: 8px 12px; font-size: .9375rem;}
html.js body .u-head .u-menu-btn{padding: 8px 12px;}}
@media (max-width: 380px){html body .u-util .rt.rt--util .rt-word{display: none;}}
html body:not(.app):not(.auth){background: var(--anga-ground);}
html body .page-hero{background: var(--anga-soft) !important; color: var(--anga-ink) !important; border-bottom: 1px solid var(--anga-edge); box-shadow: none !important; clip-path: none !important;}
html body .page-hero :is(h1, h2){color: var(--anga-head) !important;}
html body .page-hero :is(p, .lead, li, span, .crumbs, nav, small){color: var(--anga-ink) !important;}
html body .page-hero :is(.eyebrow, .kicker, .crumbs a){color: var(--anga-navy) !important;}
html body .page-hero a:not(.btn):not(.u-btn){color: var(--anga-link) !important;}
html body .h-hero{background: var(--anga-grad) !important;}
html body .h-hero :is(h1, h2, p, li, span){color: #fff !important;}
html body .h-hero .u-btn-join{background: #fff !important; color: var(--anga-navy) !important; border-color: #fff !important;}
html body .h-hero .u-btn-join:hover{background: var(--anga-gold) !important; border-color: var(--anga-gold) !important;}
html body .h-hero :is(.u-textlink, a:not(.u-btn):not(.h-btn)){color: #fff !important; text-decoration-color: var(--anga-gold) !important;}
html body .h-hero :focus-visible{outline-color: var(--anga-gold) !important;}
html body .u-kanga{background: var(--anga-grad) !important; color: #fff;}
html body .u-kanga :is(h2, p){color: #fff !important;}
html body .u-kanga a{color: #fff !important; text-decoration-color: var(--anga-gold) !important;}
html body .u-foot{background: #16244D !important; color: #fff;}
html body .u-foot :is(h2, h3, p, li, span, small, label){color: rgba(255, 255, 255, .92) !important;}
html body .u-foot a{color: #fff !important;}
html body .u-foot a:hover{color: var(--anga-gold) !important;}
html body .u-foot :focus-visible{outline-color: var(--anga-gold) !important;}
html body :is(.u-card, .kb-card, .card, .h-card, .u-news-card, .u-promo, .panel):not(.mcard):not(.home-card){background: #fff; border-color: var(--anga-edge);}
html body.app,html body.auth{background: var(--anga-ground) !important;}
html body.app :is(.pt-head, .app-top){background: #fff !important; border-bottom: 1px solid var(--anga-edge) !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head),html:root body.app section.view > h1:first-child:not(.visually-hidden),html:root body.app section.view > p:first-child + h1,html:root body.app section.view > .d-flex:first-child:has(> h1),html:root body.app section.view > h1 + :is(p.pg-lead, p.note){background: transparent !important; color: var(--anga-ink) !important; box-shadow: none !important; clip-path: none !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head){padding: 8px 0 12px !important; margin-bottom: 20px !important;}
html:root body.app section.view > .d-flex:first-child:has(> h1){padding: 8px 0 4px !important; margin-bottom: 16px !important;}
html:root body.app section.view > h1:first-child:not(.visually-hidden),html:root body.app section.view > p:first-child + h1{padding: 8px 0 4px !important; margin: 0 0 16px !important;}
html:root body.app section.view > h1 + :is(p.pg-lead, p.note){padding: 0 !important; margin: -8px 0 20px !important; color: var(--anga-muted) !important; max-width: 70ch !important;}
html:root body.app :is(h1, h2, h3, h4),html:root body.app #td-hello,html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) :is(h1, h2),html:root body.app section.view h1{color: var(--anga-head) !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) :is(p, span, strong, small, .welcome-sub, .pg-lead, .ov-lead, .note){color: var(--anga-muted) !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) .welcome-hi{color: var(--anga-head) !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) button:not(.btn),html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) .btn-link,html:root body.app section.view > h1 + p .btn-link{color: var(--anga-link) !important;}
html:root body.app :is(.home-head, .td-head, .pg-head, section.view > .d-flex:first-child) .btn-outline-ink{background: #fff !important; color: var(--anga-navy) !important; border: 1.5px solid #C7D2EA !important;}
html:root body.app :is(.home-head, .td-head, .pg-head, section.view > .d-flex:first-child) .btn-outline-ink:hover{background: var(--anga-soft) !important; border-color: var(--anga-navy) !important;}
html:root body.app :is(.choose-head, .home-head, .td-head, .pg-head) :focus-visible{outline-color: var(--anga-focus) !important;}
html:root body.app :is(.choose-head, .td-head, .pg-head) h1,html:root body.app section.view > h1,html:root body.app .home-head .welcome-hi,html:root body.app #td-hello{font-size: clamp(1.75rem, 1.35rem + 1.2vw, 2.25rem) !important; line-height: 1.15; font-weight: 800 !important; letter-spacing: -0.025em;}
html body.app .vtabs{background: transparent; border-bottom: 1px solid var(--anga-edge); margin: 0 0 20px;}
html body.app .vtabs :is(a, button){color: var(--anga-muted); font-weight: 600; border-radius: 8px 8px 0 0;}
html body.app .vtabs :is(a, button):hover{color: var(--anga-navy); background: var(--anga-soft);}
html body.app .vtabs [aria-current="page"],html body.app .vtabs .on{color: var(--anga-navy) !important; box-shadow: inset 0 -3px 0 var(--anga-navy); background: none !important;}
html body.app :is(.panel, .card, .td-card, .home-tile, .ov-card, .kpi, .td-kpi, .sheet, .trk, .tile):not(.mcard):not(.home-card){background: #fff; border-color: var(--anga-edge) !important;}
html body.app .panel{box-shadow: var(--anga-shadow); border-radius: 14px;}
html body.app .panel h2,html body.app .panel h3{color: var(--anga-head) !important; background: none !important;}
@media (min-width: 992px){html body.app .side{background: #fff !important; border-right: 1px solid var(--anga-edge);}}
html body.app .side button,html body.app .side a{color: var(--anga-ink); font-weight: 500;}
html body.app .side :is(button, a):hover{background: var(--anga-soft) !important; color: var(--anga-navy) !important;}
html body.app .side :is(button, a).on,html body.app .side [aria-current="page"]{background: var(--anga-soft-2) !important; color: var(--anga-navy) !important; font-weight: 700; box-shadow: inset 3px 0 0 var(--anga-navy);}
html body.app .side :is(.side-group, .side-label, h2, h3){color: var(--anga-muted) !important; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;}
html body.app .sheet-top{background: var(--anga-grad) !important;}
html body.app table thead th{background: var(--anga-soft) !important; color: var(--anga-head) !important; border-color: var(--anga-edge) !important;}
html body.app table td{border-color: var(--anga-edge) !important;}
html body.auth :is(.auth-card, .card, .panel){background: #fff; border: 1px solid var(--anga-edge); box-shadow: var(--anga-shadow);}
html body :is(.u-btn, .h-btn, .btn:not(.btn-link):not(.btn-close)){border-radius: 10px !important; font-weight: 700;}
html body .h-hero .h-btn-go{background: #fff !important; color: var(--anga-navy) !important; border-color: #fff !important;}
html body .h-hero .h-btn-go:hover{background: var(--anga-gold) !important; border-color: var(--anga-gold) !important;}
html body .h-btn-go{background: var(--anga-navy); color: #fff;}
html body .h-btn-go:hover{background: var(--anga-navy-ink);}
html body .h-btn-line{border-color: var(--anga-navy) !important; color: var(--anga-navy) !important; background: #fff;}
html body .h-btn-line:hover{background: var(--anga-soft) !important;}
html body .u-foot .u-btn-dark{background: var(--anga-gold) !important; color: var(--anga-head) !important;}
html body .u-foot .u-btn-dark:hover{background: #fff !important;}
@media (max-width: 991.98px){html body.members:not(.choosing) .tabbar{display: grid !important; grid-template-columns: repeat(4, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
background: #fff; border-top: 1px solid var(--anga-edge); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 16px rgba(15, 23, 42, .06);}
html body.members .tabbar button{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 56px; padding: 4px 0;
background: none !important; border: 0; color: var(--anga-muted) !important; font-size: .8125rem; font-weight: 600;}
html body.members .tabbar button svg{color: inherit !important;}
html body.members .tabbar button.on{color: var(--anga-navy) !important; font-weight: 800;}
html body.members .tabbar button.on::before{content: ""; position: absolute; top: -6px; left: 28%; right: 28%; height: 3px; border-radius: 0 0 3px 3px; background: var(--anga-navy);}
html body.members .tabbar .tab-count{position: absolute; top: 2px; right: 24%;}
html body.members:not(.choosing) .app-shell{padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;}
html body.members .pt-menu-btn{display: none !important;}
html body.members .pt-help{display: none !important;}}
.me-list{display: grid; gap: 0; background: #fff; border: 1px solid var(--anga-edge); border-radius: 16px; overflow: hidden; box-shadow: var(--anga-shadow); max-width: 720px;}
.me-label{margin: 0; padding: 16px 18px 6px; color: var(--anga-muted); font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: var(--anga-ground); border-top: 1px solid var(--anga-edge);}
.me-label:first-child{border-top: 0;}
html body .me-row{display: flex; align-items: center; gap: 14px; width: 100%; min-height: 64px; padding: 10px 18px; background: #fff; border: 0; border-top: 1px solid var(--anga-edge);
text-align: left; color: var(--anga-ink) !important; text-decoration: none !important; cursor: pointer;}
html body .me-label + .me-row{border-top: 0;}
html body .me-row > svg:first-child{flex: none; color: var(--anga-navy);}
html body .me-row span{display: grid; flex: 1; gap: 1px;}
html body .me-row strong{font-weight: 700; color: var(--anga-head);}
html body .me-row small{color: var(--anga-muted); font-size: .9375rem;}
html body .me-row .me-chev{color: var(--anga-muted); flex: none;}
html body .me-row:hover{background: var(--anga-soft);}
html body .me-out strong,html body .me-out > svg:first-child{color: var(--anga-red) !important;}
html body.app .side .side-label{margin: 18px 12px 6px;}
html body.app .side .side-help{display: none;}
html body .home-card,html body .member-card,html body .oc-card{background: var(--anga-grad) !important; color: #fff !important; border: 0 !important; border-radius: 18px !important;
box-shadow: 0 10px 30px rgba(31, 47, 99, .25) !important; position: relative; overflow: hidden;}
html body .home-card::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px !important; background: linear-gradient(90deg, transparent, var(--anga-gold), transparent) !important;}
html body .home-card::after{content: "" !important; position: absolute; right: -80px; top: -90px; width: 240px; height: 240px; border-radius: 50%; border: 36px solid rgba(255, 255, 255, .05); background: none !important; pointer-events: none; display: block !important;}
html body :is(.home-card, .member-card, .oc-card) :is(strong, h2, p, span, dt, dd, div){color: inherit;}
html body :is(.home-card .hc-name, .member-card .mc-name, .oc-card .oc-name){color: var(--anga-gold) !important; font-weight: 800 !important; letter-spacing: -0.01em;}
html body :is(.home-card .hc-top strong, .member-card .mc-top strong, .oc-card .oc-top strong){color: #fff !important; letter-spacing: .14em; font-weight: 800;}
html body :is(.home-card .hc-top span, .member-card .mc-top span, .oc-top span:not(.mc-state)){color: rgba(255, 255, 255, .78) !important;}
html body :is(.home-card dt, .member-card .mc-grid span, .oc-card dt){color: rgba(255, 255, 255, .72) !important; font-size: .8125rem; font-weight: 600; letter-spacing: .02em;}
html body :is(.home-card dd, .member-card .mc-grid > div, .oc-card dd){color: #fff !important; font-weight: 700;}
html body .member-card .mc-grid > div:first-child,html body .home-card #welcome-number{color: var(--anga-gold) !important; font-variant-numeric: tabular-nums; letter-spacing: .04em;}
html body .home-card .hc-motto{color: var(--anga-gold) !important; opacity: .9;}
html body .home-card .hc-foot{background: rgba(0, 0, 0, .18) !important; border-top: 1px solid rgba(255, 255, 255, .1);}
html body .home-card .hc-foot .btn{background: var(--anga-gold) !important; color: var(--anga-head) !important; border-color: var(--anga-gold) !important;}
html body .home-card .hc-foot .btn:hover{background: #fff !important; border-color: #fff !important;}
html body :is(.home-card, .member-card, .oc-card) :focus-visible{outline-color: var(--anga-gold) !important;}
html body .mc-stripe{display: none !important;}
html body .mc-state{display: inline-flex !important; align-items: center; gap: 8px; margin: 12px 0 0 !important; padding: 6px 12px 6px 6px !important; border-radius: 999px; font-size: .9375rem !important; font-weight: 800 !important;
letter-spacing: 0 !important; align-self: flex-start; background: #fff !important; color: var(--anga-head) !important;}
html body .mc-state::before{display: inline-grid !important; place-items: center; width: 24px !important; height: 24px !important; border-radius: 50%; font-size: .875rem; line-height: 1; color: #fff; background: var(--anga-muted) !important; content: "\2026" !important;}
html body .mc-valid{color: var(--anga-green) !important;}
html body .mc-valid::before{content: "\2713" !important; background: var(--anga-green) !important;}
html body .mc-due{color: var(--anga-amber-ink) !important; background: #FFF6DB !important;}
html body .mc-due::before{content: "!" !important; background: var(--anga-amber) !important; color: #1F1300;}
html body .mc-wait{color: var(--anga-muted) !important;}
html body .mc-live{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: auto 0 0 !important; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .14);
font-size: .8125rem; color: rgba(255, 255, 255, .85) !important; font-variant-numeric: tabular-nums;}
html body .mc-live time{color: var(--anga-gold); font-weight: 700;}
html body .mc-checked{margin-left: auto;}
html body .mc-dot{width: 8px; height: 8px; border-radius: 50%; background: #4ADE80; box-shadow: 0 0 0 3px rgba(74, 222, 128, .25); animation: anga-pulse 2s ease-in-out infinite;}
@keyframes anga-pulse{50% { box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }}
html body .mc-shine{position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(243, 210, 122, .16) 45%, transparent 60%); background-size: 250% 100%; animation: anga-shine 6s linear infinite;}
@keyframes anga-shine{from { background-position: 120% 0; } to { background-position: -120% 0; }}
@media (prefers-reduced-motion: reduce){html body :is(.mc-shine, .mc-dot){animation: none !important;}}
html body .mcard-back{background: #fff !important; color: var(--anga-ink) !important;}
html body .mcard-back :is(p, strong, span){color: var(--anga-ink) !important;}
html body .mcard-back .mc-back-head{color: var(--anga-head) !important; font-weight: 800;}
html body .mc-qr svg{background: #fff; border-radius: 8px; box-shadow: 0 0 0 1px var(--anga-edge);}
html body.offline-card-page{background: var(--anga-head) !important;}
html body .oc-saved{position: absolute; top: 14px; right: -38px; transform: rotate(35deg); background: var(--anga-amber); color: #1F1300 !important; font-weight: 800; font-size: .75rem;
letter-spacing: .06em; text-transform: uppercase; padding: 4px 44px; margin: 0;}
html body .oc-live{margin-top: 16px !important;}
html body .mcard-wrap{max-width: 460px;}
html:root body.app .mcard-face.member-card,html:root body.members .mcard-face.member-card{aspect-ratio: auto !important; min-height: 270px; height: auto !important; display: flex; flex-direction: column; gap: 6px; padding: 20px 22px 14px !important;}
html body .member-card .mc-name{margin: 6px 0 2px !important; font-size: 1.5rem !important; line-height: 1.15;}
html body .member-card .mc-grid{gap: 8px 16px !important; margin: 0 0 8px;}
html body .member-card .mc-grid span{display: block; text-transform: none !important;}
html body.app .side button:has(> .side-sum) > .count[id]{display: none !important;}
html body.app .side .side-sum{margin-left: auto;}
html body.app .side [data-committee-room] .side-label{margin-top: 18px;}
html body.app .side .side-records{margin-top: auto; padding-top: 12px; border-top: 1px solid var(--anga-edge);}
html body.app .side .side-records button{font-size: .9375rem; min-height: 40px; color: var(--anga-muted);}
html body.app .side button{display: flex; align-items: center; gap: 10px; min-height: 46px; border-radius: 10px;}
html body.app .side button.on svg,html body.app .side button:hover svg{color: var(--anga-navy) !important; fill: none; opacity: 1 !important;}
html body.app .side [data-committee-room] .side-label{display: none;}
html body.app .side [data-committee-room]{margin-top: 0;}
html body .oc-top{flex-wrap: wrap;}
html body .oc-top .mc-state{flex-basis: auto; margin: 8px 0 0 0 !important; order: 3;}
html body .oc-top > div{flex: 1 1 60%; padding-right: 40px;}
html body .drawer-scrim{background: rgba(15, 23, 42, .45) !important;}
html body .drawer-head{background: var(--anga-navy) !important; border-top: 0 !important;}
html body .h-hero .h-hero-photo{position: relative;}
html body .h-hero-cap{position: absolute; left: 16px; bottom: 16px; z-index: 2; margin: 0; background: rgba(15, 23, 42, .74); color: #fff !important;
font: 600 .875rem/1.2 var(--anga-font); padding: 8px 12px; border-radius: 8px;}
html body .h-hero-cap b{color: var(--anga-gold) !important; font-weight: 700;}
@media (min-width: 901px){html body .h-hero-in{align-items: center !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important; padding-block: clamp(40px, 6vw, 80px) !important;}
html body .h-hero-text{padding-bottom: 0 !important;}
html body .h-hero-photo{border-radius: 20px !important; aspect-ratio: 16 / 10 !important; max-height: none !important; align-self: center !important;
box-shadow: 0 20px 50px rgba(0, 0, 0, .35); outline: 6px solid rgba(255, 255, 255, .1);}}
@media (max-width: 900px){html body .h-hero{position: relative; overflow: hidden;}
html body .h-hero-in{position: static !important; grid-template-columns: minmax(0, 1fr) !important; min-height: 0; padding-top: 0 !important;}
html body .h-hero-text{position: relative; z-index: 2; padding-top: 250px !important; padding-bottom: 40px !important;}
html body .h-hero-photo{position: absolute !important; left: 0; right: 0; top: 0; height: 300px; max-height: none !important; aspect-ratio: auto !important; border-radius: 0 !important; margin: 0 !important; z-index: 0;}
html body .h-hero-photo img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%;}
html body .h-hero-photo::after{content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31, 47, 99, 0) 40%, #1F2F63 100%);}
html body .h-hero-cap{left: auto; right: 12px; top: 12px; bottom: auto;}}