/* ============================================================
 GWANGJU SOCIAL INNOVATORS NETWORK — PREMIUM NAVY / EMERALD
 Visual theme only · v3.0 · v2.9 functionality preserved
 Palette: Navy #142B43 / Deep #0B1C2D / Emerald #087F72
 ============================================================ */
:root{
 --navy:#142B43;--navy-dark:#0B1C2D;--ink:#1B3448;
 --muted:#667B89;--teal:#087F72;--teal-dark:#06695E;
 --teal-tint:#DDEFEA;--line:#DCE7E4;--paper:#F5F8F7;
 --shadow:0 18px 40px rgba(13,35,51,.11);
 --coral:#4E8B89;--gold:#9AAEAD;--blue:#528698;--lime:#83B8AC;
 --premium-navy:#142B43;--premium-deep:#0B1C2D;
 --premium-emerald:#087F72;--premium-mint:#B9EFE1;
}
html{color-scheme:light}
body{color:var(--ink);background:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#39BEA3}
/* Global chrome */
.announcement{background:linear-gradient(100deg,#0B1C2D 0%,#142B43 64%,#10574E 100%);color:#E9F5F2}
.site-header{background:rgba(255,255,255,.965);border-bottom:1px solid #DBE8E5;box-shadow:0 4px 18px rgba(11,28,45,.04)}
html.sg-wheel-active .site-header{background:#fff}
.brand-mark{background:linear-gradient(142deg,#087F72 5%,#06584F 94%);box-shadow:0 5px 15px rgba(8,127,114,.19)}
.brand-name,.desktop-nav a,.mobile-nav a{color:#1B3448}
.desktop-nav a:hover,.desktop-nav a[aria-current=page],.community-nav-link{color:var(--teal)!important}
.mobile-nav{background:#fff}
.mobile-nav a:hover{background:#EFF7F4}
.nav-cta,.btn-navy{background:linear-gradient(135deg,#142B43,#1B4157);border-color:transparent;color:#fff}
.btn-navy:hover{background:linear-gradient(135deg,#0B1C2D,#173A4C)}
.btn-teal{background:linear-gradient(128deg,#087F72,#0B937F);border-color:transparent;color:#fff;box-shadow:0 5px 15px rgba(8,127,114,.13)}
.btn-teal:hover{background:linear-gradient(128deg,#06695E,#087F72)}
.btn-outline{border-color:#B7CFCA;background:rgba(255,255,255,.88);color:#142B43}
.btn-outline:hover{background:#F2FBF8}
.eyebrow,.modal-kicker{color:#087F72}
.section-head h2,.impact-copy h2,.board-lead h2,.modal-title{color:#142B43}
/* Homepage hero: rich ink + emerald glow; SAME positions and motion */
.hero{background:radial-gradient(ellipse 45% 75% at 87% 27%,rgba(13,136,121,.34),transparent 75%),radial-gradient(ellipse 55% 85% at 62% 104%,rgba(73,135,151,.22),transparent 76%),linear-gradient(117deg,#0E2337 0%,#142E44 53%,#123F43 100%);color:#F1F9F7}
.hero::before{content:'';position:absolute;right:-12%;top:-57%;width:76%;aspect-ratio:1;border:1px solid rgba(181,237,222,.10);border-radius:50%;pointer-events:none;z-index:0}
.hero::after{content:'';position:absolute;right:9%;bottom:-72%;width:54%;aspect-ratio:1;border:1px solid rgba(181,237,222,.085);border-radius:50%;pointer-events:none;z-index:0}
.hero .eyebrow{color:#83DBCA}
.hero h1{color:#F4F9FA}
.hero h1 em{color:#6DE0C3}
.hero-lead{color:#C1D6D9}
.hero-art .orbit{border-color:rgba(192,239,232,.21)}
.hero-art .orbit-three{border-color:rgba(192,239,232,.24)}
.hero-art .orbit-core{background:linear-gradient(145deg,#0E283C,#086B66);box-shadow:0 0 0 11px rgba(231,255,249,.13),0 19px 45px rgba(2,13,26,.34)}
.hero-art .orbit-tag{background:linear-gradient(150deg,#FFFFFF,#F1FAF7);border-color:rgba(160,213,206,.22);box-shadow:0 15px 29px rgba(1,22,32,.24),inset 0 1px rgba(255,255,255,.9)}
.hero-art .orbit-tag strong{color:#142B43}
.hero-art .orbit-tag small{color:#67848C}
.hero-art .orbit-star{color:#69CBB3}
.hero-art .tag-one,.hero-art .tag-three{border-left-color:#28A991}
.hero-art .tag-two{border-left-color:#6A9DAC}
.hero-art .tag-four{border-left-color:#8AB3AA}
/* Principle strip and about */
.principles-bar{background:linear-gradient(90deg,#F8FBFA,#FFFFFF 52%,#F6FAF9);border-bottom-color:#DCE7E4}
.principle-grid strong,.principle-grid>div:nth-child(1) strong,.principle-grid>div:nth-child(2) strong,.principle-grid>div:nth-child(3) strong{color:#087F72}
.principle-grid>div:nth-child(3) strong{color:#285978}
.principle-grid span{color:#6F838C}
.section-about{background:#fff}
.info-card,.issue-card,.project-card,.board-card,.contact-mini{border-color:#DDE8E5;box-shadow:0 5px 20px rgba(10,45,56,.03)}
.info-card:nth-child(1) .soft-icon{background:#E1F2ED;color:#087F72}
.info-card:nth-child(2) .soft-icon{background:#E6F2F0;color:#087F72}
.info-card:nth-child(3) .soft-icon{background:#E9F0F3;color:#285978}
.text-link,.simple-link,.resource-item>b{color:#087F72}
/* Local issues and solutions */
.section-issues{background:linear-gradient(180deg,#F3F8F6,#ECF4F1)}
.issue-card:hover,.project-card:hover,.info-card:hover,.board-card:hover{box-shadow:0 17px 38px rgba(14,49,63,.095)}
.issue-bottom{border-top-color:#E2EBE8}
.issue-card>p,.project-info p,.info-card p{color:#6A7F89}
.chip{background:#DDEFEA;color:#06695E}
.project-graphic{color:#16445A}
.project-graphic.mint{background:linear-gradient(135deg,#DEEFEA,#BBDDD5)}
.project-graphic.lime{background:linear-gradient(135deg,#E0EEE7,#BAD9CB)}
.project-graphic.sky{background:linear-gradient(135deg,#E2EDF2,#BBD3DC)}
.project-graphic.peach{background:linear-gradient(135deg,#E7EDE9,#C9D9D4)}
/* Dark partnership band */
.section-collaboration{background:radial-gradient(ellipse at 95% 5%,rgba(15,137,114,.17),transparent 58%),linear-gradient(111deg,#0E2538,#122E43 59%,#0E4748 100%)}
.section-collaboration .section-head h2,.section-collaboration h2{color:#F5FAF8}
.section-collaboration .eyebrow-lime{color:#A8E5D4}
.section-collaboration .section-intro{color:#B1CBCE}
.support-card{background:rgba(255,255,255,.045);border-color:rgba(186,224,222,.19)}
.support-card:hover{background:rgba(255,255,255,.095)}
.support-icon{color:#B9EFE1;background:rgba(8,127,114,.19);border-color:rgba(171,229,214,.22)}
.support-card>span:nth-of-type(3){color:#BCCDD3}
/* Results / news & updates */
.section-impact{background:#F5F9F7}
.impact-item{border-color:#DCE9E4;box-shadow:0 6px 21px rgba(17,56,66,.035)}
.impact-item strong{color:#087F72}
.section-board{background:#fff}
.board-tab[aria-selected=true],.community-tab.selected{background:#142B43;border-color:#142B43}
.resource-rule{background:linear-gradient(90deg,#087F72,#69BAA8)}
.notice-showcase.news-gradient{background:radial-gradient(ellipse 54% 105% at 0% 12%,rgba(134,206,187,.43),transparent 78%),radial-gradient(ellipse 56% 115% at 100% 93%,rgba(116,167,185,.32),transparent 78%),linear-gradient(111deg,#E1F0EB 0%,#F6FAF8 51%,#E7F1F1 100%);border-top-color:#CDDFD8;border-bottom-color:#D2E4DE}
.news-gradient .notice-titlebox{border-right-color:rgba(8,127,114,.23)}
.news-gradient .notice-titlebox h2{color:#142B43}
.news-gradient .notice-titlebox p{color:#557982}
.news-gradient .notice-carousel-panel{background:rgba(255,255,255,.88);border-color:rgba(226,243,238,.97);box-shadow:0 18px 41px rgba(14,58,67,.09)}
.news-gradient .notice-carousel-panel:before{background:linear-gradient(180deg,#087F72,#5E9F99)}
.news-gradient .notice-view-all{background:#142B43;border-color:#142B43;color:#fff}
.news-gradient .notice-view-free{background:rgba(255,255,255,.78);border-color:#B8D4CC;color:#076B62}
.notice-headline{color:#17364B}
.notice-headline:hover{color:#087F72}
/* Closing, contact and footer */
.contact-strip{background:#EFF6F3;border-top-color:#DCE8E3}
.closing-banner{background:linear-gradient(105deg,#D8EBE5 0%,#EAF4F0 54%,#DEEDEB 100%)}
.footer{background:linear-gradient(120deg,#0B1C2D,#102A3E 65%,#0D343C);color:#EEF7F5}
.footer-top,.footer-business{border-color:rgba(175,218,214,.15)}
.footer-top p,.footer-links a,.footer-business{color:#B4C9CE}
.footer-bottom p{color:#8EAAB1}
.footer-business a{color:#8FE1C8}
/* Generic inputs and dialogs */
.form-input,.sg-input,input:not([type=checkbox]):not([type=radio]),textarea,select{accent-color:#087F72}
.form-input:focus,.sg-input:focus{border-color:#087F72;box-shadow:0 0 0 3px rgba(8,127,114,.12)}
.modal-backdrop,.sg-modal-backdrop{background:rgba(9,26,39,.72)}
.modal,.sg-modal{box-shadow:0 26px 80px rgba(6,23,35,.22)}
.modal-panel,.form-notice{background:#EFF7F3;color:#3B6566}
.sg-modal-head span{color:#087F72}
.sg-modal-body h2,.sg-modal-title{color:#142B43}
/* Independent community / bulletin boards */
.board-landing{background:linear-gradient(180deg,#FFFFFF 0%,#F3F8F6 100%)}
.subpage-hero,.board-landing.is-free .subpage-hero{background:radial-gradient(ellipse at 92% 6%,rgba(19,149,128,.22),transparent 48%),radial-gradient(ellipse at 5% 100%,rgba(78,144,154,.17),transparent 42%),linear-gradient(112deg,#0F273C 0%,#163349 63%,#124E4B 100%)}
.subpage-heading h1{color:#F3FAF8}
.subpage-heading p:last-child{color:#C2D9D8}
.subpage-hero .board-eyebrow,.subpage-hero .page-crumb{color:#B4E7D9}
.subpage-hero .page-crumb a{color:#CBEDE4}
.subpage-graphic{background:rgba(241,253,248,.10);border:1px solid rgba(196,234,223,.20);color:#BAECDD}
.subpage-graphic .sg-icon{color:#BAECDD}
.board-landing .community-shell{border:1px solid #DCE8E3;box-shadow:0 18px 48px rgba(16,48,67,.075)}
.community-heading-row h2{color:#142B43}
.community-admin-link{background:#fff;border-color:#CDE1D9;color:#23586A}
.community-admin-link:hover{background:#ECF6F2}
.board-switch a{background:#F0F5F3;color:#496977}
.board-switch a[aria-current=page],.is-free .board-switch a[aria-current=page]{background:#087F72;color:#fff;box-shadow:0 5px 18px rgba(8,127,114,.17)}
.board-switch a:not([aria-current]):hover{background:#E2F1EB}
.board-landing .community-write,.board-landing.is-free .community-write{background:linear-gradient(130deg,#087F72,#0C917E);box-shadow:0 7px 17px rgba(8,127,114,.16)}
.board-landing .community-write:disabled{background:#9EAFB3;color:#F0F5F3;box-shadow:none}
.board-feature-note,.is-free .board-feature-note{background:#EDF7F2;border-color:#D8E9E1;color:#35695E}
.community-privacy{background:#F1F8F5;color:#557B73;border-top-color:#DFECE6}
.community-bar,.community-table-head{border-color:#E3EBE7}
.community-row:hover{background:#F6FAF8}
.community-row .board-title{color:#1A3849}
.community-pager button{border-color:#DDEAE5;color:#295967}
.sg-modal-head{border-bottom-color:#E4ECE8}
/* states and responsiveness: no dimensions, grids, position or timing changed */
@media(max-width:740px){
 .hero{background:radial-gradient(ellipse 80% 55% at 89% 74%,rgba(13,136,121,.24),transparent 80%),linear-gradient(145deg,#10283C,#15384A 72%,#115048)}
 .hero::before,.hero::after{opacity:.65}
 .news-gradient .notice-carousel-panel{background:rgba(255,255,255,.91)}
}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}}


/* v3.3 footer related 기관 배너 */
.footer-banner{margin:0 0 26px;padding:24px 0 0;border-bottom:1px solid rgba(175,218,214,.15)}
.footer-banner-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.footer-banner-kicker{display:block;font-size:10px;letter-spacing:.16em;color:#8fd4c3;font-weight:800;margin-bottom:4px}
.footer-banner-head strong{font-size:20px;letter-spacing:-.04em;color:#f1fbf8}
.footer-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:18px}
.footer-banner-card{display:flex;align-items:center;gap:16px;min-height:88px;padding:18px 18px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.045));border:1px solid rgba(173,219,212,.2);box-shadow:0 10px 26px rgba(4,17,26,.15);text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.footer-banner-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(4,17,26,.22);border-color:rgba(143,225,200,.42)}
.footer-banner-logo{flex:0 0 150px;display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.96);border:1px solid rgba(202,227,221,.65)}
.footer-banner-logo img{display:block;max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain}
.footer-banner-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.footer-banner-copy b{font-size:17px;line-height:1.3;color:#f3fbf8;letter-spacing:-.03em}
.footer-banner-copy small{font-size:11px;line-height:1.6;color:#b8d1d4}
.footer-banner-arrow{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(143,225,200,.12);border:1px solid rgba(143,225,200,.24);color:#9ae9d3;font-size:16px;flex:0 0 34px}
@media(max-width:900px){.footer-banner-grid{grid-template-columns:1fr}.footer-banner-logo{flex-basis:140px}.footer-banner-copy b{font-size:16px}}
@media(max-width:560px){.footer-banner{padding-top:18px}.footer-banner-head{display:block}.footer-banner-head strong{font-size:18px}.footer-banner-grid{gap:10px;padding-bottom:14px}.footer-banner-card{padding:14px 14px 14px 12px;gap:12px;align-items:center}.footer-banner-logo{flex:0 0 118px;min-height:36px;padding:8px 10px}.footer-banner-logo img{max-height:30px}.footer-banner-copy b{font-size:14px}.footer-banner-copy small{font-size:10px}.footer-banner-arrow{width:30px;height:30px;font-size:14px}}