/* 5CKN global experience polish. Scoped to 5CKN screens; Core business logic untouched. */
:root{--ckn-finish-navy:#11294b;--ckn-finish-teal:#0d9488;--ckn-finish-line:#dce9f4;--ckn-finish-ink:#25425e}
.ckn-lg,.ckn-lg *,#header .ckn-lg-brand-link,.ncc-portal,.ckn-auth-page{font-family:"Be Vietnam Pro",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ckn-lg h1,.ckn-lg h2,.ckn-lg h3{letter-spacing:-.035em;overflow-wrap:break-word;text-wrap:balance}
.ckn-lg p{overflow-wrap:anywhere}
.ckn-lg a,.ncc-portal a,.ckn-auth-page a{transition:color .18s,background-color .18s,box-shadow .18s,transform .18s}
.ckn-lg :is(a,button,input,select,textarea):focus-visible,.ncc-portal :is(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(13,148,136,.55);outline-offset:3px}
.ckn-lg .ckn-lg-button{white-space:normal;text-align:center}
.ckn-lg-archive__content{padding-top:36px;padding-bottom:64px}
.ckn-lg-archive .ckn-lg-project-grid,.ckn-lg-archive .ckn-lg-news-grid{align-items:stretch;gap:22px}
.ckn-lg-archive .ckn-lg-project,.ckn-lg-archive .ckn-lg-news{min-width:0;min-height:100%;overflow:hidden;display:flex;flex-direction:column;background:white;border-radius:20px;border:1px solid var(--ckn-finish-line);box-shadow:0 10px 25px rgba(17,41,75,.06)}
.ckn-lg-archive .ckn-lg-project__image,.ckn-lg-archive .ckn-lg-news__art{height:215px;overflow:hidden;background:linear-gradient(135deg,#e5f6ff,#f9fcff)}
.ckn-lg-archive .ckn-lg-project__image img,.ckn-lg-archive .ckn-lg-news__art img{width:100%;height:100%;object-fit:cover;transition:transform .32s}
.ckn-lg-archive .ckn-lg-project:hover img,.ckn-lg-archive .ckn-lg-news:hover img{transform:scale(1.045)}
.ckn-lg-archive .ckn-lg-project__fallback,.ckn-lg-archive .ckn-lg-news__fallback{min-height:215px;display:grid;place-items:center}
.ckn-lg-archive .ckn-lg-project__body,.ckn-lg-archive .ckn-lg-news__body{padding:23px;display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:12px}
.ckn-lg-archive .ckn-lg-project__body :is(h2,p),.ckn-lg-archive .ckn-lg-news__body :is(h2,p){margin:0}
.ckn-lg-archive .ckn-lg-project__title,.ckn-lg-archive .ckn-lg-news__body h2{font-size:21px!important;line-height:1.32;color:var(--ckn-finish-navy)}
.ckn-lg-archive .ckn-lg-project__title a,.ckn-lg-archive .ckn-lg-news__body h2 a{color:inherit;text-decoration:none}
.ckn-lg-archive .ckn-lg-project__body .ckn-lg-text-link,.ckn-lg-archive .ckn-lg-news__body .ckn-lg-text-link{margin-top:auto}
.ckn-lg-pagination{margin:36px 0;display:flex;justify-content:center}
.ckn-lg-pagination .nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ckn-lg-pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:43px;min-height:43px;padding:6px 13px;border:1px solid var(--ckn-finish-line);border-radius:12px;color:var(--ckn-finish-navy);background:white;font-weight:750;text-decoration:none}
.ckn-lg-pagination .page-numbers.current{background:var(--ckn-finish-navy);color:white}
.ckn-lg-project-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 32px;padding:21px;border:1px solid var(--ckn-finish-line);border-radius:20px;background:linear-gradient(120deg,#f3f9ff,#fff);box-shadow:0 10px 24px rgba(17,41,75,.04)}
.ckn-lg-project-filter label{display:flex;flex-direction:column;gap:8px;color:var(--ckn-finish-navy);font-weight:750;font-size:13px;flex:1 1 190px;min-width:0}
.ckn-lg-project-filter__search{flex:2 1 300px!important}
.ckn-lg-project-filter :is(input,select){width:100%;min-height:49px;border:1px solid #c8dcec;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-size:15px;color:var(--ckn-finish-navy);box-shadow:none}
.ckn-lg-project-filter__reset{align-self:center;font-weight:750;color:var(--ckn-finish-teal)}
.ckn-lg-project-filter .ckn-lg-button{margin:0;min-height:49px;border:0;cursor:pointer}
.ckn-lg--interior .ckn-lg-page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #d5e6f5;background:linear-gradient(90deg,#f4fbff 0%,#edf7ff 100%);padding:55px 0 64px}
.ckn-lg--interior .ckn-lg-page-hero::after{content:"";position:absolute;right:0;bottom:-15px;width:min(58vw,700px);height:105%;background:url('../images/hero-globe-skyline.webp') right center/contain no-repeat;opacity:.27;z-index:-1;pointer-events:none}
.ckn-lg--interior .ckn-lg-page-hero .ckn-lg-shell{position:relative;z-index:1}
.ckn-lg--interior .ckn-lg-page-hero h1{font-size:clamp(38px,5.3vw,66px);max-width:820px}
.ckn-lg--interior .ckn-lg-page-hero p{max-width:670px}
.ckn-lg--interior .ckn-lg-section{padding:48px 0 66px}
.ckn-lg--interior .ckn-lg-ecosystem--full{gap:22px}
.ckn-lg--interior .ckn-lg-ecosystem--full .ckn-lg-eco{min-height:300px}
.ckn-lg-authored{padding-block:35px 75px;max-width:1180px}
.ckn-lg-authored h1,.ckn-lg-authored h2,.ckn-lg-authored h3{color:var(--ckn-finish-navy)}
.ckn-lg-authored :is(p,li){line-height:1.85;color:#46627e}
.ckn-lg-authored img{max-width:100%;height:auto;border-radius:16px}
.ckn-lg-reading__header{padding:62px 0 52px;background:linear-gradient(120deg,#f5fbff,#eaf5ff);border-bottom:1px solid #e4edf6}
.ckn-lg-reading__header .ckn-lg-shell{max-width:1080px}
.ckn-lg-reading__back{display:inline-flex;margin:0 0 20px;color:#07877f;font-size:14px;font-weight:800;text-decoration:none}
.ckn-lg-reading__meta{display:flex;align-items:center;gap:12px;margin-bottom:17px;font-size:12px;font-weight:800;letter-spacing:.05em;color:#66809a}
.ckn-lg-reading__header h1{margin:14px 0 18px;font-size:clamp(36px,5.5vw,66px);line-height:1.13;max-width:1050px;color:var(--ckn-finish-navy)}
.ckn-lg-reading__header p{max-width:750px;font-size:18px;line-height:1.7;color:#617a90}
.ckn-lg-reading__cover{max-width:1080px;margin:34px auto 0}
.ckn-lg-reading__cover img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:22px}
.ckn-lg-reading__content{max-width:780px;padding:42px 20px;margin:auto;color:#29445d;font-size:17px;line-height:1.85}
.ckn-lg-reading__content :is(img,iframe,video){max-width:100%;height:auto;border-radius:14px}
.ckn-lg-reading__content :is(h2,h3,h4){color:var(--ckn-finish-navy);margin:28px 0 14px}
.ckn-lg-reading__content a{color:#0b8c89;text-decoration:underline}
.ckn-lg-reading__content blockquote{border-left:4px solid var(--ckn-finish-teal);padding:10px 24px;margin:25px 0;background:#f2f9fb;border-radius:0 12px 12px 0}
.ckn-lg-reading__bottom{display:flex;justify-content:center;padding-block:5px 32px}
/* Community discovery: the forms, membership states and pagination come from the Core shortcode. */
.ckn-lg-community-directory,.ckn-lg-member-page{padding:0 0 60px;background:linear-gradient(180deg,#f7fbff 0,#fff 430px)}
.ckn-lg-community-directory .ncc-portal,.ckn-lg-member-page .ncc-portal{--ncc-green:#0d9488;--ncc-ink:#11294b;--ncc-muted:#607992;--ncc-line:#dce9f4;--ncc-soft:#f1f8fc;max-width:none;width:100%;padding:0;margin:0 auto}
.ckn-lg-community-directory .ncc-portal__hero{margin:22px 0 28px;padding:clamp(36px,5vw,76px) clamp(28px,6vw,76px);border:1px solid #dbeaf5;border-radius:24px;min-height:290px;background:linear-gradient(90deg,rgba(242,250,255,.98) 0%,rgba(235,246,255,.92) 48%,rgba(237,247,255,.20) 100%),url('../images/hero-globe-skyline.webp') right center/cover no-repeat;box-shadow:0 15px 40px rgba(17,41,75,.07);color:var(--ckn-finish-navy)}
.ckn-lg-community-directory .ncc-portal__hero h2{max-width:670px;font-size:clamp(35px,5vw,62px);line-height:1.08;color:var(--ckn-finish-navy)}
.ckn-lg-community-directory .ncc-portal__hero p{color:#405f7b;max-width:540px;font-size:16px}
.ckn-lg-community-directory .ncc-portal__hero .ncc-portal__eyebrow{color:#0d9488}
.ckn-lg-community-directory .ncc-portal__hero-links a{color:var(--ckn-finish-navy);border:1px solid #b5cbdf;background:rgba(255,255,255,.92)}
.ckn-lg-community-directory .ncc-portal__hero-links a:hover{background:#fff}
.ckn-lg-community-directory .ncc-portal__filter{padding:22px;margin:16px 0 28px;background:#fff;border:1px solid var(--ckn-finish-line);border-radius:19px;box-shadow:0 10px 30px rgba(17,41,75,.05)}
.ckn-lg-community-directory .ncc-portal__filter input{flex:1 1 180px;width:min(100%,260px);border:1px solid #c6d9e7;background:#fdfefe;color:#11294b;border-radius:12px}
.ckn-lg-community-directory .ncc-portal__filter button,.ckn-lg-community-directory .ncc-portal__button{background:#0d9488;border-color:#0b8a80;color:white!important}
.ckn-lg-community-directory .ncc-portal__filter button:hover,.ckn-lg-community-directory .ncc-portal__button:hover{background:#087b76}
.ckn-lg-community-directory .ncc-portal__directory{margin-top:24px;gap:22px}
.ckn-lg-community-directory .ncc-portal__community{position:relative;overflow:hidden;padding:0 24px 24px;border:1px solid var(--ckn-finish-line);border-radius:20px;background:white;box-shadow:0 12px 32px rgba(17,41,75,.07)}
.ckn-lg-community-directory .ncc-portal__community::before{content:"";display:block;height:126px;margin:0 -24px 18px;background:linear-gradient(90deg,rgba(15,105,171,.05),rgba(0,114,162,.10)),url('../images/hero-globe-skyline.webp') right 55%/cover no-repeat}
.ckn-lg-community-directory .ncc-portal__community-meta span{border-radius:999px;border-color:#dbecf7;background:#ecf8fd;color:#0a7980}
.ckn-lg-community-directory .ncc-portal__community h3{font-size:clamp(21px,2vw,25px);line-height:1.25}
.ckn-lg-community-directory .ncc-portal__context{border-radius:13px}
.ckn-lg-community-directory .ncc-portal__empty{padding:28px;border-radius:17px;background:linear-gradient(135deg,#f3faff,#fff)}
.ckn-lg-member-page .ncc-portal{padding-top:28px;max-width:1180px}
.ckn-lg-member-page .ncc-portal__hero{background:linear-gradient(115deg,rgba(9,42,78,.97),rgba(13,103,127,.90)),url('../images/hero-globe-skyline.webp') center/cover no-repeat}
.ckn-lg-member-page .ncc-portal__dashboard{background:#f4f9ff;border-color:#dceaf5}
.ckn-lg-member-page .ncc-portal__stat strong{color:#0d9488}
.ckn-lg-member-page .ncc-portal__button{background:#0d9488;border-color:#0d9488}
/* Login shell: keeps Core forms and authentication controls unchanged. */
body.ckn-auth-page{background:#f4f9fd;color:#11294b}
.ckn-auth-page .ckn-auth-story{background:linear-gradient(120deg,rgba(6,32,66,.97),rgba(5,75,106,.90)),url('../images/hero-globe-skyline.webp') 66% center/cover no-repeat}
.ckn-auth-page .ckn-auth-story__hero h2 span{color:#50d7cd}
.ckn-auth-page .ckn-auth-main{background:linear-gradient(145deg,#fff,#f1f8ff)}
.ckn-auth-page .ckn-auth-shell .ncc-auth__panel{border-color:#dce9f4;box-shadow:0 20px 56px rgba(17,41,75,.07)}
.ckn-auth-page .ckn-auth-shell .ncc-auth__button{background:linear-gradient(100deg,#0daea3,#087f78);border-color:#0d9488;box-shadow:0 12px 25px rgba(13,148,136,.17)}
.ckn-auth-page .ckn-auth-shell .ncc-auth__button:hover{background:#087c74}
.ckn-auth-page .ckn-auth-shell .ncc-auth__eyebrow,.ckn-auth-page .ckn-auth-password__toggle{color:#0d9488}
.ckn-auth-page .ckn-auth-story__tag{color:#89efe5}
.ckn-auth-page .ckn-auth-brand__mark{background:transparent!important;transform:none!important;padding:0!important;border-radius:0!important;width:44px!important;height:44px!important;display:block!important}
.ckn-auth-page .ckn-auth-brand__mark img{display:block;width:100%;height:100%;object-fit:contain}
/* UI consistency, accessibility and responsive reading. */
@media (min-width:700px){.ckn-lg-community-directory .ncc-portal__directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.ckn-lg-community-directory .ncc-portal__directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:699px){
 .ckn-lg--interior .ckn-lg-page-hero{padding:43px 0 47px}
 .ckn-lg--interior .ckn-lg-page-hero::after{width:100%;opacity:.16}
 .ckn-lg-archive__content{padding-top:22px;padding-bottom:48px}
 .ckn-lg-project-filter{padding:15px;gap:12px}
 .ckn-lg-project-filter .ckn-lg-button{width:100%}
 .ckn-lg-community-directory .ncc-portal__hero{margin-top:12px;min-height:275px;padding:30px 24px;background:linear-gradient(90deg,rgba(242,250,255,.97),rgba(242,250,255,.82)),url('../images/hero-globe-skyline.webp') right center/cover no-repeat}
 .ckn-lg-community-directory .ncc-portal__hero p{font-size:14px}
 .ckn-lg-community-directory .ncc-portal__filter{padding:16px}
 .ckn-lg-community-directory .ncc-portal__filter label{width:100%}
 .ckn-lg-community-directory .ncc-portal__filter input{width:100%}
 .ckn-lg-community-directory .ncc-portal__filter button{flex:1 1 125px}
 .ckn-lg-reading__header{padding:42px 0}
 .ckn-lg-reading__content{padding:30px 16px;font-size:16px}
 .ckn-lg-reading__cover{margin-top:16px}
 .ckn-lg-archive .ckn-lg-project__image,.ckn-lg-archive .ckn-lg-news__art{height:210px}
}
@media (prefers-reduced-motion:reduce){.ckn-lg *,.ncc-portal *,.ckn-auth-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Single-card layouts should look intentional during launch, not like a broken grid. */
.ckn-lg--home .ckn-lg-news-grid,.ckn-lg--home .ckn-lg-project-wrap{align-items:stretch}
.ckn-lg--home .ckn-lg-news{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #deebf5;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(17,41,75,.055)}
.ckn-lg--home .ckn-lg-news__art{display:block;height:190px;overflow:hidden;background:#eff8fc}
.ckn-lg--home .ckn-lg-news__art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ckn-lg--home .ckn-lg-news:hover .ckn-lg-news__art img{transform:scale(1.04)}
.ckn-lg--home .ckn-lg-news__body{padding:20px 21px;display:flex;flex-direction:column;gap:8px;flex:1}
.ckn-lg--home .ckn-lg-news__body :is(h3,p){margin:0}
.ckn-lg--home .ckn-lg-news__body h3{font-size:clamp(19px,1.8vw,23px);line-height:1.32}
.ckn-lg--home .ckn-lg-news__body h3 a{font-weight:850;text-decoration:none;color:#11294b}
.ckn-lg--home .ckn-lg-news__body time{font-size:12px;font-weight:700;color:#617992}
.ckn-lg--home .ckn-lg-news__body p{font-size:14px;line-height:1.65}
.ckn-lg--home .ckn-lg-news-grid:has(> .ckn-lg-news:only-child),.ckn-lg--home .ckn-lg-project-wrap:has(> .ckn-lg-project:only-child){grid-template-columns:minmax(0,1fr)}
.ckn-lg--home .ckn-lg-project-wrap:has(> .ckn-lg-project:only-child) .ckn-lg-project{grid-column:1/-1}
.ckn-lg--home .ckn-lg-community-side>.ckn-lg-community--mini:last-child:nth-child(2){grid-column:1/-1}
.ckn-lg--home .ckn-lg-project h3 a,.ckn-lg--home .ckn-lg-community h3 a{color:#11294b;text-decoration:none}
.ckn-lg--home .ckn-lg-project__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ckn-lg--home .ckn-lg-project__body :is(h3,p){margin:0}
.ckn-lg--home .ckn-lg-project__body .ckn-lg-text-link{margin-top:auto}
@media(min-width:700px){
 .ckn-lg--home .ckn-lg-news-grid:has(> .ckn-lg-news:only-child) .ckn-lg-news{display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);min-height:225px}
 .ckn-lg--home .ckn-lg-news-grid:has(> .ckn-lg-news:only-child) .ckn-lg-news__art{height:100%;min-height:220px}
 .ckn-lg--home .ckn-lg-news-grid:has(> .ckn-lg-news:only-child) .ckn-lg-news__body{justify-content:center;padding:28px}
 .ckn-lg--home .ckn-lg-project-wrap:has(> .ckn-lg-project:only-child) .ckn-lg-project{display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);min-height:225px}
 .ckn-lg--home .ckn-lg-project-wrap:has(> .ckn-lg-project:only-child) .ckn-lg-project__image{height:100%;min-height:225px}
 .ckn-lg--home .ckn-lg-project-wrap:has(> .ckn-lg-project:only-child) .ckn-lg-project__body{justify-content:center;padding:28px}
}
@media(max-width:699px){
 .ckn-lg--home .ckn-lg-news__art{height:205px}
 .ckn-lg--home .ckn-lg-news__body{padding:17px}
 .ckn-lg--home .ckn-lg-news__body h3{font-size:20px}
}
/* Make the mobile drawer and account controls speak the same visual language. */
@media(max-width:999px){
 .ckn-drawer__backdrop{background:rgba(7,28,53,.62)}
 .ckn-drawer__panel{color:#193856}
 .ckn-drawer__brand-mark{width:48px;height:48px;padding:0;border-radius:0;background:transparent;box-shadow:none}
 .ckn-drawer__brand-mark img{display:block;width:48px;height:48px;object-fit:contain}
 .ckn-drawer__brand strong{color:#11294b;font-weight:850}
 .ckn-drawer__brand small{color:#5d728a}
 .ckn-drawer__account{background:linear-gradient(135deg,#eff9ff,#fff);border-color:#dceaf5}
 .ckn-drawer__account-icon{background:#e2f6f4;color:#0d9488}
 .ckn-drawer__account-body strong{color:#11294b}
 .ckn-drawer__account-body p{color:#60758c}
 .ckn-drawer__action{background:#0d9488}
 .ckn-drawer__action:hover{background:#087f79}
 .ckn-drawer__subaction{color:#087e81}
 .ckn-drawer__navigation h2{color:#62758b}
 .ckn-drawer__nav-link{color:#234361}
 .ckn-drawer__nav-link:hover,.ckn-drawer__nav-link:focus-visible{color:#087d7a;background:#ecf9f9}
 .ckn-drawer__nav-link.is-current{color:#087d7a;background:#e5f7f5}
 .ckn-drawer__nav-link.is-current .ckn-drawer__nav-icon{color:#0d9488;background:#d5f2ee}
 .ckn-drawer__nav-icon{background:#f1f6fb;color:#6b8299}
}
.ckn-account-entry__link{background:rgba(13,148,136,.08);color:#0a827a;border-color:rgba(13,148,136,.2)}
.ckn-account-entry__link:hover{background:#0d9488;color:#fff}
.ckn-lg-archive__content{padding-bottom:38px}
.ckn-lg-archive .ckn-lg-cta{padding-top:0}