/* Static standalone styling approximating original look */
:root { --brand-green:#92CD3F; --text-dark:#111; }
html,body{margin:0;padding:0;color:#222;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
/* Respect original background image and navbar colors from assets/css/custom.css. Only add helpers here. */
body{padding-top:100px;padding-bottom:100px;min-height:100vh}

/* Green badge behind logo image for readability; use original navbar green (#92CD3F) */
.logo-badge{background:#92CD3F;border-radius:8px;padding:4px 8px;margin-right:10px;display:inline-flex;align-items:center}

.container{max-width:1100px;margin:0 auto;padding:0 16px}
.hero{background:rgba(255,255,255,.5);border-radius:12px;padding:28px 20px;text-align:center}
.section{margin-top:18px}
.card{background:rgba(255,255,255,.5);border-radius:12px;padding:20px}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;background:#000}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.col-12{grid-column:span 12}
.col-6{grid-column:span 6}
@media(max-width:900px){.col-6{grid-column:span 12}}
.table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;text-align:left}
th{background:#f0f3f7}
tr{border-bottom:1px solid #eef1f5}
.footer{position:fixed;bottom:0;left:0;right:0;background:var(--brand-green)}
.footer .wrap{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;justify-content:flex-end;gap:14px}
.footer a{color:#000;text-decoration:none}

/* Improve navbar link hover readability over green background */
.navbar-custom .navbar-nav > li > a { color: #000 !important; }
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus { color: #000 !important; background-color: transparent !important; }

/* Remove thin blue line under navbar (border) and keep logo fully inside */
.navbar-custom { border: 0 !important; }
.navbar { border: 0 !important; }
.navbar-brand { padding: 10px 15px !important; height: 70px; display: flex; align-items: center; }
.navbar-brand img { height: 40px; width: auto; display: block; margin: 0 !important; }
.logo-badge { display: inline-flex; align-items: center; justify-content: center; height: 44px; border-radius: 6px; }