:root{--site-max:1390px;--site-blue:#008dd2;--site-green:#068746;--site-purple:#393185}
.container,.header .header-inner{width:calc(100% - 76px)!important;max-width:var(--site-max)!important;margin-left:auto!important;margin-right:auto!important}
.header{position:sticky!important;top:0!important;z-index:50!important;background:rgba(250,251,255,.93)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(224,228,241,.8)!important;box-shadow:none}
.header.scrolled{box-shadow:0 15px 35px rgba(39,43,88,.07)!important}
.header .header-inner{height:91px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.header .brand{display:inline-flex!important;align-items:center;flex-shrink:0;line-height:0}
.header .brand img{width:238px!important;height:auto!important;display:block;background:transparent!important;border-radius:0!important}
.header .nav{display:flex;align-items:center;justify-content:flex-start;gap:clamp(13px,1.9vw,32px)!important;margin:auto!important}
.header .nav a{position:static;padding:0!important;font-size:12px!important;font-weight:700!important;letter-spacing:-.025em!important;color:#373b61!important;white-space:nowrap}
.header .nav a:hover,.header .nav a.active{color:var(--site-purple)!important}
.header .nav a:after{display:none!important}
.header .header-actions{display:flex;align-items:center;gap:12px!important;margin-left:0}
.header .icon-button{display:grid;place-items:center;width:42px!important;height:42px!important;border-radius:50%;background:transparent!important;color:#25264d!important}
.header .icon-button:hover{background:#e9ecf9!important}
.header .icon-button .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.header .mobile-nav{display:none;position:relative;z-index:51}
.header .mobile-nav summary{display:grid;place-items:center;list-style:none;cursor:pointer}
.header .mobile-nav summary::-webkit-details-marker{display:none}
.header .mobile-menu-links{display:flex;flex-direction:column;position:absolute;top:calc(100% + 16px);right:-16px;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 90px);overflow-y:auto;background:#fff;border:1px solid #e2e6f1;border-radius:0 0 21px 21px;padding:12px 20px 20px;box-shadow:0 23px 42px rgba(18,29,73,.22)}
.header .mobile-menu-links a{display:block;padding:12px 4px;font-size:12px!important;font-weight:700;border-bottom:1px solid #edf0f8}
.topline{position:fixed!important;top:0!important;left:0!important;right:0!important;height:5px!important;z-index:1000!important;background:#e4e8f2!important;overflow:hidden}
.topline::before{content:"";position:absolute;inset:0;transform:scaleX(var(--scroll-progress,0));transform-origin:left center;background:linear-gradient(90deg,#008dd2 0 33.333%,#068746 33.333% 66.666%,#393185 66.666% 100%)}
.pill,.pill.light,.pill-white{background:linear-gradient(110deg,#008dd2 0%,#087e9e 37%,#068746 60%,#393185 100%)!important;color:#fff!important;border:0!important;border-radius:100px!important;box-shadow:0 10px 25px rgba(35,65,129,.19)!important;font-weight:750!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.pill:hover,.pill.light:hover,.pill-white:hover{filter:brightness(1.08) saturate(1.15);transform:translateY(-2px)!important;box-shadow:0 14px 29px rgba(35,65,129,.24)!important}
.pill-outline,.pill.outline{background:transparent!important;color:#262d53!important;border:1px solid #bbc4dc!important;box-shadow:none!important}
.pill-outline:hover,.pill.outline:hover{background:#f7f8ff!important;color:#393185!important;box-shadow:none!important}
.pill svg,.link-arrow svg,.news-card .news-go svg{display:none!important}
.eyebrow{display:none!important}
.page-intro{padding-top:48px!important}.page-intro h1{margin-top:30px!important}
.hero-inner{padding-top:48px!important}.hero-copy{padding-top:30px!important}
.page-head{padding-top:48px!important}
.cta{position:relative;overflow:hidden;background:linear-gradient(112deg,#007bbf 0%,#088b83 44%,#097549 58%,#393185 100%)!important;color:#fff!important;box-shadow:0 18px 42px rgba(39,57,118,.17)}
.cta:before{content:"";position:absolute;right:-90px;top:-130px;width:360px;height:360px;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 0 48px #ffffff13,0 0 0 95px #ffffff0c;pointer-events:none}
.cta>*{position:relative;z-index:1}.cta p{color:#edf7ff!important}.cta .pill{background:linear-gradient(110deg,#effaff,#e6f8eb,#e9e3ff)!important;color:#24304e!important;box-shadow:0 10px 24px #1117442e!important}
.contact-panel{background:linear-gradient(112deg,#007bbf 0%,#098d83 43%,#0a7953 56%,#393185 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 18px 42px rgba(39,57,118,.17)}
.contact-panel h2{color:#fff!important}.contact-panel h2 span{color:#d1ffe8!important}.contact-panel p,.contact-panel .contact-contacts{color:#eff8ff!important}.contact-panel .contact-contacts a:hover{color:#fff!important}
.contact-panel .pill{background:linear-gradient(110deg,#effaff,#e6f8eb,#e9e3ff)!important;color:#24304e!important}.contact-panel .pill-outline{background:#ffffff1c!important;color:#fff!important;border:1px solid #ffffffb0!important;box-shadow:none!important}
.site-footer{position:relative;overflow:hidden;padding:49px 0 38px!important;background:linear-gradient(115deg,#d6efff 0%,#d9f5e9 47%,#e4ddff 100%)!important;color:#252b50!important;border:0!important}
.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#008dd2,#068746 50%,#393185)}
.site-footer:after{content:"";position:absolute;width:500px;height:500px;right:-150px;top:-280px;border:1px solid #39318524;border-radius:50%;box-shadow:0 0 0 65px #3931850a,0 0 0 125px #008dd20b;pointer-events:none}
.site-footer-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,1.1fr) minmax(0,1.9fr);gap:28px 55px;align-items:end}
.site-footer-brand img{width:min(300px,100%)!important;height:auto!important;display:block;background:transparent!important;border-radius:0!important}
.site-footer-copy{margin-top:24px;font-size:12px;font-weight:800;line-height:1.5;color:#333b61}
.site-footer-meta{display:grid;gap:19px;justify-items:end}
.site-footer-links,.site-footer-contacts{display:flex;align-items:center;justify-content:flex-end;gap:12px 22px;flex-wrap:wrap}
.site-footer a{color:#343a64!important;font-size:11px!important;font-weight:750!important;line-height:1.3;margin:0!important;text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#393185!important}
.site-footer .tg-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #39318566;border-radius:50%;color:#393185!important}
.site-footer .tg-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.site-footer .tg-icon:hover{background:#fff8;text-decoration:none}
.day-dots{bottom:7px!important;gap:5px!important}.day-dots i{width:8px!important;height:8px!important;box-shadow:0 0 0 1px #ffffffb8,0 1px 2px #1b265d4a}.day.selected .day-dots i{box-shadow:0 0 0 1px #ffffff9c}
@media(max-width:1220px){.container,.header .header-inner{width:calc(100% - 48px)!important}.header .header-inner{gap:12px!important}.header .brand img{width:205px!important}.header .nav{gap:15px!important}.header .nav a{font-size:11px!important}}
@media(max-width:1170px){.header .nav{display:none!important}.header .mobile-nav{display:block!important}.header .header-actions{margin-left:auto!important}.header .header-actions .pill{display:inline-flex!important}}
@media(max-width:650px){.container,.header .header-inner{width:calc(100% - 32px)!important}.header .header-inner{height:70px!important}.header .brand img{width:173px!important}.header .header-actions .pill{display:none!important}.header .icon-button{width:39px!important;height:39px!important}.page-intro,.page-head{padding-top:30px!important}.hero-inner{padding-top:30px!important}.site-footer{padding:39px 0 31px!important}.site-footer-inner{grid-template-columns:1fr;gap:28px}.site-footer-brand img{width:230px!important}.site-footer-copy{margin-top:19px}.site-footer-meta{justify-items:start}.site-footer-links,.site-footer-contacts{justify-content:flex-start;gap:12px 17px}.site-footer a{font-size:11px!important}.day-dots i{width:7px!important;height:7px!important}}
@media(prefers-reduced-motion:reduce){.pill,.pill.light,.pill-white{transition:none!important}.topline::before{transition:none!important}}

/* Shared rhythm and compact footer */
.container,.header .header-inner{width:calc(100% - 96px)!important;max-width:1320px!important}
.header .header-inner{gap:20px!important}.header .nav{gap:clamp(12px,1.7vw,27px)!important}.header .nav a{font-size:11.5px!important}
.search-panel{display:none}.search-panel.open{display:block}.search-panel label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}
main>section.section,.section{padding-top:56px!important;padding-bottom:56px!important}
.page-intro{padding:42px 0 18px!important}.page-intro h1{font-size:clamp(36px,4vw,55px)!important;margin:22px 0 10px!important}.page-intro p{margin:0!important}
.page-intro+.section{padding-top:36px!important}.section-title{font-size:clamp(29px,3.3vw,45px)!important;margin:0 0 22px!important}.section-lead{margin-top:0!important}
.section-top{margin-bottom:28px!important}.intro-header{margin-bottom:30px!important}.intro h2{margin-top:0!important}
.card-grid{gap:16px!important;margin-top:20px!important}.card{display:flex;flex-direction:column;height:100%}.card h3{margin-top:4px!important}
.directions-grid .card{min-height:228px}.directions-grid .card h3{min-height:4em}.directions-grid .card p{margin-top:0}.directions-grid .card .arrow{margin-top:auto;padding-top:15px}
.goals-grid .card h3,.tasks-grid .card h3{min-height:2.7em}.goals-grid .card p,.tasks-grid .card p{min-height:3.5em}
.member-card-grid .org-card{min-height:280px}.member-card-grid .org-card h3{min-height:4.2em;line-height:1.4;margin:8px 0 13px!important}.member-card-grid .org-logo{height:68px;margin-bottom:10px}.member-contact{display:grid;gap:6px;margin-top:auto}.member-contact a{font-size:12px;font-weight:750;color:#393185;overflow-wrap:anywhere}.member-contact a:hover{text-decoration:underline}.member-no-web{height:18px}
.values{align-items:stretch}.value{height:100%;min-height:205px!important}.value h3{min-height:2.5em;display:flex;align-items:end}.value p{min-height:4.6em}
.cta{padding:32px 38px!important}.cta h2{font-size:clamp(25px,2.8vw,32px)!important}.contact-panel{padding:58px 42px!important}.contact{padding-bottom:56px!important}
.site-footer{padding:22px 0!important}.site-footer:after{display:none!important}.site-footer:before{height:4px!important}.site-footer-inner{grid-template-columns:minmax(250px,1fr) minmax(0,2fr)!important;gap:14px 28px!important;align-items:center!important}.site-footer-copy{margin:0!important;font-size:11px!important}.site-footer-meta{gap:8px!important}.site-footer-links,.site-footer-contacts{gap:8px 17px!important}.site-footer .tg-icon{width:42px!important;height:42px!important;flex:0 0 42px;border:0!important;background:linear-gradient(135deg,#008dd2,#393185)!important;color:#fff!important;box-shadow:0 5px 14px #39318535}.site-footer .tg-icon svg{width:21px!important;height:21px!important;fill:#fff!important}.site-footer .tg-icon:hover{filter:brightness(1.12);transform:translateY(-1px)}
.ribbon-slide{transition:opacity .56s cubic-bezier(.2,.7,.15,1),transform .56s cubic-bezier(.2,.7,.15,1)!important}

/* Council people and committee */
.council-hero{min-height:350px!important}.council-hero .hero-inner{padding-bottom:75px!important}.council-hero .hero-copy{max-width:650px}.council-hero-people{position:absolute;right:12px;top:77px;width:330px;height:220px;pointer-events:none}.hero-person{position:absolute;width:172px;height:172px;border-radius:50%;overflow:hidden;border:5px solid #ffffffb8;box-shadow:0 18px 35px #0c103b66}.hero-person img{width:100%;height:100%;object-fit:cover;display:block}.hero-person-chair{right:104px;top:5px;z-index:2}.hero-person-secretary{right:7px;top:62px;z-index:1}.council-hero .hero-copy h1{max-width:610px}.council-hero .hero-copy p{max-width:610px}
#council-content .tabs{margin-top:0!important}#council-content .tab-panel{padding-top:26px!important}.leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0 30px}.leadership-grid.single{grid-template-columns:minmax(0,620px)}.leader-card{display:flex;align-items:center;gap:20px;border:1px solid #e1e5f1;border-radius:19px;background:#fff;padding:22px;min-height:160px}.leader-card img{width:110px;height:110px;flex:0 0 110px;border-radius:50%;object-fit:cover}.leader-card small{display:block;color:#393185;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.leader-card h3{font-size:18px;line-height:1.3;margin:8px 0}.leader-card p{font-size:11px;line-height:1.5;margin:0 0 6px}.leader-card a{color:#393185;font-size:11px;font-weight:800}.content-subtitle{font-size:23px;margin:29px 0 15px}.committee-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;padding:0;margin:20px 0 0;list-style:none}.committee-list li{padding:12px 15px;background:#f7f8fe;border:1px solid #e7e9f3;border-radius:10px;font-size:12px;font-weight:700;line-height:1.45}.fact-icon{font-size:15px!important}

@media(max-width:1220px){.container,.header .header-inner{width:calc(100% - 64px)!important}.header .nav{gap:12px!important}.header .nav a{font-size:10.5px!important}}
@media(max-width:1000px){.council-hero-people{right:-70px;opacity:.55}.council-hero .hero-copy{position:relative;z-index:3}.leadership-grid{grid-template-columns:1fr}.leadership-grid.single{grid-template-columns:1fr}}
@media(max-width:650px){.container,.header .header-inner{width:calc(100% - 40px)!important}.page-intro{padding:30px 0 14px!important}.page-intro+.section{padding-top:30px!important}main>section.section,.section{padding-top:42px!important;padding-bottom:42px!important}.section-title{margin-bottom:18px!important}.card-grid{gap:12px!important}.directions-grid .card{min-height:190px}.directions-grid .card h3,.member-card-grid .org-card h3,.value h3{min-height:0}.member-card-grid .org-card{min-height:238px}.value{min-height:0!important}.value p{min-height:0}.cta{padding:26px!important}.site-footer{padding:19px 0!important}.site-footer-inner{grid-template-columns:1fr!important;gap:12px!important}.site-footer-meta{justify-items:start!important}.site-footer .tg-icon{width:40px!important;height:40px!important;flex-basis:40px}.council-hero{min-height:370px!important}.council-hero-people{display:none}.leader-card{padding:16px;gap:13px;min-height:130px}.leader-card img{width:80px;height:80px;flex-basis:80px}.leader-card h3{font-size:15px}.committee-list{grid-template-columns:1fr}}

.promo-section{padding:0!important;margin:0!important}.calendar-layout{padding-bottom:56px!important}.page-head{padding:42px 0 18px!important}.filters-line{margin-bottom:22px!important}


/* V4: one header geometry on every page, including the calendar. */
.header{border-top:5px solid transparent!important}
.header .header-inner{height:91px!important;max-width:1320px!important}
.header .brand img{width:238px!important}
.header .nav{gap:clamp(13px,1.6vw,24px)!important}
.header .nav a{position:relative!important;isolation:isolate;font-size:12px!important;line-height:1.25!important;font-weight:700!important}
.header .nav a.active,.header .nav a[aria-current="page"]{color:#26215f!important}
.header .nav a.active::before,.header .nav a[aria-current="page"]::before{content:"";position:absolute;inset:-10px -9px;z-index:-1;border-radius:9px;background:linear-gradient(110deg,#e4f1ff,#e8f5ed 55%,#ebe6fa);box-shadow:inset 0 -3px 0 #393185}
.header .header-actions .pill{padding:15px 23px!important;font-size:12px!important;min-height:44px!important}
@media(max-width:1220px){.header .brand img{width:205px!important}.header .nav{gap:12px!important}.header .nav a{font-size:10.5px!important}.header .header-actions .pill{padding:13px 16px!important;font-size:11px!important}}
@media(max-width:650px){.header .header-inner{height:70px!important}.header .brand img{width:173px!important}}

/* Light brand color across inner pages without large raster decorations. */
body.inner-page,body.calendar-page{background:linear-gradient(125deg,#f8faff 0%,#f5faf9 49%,#faf7ff 100%)!important}
.inner-page .page-intro{background:radial-gradient(ellipse at 88% 3%,#e6e0fb 0%,transparent 42%),radial-gradient(ellipse at 4% 98%,#dcf4fa 0%,transparent 42%),linear-gradient(125deg,#f3f7ff,#f7fbf9 55%,#f7f3fe)!important}
.inner-page .section{background:transparent!important}
.inner-page .card{background:linear-gradient(145deg,#ffffff 0%,#f8f9ff 100%)!important;box-shadow:0 10px 26px #29356b09}
.inner-page .card-grid .card:nth-child(3n+2){background:linear-gradient(145deg,#fff 0%,#f3f9ff 100%)!important}
.inner-page .card-grid .card:nth-child(3n+3){background:linear-gradient(145deg,#fff 0%,#f4faf6 100%)!important}
.inner-page .card h3{min-height:0!important;margin:8px 0 8px!important;line-height:1.28!important}
.inner-page .card p{min-height:0!important;margin-top:0!important}
.inner-page .directions-grid .card h3{font-size:19px!important}
.legal-panel{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:35px;max-width:950px;padding:38px 42px;border:1px solid #dfe5f2;border-radius:24px;background:linear-gradient(115deg,#eff8ff,#f1f9f4 52%,#f3f0fc);box-shadow:0 17px 38px #2e3d7110}
.legal-mark{display:grid;place-items:center;width:104px;height:104px;border-radius:25px;background:linear-gradient(135deg,#008dd2,#068746 56%,#393185);color:#fff;font-size:24px;font-weight:800;letter-spacing:-.07em}
.legal-panel h2{margin:0 0 12px;font-size:clamp(26px,2.8vw,36px);line-height:1.2}.legal-panel p{max-width:670px;margin:0 0 23px;color:#58647f;font-size:14px;line-height:1.65}

/* Value cards use the existing SVG symbols as large, quiet background marks. */
.home-page .value{overflow:hidden;min-height:226px!important;padding:30px 32px!important;justify-content:center!important}
.home-page .value-head{position:absolute;right:11px;top:9px;z-index:0;pointer-events:none}
.home-page .value-symbol,.home-page .value:nth-child(2) .value-symbol,.home-page .value:nth-child(3) .value-symbol{width:132px;height:132px;background:transparent!important;border-radius:0}
.home-page .value .icon{width:112px;height:112px;stroke-width:1.15;opacity:.17}
.home-page .value>div:last-child{position:relative;z-index:1;max-width:94%}
.home-page .value h3{min-height:0!important;display:block;margin:0 0 10px!important}
.home-page .value p{min-height:0!important}
.home-page .hero::after{left:8%;top:10%;width:84%;height:80%;background:radial-gradient(ellipse at center,#fff 0 54%,#fffffffc 66%,#ffffff00 91%)}
.home-page .hero-shift{position:relative;isolation:isolate}
.home-page .hero-shift::before{content:"";position:absolute;z-index:-1;inset:-18px -26px;border-radius:38px;background:#fff;box-shadow:0 0 48px 48px #fff;pointer-events:none}
.council-hero{min-height:400px!important}.council-hero .hero-copy h1{font-size:clamp(31px,3.1vw,47px)!important;max-width:660px}

/* Contacts and the Telegram mark share one centered baseline. */
.site-footer .site-footer-contacts{display:grid!important;grid-template-columns:max-content max-content 42px;align-items:center!important;justify-content:end!important;column-gap:18px!important;row-gap:8px!important}
.site-footer .site-footer-contacts>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;line-height:1.2!important;vertical-align:middle!important}
.site-footer .site-footer-contacts .tg-icon{margin:0!important;align-self:center!important;justify-self:center!important;transform:none!important}
.site-footer .site-footer-contacts .tg-icon svg{display:block;margin:auto}
@media(max-width:800px){.site-footer .site-footer-contacts{grid-template-columns:repeat(2,max-content)!important;justify-content:start!important}.site-footer .site-footer-contacts .tg-icon{grid-column:1/-1;justify-self:start!important}}
@media(max-width:650px){.home-page .value{min-height:190px!important}.home-page .value-symbol{width:110px!important;height:110px!important}.home-page .value .icon{width:95px;height:95px}.home-page .hero-shift::before{inset:-48px -27px}.legal-panel{grid-template-columns:1fr;padding:27px;gap:17px}.legal-mark{width:72px;height:72px;border-radius:17px;font-size:19px}.council-hero{min-height:440px!important}.site-footer .site-footer-contacts{grid-template-columns:1fr!important;gap:3px!important}.site-footer .site-footer-contacts>a{justify-content:flex-start!important;min-height:32px!important}.site-footer .site-footer-contacts .tg-icon{min-height:40px!important;margin-top:5px!important}}


/* V5: naturally placed ribbons and clean value cards. */
.home-page .hero::after,.home-page .hero-shift::before{display:none!important}
.home-page .hero-ribbons{-webkit-mask-image:radial-gradient(ellipse 63% 60% at 50% 43%,transparent 58%,#000 86%);mask-image:radial-gradient(ellipse 63% 60% at 50% 43%,transparent 58%,#000 86%)}
.home-page .value-head,.home-page .value-symbol{display:none!important}
.home-page .value{justify-content:center!important;min-height:194px!important}
.home-page .value>div:last-child{max-width:100%!important}
.home-page .accordion-body p{padding-bottom:31px!important}

/* Clear, lightweight page backgrounds. */
.inner-page main,.calendar-page main{background:linear-gradient(145deg,#eaf2fc 0%,#f1f7fb 30%,#edf8f2 62%,#eeeafa 100%)!important}
.inner-page .page-intro{background:linear-gradient(115deg,#e3eeff,#e7f5ec 53%,#ece7fa)!important}
.inner-page .card{background:linear-gradient(145deg,#fff,#f3f4fc)!important}
.inner-page .card-grid .card:nth-child(3n+2){background:linear-gradient(145deg,#fff,#edf4fd)!important}
.inner-page .card-grid .card:nth-child(3n+3){background:linear-gradient(145deg,#fff,#edf8f1)!important}
.direction-detail .hero{background:linear-gradient(117deg,#172247 0%,#2e286c 56%,#075663 100%)!important}
.direction-detail .hero:before,.direction-detail .hero:after{display:none!important}
.direction-detail .hero-copy{max-width:920px!important}.direction-detail .hero-copy h1{max-width:920px!important}
.council-hero .hero-copy h1{max-width:920px!important}
.council-cta{margin-top:35px}

/* Members: names and contacts stay together. */
.member-card-grid .org-card{min-height:0!important;padding:22px!important}
.member-card-grid .org-card h3{min-height:0!important;margin:7px 0 8px!important;line-height:1.32!important}
.member-card-grid .org-logo{margin-bottom:6px!important}
.member-card-grid .member-contact{margin-top:3px!important;gap:4px!important}
.member-card-grid .member-no-web{display:none!important}
.members-section .member-card-grid{margin-top:0!important}

/* Contact cards, social links and a responsive Yandex map. */
.contact-intro{margin-bottom:22px}.contact-intro p,.map-heading p{margin:6px 0 0;color:#68738e;font-size:13px}
.contact-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.contact-info-grid .contact-card{min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:linear-gradient(145deg,#fff,#f7f8ff)!important}
.contact-info-grid .contact-card:nth-child(2){background:linear-gradient(145deg,#fff,#f0f8ff)!important}
.contact-info-grid .contact-card:nth-child(3){background:linear-gradient(145deg,#fff,#f1faf4)!important}
.contact-info-grid .contact-card:nth-child(4){background:linear-gradient(145deg,#fff,#f5f2fc)!important}
.social-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.social-links a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:11px;background:#fff;border:1px solid #e0e5f0;color:#2b2e64!important;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}
.social-links a:hover{transform:translateY(-2px);box-shadow:0 8px 19px #283f7a17}
.social-links svg{width:19px;height:19px;fill:#393185}
.map-section{padding-top:10px!important}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.map-heading .section-title{margin-bottom:0!important}
.map-frame{height:390px;overflow:hidden;border:1px solid #d6e1f1;border-radius:24px;background:#e9f0f8;box-shadow:0 17px 40px #26386f16}
.map-frame iframe{display:block;width:100%;height:100%;border:0}

/* Four aligned contact icons on every page. */
.site-footer .site-footer-contacts{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
.site-footer .site-footer-contacts .footer-icon{width:42px!important;height:42px!important;min-height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px;border:1px solid #c8d2e8!important;border-radius:50%;background:#fff!important;color:#38317d!important;box-shadow:0 4px 12px #323b6820;transition:transform .2s,box-shadow .2s}
.site-footer .site-footer-contacts .footer-icon:hover{transform:translateY(-2px)!important;box-shadow:0 8px 19px #323b6830;text-decoration:none!important}
.site-footer .site-footer-contacts .footer-tg{background:#008dd2!important;border-color:#008dd2!important;color:#fff!important}
.site-footer .site-footer-contacts .footer-facebook{background:#393185!important;border-color:#393185!important;color:#fff!important}
.site-footer .footer-icon svg{width:20px;height:20px;display:block;fill:currentColor}
.site-footer .footer-mail svg,.site-footer .footer-phone svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.site-footer .site-footer-contacts{justify-content:flex-start!important}}
@media(max-width:650px){.contact-info-grid{grid-template-columns:1fr}.map-heading{align-items:flex-start;flex-direction:column}.map-frame{height:330px}.site-footer .site-footer-contacts{display:flex!important;flex-wrap:nowrap!important;gap:9px!important}}


/* V6: the direction pages share the Council's tab layout. */
.home-page .hero-ribbons{-webkit-mask-image:none!important;mask-image:none!important}
.home-page #directionGrid .direction-icon{display:none!important}
.home-page #directionGrid .official-direction-title{margin-top:0!important}
.home-page .contact-contacts{flex-wrap:wrap;gap:12px 24px}
.direction-detail .hero{min-height:345px!important}
.direction-detail .hero-inner{padding-bottom:42px!important}
.direction-detail .hero-copy{padding-top:18px!important}
.direction-content{padding-top:32px!important}
.direction-content .tabs{margin-top:0!important}
.direction-content .tab-panel{padding-top:30px!important}
.direction-content .tab-panel h2{font-size:clamp(29px,3vw,39px);margin:0 0 17px}
.direction-prose{max-width:970px;color:#4f5b79;font-size:14px;line-height:1.8}
.direction-prose p{margin:0 0 15px}
.direction-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:17px}
.direction-topic-grid .person,.organization-grid .person{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-height:126px;background:linear-gradient(145deg,#fff,#f5f6fd);color:#222849;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.direction-topic-grid .person:nth-child(3n+2),.organization-grid .person:nth-child(3n+2){background:linear-gradient(145deg,#fff,#eef7fd)}
.direction-topic-grid .person:nth-child(3n+3),.organization-grid .person:nth-child(3n+3){background:linear-gradient(145deg,#fff,#eff9f3)}
a.person:hover{transform:translateY(-3px);border-color:#9ba4db;box-shadow:0 12px 28px #2f3d7517}
.direction-topic-grid .person b,.organization-grid .person b{font-size:14px;line-height:1.4}
.direction-topic-grid .person span,.organization-grid .person span{margin-top:0;font-size:11px;line-height:1.55}
.direction-material-lead{color:#62708e;margin:0 0 20px;font-size:13px;line-height:1.65}
.direction-materials{max-width:960px}
.direction-cta{margin-top:34px}
.organization-grid{margin-top:18px}

/* More brand color on the Confederation page. */
.about-page .page-intro{position:relative;overflow:hidden;background:linear-gradient(115deg,#086caa 0%,#087b69 48%,#393185 100%)!important;color:#fff!important;border-radius:0 0 26px 26px}
.about-page .page-intro:after{content:"2016";position:absolute;right:3%;top:-37px;color:#ffffff1f;font-size:clamp(130px,20vw,280px);font-weight:900;letter-spacing:-.1em;line-height:1;pointer-events:none}
.about-page .page-intro .container{position:relative;z-index:1}
.about-page .page-intro h1,.about-page .page-intro p,.about-page .breadcrumb,.about-page .breadcrumb a{color:#fff!important}
.about-page .goals-grid .card:nth-child(4n+1),.about-page .tasks-grid .card:nth-child(4n+1){background:linear-gradient(145deg,#e5f2ff,#f7fbff)!important}
.about-page .goals-grid .card:nth-child(4n+2),.about-page .tasks-grid .card:nth-child(4n+2){background:linear-gradient(145deg,#e4f6ea,#f7fcf9)!important}
.about-page .goals-grid .card:nth-child(4n+3),.about-page .tasks-grid .card:nth-child(4n+3){background:linear-gradient(145deg,#ece7fb,#f9f7ff)!important}
.about-page .goals-grid .card:nth-child(4n+4),.about-page .tasks-grid .card:nth-child(4n+4){background:linear-gradient(145deg,#e7f3f8,#f8fcff)!important}
.contact-details{padding-top:36px!important;padding-bottom:28px!important}
.map-section{padding-top:18px!important}
@media(max-width:900px){.direction-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.direction-topic-grid{grid-template-columns:1fr}.direction-detail .hero{min-height:360px!important}.about-page .page-intro:after{font-size:125px;top:20px;right:-15px}}


/* V7: a clear brand-colored opening band on the five main content pages. */
.section-page .page-intro{position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:radial-gradient(circle at 86% 10%,#b6eaff55 0%,transparent 34%),radial-gradient(circle at 65% 115%,#82edbc4d 0%,transparent 40%),linear-gradient(112deg,#087fb5 0%,#087968 48%,#393185 100%)!important;color:#fff!important;box-shadow:0 16px 30px #243d7c16}
.section-page .page-intro .container{position:relative;z-index:1}
.section-page .page-intro h1,.section-page .page-intro p{color:#fff!important}
.section-page .page-intro p{color:#e9f7ff!important}
.section-page .breadcrumb,.section-page .breadcrumb a,.section-page .breadcrumb b,.section-page .breadcrumb span{color:#e3f2ff!important}
.section-page .breadcrumb a:hover{color:#fff!important;text-decoration:underline}
.section-page .page-intro+.section{background:transparent!important}

/* The address reads as normal contact text and the map starts sooner. */
.contact-info-grid .contact-address{display:block;color:#273053;font-weight:500;font-size:13px;line-height:1.6}
.contact-details{padding-bottom:8px!important}
.map-section{padding-top:9px!important}
.map-heading{margin-bottom:17px!important}

/* Short, even title-to-description spacing and a visible multicolor hover. */
.about-page .goals-grid .card,.about-page .tasks-grid .card{position:relative;overflow:hidden;justify-content:flex-start!important;min-height:0!important;padding:23px!important;transition:transform .27s ease,border-color .27s ease,box-shadow .27s ease}
.about-page .goals-grid .card h3,.about-page .tasks-grid .card h3{min-height:0!important;margin:0 0 7px!important;line-height:1.27!important}
.about-page .goals-grid .card p,.about-page .tasks-grid .card p{min-height:0!important;margin:0!important}
.about-page .goals-grid .card::after,.about-page .tasks-grid .card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#008dd2,#068746 52%,#393185);transform:scaleX(0);transform-origin:left center;transition:transform .34s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.about-page .goals-grid .card:hover,.about-page .tasks-grid .card:hover{transform:translateY(-4px);border-color:#8fb8de;box-shadow:0 17px 36px #008dd21c,0 5px 19px #39318513}
.about-page .goals-grid .card:hover::after,.about-page .tasks-grid .card:hover::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.about-page .goals-grid .card,.about-page .tasks-grid .card,.about-page .card::after{transition:none!important}}

/* Clear blue, green, and violet with enough contrast for white lettering. */
.section-page .page-intro{min-height:222px;display:flex;align-items:center;background:linear-gradient(112deg,#087ab5 0%,#07814e 53%,#5735a2 100%)!important}
.section-page .page-intro .breadcrumb{margin:0!important}
.section-page .page-intro h1{font-size:clamp(36px,4vw,55px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.055em!important;margin:22px 0 10px!important}
.section-page .page-intro p{font-size:15px!important;line-height:1.6!important;margin:0!important}
.pill,.pill.light,.pill-white{background:linear-gradient(110deg,#dcefff 0%,#e3f5e9 53%,#e9e2fb 100%)!important;color:#283160!important;border:1px solid #d4dff0!important;text-shadow:none!important;box-shadow:0 7px 18px #273c7024!important}
.pill:hover,.pill.light:hover,.pill-white:hover{filter:brightness(1.01) saturate(1.04);box-shadow:0 10px 22px #273c7030!important}
.cta,.contact-panel{background:linear-gradient(112deg,#087ab5 0%,#07814e 53%,#5735a2 100%)!important}
.cta .pill:not(.pill-outline):not(.outline){background:#fff!important;color:#393185!important;border:1px solid #fff!important;text-shadow:none!important;box-shadow:0 8px 20px #172c5c35!important}
.cta .pill:not(.pill-outline):not(.outline):hover{background:#f0f1fb!important;filter:none!important}
.home-page .contact-panel .contact-actions .pill:not(.pill-outline):not(.outline){background:#ffffff1c!important;color:#fff!important;border:1px solid #ffffffb0!important;text-shadow:none!important;box-shadow:none!important}
.home-page .contact-panel .contact-actions .pill:not(.pill-outline):not(.outline):hover{background:#ffffff30!important;filter:none!important}
.home-page .hero-actions .pill-outline{background:linear-gradient(110deg,#dcefff 0%,#e3f5e9 53%,#e9e2fb 100%)!important;color:#283160!important;border:1px solid #d4dff0!important;box-shadow:0 7px 18px #273c7024!important}
.legal-mark{background:linear-gradient(135deg,#087ab5,#07814e 53%,#5735a2)!important}
.calendar-page .page-intro h1{line-height:1.1;letter-spacing:-.055em;font-weight:700}
.calendar-page .page-intro p{max-width:720px;font-size:15px;line-height:1.6}
.calendar-page .calendar-content{padding-top:29px}
.home-page #directionGrid .official-direction{min-height:240px!important;padding:24px!important;background:linear-gradient(145deg,#f1f7ff 0%,#f4fbf7 53%,#f6f2ff 100%)!important;border:1px solid #dce4f2!important}
.home-page #directionGrid .council-feature{grid-column:auto!important;color:#202548!important}
.home-page #directionGrid .council-feature .official-direction-title{font-size:clamp(17px,1.5vw,20px)!important;line-height:1.34!important;letter-spacing:-.045em!important;max-width:none!important;margin-top:0!important;color:#202548!important;text-shadow:none!important}
.home-page #directionGrid .council-feature .official-direction-desc{max-width:none!important;margin:11px 0 16px!important;font-size:12px!important;line-height:1.65!important;color:#59647e!important;text-shadow:none!important}
.home-page #directionGrid .official-direction-more{background:linear-gradient(110deg,#dcefff 0%,#e3f5e9 53%,#e9e2fb 100%)!important;color:#283160!important;border:1px solid #d4dff0!important;box-shadow:0 5px 14px #253b6a18}
.directions-grid .card .arrow{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:auto!important;padding:10px 16px!important;border-radius:999px;background:linear-gradient(110deg,#dcefff 0%,#e3f5e9 53%,#e9e2fb 100%)!important;color:#283160!important;border:1px solid #d4dff0!important;font-size:11px;font-weight:800;box-shadow:0 5px 14px #253b6a18}
.header .nav a.active::before,.header .nav a[aria-current="page"]::before{box-shadow:none!important}
.header .nav a,.header .nav a:hover,.header .nav a.active{text-decoration:none!important}
.contact-info-grid .contact-card{justify-content:flex-start!important;padding:27px 28px!important}
.contact-info-grid .contact-card:not(.social-card)>a,.contact-info-grid .contact-card>.contact-address{display:block;margin:0!important;font-size:18px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:-.025em;color:#273053}
.about-page main>section.section{padding-top:36px!important;padding-bottom:36px!important}
@media(max-width:650px){.section-page .page-intro{min-height:190px}.calendar-page .calendar-content{padding-top:24px}.about-page main>section.section{padding-top:32px!important;padding-bottom:32px!important}.home-page #directionGrid .official-direction{min-height:205px!important}}

/* Official Council mark in the two direction cards. */
.home-page #directionGrid .council-feature .council-card-logo,
.directions-grid .council-card .council-card-logo{position:absolute;right:23px;bottom:23px;width:58px;height:58px;object-fit:contain;pointer-events:none}
.directions-grid .council-card{position:relative}
@media(max-width:650px){.home-page #directionGrid .council-feature .council-card-logo,.directions-grid .council-card .council-card-logo{right:18px;bottom:18px;width:48px;height:48px}}

/* The same organization cards appear in the Council and Technical Committee. */
.organization-grid .person{min-height:182px!important;padding:18px!important;gap:11px!important}
.organization-grid .person .organization-logo{display:flex;align-items:flex-end;justify-content:flex-start;width:160px;max-width:100%;height:60px;margin:0!important}
.organization-grid .person .organization-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.organization-grid .person b,.organization-grid .person .organization-code{margin:0!important}

/* Keep the full Council wordmark to the right of the heading. */
.council-hero .hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,32%);column-gap:36px;align-items:center}
.council-hero .breadcrumb{grid-column:1/-1}
.council-hero .hero-copy{grid-column:1;max-width:none!important}
.council-hero .hero-copy h1{max-width:none!important}
.council-hero .council-hero-brand{grid-column:2;display:flex;align-items:center;justify-content:center;width:100%;padding:16px 19px;border:1px solid #e0e9f5;border-radius:22px;background:#fff;box-shadow:0 16px 40px #0e173630}
.council-hero .council-hero-brand img{display:block;width:100%;height:auto}
@media(max-width:800px){.council-hero .hero-inner{grid-template-columns:minmax(0,1fr) min(210px,45%);column-gap:0}.council-hero .council-hero-brand{grid-column:2;grid-row:2;justify-self:end;width:100%;margin-top:18px}.council-hero .hero-copy{grid-column:1/-1;grid-row:3;padding-top:16px!important}}
@media(max-width:650px){.council-hero .council-hero-brand{padding:12px 15px;border-radius:17px}}

/* Compact, even contact cards and a short step down to the map. */
.contact-info-grid .contact-card{min-height:108px!important;padding:19px 24px!important;gap:7px!important}
.contact-info-grid .contact-card:not(.social-card)>a,
.contact-info-grid .contact-card>.contact-address{font-size:18px!important;font-weight:500!important;line-height:1.45!important;margin:0!important}
.contact-info-grid .social-links a{font-size:18px!important;line-height:1.45!important}
main>section.contact-details{padding-bottom:0!important}
main>section.map-section{padding-top:14px!important}
.map-heading .section-title{margin-top:0!important}
@media(max-width:650px){.contact-info-grid .contact-card{min-height:0!important;padding:20px!important}}