.page-hero{padding:62px 0!important;background:linear-gradient(110deg,#6175e6,#754aa1);color:#fff;text-align:center}.page-hero h1{font-size:34px;line-height:1.25;margin-bottom:18px}.page-hero p{font-size:18px;color:#edf1ff}.page-content{padding:92px 0!important;background:#fff}.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.document-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#fff;box-shadow:0 2px 8px rgb(15 23 42 / 7%);transition:.25s}.document-card:hover{transform:translateY(-7px);box-shadow:0 14px 28px rgb(15 23 42 / 15%)}.doc-cover{height:250px;padding:28px 23px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#306dea,#193477)}.doc-cover:after{content:'';position:absolute;right:-48px;bottom:-52px;width:190px;height:190px;border-radius:50%;background:rgb(255 255 255 / 9%)}.doc-cover i{font-style:normal;font-size:42px;position:relative;z-index:1}.doc-cover strong{display:block;position:relative;z-index:1;font-size:26px;margin-top:54px;line-height:1.2}.doc-cover span{position:relative;z-index:1;display:block;margin-top:8px;color:#d9e7ff;font-size:14px}.doc-cover.green{background:linear-gradient(145deg,#059669,#075b70)}.doc-cover.purple{background:linear-gradient(145deg,#7c3aed,#3f276b)}.doc-cover.orange{background:linear-gradient(145deg,#e87922,#b63837)}.doc-info{padding:19px 20px 22px}.doc-info h3{font-size:18px;color:var(--ink);margin-bottom:7px}.doc-info p{font-size:14px;color:var(--muted);min-height:44px}.doc-info b{display:block;color:var(--blue);font-size:14px;margin-top:14px}.knowledge-content{padding:70px 0 96px!important;background:var(--pale)}.article-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:42px}.article-tabs a{text-decoration:none;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 24px;font-size:14px}.article-tabs a.active,.article-tabs a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}.article-card:hover{transform:translateY(-5px);box-shadow:0 12px 22px rgb(15 23 42 / 10%)}.article-thumb{height:132px;padding:24px;color:#fff;background:linear-gradient(135deg,#2563eb,#5b8df4);font-size:30px}.article-card:nth-child(3n+2) .article-thumb{background:linear-gradient(135deg,#0f766e,#22b8a5)}.article-card:nth-child(3n) .article-thumb{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.article-info{padding:20px}.article-info small{color:var(--blue);font-size:13px;font-weight:700}.article-info h3{font-size:18px;line-height:1.5;margin:9px 0 12px}.article-info p{font-size:13px;color:var(--muted)}.pager{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:44px;color:var(--muted)}.pager a{color:var(--blue);text-decoration:none}.contact-content{padding:128px 0 96px!important}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.contact-card{min-height:430px;text-align:center;padding:48px 30px;border:2px solid var(--line);border-radius:16px;background:#f8fafc}.contact-icon{height:76px;display:grid;place-items:center;font-size:54px;color:#061b45;margin-bottom:20px}.contact-card h2{font-size:20px;margin-bottom:10px}.contact-card>p{color:var(--muted);font-size:14px;margin-bottom:17px}.contact-card .details{display:grid;gap:14px;color:#5d7193;font-size:14px}.faq{padding:0 0 96px!important;background:#fff}.faq h2{margin-bottom:40px}.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px 22px}.faq-list summary{font-size:16px;font-weight:700;cursor:pointer}.faq-list p{color:var(--muted);font-size:14px;padding-top:12px}.page-footer{margin-top:0}@media(max-width:900px){.document-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-content{padding-top:76px!important}}@media(max-width:640px){.page-hero{padding:48px 0!important}.page-hero h1{font-size:28px}.page-hero p{font-size:15px}.page-content,.knowledge-content{padding:50px 0!important}.document-grid,.article-grid,.contact-grid{grid-template-columns:1fr}.doc-cover{height:195px}.doc-cover strong{margin-top:27px}.contact-content{padding:50px 0!important}.contact-grid{gap:18px}.contact-card{min-height:auto;padding:34px 25px}.contact-icon{height:60px;font-size:44px}.faq{padding:0 0 55px!important}}
.about-page{background:#fff;color:#1d2940}.about-banner .container{min-height:169px;display:grid;place-content:center;text-align:center;background:linear-gradient(105deg,#d9b92e,#c59f22);color:#fff}.about-banner h1{font-size:27px;margin-bottom:16px}.about-banner p{font-size:14px;color:#fff}.about-intro,.about-value,.rights-section{padding:62px 0}.about-intro h2,.about-value h2,.rights-section h2{text-align:center;font-size:30px;margin-bottom:24px}.about-lead{max-width:870px;margin:0 auto;color:#c89e14;text-align:center;line-height:2;font-size:14px}.about-strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}.about-strengths article,.rights-grid article{border:1px solid #dbe3ee;border-radius:11px;background:#f8fafc;text-align:center;padding:44px 22px 29px;min-height:257px}.about-strengths h3{font-size:16px;margin-bottom:9px}.about-strengths small{font-size:12px;color:#71829b}.about-strengths p,.rights-grid p{margin-top:18px;color:#71829b;font-size:12px;line-height:1.7}.about-value{padding-top:78px;text-align:center}.about-gold{color:#c89e14;font-size:14px;line-height:1.8;margin-bottom:31px}.value-list{display:grid;gap:13px;max-width:626px;margin:0 auto;text-align:left}.value-list article{border:1px solid #dfe6ee;border-radius:8px;padding:20px;background:#f7f9fb}.value-list h3{font-size:15px;margin-bottom:10px}.value-list p{color:#71829b;font-size:12px}.about-cta{display:inline-block;margin-top:34px;padding:12px 30px;border-radius:5px;background:#d0ad24;color:#fff;text-decoration:none;font-weight:700;font-size:13px}.rights-section{padding-top:18px;padding-bottom:72px}.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:800px;margin:auto}.rights-grid article{min-height:178px;padding:17px 20px}.rights-grid b{display:block;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#caa222}.rights-grid h3{font-size:14px}.rights-grid p{margin-top:12px;font-size:11px}@media(max-width:800px){.about-strengths{grid-template-columns:repeat(2,1fr)}.rights-grid{grid-template-columns:1fr}.about-banner .container{min-height:145px}}@media(max-width:560px){.about-strengths{grid-template-columns:1fr}.about-intro,.about-value,.rights-section{padding:45px 0}.about-intro h2,.about-value h2,.rights-section h2{font-size:25px}.about-lead br{display:none}}
.about-intro{padding:38px 0 62px!important}
.about-strengths article,.value-list article,.rights-grid article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.about-strengths article:hover,.value-list article:hover,.rights-grid article:hover{transform:translateY(-7px);border-color:#caa222;box-shadow:0 14px 28px rgba(31,43,65,.13)}

/* Full-bleed about banner directly below the navigation. */
.about-banner{padding:0!important;margin:0!important}.about-banner .container{width:100%;max-width:none;min-height:169px;margin:0;padding:0 24px}

/* Contact page uses the same full-bleed banner treatment as the about page. */
.contact-hero{padding:0!important;margin:0!important}.contact-hero .container{width:100%;max-width:none;min-height:169px;margin:0;padding:0 24px;display:grid;place-content:center;text-align:center;background:linear-gradient(105deg,#d9b92e,#c59f22);color:#fff}.contact-hero h1{margin-bottom:16px;color:#fff}.contact-hero p{max-width:650px;color:#fff}
@media(max-width:700px){.contact-hero .container{min-height:145px;padding:28px 24px}}

/* Green theme for about and contact pages. */
.about-banner .container,.contact-hero .container{background:linear-gradient(105deg,#15A75A,#5ABB6D)!important}.about-lead,.about-gold{color:#159151}.about-cta{background:linear-gradient(135deg,#15A75A,#5ABB6D);box-shadow:0 8px 18px rgba(21,167,90,.22)}.about-strengths article:hover,.value-list article:hover,.rights-grid article:hover,.contact-info-grid article:hover{border-color:#15A75A;box-shadow:0 14px 28px rgba(21,167,90,.14)}.rights-grid b{background:linear-gradient(135deg,#15A75A,#5ABB6D)}

.rights-grid b{display:grid!important;place-items:center!important;color:#fff!important;box-shadow:0 8px 17px rgba(21,167,90,.24)}
.rights-grid b i{font-size:28px!important;line-height:1!important}
.rights-grid .rights-icon svg{display:block;width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rights-grid .rights-icon:nth-child(3) svg{stroke-width:2.4}
.contact-page{background:#fff;color:#1d2940}.contact-hero{padding:0!important}.contact-hero .container{min-height:180px;display:flex;align-items:center;padding-left:90px;background:#f5f8fb}.contact-hero h1{font-size:27px;margin-bottom:13px}.contact-hero p{max-width:450px;color:#71829b;font-size:14px;line-height:1.7}.contact-details{padding:82px 0!important}.contact-info-grid{max-width:740px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.contact-info-grid article{min-height:69px;display:flex;align-items:center;gap:14px;padding:18px 58px;border:1px solid #dce4ed;border-radius:10px;background:#f8fafc}.contact-info-grid h2{font-size:15px;white-space:nowrap}.contact-info-grid p{font-size:11px;color:#71829b;white-space:nowrap}.contact-info-grid strong{font-size:13px;color:#1d2940}.contact-info-grid .address-card,.contact-info-grid .qr-card{min-height:159px;align-items:flex-start}.address-card strong{max-width:150px;line-height:1.45}.qr-card{justify-content:space-between;padding-right:18px!important}.qr-copy{padding-top:4px}.qr-copy h2{margin-bottom:8px}.qr-copy b{display:block;margin-top:14px;font-size:12px;color:#1d2940}.qr-card img{width:126px;height:126px;object-fit:cover;background:#fff}@media(max-width:700px){.contact-hero .container{padding:35px 25px;min-height:150px}.contact-details{padding:45px 0!important}.contact-info-grid{grid-template-columns:1fr}.contact-info-grid article{padding:18px 24px}.contact-info-grid p{white-space:normal}}
.contact-info-grid{max-width:1000px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-info-grid article{padding:18px 30px}.contact-info-grid strong{min-width:0}.address-card strong{max-width:220px}.qr-card{padding-right:26px!important}
.contact-info-grid article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.contact-info-grid article:hover{transform:translateY(-7px);border-color:#caa222;box-shadow:0 14px 28px rgba(31,43,65,.13)}

/* Contact details: keep labels, descriptions and key information on separate lines. */
.contact-details{padding:68px 0 80px!important}
.contact-info-grid{max-width:980px;gap:18px}
.contact-info-grid article{min-height:152px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:26px 32px}
.contact-info-grid h2{font-size:17px;line-height:1.35}
.contact-info-grid p{font-size:13px;line-height:1.55;white-space:normal}
.contact-info-grid strong{font-size:16px;line-height:1.55;color:#17324f}
.contact-info-grid .address-card,.contact-info-grid .qr-card{min-height:230px;align-items:flex-start}
.address-card strong{max-width:none}
.qr-card{justify-content:flex-start;padding-right:32px!important}
.qr-copy{padding-top:0}.qr-copy h2{margin-bottom:0}.qr-copy b{margin-top:5px;font-size:13px;color:#17324f}
.qr-card img{width:132px;height:132px;margin:8px auto 0;align-self:center}
@media(max-width:700px){.contact-details{padding:44px 0 58px!important}.contact-info-grid{gap:14px}.contact-info-grid article,.contact-info-grid .address-card,.contact-info-grid .qr-card{min-height:auto;padding:22px}.qr-card img{margin-top:10px}}

/* Keep contact card hover feedback consistent with the site's green theme. */
.contact-info-grid article:hover{border-color:#15A75A!important;box-shadow:0 14px 28px rgba(21,167,90,.14)!important}

/* Shared page banner specification for About and Contact. */
.about-banner .container,.contact-hero .container{min-height:180px!important;padding:0 24px!important;display:grid!important;place-content:center!important;text-align:center!important}
.about-banner h1,.contact-hero h1{font-size:28px!important;line-height:1.3!important;margin:0 0 14px!important}
.about-banner p,.contact-hero p{font-size:14px!important;line-height:1.7!important;margin:0!important}
@media(max-width:700px){.about-banner .container,.contact-hero .container{min-height:150px!important;padding:24px!important}.about-banner h1,.contact-hero h1{font-size:26px!important;margin-bottom:10px!important}.about-banner p,.contact-hero p{font-size:13px!important}}