
    :root {
      --ink:#173c41; --ink-dark:#123338; --muted:#587074; --teal:#147a76; --teal-deep:#08645f;
      --mint:#dcefe6; --mint-soft:#f0f8f2; --paper:#fcfaf5; --white:#fff;
      --peach:#f7c4af; --apricot:#ffead5; --coral:#e99378; --lemon:#f6d977;
      --line:#dbe6df; --shadow:0 20px 58px rgba(24,60,64,.09);
      --radius:24px; --container:1160px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:106px}
    body{margin:0;font-family:"Avenir Next","Nunito Sans","Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.64;-webkit-font-smoothing:antialiased}
    button,input,textarea,select{font:inherit}
    button,a{-webkit-tap-highlight-color:transparent}
    a{color:inherit;text-decoration:none}
    img,svg{max-width:100%}
    button{cursor:pointer}
    :focus-visible{outline:3px solid #f0ab65;outline-offset:4px}
    ::selection{background:#c2e8dc;color:var(--ink)}
    .container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
    .skip-link{position:absolute;z-index:100;top:-90px;left:16px;padding:10px 18px;background:var(--ink);color:#fff;border-radius:10px}
    .skip-link:focus{top:12px}
    .topline{background:#0e4847;color:#e8f5eb;font-size:.78rem;letter-spacing:.015em}
    .topline .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:12px}
    .topline .topline-left{display:flex;align-items:center;gap:9px}
    .tiny-dot{background:var(--lemon);width:8px;height:8px;border-radius:100%;flex:none}
    .topline-right{opacity:.8}
    .header{position:sticky;top:0;z-index:50;background:rgba(252,250,245,.95);border-bottom:1px solid rgba(23,60,65,.085);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
    .header-inner{min-height:87px;display:flex;justify-content:space-between;align-items:center;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
    .brand-symbol{position:relative;width:49px;height:49px;display:block;background:#daebe0;border-radius:17px 18px 14px 19px;transform:rotate(-7deg)}
    .brand-symbol .b1,.brand-symbol .b2,.brand-symbol .b3{position:absolute;display:block;border-radius:50%}
    .brand-symbol .b1{width:17px;height:17px;background:#16827a;left:9px;top:8px}
    .brand-symbol .b2{width:13px;height:13px;background:#f2b49b;right:7px;top:12px}
    .brand-symbol .b3{width:25px;height:13px;background:#f4d47b;left:13px;bottom:8px;border-radius:14px 14px 7px 7px}
    .brand-label{display:flex;flex-direction:column;line-height:1.2}
    .brand-label strong{font-size:1.55rem;letter-spacing:-.07em;font-weight:850}
    .brand-label small{max-width:190px;font-size:.6rem;line-height:1.35;text-transform:uppercase;letter-spacing:.075em;font-weight:700;color:var(--muted)}
    .nav{display:flex;align-items:center;gap:24px}
    .nav-links{display:flex;gap:24px;align-items:center}
    .nav-links a{font-weight:700;font-size:.85rem;color:#355a5a;transition:color .2s}
    .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--teal)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:100px;font-weight:800;font-size:.9rem;line-height:1.2;padding:16px 24px;transition:transform .2s,background .2s,box-shadow .2s;color:var(--ink)}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--teal);color:white;box-shadow:0 10px 25px rgba(20,122,118,.16)}
    .btn-primary:hover{background:var(--teal-deep);box-shadow:0 14px 27px rgba(20,122,118,.21)}
    .btn-light{background:var(--white);color:var(--ink);border-color:#d8e4dd}
    .btn-light:hover{background:var(--mint-soft)}
    .btn-soft{background:#e9f2ec;color:var(--teal-deep)}
    .btn svg{width:17px;height:17px;flex:none}
    .btn.small{padding:13px 20px;font-size:.82rem}
    .menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--ink)}
    .menu-toggle svg{width:24px;height:24px}
    .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 81% 43%,#ebf5e7 0,#f9f9ef 40%,#fcfaf5 73%);padding:83px 0 78px}
    .hero::before{content:"";position:absolute;width:260px;height:260px;border:1px solid #e3eadb;border-radius:50%;top:-170px;left:-70px}
    .hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:38px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-weight:850;letter-spacing:.145em;font-size:.73rem;color:var(--teal)}
    .eyebrow::before{content:"";width:23px;height:3px;background:var(--coral);border-radius:9px}
    .hero h1,h2,h3,p{margin-top:0}
    h1,h2,h3{letter-spacing:-.047em;line-height:1.13}
    .hero h1{font-size:clamp(3.05rem,5.4vw,5.8rem);max-width:680px;margin:25px 0 26px;font-weight:850}
    .hero h1 .accent{color:#167e78;position:relative;white-space:normal}
    .hero .lead{font-size:1.13rem;max-width:555px;color:#526c6c;line-height:1.85;margin-bottom:32px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-under{display:flex;align-items:center;gap:14px;margin-top:35px;color:#607879;font-weight:650;font-size:.82rem}
    .hero-under svg{width:21px;height:21px;color:var(--teal)}
    .hero-visual{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}
    .hero-glow{position:absolute;width:435px;height:435px;background:#dfece0;border-radius:44% 56% 55% 45% / 43% 45% 55% 57%;transform:rotate(-18deg);top:40px;right:35px}
    .hero-svg{width:100%;max-width:550px;position:relative;z-index:1;filter:drop-shadow(0 20px 20px rgba(33,72,64,.035))}
    .floating{z-index:2;position:absolute;display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(255,255,255,.97);border-radius:17px;box-shadow:0 17px 35px rgba(29,69,65,.13);font-weight:800;font-size:.82rem;line-height:1.35}
    .floating svg{width:20px;height:20px}
    .float-one{left:-15px;top:121px;transform:rotate(-6deg)}
    .float-one .icon-bubble{background:#fae5d8;color:#b75d45}
    .float-two{right:-15px;bottom:88px;transform:rotate(5deg)}
    .float-two .icon-bubble{background:#dcefe6;color:#167d75}
    .icon-bubble{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;flex:none}
    .values-strip{background:#f4ead8;border-block:1px solid #efe5d5}
    .values-inner{min-height:87px;display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap}
    .values-inner span{display:inline-flex;gap:10px;align-items:center;font-weight:850;letter-spacing:-.02em;font-size:.94rem}
    .values-inner svg{width:22px;height:22px;color:#bd795c}
    section.section{padding:118px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:41px}
    .section-head h2{font-size:clamp(2.25rem,4vw,3.75rem);max-width:610px;margin:15px 0 0}
    .section-head p{max-width:370px;color:var(--muted);margin-bottom:3px;font-size:1rem}
    .mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .mission-card{min-height:315px;background:white;border:1px solid #e8ebe5;border-radius:23px;padding:29px 24px 23px;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}
    .mission-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .mission-card::after{content:"";width:90px;height:90px;border-radius:50%;background:#f6f6ed;position:absolute;bottom:-58px;right:-26px}
    .mission-card .symbol{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;margin-bottom:31px}
    .mission-card .symbol svg{width:31px;height:31px;stroke-width:1.8}
    .mission-card:nth-child(1) .symbol{background:#e1f0e8;color:#167d75}
    .mission-card:nth-child(2) .symbol{background:#fff0d4;color:#b77d2a}
    .mission-card:nth-child(3) .symbol{background:#fbe5de;color:#bf6951}
    .mission-card:nth-child(4) .symbol{background:#e4e9f6;color:#546c9d}
    .mission-card h3{font-size:1.33rem;margin-bottom:13px}
    .mission-card p{font-size:.92rem;color:var(--muted);line-height:1.72;margin-bottom:0}
    .note-line{font-size:.85rem;color:#688080;margin-top:22px;margin-bottom:0}
    .story{background:#e6efe7;position:relative;overflow:hidden}
    .story-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:83px;align-items:center}
    .story-art{min-height:467px;position:relative;background:#d1e5d8;border-radius:38px 100px 42px 90px;display:grid;place-items:center;overflow:hidden}
    .story-art::before{content:"";height:330px;width:330px;background:#bdd8c7;border-radius:100%;position:absolute;top:-110px;left:-110px}
    .story-art::after{content:"";height:250px;width:250px;background:#f6ceab;border-radius:100%;position:absolute;right:-110px;bottom:-95px}
    .story-paper{background:#fffdf7;border-radius:18px;padding:47px 45px;z-index:1;transform:rotate(-5deg);width:74%;box-shadow:0 17px 35px rgba(38,86,73,.09)}
    .story-paper .quote-mark{color:var(--coral);font-family:Georgia,serif;font-size:5rem;line-height:.7;margin-bottom:11px}
    .story-paper p{font-size:clamp(1.55rem,2.8vw,2.3rem);line-height:1.23;letter-spacing:-.04em;font-weight:800;margin-bottom:24px}
    .story-paper span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:var(--teal)}
    .story-spark{position:absolute;color:#d87e66;top:35px;right:39px;z-index:2;transform:rotate(14deg)}
    .story-spark svg{width:68px;height:68px}
    .story-copy h2{font-size:clamp(2.3rem,4.1vw,3.8rem);margin:17px 0 18px}
    .story-copy>p{color:#496768;font-size:1.05rem;margin-bottom:30px;line-height:1.82}
    .steps{display:grid;gap:22px}
    .step{display:flex;gap:17px;align-items:flex-start}
    .step-number{height:40px;width:40px;flex:none;display:grid;place-items:center;border-radius:14px;background:white;color:var(--teal);font-weight:850;font-size:.86rem}
    .step strong{display:block;font-size:1.04rem;line-height:1.4;margin-bottom:3px}
    .step p{margin:0;color:#597273;font-size:.92rem;line-height:1.65}
    .participation{background:#fffdf9}
    .member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .member-card{border:1px solid #dde8e0;border-radius:25px;padding:33px 29px 28px;background:#fff;display:flex;flex-direction:column;min-height:359px;position:relative;overflow:hidden}
    .member-card.featured{background:#147a76;border-color:#147a76;color:white;box-shadow:0 18px 34px rgba(20,122,118,.12)}
    .member-card .member-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#eaf3ee;color:var(--teal);margin-bottom:25px}
    .member-card.featured .member-icon{background:rgba(255,255,255,.16);color:#fff}
    .member-icon svg{height:24px;width:24px}
    .member-card h3{font-size:1.48rem;margin-bottom:14px}
    .member-card>p{font-size:.95rem;color:var(--muted);line-height:1.73;margin-bottom:25px}
    .member-card.featured>p{color:#e0f1eb}
    .member-card .member-footer{margin-top:auto;padding-top:16px;border-top:1px solid #dfebe3;display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:800}
    .member-card.featured .member-footer{border-color:rgba(255,255,255,.25)}
    .member-footer svg{height:17px;width:17px;flex:none;color:var(--teal)}
    .member-card.featured .member-footer svg{color:#fbe3b3}
    .participation-note{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#f6f1e8;border:1px solid #eee6db;border-radius:24px;padding:28px 32px;margin-top:24px}
    .participation-note strong{font-size:1.02rem;display:block;line-height:1.4;margin-bottom:4px}
    .participation-note p{margin:0;color:#647474;font-size:.88rem;max-width:690px}
    .governance{background:#f7f6ee}
    .governance-intro{max-width:660px;font-size:1rem;color:var(--muted);margin:12px 0 37px}
    .governance-layout{display:grid;grid-template-columns:1fr 1.22fr;gap:25px;align-items:stretch}
    .gov-information{background:#e0ede5;border-radius:25px;padding:37px 34px;display:flex;flex-direction:column;justify-content:space-between}
    .gov-information h3{font-size:1.65rem;margin:17px 0 15px}
    .gov-information p{color:#507072;font-size:.95rem;line-height:1.8}
    .gov-meta{display:grid;gap:13px;margin-top:27px}
    .gov-meta div{display:flex;gap:12px;align-items:center;font-size:.86rem;font-weight:750}
    .gov-meta svg{height:18px;width:18px;color:var(--teal)}
    .board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .board-card{background:white;border-radius:20px;padding:26px 23px;border:1px solid #e7ebe3}
    .board-card .board-avatar{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-weight:850;background:#ffebda;color:#a95c46;letter-spacing:-.03em;font-size:1rem;margin-bottom:20px}
    .board-card:nth-child(2) .board-avatar{background:#e0efe6;color:#19766b}
    .board-card:nth-child(3) .board-avatar{background:#e9e8f4;color:#6265a0}
    .board-card:nth-child(4) .board-avatar{background:#fcf1d2;color:#a0822d}
    .board-card .role{font-size:.69rem;color:#237e77;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
    .board-card strong{display:block;font-size:1.08rem;line-height:1.35;letter-spacing:-.03em}
    .gov-disclaimer{margin:19px 0 0;color:#748888;font-size:.79rem}
    .statutes-section{background:#fffdf9}
    .statutes-section .section-head{margin-bottom:27px}
    .statutes-actions{display:flex;flex-wrap:wrap;gap:10px}
    .statutes-container{border:1px solid #e1e9e1;border-radius:26px;overflow:hidden;background:white}
    details.statute{border-bottom:1px solid #e6ece6}
    details.statute:last-child{border-bottom:none}
    details.statute>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:26px 32px;list-style:none;font-weight:800;font-size:1.06rem;line-height:1.5}
    details.statute>summary::-webkit-details-marker{display:none}
    details.statute>summary:hover{background:#fafcf8}
    details.statute>summary .summary-left{display:flex;align-items:center;gap:20px}
    .summary-index{color:#198078;font-size:.72rem;letter-spacing:.12em;font-weight:850;white-space:nowrap}
    .chevron{flex:none;width:25px;height:25px;color:var(--teal);transition:transform .25s}
    details[open].statute>summary{background:#f5faf6}
    details[open].statute>summary .chevron{transform:rotate(180deg)}
    .statute-content{padding:5px 35px 32px 82px;max-width:1000px}
    .statute-content article{padding-top:17px}
    .statute-content h4{font-size:1rem;margin:0 0 6px;color:var(--ink);letter-spacing:-.015em}
    .statute-content p,.statute-content li{color:#536d6c;font-size:.91rem;line-height:1.8}
    .statute-content p{margin-bottom:9px}
    .statute-content ol,.statute-content ul{margin:7px 0 12px;padding-left:23px}
    .statute-content li{padding-left:3px;margin:3px 0}
    .statute-intro{font-size:.82rem;color:#6d8180;margin:0 0 18px}
    .contact{background:#eaf2e9;position:relative;overflow:hidden}
    .contact::after{content:"";position:absolute;width:390px;height:390px;border:1px solid #d4e4d8;border-radius:100%;top:-220px;right:-120px;pointer-events:none}
    .contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:74px;align-items:start;position:relative;z-index:1}
    .contact h2{font-size:clamp(2.3rem,4vw,3.7rem);margin:17px 0 20px}
    .contact-description{max-width:420px;color:#537171;line-height:1.8;margin-bottom:33px}
    .address-card{background:#fffdf8;border:1px solid #dfe8dd;border-radius:22px;padding:24px 25px;max-width:415px}
    .address-title{display:flex;align-items:center;gap:10px;font-weight:850;font-size:.94rem;margin-bottom:13px}
    .address-title svg{width:20px;height:20px;color:var(--teal)}
    .address-card address{font-style:normal;color:#556d6e;line-height:1.8;font-size:.92rem}
    .address-links{display:flex;flex-wrap:wrap;gap:17px;margin-top:17px}
    .text-link{border:0;background:none;color:var(--teal-deep);font-weight:850;font-size:.81rem;padding:0;text-decoration:underline;text-underline-offset:4px}
    .form-card{border:1px solid #dfebe1;border-radius:25px;background:#fff;padding:37px 37px 32px;box-shadow:0 22px 38px rgba(53,91,79,.065)}
    .form-card h3{font-size:1.55rem;margin-bottom:8px}
    .form-subtitle{font-size:.87rem;color:#647a79;margin-bottom:25px;line-height:1.65}
    .field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
    .field label{font-weight:800;font-size:.83rem;color:#345857}
    .field input,.field select,.field textarea{width:100%;padding:13px 15px;border:1px solid #d5e2da;background:#fdfefa;border-radius:12px;outline:none;color:#23494b;transition:border-color .2s,box-shadow .2s}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#148078;box-shadow:0 0 0 3px #d5ebe2}
    .field textarea{resize:vertical;min-height:94px}
    .form-card .btn{margin-top:4px}
    .form-tip{margin:15px 0 0;color:#657a78;font-size:.78rem;line-height:1.7}
    .draft{margin-top:24px;border-top:1px solid #e4ebe5;padding-top:21px}
    .draft[hidden]{display:none}
    .draft h4{margin:0 0 11px;font-size:1rem}
    .draft pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6faf6;color:#385d5d;border:1px solid #e3eee5;border-radius:13px;padding:17px;font:normal .84rem/1.72 "Segoe UI",Arial,sans-serif;max-height:280px;overflow:auto}
    .draft-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
    .draft-buttons .btn{padding:12px 16px;font-size:.78rem;margin:0}
    #form-status,#address-status{font-size:.8rem;font-weight:750;color:var(--teal);min-height:1.2em;margin:8px 0 0}
    .footer{background:#143b3e;color:#f2f5ef;padding:57px 0 29px}
    .footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-bottom:38px}
    .footer .brand-label small{color:#bed4ce}
    .footer .brand-symbol{background:#d1e7db}
    .footer .footer-intro{max-width:380px;color:#bdd0ca;font-size:.91rem;margin:20px 0 0}
    .footer-links{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:13px 25px;font-size:.88rem;font-weight:700;padding-top:6px}
    .footer-links a:hover{color:#ffe19c}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:21px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#b5cdc5;font-size:.76rem}
    .footer-bottom p{margin:0}
    .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
    @media(max-width:1050px){
      .nav-links{gap:15px}.nav{gap:16px}.nav-links a{font-size:.8rem}
      .mission-grid{grid-template-columns:repeat(2,1fr)}.mission-card{min-height:260px}
      .story-grid{gap:44px}.hero-glow{right:0}.float-one{left:-5px}.float-two{right:-3px}
      .contact-grid{gap:40px}
    }
    @media(max-width:780px){
      .container{width:min(var(--container),calc(100% - 38px))}
      .topline-right{display:none}
      .header-inner{min-height:76px}
      .menu-toggle{display:inline-flex}
      .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fcfaf5;padding:16px 19px 25px;box-shadow:0 17px 25px rgba(15,50,49,.11);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}
      .nav.is-open{display:flex}
      .nav-links{align-items:stretch;flex-direction:column;gap:0}
      .nav-links a{padding:12px;font-size:.95rem}
      .nav .btn{width:100%}
      .hero{padding:60px 0 43px}
      .hero-grid{grid-template-columns:1fr;gap:5px}
      .hero h1{max-width:720px;font-size:clamp(3rem,9vw,4.8rem)}
      .hero .lead{max-width:660px}
      .hero-visual{min-height:450px;max-width:590px;margin:auto;width:100%}
      .hero-glow{top:35px;left:14%;width:70%;height:80%}
      .float-one{left:0;top:105px}.float-two{right:0;bottom:36px}
      .values-inner{padding:16px 0;justify-content:center;gap:18px 27px}
      section.section{padding:81px 0}
      .section-head{align-items:start;flex-direction:column;gap:15px}
      .story-grid,.contact-grid,.governance-layout{grid-template-columns:1fr}
      .story-art{max-width:560px;width:100%;min-height:400px}
      .story-grid{gap:44px}
      .member-grid{grid-template-columns:1fr 1fr}
      .member-card:last-child{grid-column:span 2;min-height:auto}
      .contact-grid{gap:40px}
    }
    @media(max-width:540px){
      .container{width:min(var(--container),calc(100% - 32px))}
      .topline{font-size:.71rem}
      .brand-symbol{width:42px;height:42px}
      .brand-label strong{font-size:1.37rem}
      .brand-label small{font-size:.51rem;max-width:170px}
      .hero{padding:47px 0 30px}
      .hero h1{font-size:clamp(2.65rem,11.4vw,4rem);margin-top:20px}
      .hero .lead{font-size:1rem;line-height:1.8}
      .hero-actions{align-items:stretch;flex-direction:column}
      .hero-actions .btn{width:100%}
      .hero-under{margin-top:23px}
      .hero-visual{min-height:355px}
      .float-one,.float-two{padding:9px 10px;font-size:.69rem;border-radius:12px}
      .floating .icon-bubble{width:28px;height:28px;border-radius:9px}
      .floating .icon-bubble svg{height:16px;width:16px}
      .float-one{top:45px;left:-4px}.float-two{bottom:20px;right:-3px}
      .values-inner{justify-content:space-between;gap:13px}
      .values-inner span{font-size:.77rem;width:calc(50% - 13px)}
      .values-inner svg{width:18px;height:18px}
      section.section{padding:67px 0}
      .section-head h2,.story-copy h2,.contact h2{font-size:2.4rem}
      .mission-grid,.member-grid,.board{grid-template-columns:1fr}
      .mission-card{min-height:auto;padding:25px 23px 27px}
      .mission-card .symbol{margin-bottom:22px}
      .story-art{min-height:315px;border-radius:28px 70px 28px 60px}
      .story-paper{padding:33px 28px;width:78%}
      .story-paper p{font-size:1.7rem}
      .story-spark{top:19px;right:14px}.story-spark svg{width:43px;height:43px}
      .member-card,.member-card:last-child{grid-column:auto;min-height:auto}
      .member-card{padding:27px 25px}
      .participation-note{padding:23px}
      .participation-note .btn{width:100%}
      .gov-information{padding:29px 25px}
      .board{gap:11px}.board-card{padding:23px}
      details.statute>summary{padding:22px 19px;font-size:.92rem}
      details.statute>summary .summary-left{gap:12px;align-items:start;flex-direction:column}
      .statute-content{padding:0 20px 25px 21px}
      .statutes-actions .btn{width:100%}
      .form-card{padding:25px 20px}
      .footer{padding:45px 0 26px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
    @media print{
      @page{size:A4;margin:18mm}
      body{background:white;color:#222;font:11pt/1.5 Arial,sans-serif}
      body.print-statutes .topline,body.print-statutes .header,body.print-statutes .hero,body.print-statutes .values-strip,body.print-statutes #mision,body.print-statutes #historia,body.print-statutes #participa,body.print-statutes #organizacion,body.print-statutes #contacto,body.print-statutes .footer,body.print-statutes .statutes-actions,body.print-statutes .statute-intro{display:none!important}
      body.print-statutes .section{padding:0!important}
      body.print-statutes .container{width:100%;max-width:none}
      body.print-statutes .section-head h2{font-size:24pt;margin:0 0 20px}
      body.print-statutes .section-head .eyebrow{display:none}
      body.print-statutes .statutes-container{border:none}
      body.print-statutes details.statute{display:block;border:0;margin:0 0 12px;break-inside:auto}
      body.print-statutes details.statute>summary{padding:0;display:block;background:none;font-size:14pt}
      body.print-statutes .summary-index,body.print-statutes .chevron{display:none}
      body.print-statutes .statute-content{padding:0}
      body.print-statutes .statute-content p,body.print-statutes .statute-content li{color:#222;font-size:10pt}
      body.print-statutes .statute-content article{break-inside:avoid-page}
      body.print-statutes .statute-content h4{font-size:11pt}
    }
  
/* AFNEE member platform: matches the original palette, typography and whitespace. */
.app-page{min-height:100vh;display:flex;flex-direction:column}
.app-page .header{position:relative}
.app-page .app-header{display:flex;min-height:91px;justify-content:space-between;align-items:center;gap:24px}
.app-navigation{display:flex;align-items:center;justify-content:flex-end;gap:19px;flex-wrap:wrap}
.app-navigation a{font-weight:800;font-size:.85rem}
.app-navigation a:hover,.admin-menu a:hover,.app-footer a:hover{color:var(--teal)}
.nav-signout{border:0;background:transparent;color:var(--muted);font-weight:800;padding:8px;cursor:pointer}
.app-main{padding-block:65px 110px;flex:1;min-height:65vh}
.app-page h1{font-size:clamp(2.5rem,5vw,4.2rem);margin:12px 0 20px}
.app-page h2{font-size:1.5rem}
.app-page h3{font-size:1.15rem}
.page-top{max-width:830px;margin-bottom:39px}
.page-top p{font-size:1.1rem;line-height:1.8;color:var(--muted)}
.page-top .text-link{display:table;margin-bottom:22px}
.white-panel{background:white;border:1px solid #e3e9e1;border-radius:23px;padding:27px 31px;box-shadow:0 10px 35px rgba(17,58,55,.035)}
.white-panel h2:first-child{margin-bottom:20px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;max-width:1040px;margin:45px auto 60px}
.auth-layout h1{font-size:clamp(2.6rem,5vw,4.5rem)}
.auth-layout > div p{font-size:1.1rem;color:var(--muted);line-height:1.75}
.form-container{margin-inline:auto}.form-container.wide{max-width:1040px;display:grid;grid-template-columns:.8fr 1.2fr;gap:37px;align-items:start}.form-container.narrow{max-width:550px}
.info-panel{padding:23px 0}.info-panel p{color:var(--muted)}
.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack h2{margin:0 0 7px}
.app-page .field{margin:0}.app-page .field label{display:block;font-size:.89rem;font-weight:800;margin-bottom:6px}
.app-page .field input,.app-page .field textarea,.app-page .field select{display:block;width:100%;border:1px solid #cedfd8;border-radius:12px;background:#fff;padding:11px 13px;color:var(--ink);min-height:48px;font-size:.97rem}
.app-page .field textarea{min-height:90px;resize:vertical}
.app-page .field input:disabled{background:#f5f7f2;color:#69807d}
.app-page .field input:focus,.app-page .field textarea:focus,.app-page .field select:focus{outline:3px solid #d8eee2;border-color:var(--teal)}
.app-page .btn{min-height:43px}
.grid-2,.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.align-top{align-items:start}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.check-row,.consents label{display:flex;gap:12px;align-items:flex-start;font-size:.91rem;color:#365958}
.check-row input,.consents input{width:18px;height:18px;flex-shrink:0;accent-color:var(--teal);margin-top:3px}
.consents{display:grid;gap:15px;margin:14px 0}.consents a{text-decoration:underline;text-underline-offset:3px}
.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.field-help{font-size:.78rem;color:#677d79;line-height:1.6;margin:6px 0 0}
.alert{padding:14px 19px;border-radius:12px;font-size:.91rem;line-height:1.65;margin:18px 0}
.alert.error{color:#863c35;background:#fff0eb;border:1px solid #f0c6ba}
.alert.success{color:#1c6051;background:#e7f6ed;border:1px solid #b7dcc7}
.alert.notice{color:#77602c;background:#fff4d8;border:1px solid #f3dca1}
.inline-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.88rem}
.inline-actions a,.section-title a,.data-table a{color:var(--teal);font-weight:800}
.message-panel{text-align:center;max-width:710px;margin:60px auto;padding:40px 28px}.message-panel p{color:var(--muted);font-size:1.1rem}.large-symbol{font-size:3.7rem;color:var(--teal)}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}
.metric{display:flex;flex-direction:column;gap:13px;padding:23px;background:white;border:1px solid #e1eae2;border-radius:20px;min-height:124px}
.metric > span{font-weight:750;color:var(--muted);font-size:.79rem}.metric > strong{font-size:1.26rem;line-height:1.35;overflow-wrap:anywhere}
.metric:hover:is(a){border-color:#a5d2c0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.status{display:inline-block;border-radius:100px;padding:5px 11px;background:#eff1ec;font-size:.77rem;font-weight:850;color:#48625d;white-space:nowrap}
.status-active{background:#def4e4;color:#197159}.status-pending{background:#fff3d0;color:#866726}
.status-rejected,.status-suspended{background:#fae6e0;color:#ad5242}.status-inactive{background:#eef0f1;color:#647276}
.dashboard-sections{margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap;margin-bottom:16px}
.section-title h2,.section-title h3{margin:0}.section-title a{font-size:.91rem}
.app-page .white-panel .section-title{margin:0 0 15px}.app-page .white-panel .section-title h2{margin:0}
.clean-list{list-style:none;margin:0;padding:0}.clean-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf0eb}
.clean-list li:last-child{border-bottom:0}.clean-list small{display:block;color:var(--muted);margin-top:3px}
.content-list>div{border-bottom:1px solid var(--line);padding:13px 0}.content-list>div:last-child{border-bottom:0}.content-list p{font-size:.9rem;color:var(--muted);margin:3px 0 0}
.top-margin{margin-top:29px}
.admin-strip{background:#e6f0e9;border-bottom:1px solid #d3e3d9}
.admin-menu{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-block:14px;font-size:.84rem}
.admin-menu a{font-weight:850;color:#36635d}.admin-menu span{margin-right:auto}
.filter-bar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:15px;align-items:end}
.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px;font-size:.85rem;text-align:left}
.data-table th{border-bottom:2px solid #dceae2;color:#546d68;font-size:.76rem;padding:10px 13px 16px}
.data-table td{padding:18px 13px;border-bottom:1px solid #edf1eb;vertical-align:top}
.data-table tr:last-child td{border-bottom:0}.data-table td small{display:block;color:#6a817d;margin-top:5px}
.table-actions{display:flex;align-items:center;gap:16px}.table-actions form{margin:0}
.text-danger{border:0;background:none;color:#a1443b;font-size:.82rem;font-weight:800;padding:0;cursor:pointer}
.facts{display:grid;grid-template-columns:130px 1fr;gap:14px 10px}.facts dt{font-size:.86rem;color:var(--muted)}.facts dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.payment-item{display:flex!important;align-items:start;justify-content:space-between;gap:18px}
.editor-form{max-width:800px}.article-layout{max-width:850px;margin-inline:auto}.article-layout >.eyebrow{display:flex;margin-top:25px}
.article-intro{font-size:1.26rem;color:var(--muted)}.article-body{white-space:pre-wrap;line-height:1.85;font-size:1rem;overflow-wrap:break-word}
.article-body p,.article-body h2{white-space:normal}.body-pre{white-space:pre-wrap;overflow-wrap:break-word}
.story-card h2,.event-card h2{font-size:1.55rem;margin:18px 0}.story-card p,.event-card p{color:var(--muted)}
.story-card .text-link{font-weight:800;color:var(--teal)}.event-card .btn{margin-top:12px}
.app-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:39px;color:#bbd2c6;font-size:.85rem}
.app-footer p{margin:0}.app-footer nav{display:flex;gap:23px;flex-wrap:wrap}
.home-updates{background:#f0f7ed}.home-updates-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.home-feed{display:grid;gap:15px}.feed-card{background:white;padding:23px;border-radius:18px;border:1px solid #e4eee3}
.feed-card small{color:var(--teal);font-weight:850}.feed-card h4{font-size:1.2rem;margin:8px 0;line-height:1.35}.feed-card a:hover{color:var(--teal)}.feed-card p{margin:0;color:var(--muted);font-size:.89rem}
.actual-signup{background:#edf6ed;border-radius:17px;padding:23px;margin-bottom:23px}.actual-signup h3{margin:12px 0}.actual-signup p{font-size:.9rem;color:var(--muted)}.soft-line{border:0;border-top:1px solid var(--line);margin:23px 0}
@media(max-width:980px){.app-page .app-header{align-items:flex-start;flex-direction:column;padding-block:16px}.app-navigation{justify-content:flex-start}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.app-main{padding-block:40px 65px}.auth-layout,.form-container.wide,.grid-2,.cards-2,.cards-3,.home-updates-grid{grid-template-columns:1fr}.auth-layout{margin-top:0;gap:22px}.white-panel{padding:24px 19px}.dashboard-metrics{gap:10px}.metric{padding:16px;min-height:110px}.metric>strong{font-size:1rem}.filter-bar{grid-template-columns:1fr}.admin-menu{gap:12px}.admin-menu span{width:100%}.app-navigation{gap:9px 16px}.app-navigation a{font-size:.8rem}.app-navigation .btn{padding:12px 13px}.facts{grid-template-columns:1fr;gap:3px}.facts dd{margin-bottom:13px}}

/* Cuotas anuales por transferencia */
.dues-card{border:1px solid var(--line, #dae6e1);background:var(--paper, #fff);padding:18px 20px;border-radius:16px;margin:15px 0;}
.dues-card .section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px;}
.dues-card h3{margin:0 0 4px;font-size:1.08rem;}
.bank-details{background:#f1f7f4;border:1px solid #c6ddd4;border-radius:13px;padding:14px 18px;margin:12px 0;}
.bank-details p{margin:7px 0;overflow-wrap:anywhere;}
@media(max-width:680px){.dues-card{padding:14px}.dues-card .section-title{flex-direction:column;}}

/* Inscripción real desde la portada. */
.form-card .consents{display:grid;gap:12px;margin:15px 0;}
.form-card .consents label{display:flex;flex-direction:row;gap:10px;align-items:start;line-height:1.45;font-size:.86rem;font-weight:500;color:#365958;}
.form-card .consents input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--teal)}
.form-card .consents a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:2px;}
.form-card .honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
