:root{--ink: #10262d;--ink-soft: #24434b;--muted: #657a80;--line: #dbe6e7;--line-strong: #c9d8da;--paper: #f6f9f8;--surface: #ffffff;--soft: #eef6f4;--ocean: #00717d;--ocean-dark: #053f4b;--mangrove: #2d755b;--reef: #c7654c;--gold: #c59a38;--sky: #d8eff0;--shadow-sm: 0 10px 28px rgba(5,63,75,0.07);--shadow-md: 0 22px 60px rgba(5,63,75,0.12);--shadow-soft: 0 16px 42px rgba(5,63,75,0.09);--max-width: 1180px;--radius: 8px;--radius-lg: 12px;--section-y: clamp(54px,6vw,74px);--section-y-tight: clamp(38px,4.5vw,58px);--card-pad: clamp(22px,2.4vw,30px)}*{box-sizing: border-box}html{scroll-behavior: smooth}::selection{color: #fff;background: var(--ocean)}body{margin: 0;color: var(--ink);background: linear-gradient(180deg,#ffffff 0,var(--paper) 420px),var(--paper);font-family: Inter,Arial,sans-serif;line-height: 1.6;text-rendering: optimizeLegibility}:focus-visible{outline: 3px solid rgba(0,113,125,0.24);outline-offset: 3px}img,video,iframe{display: block;max-width: 100%}a{color: inherit;text-decoration: none}button,input,select,textarea{font: inherit}h1,h2,h3,h4,p{margin-top: 0}h1{margin-bottom: 22px;color: inherit;font-size: clamp(3rem,6vw,4.15rem);line-height: 1;letter-spacing: 0}h2{margin-bottom: 14px;color: var(--ocean-dark);font-size: clamp(1.9rem,3.2vw,2.35rem);line-height: 1.1;letter-spacing: 0}h3{margin-bottom: 10px;color: var(--ink);font-size: 1.12rem;line-height: 1.25;letter-spacing: 0}p{margin-bottom: 0}ul{margin-top: 0}.site-header{position: sticky;top: 0;z-index: 40;display: flex;align-items: center;justify-content: space-between;gap: 24px;min-height: 76px;padding: 12px max(22px,calc((100vw - var(--max-width)) / 2));border-bottom: 1px solid rgba(219,230,231,0.9);background: rgba(255,255,255,0.92);backdrop-filter: blur(18px);box-shadow: 0 10px 30px rgba(5,63,75,0.04)}.brand{display: inline-flex;align-items: center;gap: 12px;min-width: 250px;transition: opacity 170ms ease}.brand:hover{opacity: 0.86}.brand-logo{width: 52px;height: 52px;object-fit: contain}.brand strong,.brand small{display: block}.brand strong{color: var(--ocean-dark);font-size: 1rem;line-height: 1.05}.brand small{color: var(--muted);font-size: 0.78rem;font-weight: 700}.primary-nav{display: flex;align-items: center;gap: 6px}.nav-group{position: relative}.nav-group::after{position: absolute;top: 100%;left: 0;width: max(100%,250px);height: 14px;content: ""}.nav-link{display: inline-flex;min-height: 42px;align-items: center;border-radius: var(--radius);color: var(--ink-soft);font-size: 0.93rem;font-weight: 800;padding: 10px 13px;transition: color 170ms ease,background 170ms ease}.nav-link:hover,.nav-link.is-active{color: var(--ocean-dark);background: var(--soft)}.subnav{position: absolute;top: calc(100%+8px);left: 0;z-index: 60;display: grid;min-width: 250px;padding: 10px;border: 1px solid var(--line);border-radius: var(--radius);background: rgba(255,255,255,0.98);box-shadow: var(--shadow-md);opacity: 0;pointer-events: none;transform: translateY(-6px);transition: opacity 170ms ease,transform 170ms ease}.subnav a{border-radius: var(--radius);color: var(--ink-soft);font-size: 0.92rem;font-weight: 800;padding: 10px 12px}.subnav a:hover{color: var(--ocean-dark);background: var(--soft)}.nav-group:hover .subnav,.nav-group:focus-within .subnav{opacity: 1;pointer-events: auto;transform: translateY(0)}.nav-toggle,.nav-toggle-label{display: none}.section,.split-section,.page-hero,.cta-band{width: min(var(--max-width),calc(100% - 40px));margin-right: auto;margin-left: auto}.section{padding: var(--section-y) 0}@supports (content-visibility: auto){.section,.split-section,.cta-band{content-visibility: auto;contain-intrinsic-size: auto 560px}}.muted-section{width: 100%;max-width: none;padding-right: max(20px,calc((100vw - var(--max-width)) / 2));padding-left: max(20px,calc((100vw - var(--max-width)) / 2));background: linear-gradient(180deg,#f3f8f7,#edf5f3)}.eyebrow,.profile-source{margin: 0 0 12px;color: var(--reef);font-size: 0.76rem;font-weight: 900;text-transform: uppercase}.section-heading{max-width: 740px}.section-heading.centered{margin: 0 auto 30px;text-align: center}.section-heading p,.intro-copy p,.split-section p,.page-hero p,.about-context p,.about-work .section-heading p,.about-work-grid p,.about-standfor p,.target-overview p,.target-zone-card p,.target-details p,.process-card p,.activity-item p,.profile-card p,.workplan-preview p,.public-event-body p,.event-rich-text p,.event-register-section p,.event-summary>p,.event-columns p,.panel p,.info-card p,.contact-card p,.video-copy p,.impact-intro-copy p,.activity-impact-heading p,.activity-impact-details p,.partner-grid p{color: var(--muted)}.button{display: inline-flex;min-height: 44px;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: var(--radius);cursor: pointer;font-size: 0.94rem;font-weight: 900;line-height: 1.2;padding: 10px 16px;box-shadow: 0 8px 18px rgba(5,63,75,0.05);transition: transform 170ms ease,background 170ms ease,border-color 170ms ease,color 170ms ease,box-shadow 170ms ease}.button:hover{transform: translateY(-1px);box-shadow: 0 14px 30px rgba(5,63,75,0.1)}.button-primary{color: #fff;background: var(--ocean)}.button-primary:hover{background: var(--ocean-dark)}.button-ghost{color: #fff;border-color: rgba(255,255,255,0.48);background: rgba(255,255,255,0.1)}.button-ghost:hover{background: rgba(255,255,255,0.18)}.button-light{color: var(--ocean-dark);background: #fff}.page-hero .button-light{border-color: var(--line-strong);box-shadow: var(--shadow-sm)}.hero{position: relative;display: grid;min-height: 680px;align-items: center;overflow: hidden;color: #fff;background: var(--ocean-dark)}.hero-media{position: absolute;inset: 0}.hero-media picture{display: block;width: 100%;height: 100%}.hero-media::after{position: absolute;inset: 0;content: "";background: linear-gradient(90deg,rgba(4,38,46,0.92),rgba(4,38,46,0.62) 48%,rgba(4,38,46,0.22)),linear-gradient(180deg,rgba(4,38,46,0.08),rgba(4,38,46,0.28))}.hero-media img{width: 100%;height: 100%;object-fit: cover}.hero-content{position: relative;width: min(780px,calc(100% - 40px));margin-left: max(20px,calc((100vw - var(--max-width)) / 2));padding: 100px 0}.hero .eyebrow,.cta-band .eyebrow,.event-panel-dark .eyebrow{color: #ffd46f}.hero p{max-width: 680px;color: rgba(255,255,255,0.88);font-size: 1.12rem}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}.page-hero{padding: clamp(66px,8vw,90px) 0 var(--section-y-tight)}.page-hero h1{max-width: 980px;color: var(--ocean-dark);font-size: clamp(2.55rem,5vw,3.55rem);line-height: 1.04}.page-hero p{max-width: 850px;font-size: 1.08rem}.section-intro,.split-section,.about-context,.impact-intro,.target-overview,.event-summary,.event-columns,.event-register-section{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: clamp(28px,4vw,48px);align-items: start}.section-intro,.split-section,.about-context,.impact-intro,.target-overview,.event-summary{border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.cards-grid,.about-work-grid,.process-grid,.profile-grid,.target-zone-grid,.event-stat-grid,.pricing-grid{display: grid;gap: 16px}.cards-grid,.cards-grid:not(.four-columns),.about-work-grid,.process-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.profile-grid,.target-zone-grid,.pricing-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.event-stat-grid{grid-template-columns: repeat(4,minmax(0,1fr))}.info-card,.panel,.contact-card,.contact-form,.featured-video-card,.about-work-grid article,.process-card,.profile-card,.target-zone-card,.target-details article,.timeline-item,.public-event-card,.event-panel,.pricing-card,.event-stat,.event-register-form{border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm);transition: border-color 170ms ease,box-shadow 170ms ease,transform 170ms ease}.info-card:hover,.about-work-grid article:hover,.process-card:hover,.profile-card:hover,.target-zone-card:hover,.target-details article:hover,.public-event-card:hover,.news-card:hover,.event-panel:hover,.pricing-card:hover,.contact-card:hover{border-color: var(--line-strong);box-shadow: var(--shadow-md)}.info-card,.about-work-grid article,.process-card,.profile-card,.target-zone-card,.target-details article,.event-panel,.pricing-card,.event-stat{padding: var(--card-pad)}.info-card{min-height: 168px}.compact-card{min-height: 150px}.card-icon{display: block;width: 34px;height: 5px;margin-bottom: 18px;border-radius: var(--radius);background: linear-gradient(90deg,var(--ocean),var(--mangrove),var(--gold))}.about-work{display: grid;gap: 30px}.about-work-grid article,.process-card,.profile-card,.target-zone-card,.pricing-card{min-height: 0}.about-work-grid h3,.process-card h3,.target-zone-card h2{color: var(--ocean-dark)}.two-column,.program-feature,.contact-layout{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;align-items: center}.panel{position: relative;display: flex;min-height: 0;flex-direction: column;align-items: flex-start;gap: 12px;overflow: hidden;padding: var(--card-pad)}.panel::before{position: absolute;top: 0;right: 0;left: 0;height: 4px;content: "";background: linear-gradient(90deg,var(--ocean),var(--mangrove),var(--gold))}.two-column{align-items: stretch}.two-column .panel{justify-content: flex-start}.two-column .panel .button{margin-top: auto}.panel h2,.target-zone-card h2,.program-feature h2{font-size: clamp(1.65rem,2.35vw,2.22rem)}.image-panel{overflow: hidden;padding: 0}.image-panel picture,.program-workstream-media picture{display: block;width: 100%;height: 100%}.image-panel img,.program-feature picture,.program-feature img{width: 100%;height: 100%;min-height: 320px;object-fit: cover}.program-feature picture{display: block}.program-feature picture img{min-height: 320px}.about-standfor,.program-feature>div{display: flex;flex-direction: column;justify-content: center}.about-standfor .button{align-self: flex-start;margin-top: 18px}.program-feature{align-items: stretch}.partnership-story-section{grid-template-columns: minmax(300px,0.82fr) minmax(360px,0.78fr);gap: 18px}.partnership-story-section img{min-height: 320px;border-radius: var(--radius)}.partnership-story-section h2{font-size: clamp(1.9rem,3vw,2.65rem)}.program-feature>div{padding: clamp(28px,3.4vw,40px);border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm)}.process-card span{display: inline-grid;width: 42px;height: 42px;margin-bottom: 22px;place-items: center;border: 1px solid rgba(0,113,125,0.24);border-radius: 50%;color: var(--ocean);background: var(--soft);font-weight: 900}.activity-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;margin-top: 24px}.activity-item{display: grid;grid-template-columns: 6px 1fr;gap: 16px;padding: 20px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm)}.activity-item::before{grid-row: 1 / span 2;width: 6px;min-height: 100%;border-radius: var(--radius);background: linear-gradient(180deg,var(--ocean),var(--mangrove));content: ""}.activity-item h3,.activity-item p{grid-column: 2}.program-activity-heading{max-width: 900px}.program-workstream-intro p,.program-workstream-detail p,.program-workstream-actions li{color: var(--muted)}.program-workstream-list{display: grid;grid-template-columns: 1fr;gap: 20px;margin-top: 26px}.program-workstream-card{display: grid;grid-template-columns: minmax(280px,0.38fr) minmax(0,0.62fr);overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius-lg);background: #fff;box-shadow: var(--shadow-sm)}.program-workstream-card:hover{border-color: var(--line-strong);box-shadow: var(--shadow-md)}.program-workstream-intro{display: grid;align-content: start;gap: 12px;padding: 18px;background: #fff}.program-workstream-media{overflow: hidden;margin: 0 0 8px;border-radius: 8px;background: #062d35;aspect-ratio: 4 / 3}.program-workstream-media img{display: block;width: 100%;height: 100%;object-fit: cover}.program-workstream-intro h3{color: var(--ocean-dark);font-size: 1.2rem;line-height: 1.12}.program-record-badges{display: flex;flex-wrap: wrap;gap: 7px;margin: 0}.program-record-badges span{border: 1px solid rgba(0,113,125,0.18);border-radius: 999px;color: var(--ocean-dark);background: var(--soft);font-size: 0.68rem;font-weight: 900;letter-spacing: 0.04em;line-height: 1.1;padding: 6px 9px;text-transform: uppercase}.program-record-partners{margin-top: 0;color: var(--ocean-dark) !important;font-size: 0.8rem;font-weight: 850}.program-workstream-detail{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0;border-left: 1px solid var(--line)}.program-workstream-detail section{min-height: 0;padding: 18px;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line)}.program-workstream-detail section:nth-child(3){border-right: 0}.program-workstream-detail h4{margin-bottom: 7px;color: var(--ocean-dark);font-size: 0.72rem;font-weight: 900;text-transform: uppercase}.program-workstream-actions{grid-column: 1 / -1;min-height: auto;border-right: 0;border-bottom: 0;background: #fbfdfc}.program-workstream-actions ul{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 6px;margin: 8px 0 0;padding: 0;list-style: none}.program-workstream-actions li{border: 1px solid rgba(0,113,125,0.16);border-radius: 7px;background: var(--soft);font-size: 0.78rem;font-weight: 800;line-height: 1.35;padding: 8px 9px}@media (max-width: 1040px){.program-workstream-card{grid-template-columns: 1fr}.program-workstream-detail{border-top: 1px solid var(--line);border-left: 0}.program-workstream-detail section{border-right: 0}.program-workstream-actions ul{grid-template-columns: repeat(2,minmax(0,1fr))}}.impact-intro-copy{display: grid;gap: 16px}.activity-impact-section{display: grid;gap: 24px}.activity-impact-grid{display: grid;gap: 18px}.compact-impact-grid{grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px}.activity-impact-card{display: grid;grid-template-columns: minmax(280px,0.68fr) minmax(0,1.32fr);gap: 16px;padding: 18px;border: 1px solid var(--line);border-radius: var(--radius);background: linear-gradient(180deg,rgba(238,246,244,0.72),rgba(255,255,255,0) 170px),#fff;box-shadow: var(--shadow-sm)}.activity-impact-card-simple{grid-template-columns: 1fr;min-height: 0}.compact-impact-grid .activity-impact-card-simple{padding: 20px}.compact-impact-grid .activity-impact-heading{justify-content: flex-start}.compact-impact-grid .activity-impact-heading h3{font-size: 1.08rem;line-height: 1.2}.compact-impact-grid .activity-impact-heading p:last-child{font-size: 0.9rem}.activity-impact-heading{display: flex;flex-direction: column;align-items: flex-start;justify-content: center}.activity-impact-media,.program-workstream-media{position: relative;overflow: hidden;width: 100%;margin: 0 0 14px;border-radius: var(--radius);background: linear-gradient(135deg,rgba(6,57,66,0.86),rgba(0,121,131,0.62)),url("../images/activities/activity-image-fallback.jpg") center/cover,url("../images/hero-marine-conservation.png") center/cover;aspect-ratio: 16 / 9;max-height: 190px}.activity-impact-media img,.program-workstream-media img{width: 100%;height: 100%;object-fit: cover;user-select: none}.activity-impact-media::after,.program-workstream-media::after,.gallery-item::after{position: absolute;top: 12px;right: 12px;border-radius: 999px;background: rgba(3,42,48,0.76);color: #fff;content: "MRPO";font-size: 0.68rem;font-weight: 950;letter-spacing: 0.08em;padding: 6px 8px;pointer-events: none}.activity-impact-heading h3{color: var(--ocean-dark);font-size: 1.36rem;line-height: 1.12}.activity-impact-heading p:last-child{font-size: 0.95rem}.activity-impact-details{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;align-content: stretch}.activity-impact-details>div{min-height: 100%;padding: 14px;border: 1px solid rgba(0,113,125,0.15);border-radius: var(--radius);background: rgba(238,246,244,0.52)}.activity-impact-details h4{margin-bottom: 7px;color: var(--ocean-dark);font-size: 0.84rem;font-weight: 900;text-transform: uppercase}.activity-action-list{grid-column: 1 / -1;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;margin: 2px 0 0;padding: 0;list-style: none}.activity-action-list li{border: 1px solid rgba(0,113,125,0.18);border-radius: var(--radius);color: var(--ocean-dark);background: var(--soft);font-size: 0.82rem;font-weight: 800;line-height: 1.35;padding: 9px 10px}.profile-card{display: flex;flex-direction: column}.profile-card a{margin-top: auto;color: var(--ocean);font-weight: 900}.workplan-preview{display: flex;align-items: center;justify-content: space-between;gap: 20px;border-top: 1px solid var(--line)}.workplan-preview>div{max-width: 760px}.partner-cta-section{display: grid;gap: 24px}.monitoring-preview-section{display: grid;grid-template-columns: minmax(300px,0.72fr) minmax(0,1.28fr);gap: 18px;align-items: stretch}.monitoring-preview-copy,.monitoring-preview-card{border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-soft)}.monitoring-preview-copy{display: flex;flex-direction: column;justify-content: center;padding: var(--card-pad)}.monitoring-preview-copy h2{font-size: clamp(1.72rem,2.7vw,2.45rem)}.monitoring-preview-points{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 18px}.monitoring-preview-points span{border: 1px solid rgba(0,121,131,0.22);border-radius: 999px;background: rgba(0,121,131,0.08);color: var(--ocean-dark);font-size: 0.82rem;font-weight: 900;padding: 8px 11px}.monitoring-preview-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.monitoring-preview-card{overflow: hidden}.monitoring-preview-card h3,.monitoring-preview-card p{padding-right: 16px;padding-left: 16px}.monitoring-preview-card h3{margin-top: 14px;font-size: 1rem}.monitoring-preview-card p{margin-bottom: 18px;color: var(--muted);font-size: 0.9rem}.monitoring-preview-shot{position: relative;display: flex;min-height: 150px;flex-direction: column;justify-content: flex-end;gap: 6px;padding: 16px;background-color: #0a3a42;background-position: center;background-size: cover;color: #fff;isolation: isolate}.monitoring-preview-shot::before{position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgba(3,42,48,0.18),rgba(3,42,48,0.88)),radial-gradient(circle at 20% 20%,rgba(129,222,218,0.45),transparent 32%),linear-gradient(135deg,rgba(255,255,255,0.12),transparent 45%);content: ""}.monitoring-shot-dashboard{background-image: url("../images/monitoring/portal-dashboard.jpg")}.monitoring-shot-map{background-image: url("../images/monitoring/portal-report-map.jpg")}.monitoring-shot-report{background-image: url("../images/monitoring/portal-field-report.jpg")}.monitoring-preview-shot span{font-size: 1.12rem;font-weight: 950}.monitoring-preview-shot small{max-width: 240px;color: rgba(255,255,255,0.82);font-size: 0.78rem;font-weight: 800;line-height: 1.35}.gallery-section{display: grid;gap: 20px}.gallery-grid{display: grid;gap: 14px}.gallery-photo-grid{grid-template-columns: repeat(4,minmax(0,1fr));grid-auto-flow: dense}.gallery-video-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.gallery-item{position: relative;overflow: hidden;min-height: 240px;margin: 0;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm)}.gallery-featured{grid-column: span 2;grid-row: span 2}.gallery-item img,.gallery-item video{display: block;width: 100%;height: 100%;min-height: 240px;object-fit: cover;user-select: none}.gallery-video-item video{aspect-ratio: 16 / 9;height: auto;min-height: 0;background: #021f25}.gallery-item figcaption{position: absolute;right: 0;bottom: 0;left: 0;display: grid;gap: 4px;padding: 42px 18px 16px;color: #fff;background: linear-gradient(180deg,rgba(3,42,48,0),rgba(3,42,48,0.9));pointer-events: none}.gallery-item figcaption span{font-size: 1rem;font-weight: 950}.gallery-item figcaption small{color: rgba(255,255,255,0.78);font-size: 0.76rem;font-weight: 800}.gallery-item figcaption em{color: rgba(255,255,255,0.84);font-size: 0.82rem;font-style: normal;font-weight: 750;line-height: 1.35}.gallery-empty-state{padding: 38px;border: 1px dashed var(--line-strong);border-radius: var(--radius);color: var(--muted);background: rgba(255,255,255,0.72);text-align: center}.gallery-empty-state h3{color: var(--ocean-dark)}.gallery-feature-empty{display: grid;min-height: 520px;align-items: end;border-radius: var(--radius);color: #fff;background: linear-gradient(180deg,rgba(3,42,48,0.1),rgba(3,42,48,0.88)),url("../images/gallery/media-gallery-feature.jpg") center/cover,url("../images/hero-marine-conservation.png") center/cover;box-shadow: var(--shadow-md)}.gallery-feature-empty>div{max-width: 760px;padding: clamp(28px,5vw,56px)}.gallery-feature-empty .eyebrow{color: #bdebe4}.gallery-feature-empty h2,.gallery-feature-empty p{color: #fff}.gallery-feature-empty p{font-size: 1.08rem}.gallery-rights-note{padding-top: 24px;color: var(--muted);border-top: 1px solid var(--line)}.gallery-rights-note p{max-width: 1080px;margin: 0 auto;font-size: 0.92rem}.gallery-rights-note strong{color: var(--ocean-dark)}.gallery-social-cta{display: flex;align-items: center;justify-content: space-between;gap: 24px;border-top: 1px solid var(--line)}.gallery-social-cta>div{max-width: 760px}.video-library-page{background: #fff}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;padding: 0;margin: -1px}.video-channel-header,.video-library-browser{width: min(var(--max-width),calc(100% - 40px));margin-right: auto;margin-left: auto}.video-channel-header{padding: clamp(28px,4.6vw,54px) 0 18px}.video-channel-brand{display: flex;align-items: center;gap: 18px;max-width: 960px}.video-channel-brand img{width: clamp(72px,10vw,104px);height: clamp(72px,10vw,104px);flex: 0 0 auto;border: 1px solid var(--line);border-radius: 50%;background: #fff;object-fit: contain;padding: 5px}.video-channel-brand h1{margin-bottom: 8px;color: #0f0f0f;font-size: clamp(1.75rem,3.4vw,2.55rem);line-height: 1.05}.video-channel-brand p:not(.eyebrow){max-width: 760px;color: #56656a;font-size: 1rem}.video-channel-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 16px}.video-library-browser{padding: 8px 0 var(--section-y-tight)}.video-section-block{display: grid;gap: 14px;padding: 20px 0 36px;border-top: 1px solid #edf1f2}.video-section-block:first-of-type{border-top: 0}.video-section-head{max-width: 760px}.video-section-head h2{margin-bottom: 6px;color: #0f0f0f;font-size: clamp(1.32rem,2vw,1.7rem);line-height: 1.16}.video-section-head p{color: #606f75;font-size: 0.95rem}.video-section-block .video-library-grid{padding-top: 0}.video-library-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 28px 18px;padding-top: 22px}.video-library-card{display: flex;flex-direction: column;min-width: 0;background: transparent}.video-thumb-button{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;border: 0;background: #061e26;padding: 0;cursor: pointer;overflow: hidden;border-radius: 12px}.video-thumb-button img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 180ms ease}.video-thumb-button::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,transparent 48%,rgba(0,0,0,0.54))}.video-thumb-button:hover img,.video-thumb-button:focus-visible img{transform: scale(1.04)}.video-play-mark{position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);width: 3rem;height: 3rem;border-radius: 50%;background: rgba(15,15,15,0.78);color: #fff;display: grid;place-items: center;font-size: 0;box-shadow: 0 12px 30px rgba(0,0,0,0.22)}.video-play-mark::before{content: "";width: 0;height: 0;border-top: 0.55rem solid transparent;border-bottom: 0.55rem solid transparent;border-left: 0.85rem solid #fff;margin-left: 0.18rem}.video-duration{position: absolute;right: 0.55rem;bottom: 0.5rem;z-index: 2;background: rgba(0,0,0,0.72);color: #fff;border-radius: 4px;padding: 0.2rem 0.4rem;font-size: 0.74rem;font-weight: 800}.video-card-body{display: flex;flex: 1;flex-direction: column;gap: 6px;padding: 10px 2px 0}.video-card-body h3{display: -webkit-box;overflow: hidden;color: #0f0f0f;font-size: 1rem;line-height: 1.28;font-weight: 850;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0}.video-card-body p{display: -webkit-box;overflow: hidden;color: #606060;font-size: 0.86rem;line-height: 1.45;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0}.video-card-meta{display: flex;flex-wrap: wrap;gap: 4px 8px;align-items: center;color: #606060;font-size: 0.82rem;font-weight: 800}.video-card-meta span+span::before,.video-card-meta a::before{color: #909090;content: "\2022";margin-right: 8px}.video-card-meta a{color: #606060}.video-card-meta a:hover{color: var(--ocean)}.partner-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px}.partner-grid article{min-height: 0;padding: 22px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm)}.partner-grid h3{color: var(--ocean-dark);font-size: 1.02rem}.partner-cta-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.partner-cta-actions .button:not(.button-primary){color: var(--ocean-dark);border-color: var(--line-strong);background: #fff}.partner-cta-actions .button:not(.button-primary):hover{border-color: var(--ocean);background: var(--soft)}.target-zone-card.primary-zone{color: #fff;background: linear-gradient(135deg,var(--ocean-dark),var(--ocean))}.target-zone-card span{display: block;margin-bottom: 12px;color: var(--reef);font-size: 0.76rem;font-weight: 900;text-transform: uppercase}.target-zone-card.primary-zone span{color: #ffd46f}.target-zone-card.primary-zone h2,.target-zone-card.primary-zone p{color: #fff}.target-zone-card.primary-zone p,.event-panel-dark p{opacity: 0.86}.target-details{display: grid;gap: 16px}.timeline{display: grid;gap: 10px}.timeline .section-heading{margin-bottom: 16px}.timeline-item{display: grid;grid-template-columns: 58px 1fr;gap: 16px;align-items: center;padding: 18px 20px}.timeline-item span{color: var(--reef);font-size: 1.45rem;font-weight: 900}.timeline-item p{margin-bottom: 0}.video-section{display: grid;gap: 24px}.featured-video-card{overflow: hidden;width: min(840px,100%);margin: 0 auto}.video-tabs{position: relative;display: grid}.video-tab-input{position: absolute;opacity: 0;pointer-events: none}.video-tab-labels{display: flex;gap: 8px;justify-content: flex-end;padding: 14px 14px 0}.video-tab-labels label{min-width: 92px;border: 1px solid var(--line);border-radius: var(--radius);color: var(--ocean-dark);cursor: pointer;font-size: 0.92rem;font-weight: 900;padding: 8px 12px;text-align: center}#video-en:checked~.video-tab-labels label[for="video-en"],#video-kh:checked~.video-tab-labels label[for="video-kh"]{color: #fff;border-color: var(--ocean);background: var(--ocean)}.video-player-stack{padding: 14px}.video-panel{display: none;overflow: hidden;aspect-ratio: 16 / 9;border-radius: var(--radius);background: #071f26}#video-en:checked~.video-player-stack .video-panel-en,#video-kh:checked~.video-player-stack .video-panel-kh{display: block}.video-panel video,.video-panel iframe{width: 100%;height: 100%;border: 0;object-fit: contain}.lite-video{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;border: 0;color: #fff;cursor: pointer;background: #071f26;padding: 0}.lite-video img{width: 100%;height: 100%;object-fit: cover;opacity: 0.9;transition: transform 180ms ease,opacity 180ms ease}.lite-video::after{position: absolute;inset: 0;background: linear-gradient(180deg,rgba(4,38,46,0.04),rgba(4,38,46,0.34));content: ""}.lite-video:hover img,.lite-video:focus-visible img{opacity: 1;transform: scale(1.025)}.lite-video-play{position: absolute;top: 50%;left: 50%;z-index: 1;display: grid;width: 66px;height: 66px;place-items: center;border-radius: 50%;background: rgba(0,113,125,0.94);box-shadow: 0 18px 42px rgba(0,0,0,0.28);transform: translate(-50%,-50%)}.lite-video-play::before{display: block;width: 0;height: 0;margin-left: 5px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 19px solid #fff;content: ""}.video-library-card .lite-video,.video-library-card>iframe{width: 100%;height: auto;aspect-ratio: 16 / 9;border: 0;border-radius: 12px;background: #061e26}.video-library-card>iframe{overflow: hidden}.video-copy{padding: 0 24px 24px}.video-copy h3{margin-bottom: 6px}.public-events-grid{display: grid;gap: 18px}.public-event-card{display: grid;grid-template-columns: minmax(280px,0.7fr) minmax(0,1.3fr);overflow: hidden}.news-list-grid{display: grid;gap: 18px}.news-card{display: grid;grid-template-columns: minmax(280px,0.72fr) minmax(0,1.28fr);overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm)}.news-card-media{position: relative;min-height: 260px;background: var(--ocean-dark)}.news-card-media img{width: 100%;height: 100%;min-height: 260px;object-fit: cover}.news-video-badge{position: absolute;top: 16px;left: 16px;z-index: 2;border-radius: var(--radius);color: #fff;background: var(--reef);font-size: 0.78rem;font-weight: 900;padding: 7px 10px;text-transform: uppercase}.news-card-body{display: flex;flex-direction: column;justify-content: center;gap: 10px;padding: var(--card-pad)}.news-card-body h2{margin-bottom: 0}.news-category{color: var(--ocean);font-weight: 900}.news-card-body>p:not(.eyebrow):not(.news-category),.news-article-hero p,.news-article-body p,.news-empty-state p{color: var(--muted)}.news-card-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px}.news-share-button{color: var(--ocean-dark);border-color: var(--line-strong);background: #fff}.news-share-button:hover{border-color: var(--ocean);background: var(--soft)}.news-empty-state{padding: var(--card-pad);border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm);text-align: center}.news-article-hero{width: min(940px,calc(100% - 40px));margin: 0 auto;padding: clamp(62px,8vw,86px) 0 28px}.news-article-hero h1{color: var(--ocean-dark);font-size: clamp(2.45rem,5vw,3.45rem);line-height: 1.04}.news-article-media{padding-top: 24px}.news-article-media img,.news-article-media video,.news-article-media iframe{width: min(940px,100%);margin: 0 auto;border: 1px solid var(--line);border-radius: var(--radius);background: #071f26;box-shadow: var(--shadow-md)}.news-article-media img{max-height: 620px;object-fit: cover}.news-article-media video,.news-article-media iframe{aspect-ratio: 16 / 9}.news-article-media iframe{display: block;border: 0}.news-article-body{display: grid;width: min(840px,calc(100% - 40px));gap: 18px;padding-top: 36px;font-size: 1.06rem}.public-event-media img{width: 100%;height: 100%;min-height: 280px;object-fit: cover}.public-event-body{padding: var(--card-pad)}.public-event-body h3{color: var(--ocean)}.public-event-meta,.event-meta{display: flex;flex-wrap: wrap;gap: 10px;margin: 18px 0}.public-event-meta span,.event-meta span{border: 1px solid var(--line);border-radius: var(--radius);color: var(--ocean-dark);font-weight: 900;padding: 9px 12px;background: var(--soft)}.event-detail-hero{display: grid;grid-template-columns: 0.95fr 1.05fr;width: min(var(--max-width),calc(100% - 40px));margin: var(--section-y-tight) auto 0;overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-md)}.event-detail-media img{width: 100%;height: 100%;min-height: 420px;object-fit: cover}.event-detail-copy{display: flex;flex-direction: column;justify-content: center;padding: clamp(30px,4vw,46px)}.event-detail-copy h1{color: var(--ocean-dark);font-size: clamp(2.3rem,4vw,3.2rem)}.event-detail-copy>p{color: var(--ocean);font-size: 1.08rem;font-weight: 900}.event-grid{display: grid;grid-template-columns: 0.85fr 1.15fr;gap: 20px}.event-panel-dark{color: #fff;background: linear-gradient(135deg,var(--ocean-dark),var(--ocean))}.event-panel ul,.pricing-card ul,.event-checklist{display: grid;gap: 9px;margin: 18px 0 0;padding-left: 20px;color: var(--muted)}.event-stat{min-height: 150px}.event-stat span{display: block;margin-bottom: 10px;color: var(--ocean);font-size: 1.4rem;font-weight: 900}.event-table{display: grid;overflow: hidden;border: 1px solid var(--line);border-radius: var(--radius);background: #fff}.event-table div{display: flex;justify-content: space-between;gap: 18px;padding: 16px 18px}.event-table div+div{border-top: 1px solid var(--line)}.event-table span{color: var(--muted)}.event-table strong{color: var(--ocean-dark)}.pricing-grid{margin-top: 26px}.pricing-card{display: flex;min-height: 500px;flex-direction: column}.pricing-card strong{display: block;margin: 8px 0 18px;color: var(--ocean);font-size: 1.22rem}.event-register-form{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;padding: 30px}.event-register-form label,.contact-form label{display: grid;gap: 7px;font-weight: 900}.event-register-form .full,.event-register-form button,.event-register-form .form-success,.event-register-form .form-error{grid-column: 1 / -1}.event-register-form input,.event-register-form select,.event-register-form textarea,.contact-form input,.contact-form textarea,.portal-login-card input{width: 100%;border: 1px solid var(--line);border-radius: var(--radius);color: var(--ink);background: #fff;padding: 13px 14px;transition: border-color 170ms ease,box-shadow 170ms ease,background 170ms ease}.event-register-form input:focus,.event-register-form select:focus,.event-register-form textarea:focus,.contact-form input:focus,.contact-form textarea:focus,.portal-login-card input:focus{border-color: var(--ocean);outline: 3px solid rgba(0,113,125,0.13);box-shadow: 0 8px 20px rgba(0,113,125,0.08)}.form-success,.form-error{margin: 0;border-radius: var(--radius);padding: 14px 16px}.form-success{color: #185b3f;background: #e8f6ee}.form-error{color: #fff;background: #b84035}.contact-layout{align-items: start}.contact-card,.contact-form{padding: 34px}.contact-list{display: grid;gap: 10px;margin-top: 24px}.contact-list a,.site-footer a{color: var(--ocean);font-weight: 800}.contact-form{display: grid;gap: 13px}.portal-login-layout{display: grid;grid-template-columns: minmax(0,1.05fr) minmax(360px,0.7fr);gap: 34px;align-items: stretch;min-height: 680px}.portal-login-copy,.portal-login-card{border: 1px solid var(--line);border-radius: var(--radius-lg);background: #fff;box-shadow: var(--shadow-sm)}.portal-login-copy{display: flex;flex-direction: column;justify-content: center;padding: clamp(34px,6vw,72px);color: #fff;background: linear-gradient(135deg,rgba(5,63,75,0.96),rgba(0,113,125,0.84)),url("../images/access/operations-portal-access.jpg") center/cover,url("../images/program-mangrove-restoration.png") center/cover}.portal-login-copy .eyebrow{color: #ffd46f}.portal-login-copy h1{max-width: 760px;color: #fff;font-size: 3.7rem}.portal-login-copy>p{max-width: 720px;color: rgba(255,255,255,0.86);font-size: 1.08rem}.portal-login-points{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;margin-top: 34px}.portal-login-points article{border: 1px solid rgba(255,255,255,0.18);border-radius: var(--radius);padding: 18px;background: rgba(255,255,255,0.1)}.portal-login-points h2{color: #fff;font-size: 1rem}.portal-login-points p{color: rgba(255,255,255,0.78)}.portal-login-card{display: grid;align-content: center;gap: 14px;padding: clamp(28px,4vw,44px)}.portal-login-card h2{font-size: 2rem}.portal-login-card>p:not(.eyebrow):not(.form-success){color: var(--muted)}.portal-login-card label{display: grid;gap: 7px;color: var(--ink);font-weight: 900}.cta-band{display: flex;align-items: center;justify-content: space-between;gap: 28px;margin-bottom: 92px;padding: 46px;color: #fff;border-radius: var(--radius);background: linear-gradient(135deg,rgba(5,63,75,0.98),rgba(45,117,91,0.94)),url("../images/cta/marine-conservation-partnership.jpg") center/cover,url("../images/hero-marine-conservation.png") center/cover;box-shadow: var(--shadow-md)}.cta-band h2{max-width: 780px;margin-bottom: 0;color: #fff}.site-footer{padding: 46px max(22px,calc((100vw - var(--max-width)) / 2)) 22px;color: #eefbfb;background: linear-gradient(180deg,#07333e,#052832)}.footer-grid{display: grid;grid-template-columns: minmax(280px,1.35fr) minmax(150px,0.52fr) minmax(190px,0.68fr) minmax(230px,0.82fr);gap: clamp(22px,3vw,34px);align-items: start}.footer-brand small,.site-footer p{color: #c8dde0}.footer-brand{min-width: 0;margin-bottom: 14px}.footer-brand .brand-logo{width: 58px;height: 58px;padding: 4px;border-radius: 50%;background: rgba(255,255,255,0.94)}.footer-brand strong{color: #8fe3df;font-size: 1rem}.footer-brand small{color: #ffffff;font-size: 0.9rem;line-height: 1.2}.site-footer .footer-brand+p{max-width: 440px;color: #d7e9eb;font-size: 0.98rem;line-height: 1.52}.footer-primary{display: grid;gap: 14px}.footer-focus-list{display: flex;flex-wrap: wrap;gap: 7px;max-width: 520px}.footer-focus-list span{border: 1px solid rgba(175,236,234,0.2);border-radius: 999px;color: #e8fbfb;background: rgba(255,255,255,0.07);font-size: 0.74rem;font-weight: 850;line-height: 1.15;padding: 7px 10px}.site-footer h2{color: #ffffff;font-size: 0.78rem;font-weight: 950;letter-spacing: 0.08em;text-transform: uppercase}.site-footer a{color: #8fe3df}.site-footer a:hover{color: #ffffff}.footer-links{display: grid;gap: 6px}.footer-links.compact a{display: inline-flex;width: fit-content;border-radius: var(--radius);color: #dff8f8;font-size: 0.9rem;font-weight: 800;line-height: 1.25;padding: 4px 0}.footer-links.compact a:hover{color: #fff}.footer-portal{display: grid;align-content: start;gap: 10px}.portal-link{display: grid;gap: 2px;border: 1px solid rgba(193,226,229,0.24);border-radius: var(--radius);padding: 11px 12px;background: rgba(255,255,255,0.075)}.portal-link strong{color: #fff;font-size: 0.9rem}.portal-link span{color: #c5dcdf;font-size: 0.82rem}.portal-link:hover{border-color: rgba(143,227,223,0.55);background: rgba(255,255,255,0.12)}.portal-disabled{opacity: 1;color: #d5e8ea;background: rgba(255,255,255,0.035)}.portal-disabled strong{color: #e5f1f2}.portal-disabled span{color: #abc6ca}.portal-disabled:hover{border-color: rgba(193,226,229,0.24);background: rgba(255,255,255,0.035)}.footer-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 24px;margin-top: 30px;padding-top: 18px;border-top: 1px solid rgba(255,255,255,0.14);color: #c8dde0;font-size: 0.86rem}.footer-contact-line{display: flex;flex-wrap: wrap;gap: 8px 14px;justify-content: center}.footer-contact-line a{color: #e7fbfb;font-weight: 800}.site-footer{background: radial-gradient(circle at 18% 10%,rgba(143,227,223,0.1),transparent 24rem),linear-gradient(180deg,#063943,#031f28)}.site-footer .footer-brand+p,.site-footer p,.footer-bottom{color: #dcecee}.site-footer a{color: #afecea}.portal-link{background: rgba(255,255,255,0.07)}.portal-link span{color: #d9ecee}.monitoring-body{min-height: 100vh;background: radial-gradient(circle at 10% 6%,rgba(197,154,56,0.13),transparent 22rem),radial-gradient(circle at 88% 12%,rgba(0,113,125,0.14),transparent 26rem),linear-gradient(180deg,#f8fbfa 0,#eef6f4 100%)}.monitoring-shell{display: grid;min-height: 100vh;grid-template-columns: 268px minmax(0,1fr)}.monitoring-content{display: grid;min-width: 0;grid-template-rows: auto 1fr}.monitoring-sidebar{position: sticky;top: 0;display: flex;height: 100vh;flex-direction: column;padding: 20px 16px;color: #d9ecee;background: linear-gradient(180deg,#062832,#041e26);box-shadow: 18px 0 50px rgba(5,63,75,0.18)}.monitoring-sidebar-head{display: block}.monitoring-nav-toggle,.monitoring-menu-button{display: none}.monitoring-brand{display: flex;align-items: center;gap: 12px;min-width: 0;margin-bottom: 26px;color: #fff}.monitoring-brand img{width: 58px !important;height: 58px !important;max-width: 58px !important;max-height: 58px !important;flex: 0 0 auto;border-radius: 50%;background: #fff;padding: 4px;object-fit: contain}.monitoring-brand span{display: grid;min-width: 0}.monitoring-brand strong{color: #fff;line-height: 1.2}.monitoring-brand small{color: #9fc3c9;font-size: 0.84rem;font-weight: 800}.monitoring-topbar{position: sticky;top: 0;z-index: 25;display: flex;align-items: center;justify-content: space-between;gap: 18px;min-height: 64px;padding: 12px 24px;border-bottom: 1px solid var(--line);background: rgba(255,255,255,0.94);box-shadow: 0 12px 34px rgba(5,63,75,0.08);backdrop-filter: blur(14px)}.monitoring-topbar>div{display: grid;gap: 2px}.monitoring-topbar span{color: var(--muted);font-size: 0.78rem;font-weight: 900;letter-spacing: 0.08em;text-transform: uppercase}.monitoring-topbar strong{color: var(--ocean-dark);font-size: 1.1rem;line-height: 1.2}.monitoring-topbar nav{display: flex;align-items: center;justify-content: flex-end;gap: 8px;flex-wrap: wrap}.monitoring-topbar a{border: 1px solid var(--line);border-radius: var(--radius);color: var(--ink-soft);background: #fff;padding: 9px 12px;font-size: 0.88rem;font-weight: 900}.monitoring-topbar a:hover,.monitoring-topbar a.active{border-color: rgba(0,113,125,0.24);color: var(--ocean-dark);background: var(--soft)}.monitoring-avatar{display: inline-grid;width: 34px;height: 34px;flex: 0 0 auto;place-items: center;border-radius: 50%;color: #073540;font-size: 0.78rem;font-weight: 950;background: linear-gradient(135deg,#8fe3df,#ffd46f)}.monitoring-topbar a.monitoring-profile-chip{display: flex;min-width: 190px;max-width: 250px;align-items: center;gap: 10px;padding: 5px 10px 5px 6px}.monitoring-profile-chip>span:last-child{display: grid;min-width: 0;gap: 1px}.monitoring-profile-chip strong{overflow: hidden;color: var(--ocean-dark);font-size: 0.86rem;line-height: 1.15;text-overflow: ellipsis;white-space: nowrap}.monitoring-profile-chip small{overflow: hidden;color: var(--muted);font-size: 0.7rem;font-weight: 850;line-height: 1.15;text-overflow: ellipsis;white-space: nowrap}.monitoring-header{position: sticky;top: 0;z-index: 30;display: flex;align-items: center;justify-content: space-between;gap: 18px;min-height: 82px;padding: 14px max(22px,calc((100vw - var(--max-width)) / 2));border-bottom: 1px solid rgba(201,216,218,0.84);background: rgba(255,255,255,0.93);box-shadow: 0 12px 36px rgba(5,63,75,0.08);backdrop-filter: blur(16px)}.monitoring-header .brand-logo{width: 54px;height: 54px;padding: 3px;border-radius: 50%;background: #fff;box-shadow: var(--shadow-sm)}.monitoring-nav{display: grid;gap: 6px;overflow-y: auto;padding-right: 2px}.monitoring-nav a{border-radius: var(--radius);color: #d9ecee;font-size: 0.94rem;font-weight: 900;padding: 11px 12px}.monitoring-nav p{margin: 18px 0 5px;color: #8fe3df;font-size: 0.72rem;font-weight: 900;letter-spacing: 0.08em;text-transform: uppercase}.monitoring-nav a:hover,.monitoring-nav a.active{color: #fff;background: rgba(255,255,255,0.12);box-shadow: inset 3px 0 0 #8fe3df}.monitoring-main{width: min(1280px,calc(100% - 48px));min-width: 0;margin: 0 auto;padding: 28px 0 64px}.monitoring-alert,.monitoring-auth-card,.monitoring-hero,.monitoring-stat-grid article,.monitoring-tool-grid article,.monitoring-panel,.monitoring-form-copy,.monitoring-form-card{border: 1px solid var(--line);border-radius: var(--radius-lg);background: rgba(255,255,255,0.96);box-shadow: var(--shadow-sm)}.monitoring-alert{margin-bottom: 22px;color: var(--ocean-dark);background: #dff2f2;padding: 14px 16px;font-weight: 800}.monitoring-alert.error{color: #fff;background: #b84035}.monitoring-alert.success{color: #fff;background: #24754f}.monitoring-auth-layout,.monitoring-form-layout{display: grid;align-items: start;grid-template-columns: minmax(280px,0.82fr) minmax(340px,0.58fr);gap: 22px}.monitoring-auth-layout{width: min(1120px,100%);min-height: calc(100vh - 150px);align-items: center;margin: 0 auto}.monitoring-auth-copy,.monitoring-form-copy{display: grid;gap: 16px;align-content: center;min-height: 430px;padding: clamp(24px,4vw,42px);background: radial-gradient(circle at 88% 12%,rgba(143,227,223,0.22),transparent 18rem),linear-gradient(135deg,rgba(255,255,255,0.96),rgba(237,246,244,0.96))}.monitoring-auth-copy h1,.monitoring-form-copy h1,.monitoring-hero h1{color: var(--ocean-dark);font-size: clamp(2rem,3.6vw,3rem);line-height: 1.06}.monitoring-auth-copy p,.monitoring-form-copy p,.monitoring-hero p,.monitoring-tool-grid p,.monitoring-record-list p,.monitoring-muted{color: var(--muted);font-size: 1rem}.monitoring-auth-card,.monitoring-form-card{display: grid;gap: 16px;padding: clamp(24px,3vw,32px)}.monitoring-login-card{align-self: center}.monitoring-auth-card h2{margin-bottom: 0;color: var(--ocean-dark);font-size: clamp(1.7rem,2.5vw,2.25rem);line-height: 1.1}.monitoring-auth-points{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px}.monitoring-auth-points span{border: 1px solid rgba(0,113,125,0.18);border-radius: 999px;color: var(--ocean-dark);font-size: 0.78rem;font-weight: 900;padding: 7px 10px;background: rgba(255,255,255,0.78)}.monitoring-register-card{grid-template-columns: repeat(2,minmax(0,1fr))}.monitoring-register-card .eyebrow,.monitoring-register-card h2,.monitoring-register-card .form-error,.monitoring-register-card label.full,.monitoring-register-card .button{grid-column: 1 / -1}.monitoring-register-flow{display: grid;width: min(980px,100%);gap: 18px;margin: 0 auto}.monitoring-register-intro{display: grid;grid-template-columns: minmax(0,1fr) minmax(240px,0.46fr);gap: 18px;align-items: end;border: 1px solid var(--line);border-radius: var(--radius-lg);background: radial-gradient(circle at 88% 8%,rgba(143,227,223,0.22),transparent 18rem),rgba(255,255,255,0.96);box-shadow: var(--shadow-sm);padding: clamp(22px,4vw,34px)}.monitoring-register-intro h1{max-width: 720px;color: var(--ocean-dark);font-size: clamp(2rem,3.4vw,2.8rem);line-height: 1.06}.monitoring-register-intro p:not(.eyebrow){max-width: 740px;color: var(--muted)}.monitoring-register-steps{display: grid;gap: 8px}.monitoring-register-steps span{border: 1px solid rgba(0,113,125,0.16);border-radius: var(--radius);color: var(--ocean-dark);font-size: 0.84rem;font-weight: 900;padding: 10px 12px;background: rgba(255,255,255,0.82)}.monitoring-register-guided{gap: 0;overflow: hidden;padding: 0}.monitoring-register-section{display: grid;gap: 14px;padding: 24px 28px}.monitoring-register-section+.monitoring-register-section{border-top: 1px solid var(--line)}.monitoring-register-section h2{margin-bottom: 0;color: var(--ocean-dark);font-size: 1.34rem}.monitoring-register-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.monitoring-register-grid .full,.monitoring-register-section label.full{grid-column: 1 / -1}.monitoring-register-section small{color: var(--muted);font-size: 0.84rem;font-weight: 750;line-height: 1.45}.monitoring-register-actions{display: flex;flex-wrap: wrap;gap: 10px;padding: 20px 28px 26px;border-top: 1px solid var(--line);background: linear-gradient(180deg,rgba(237,246,244,0.7),rgba(255,255,255,0.98)),#fff}.monitoring-register-actions .button{min-width: 190px}.monitoring-form-card{grid-template-columns: repeat(2,minmax(0,1fr))}.monitoring-auth-card label,.monitoring-form-card label{display: grid;gap: 7px;color: var(--ink);font-weight: 900}.monitoring-form-card label small{display: block}.monitoring-auth-card label.full,.monitoring-form-card label.full,.monitoring-form-card .full,.monitoring-form-card .button{grid-column: 1 / -1}.monitoring-auth-card input,.monitoring-auth-card select,.monitoring-auth-card textarea,.monitoring-form-card input,.monitoring-form-card select,.monitoring-form-card textarea{width: 100%;border: 1px solid var(--line-strong);border-radius: var(--radius);color: var(--ink);background: #fff;padding: 13px 14px;transition: border-color 160ms ease,box-shadow 160ms ease}.monitoring-auth-card input:focus,.monitoring-auth-card select:focus,.monitoring-auth-card textarea:focus,.monitoring-form-card input:focus,.monitoring-form-card select:focus,.monitoring-form-card textarea:focus{border-color: var(--ocean);outline: 3px solid rgba(0,113,125,0.14);box-shadow: 0 10px 24px rgba(0,113,125,0.08)}.monitoring-auth-card textarea,.monitoring-form-card textarea{min-height: 120px;resize: vertical}.monitoring-hero{display: grid;min-height: 300px;align-items: end;margin-bottom: 24px;padding: 42px;color: #fff;background: linear-gradient(120deg,rgba(5,63,75,0.96),rgba(0,113,125,0.84)),url("../images/monitoring/monitoring-workspace-hero.jpg") center/cover,url("../images/program-mangrove-restoration.png") center/cover}.monitoring-hero h1,.monitoring-hero p,.monitoring-hero .eyebrow{color: #fff}.monitoring-hero p{max-width: 780px;color: #e1f3f4;font-size: 1.13rem}.monitoring-stat-grid,.monitoring-tool-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 16px;margin-bottom: 24px}.monitoring-tool-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.monitoring-stat-grid article,.monitoring-tool-grid article{display: grid;align-content: start;gap: 12px;padding: 24px}.monitoring-stat-grid span{color: var(--ocean);font-size: 2.25rem;font-weight: 900;line-height: 1}.monitoring-stat-grid p{color: var(--muted);font-weight: 800}.monitoring-tool-grid article{min-height: 280px}.monitoring-tool-grid .button{align-self: end;margin-top: auto}.monitoring-panel{padding: 28px}.monitoring-panel-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid var(--line)}.monitoring-panel-actions{display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-wrap: wrap}.monitoring-record-list{display: grid;gap: 12px}.monitoring-record-list article{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;padding: 18px}.monitoring-report-list article{align-items: stretch}.monitoring-report-list h2{font-size: 1.2rem}.monitoring-report-details{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin: 16px 0 0}.monitoring-report-details div{min-width: 0;border: 1px solid var(--line);border-radius: var(--radius);background: var(--soft);padding: 11px 12px}.monitoring-report-details dt{margin-bottom: 4px;color: var(--ocean-dark);font-size: 0.76rem;font-weight: 900;text-transform: uppercase}.monitoring-report-details dd{margin: 0;color: var(--ink-soft);overflow-wrap: anywhere}.monitoring-inline-filter{display: grid;grid-template-columns: minmax(220px,1fr) auto;gap: 10px;align-items: end}.monitoring-inline-filter label{display: grid;gap: 7px;color: var(--ink);font-weight: 900}.monitoring-inline-filter select{width: 100%;border: 1px solid var(--line-strong);border-radius: var(--radius);background: #fff;padding: 12px 13px}.monitoring-record-list small{color: var(--muted);font-weight: 800;white-space: nowrap}.monitoring-status-pill{display: inline-flex;width: fit-content;margin-bottom: 10px;border-radius: 999px;color: var(--ocean-dark);background: #dff2f2;padding: 6px 10px;font-size: 0.76rem;font-weight: 900;line-height: 1}.monitoring-status-pill.approved,.monitoring-status-pill.reviewed{color: #fff;background: #24754f}.monitoring-status-pill.pending,.monitoring-status-pill.submitted,.monitoring-status-pill.flagged{color: #704d00;background: #fff2c7}.monitoring-status-pill.suspended,.monitoring-status-pill.declined,.monitoring-status-pill.archived{color: #fff;background: #b84035}.monitoring-account-hero{display: grid;grid-template-columns: minmax(0,1fr) minmax(280px,0.34fr);gap: 20px;margin-bottom: 24px}.monitoring-account-hero>div,.monitoring-account-card{border: 1px solid var(--line);border-radius: var(--radius-lg);background: rgba(255,255,255,0.96);box-shadow: var(--shadow-sm);padding: 30px}.monitoring-account-hero h1{color: var(--ocean-dark);font-size: 2.8rem;line-height: 1.05}.monitoring-account-card{display: grid;align-content: center;gap: 8px}.monitoring-account-card h2{font-size: 1.35rem}.monitoring-account-grid{display: grid;grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr);gap: 20px}.monitoring-account-grid .monitoring-panel{align-self: start}.monitoring-account-details{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;margin: 0}.monitoring-account-details div{min-width: 0;border: 1px solid var(--line);border-radius: var(--radius);background: var(--soft);padding: 12px}.monitoring-account-details dt{margin-bottom: 5px;color: var(--ocean-dark);font-size: 0.76rem;font-weight: 900;text-transform: uppercase}.monitoring-account-details dd{margin: 0;color: var(--ink-soft);overflow-wrap: anywhere}.monitoring-access-banner,.monitoring-readonly-card{display: grid;gap: 5px;border: 1px solid rgba(0,113,125,0.2);border-radius: var(--radius);background: linear-gradient(180deg,rgba(237,246,244,0.88),rgba(255,255,255,0.98)),#fff;padding: 13px 14px}.monitoring-access-banner{margin-bottom: 16px;border-left: 4px solid var(--ocean)}.monitoring-access-banner strong,.monitoring-readonly-card strong{color: var(--ocean-dark);font-size: 1rem}.monitoring-access-banner span,.monitoring-readonly-card small,.monitoring-field-help{color: var(--muted);font-size: 0.84rem;font-weight: 750;line-height: 1.4}.monitoring-readonly-card span{color: var(--reef);font-size: 0.72rem;font-weight: 900;text-transform: uppercase}.monitoring-account-note{margin-top: 18px;border-left: 4px solid var(--ocean);color: var(--muted);background: #f8fbfa;padding: 12px 14px;font-weight: 700}.monitoring-account-form{align-self: start}.monitoring-account-form .eyebrow,.monitoring-account-form h2,.monitoring-account-form .monitoring-muted.full{grid-column: 1 / -1}.monitoring-map-hero{display: grid;grid-template-columns: minmax(0,1fr) minmax(330px,0.42fr);gap: 20px;margin-bottom: 24px}.monitoring-map-hero>div,.monitoring-map-shell,.monitoring-map-sidebar,.monitoring-map-stats article,.monitoring-map-picker-wrap{border: 1px solid var(--line);border-radius: var(--radius-lg);background: rgba(255,255,255,0.96);box-shadow: var(--shadow-sm)}.monitoring-map-hero>div{padding: 34px}.monitoring-map-hero h1{color: var(--ocean-dark);font-size: 3rem;line-height: 1.04}.monitoring-map-stats{display: grid;gap: 12px}.monitoring-map-stats article{padding: 18px}.monitoring-map-stats span{display: block;color: var(--ocean);font-size: 1.7rem;font-weight: 900;line-height: 1}.monitoring-map-stats p{color: var(--muted);font-weight: 800}.monitoring-map-shell{overflow: hidden}.monitoring-map-toolbar{display: flex;align-items: end;justify-content: space-between;gap: 18px;padding: 24px;border-bottom: 1px solid var(--line)}.monitoring-map-filters{display: grid;grid-template-columns: repeat(2,minmax(180px,1fr)) auto;gap: 12px;align-items: end}.monitoring-map-filters label{display: grid;gap: 7px;color: var(--ink);font-weight: 900}.monitoring-map-filters select{border: 1px solid var(--line-strong);border-radius: var(--radius);background: #fff;padding: 12px 13px}.monitoring-map-layout{display: grid;grid-template-columns: minmax(0,1fr) 360px;min-height: 620px}.monitoring-map-canvas{min-height: 620px;background: #d8eff0}.monitoring-map-canvas.is-loading{opacity: 0.72}.monitoring-map-sidebar{border-width: 0 0 0 1px;border-radius: 0;box-shadow: none;padding: 24px}.monitoring-map-details{display: grid;gap: 10px;margin: 20px 0 0}.monitoring-map-details div{border: 1px solid var(--line);border-radius: var(--radius);background: var(--soft);padding: 11px 12px}.monitoring-map-details dt{margin-bottom: 4px;color: var(--ocean-dark);font-size: 0.76rem;font-weight: 900;text-transform: uppercase}.monitoring-map-details dd{margin: 0;color: var(--ink-soft);overflow-wrap: anywhere}.monitoring-map-popup{display: grid;gap: 4px}.monitoring-map-popup strong{color: var(--ocean-dark)}.monitoring-map-popup span,.monitoring-map-popup p{margin: 0;color: var(--muted)}.monitoring-map-popup a{color: var(--ocean);font-weight: 900}.monitoring-dot-icon span{display: block;width: 18px;height: 18px;border: 3px solid #fff;border-radius: 50%;background: var(--marker-color,var(--ocean));box-shadow: 0 8px 18px rgba(5,63,75,0.28)}.monitoring-dot-ghost_gear span{background: var(--ocean)}.monitoring-dot-impact_evidence span{background: var(--gold)}.monitoring-dot-mission_observation span{background: var(--mangrove)}.monitoring-dot-status-flagged span{background: var(--reef)}.monitoring-map-picker-wrap{overflow: hidden;background: #fff}.monitoring-map-picker-head{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 16px;border-bottom: 1px solid var(--line)}.monitoring-map-picker-head div{display: grid;gap: 2px}.monitoring-map-picker-head strong{color: var(--ocean-dark)}.monitoring-map-picker-head span{color: var(--muted);font-size: 0.9rem;font-weight: 700}.monitoring-map-picker{min-height: 300px;background: #d8eff0}.monitoring-report-builder{display: grid;gap: 18px}.monitoring-report-builder-head,.monitoring-report-step{border: 1px solid var(--line);border-radius: var(--radius-lg);background: rgba(255,255,255,0.96);box-shadow: var(--shadow-sm)}.monitoring-report-builder-head{padding: 26px}.monitoring-report-builder-head h1{color: var(--ocean-dark);font-size: 2.45rem;line-height: 1.05}.monitoring-report-form{display: grid;gap: 16px}.monitoring-report-step{display: grid;gap: 18px;padding: 20px}.monitoring-report-step[hidden],.monitoring-report-fields [hidden]{display: none !important}.monitoring-step-title{display: flex;align-items: flex-start;gap: 12px}.monitoring-step-title>span{display: grid;width: 34px;height: 34px;flex: 0 0 auto;place-items: center;border-radius: 50%;color: #fff;background: var(--ocean);font-weight: 900}.monitoring-step-title h2{margin-bottom: 4px;font-size: 1.25rem}.monitoring-step-title p{color: var(--muted);font-weight: 700}.monitoring-choice-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.monitoring-choice-card{position: relative;display: grid;min-height: 150px;gap: 8px;align-content: start;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;cursor: pointer;padding: 18px;transition: border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}.monitoring-choice-card input{position: absolute;top: 16px;right: 16px;width: 18px;height: 18px;accent-color: var(--ocean)}.monitoring-choice-card strong{max-width: calc(100% - 28px);color: var(--ocean-dark);font-size: 1.04rem}.monitoring-choice-card span{color: var(--muted);font-size: 0.94rem;font-weight: 700}.monitoring-choice-card:has(input:checked),.monitoring-choice-card.is-selected{border-color: rgba(0,113,125,0.45);background: var(--soft);box-shadow: inset 4px 0 0 var(--ocean),0 16px 34px rgba(5,63,75,0.08)}.monitoring-report-fields{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.monitoring-report-fields label{display: grid;gap: 7px;color: var(--ink);font-weight: 900}.monitoring-report-fields .full,.monitoring-report-fields label.full{grid-column: 1 / -1}.monitoring-report-fields input,.monitoring-report-fields select,.monitoring-report-fields textarea{width: 100%;border: 1px solid var(--line-strong);border-radius: var(--radius);color: var(--ink);background: #fff;padding: 13px 14px}.monitoring-report-fields textarea{min-height: 116px;resize: vertical}@media (max-width: 1040px){.monitoring-shell{grid-template-columns: 1fr}.monitoring-sidebar{position: static;height: auto;padding: 10px 12px;box-shadow: none}.monitoring-sidebar-head{display: flex;align-items: center;justify-content: space-between;gap: 12px}.monitoring-brand{margin-bottom: 0}.monitoring-brand img{width: 44px !important;height: 44px !important;max-width: 44px !important;max-height: 44px !important;padding: 3px}.monitoring-brand strong{font-size: 0.92rem}.monitoring-brand small{font-size: 0.72rem}.monitoring-menu-button{display: inline-flex;min-height: 38px;align-items: center;justify-content: center;border: 1px solid rgba(143,227,223,0.28);border-radius: var(--radius);color: #fff;cursor: pointer;font-size: 0.84rem;font-weight: 900;padding: 8px 12px;background: rgba(255,255,255,0.1)}.monitoring-nav{display: none;grid-template-columns: 1fr;gap: 5px;overflow: visible;margin-top: 10px;padding: 10px 0 0;border-top: 1px solid rgba(255,255,255,0.12)}.monitoring-nav-toggle:checked~.monitoring-nav{display: grid}.monitoring-nav p{margin: 10px 0 2px;grid-column: 1 / -1}.monitoring-nav a{min-height: 38px;padding: 8px 10px}.monitoring-content{min-height: auto}.monitoring-topbar{position: static;padding: 12px 16px}.monitoring-topbar nav{display: none}.site-header{align-items: flex-start}.brand{min-width: 0}.nav-toggle-label{display: grid;gap: 5px;width: 44px;height: 44px;place-content: center;border: 1px solid var(--line);border-radius: var(--radius);cursor: pointer;background: #fff}.nav-toggle-label span{display: block;width: 20px;height: 2px;background: var(--ink)}.primary-nav{position: absolute;top: 82px;right: 20px;left: 20px;display: none;flex-direction: column;align-items: stretch;padding: 12px;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-md)}.nav-toggle:checked~.primary-nav{display: flex}.nav-group{display: grid}.nav-group::after{display: none}.nav-group .nav-link{width: 100%}.subnav{position: static;display: grid;min-width: 0;margin: 2px 0 8px 12px;padding: 4px 0 4px 10px;border-width: 0 0 0 1px;border-radius: 0;box-shadow: none;opacity: 1;pointer-events: auto;transform: none}h1{font-size: 3rem}h2,.page-hero h1,.event-detail-copy h1{font-size: 2.25rem}.section-intro,.split-section,.about-context,.impact-intro,.two-column,.program-feature,.contact-layout,.portal-login-layout,.public-event-card,.news-card,.event-detail-hero,.event-register-section,.target-overview,.event-summary,.event-columns,.event-grid,.activity-impact-card,.monitoring-preview-section,.program-workstream-card,.monitoring-auth-layout,.monitoring-form-layout,.monitoring-register-card,.monitoring-register-intro,.monitoring-register-grid,.monitoring-account-hero,.monitoring-account-grid,.monitoring-map-hero,.monitoring-map-layout,.footer-grid{grid-template-columns: 1fr}.monitoring-map-sidebar{border-width: 1px 0 0}.program-workstream-intro{border-right: 0;border-bottom: 1px solid var(--line)}.program-workstream-detail{grid-template-columns: 1fr}.program-workstream-detail section,.program-workstream-detail section:nth-child(3n+1){min-height: auto;border-left: 0}.program-workstream-actions ul{grid-template-columns: repeat(2,minmax(0,1fr))}.partnership-story-section,.program-feature{gap: 16px}.portal-login-layout{min-height: auto}.cards-grid,.cards-grid:not(.four-columns),.about-work-grid,.process-grid,.activity-list,.program-workstream-list,.target-zone-grid,.event-stat-grid,.pricing-grid,.partner-grid,.monitoring-preview-grid,.gallery-photo-grid,.gallery-video-grid,.portal-login-points,.profile-grid,.monitoring-stat-grid,.monitoring-tool-grid,.monitoring-choice-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.compact-impact-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.activity-impact-details{grid-template-columns: 1fr}.activity-action-list{grid-template-columns: repeat(2,minmax(0,1fr))}.workplan-preview{align-items: flex-start;flex-direction: column}.monitoring-auth-layout{min-height: auto}.monitoring-auth-copy,.monitoring-form-copy{min-height: auto}}@media (max-width: 680px){.site-header{min-height: 70px}.brand-logo{width: 46px;height: 46px}.brand small{display: none}.section,.section-intro,.split-section,.page-hero{padding: 44px 0}.hero{min-height: 590px}.hero-content{width: calc(100% - 40px);margin: 0 auto;padding: 112px 0 76px}.hero-media::after{background: linear-gradient(180deg,rgba(4,38,46,0.56),rgba(4,38,46,0.92))}h1{font-size: 2.25rem}h2,.page-hero h1,.event-detail-copy h1{font-size: 1.85rem}.hero p,.intro-copy p,.split-section p,.page-hero p{font-size: 1rem}.cards-grid,.cards-grid:not(.four-columns),.about-work-grid,.process-grid,.activity-list,.program-workstream-list,.target-zone-grid,.event-stat-grid,.pricing-grid,.partner-grid,.monitoring-preview-grid,.gallery-photo-grid,.gallery-video-grid,.portal-login-points,.profile-grid,.monitoring-stat-grid,.monitoring-tool-grid,.monitoring-report-details,.monitoring-account-details,.monitoring-map-filters,.monitoring-choice-grid,.monitoring-report-fields,.monitoring-form-card{grid-template-columns: 1fr}.compact-impact-grid{grid-template-columns: 1fr}.program-workstream-detail,.program-workstream-actions ul{grid-template-columns: 1fr}.hero-actions,.partner-cta-actions,.gallery-social-cta,.cta-band,.footer-bottom{align-items: stretch;flex-direction: column}.button{width: 100%}.news-card-actions{align-items: stretch;flex-direction: column}.info-card,.about-work-grid article,.panel,.contact-card,.contact-form,.portal-login-card,.program-feature>div,.cta-band,.video-copy,.process-card,.activity-item,.activity-impact-card,.monitoring-preview-copy,.monitoring-preview-card,.gallery-empty-state,.program-workstream-intro,.program-workstream-detail section,.partner-grid article,.target-zone-card,.portal-login-points article,.program-workstream-actions li,.event-panel,.event-stat,.pricing-card,.profile-card,.public-event-body,.news-card-body,.news-empty-state,.event-register-form,.monitoring-auth-copy,.monitoring-auth-card,.monitoring-register-intro,.monitoring-register-section,.monitoring-form-card,.monitoring-form-copy,.monitoring-panel,.monitoring-hero,.monitoring-account-hero>div,.monitoring-account-card,.monitoring-map-hero>div,.monitoring-map-toolbar,.monitoring-map-sidebar,.monitoring-report-builder-head,.monitoring-report-step,.monitoring-tool-grid article,.monitoring-stat-grid article{padding: 20px}.monitoring-register-actions{display: grid;padding: 18px 24px 24px}.monitoring-register-actions .button{width: 100%;min-width: 0}.panel,.image-panel img,.program-feature img,.public-event-media img,.news-card-media,.news-card-media img,.event-detail-media img{min-height: 240px}.portal-login-copy{padding: 30px 24px}.portal-login-copy h1{font-size: 2.25rem}.program-workstream-actions ul{grid-template-columns: 1fr}.activity-action-list{grid-template-columns: 1fr}.news-article-hero h1{font-size: 2.1rem}.event-register-form{grid-template-columns: 1fr}.pricing-card{min-height: auto}.event-table div,.timeline-item{grid-template-columns: 1fr}.event-table div{align-items: flex-start;flex-direction: column;gap: 4px}.video-tab-labels{justify-content: stretch}.video-tab-labels label{flex: 1;min-width: 0}.monitoring-header{position: static;align-items: flex-start;flex-direction: column}.monitoring-topbar{align-items: stretch;flex-direction: column}.monitoring-topbar nav{display: none}.monitoring-topbar a.monitoring-profile-chip{grid-column: 1 / -1;max-width: none}.monitoring-nav{grid-template-columns: 1fr}.monitoring-main{width: min(100% - 28px,var(--max-width));padding: 28px 0 52px}.monitoring-auth-copy h1,.monitoring-form-copy h1,.monitoring-account-hero h1,.monitoring-map-hero h1,.monitoring-report-builder-head h1,.monitoring-hero h1{font-size: 2.1rem}.monitoring-record-list article,.monitoring-panel-head,.monitoring-panel-actions,.monitoring-map-toolbar,.monitoring-map-picker-head,.monitoring-inline-filter{align-items: stretch;flex-direction: column}.monitoring-map-canvas,.monitoring-map-layout{min-height: 440px}.monitoring-inline-filter{grid-template-columns: 1fr}.monitoring-record-list small{white-space: normal}}html,body{max-width: 100%;overflow-x: hidden}.section>*,.split-section>*,.page-hero>*,.monitoring-main>*,.monitoring-panel>*,.monitoring-form-card>*,.monitoring-auth-card>*,.monitoring-register-guided>*,.monitoring-record-list article>*,.monitoring-map-sidebar>*,.monitoring-report-fields>*,.monitoring-register-grid>*{min-width: 0}.monitoring-form-card input,.monitoring-form-card select,.monitoring-form-card textarea,.monitoring-auth-card input,.monitoring-auth-card select,.monitoring-auth-card textarea,.monitoring-report-fields input,.monitoring-report-fields select,.monitoring-report-fields textarea{min-width: 0}@media (max-width: 1040px){.site-header{position: relative;top: auto;z-index: 70}.primary-nav{top: calc(100%+8px);max-height: min(72vh,560px);overflow-y: auto;overscroll-behavior: contain;z-index: 90}.monitoring-sidebar,.monitoring-topbar,.monitoring-header{position: static;top: auto}.monitoring-topbar nav{display: none}.monitoring-content{display: block}.monitoring-main{width: min(100% - 28px,var(--max-width));padding-top: 24px}}@media (max-width: 680px){.site-header{gap: 12px;min-height: auto;padding: 10px 14px}.brand{flex: 1 1 auto;min-width: 0}.brand strong{font-size: 0.92rem}.primary-nav{right: 14px;left: 14px}.monitoring-sidebar-head{align-items: center}.monitoring-brand{min-width: 0}.monitoring-brand span{min-width: 0}.monitoring-register-flow,.monitoring-auth-layout{width: 100%}.monitoring-map-layout,.monitoring-map-shell{min-height: auto}.monitoring-map-canvas{min-height: 360px}}@media (min-width: 821px){.monitoring-body{min-height: 100vh;background: linear-gradient(90deg,#062832 0,#041e26 248px,transparent 248px),radial-gradient(circle at 10% 6%,rgba(197,154,56,0.13),transparent 22rem),radial-gradient(circle at 88% 12%,rgba(0,113,125,0.14),transparent 26rem),linear-gradient(180deg,#f8fbfa 0,#eef6f4 100%);background-attachment: fixed,scroll,scroll,scroll}.monitoring-shell{position: relative;display: grid;min-height: 100vh;grid-template-columns: 248px minmax(0,1fr)}.monitoring-shell::before{position: fixed;inset: 0 auto 0 0;z-index: 0;width: 248px;pointer-events: none;content: "";background: linear-gradient(180deg,#062832,#041e26)}.monitoring-content{position: relative;z-index: 1;display: grid;min-width: 0;min-height: 100vh;grid-template-rows: auto 1fr}.monitoring-sidebar{position: sticky;top: 0;z-index: 2;display: flex;height: 100dvh;max-height: 100dvh;min-height: 0;flex-direction: column;padding: 16px 14px;background: linear-gradient(180deg,#062832,#041e26);box-shadow: 16px 0 44px rgba(4,30,38,0.18)}.monitoring-sidebar-head{display: block;flex: 0 0 auto}.monitoring-brand{margin-bottom: 18px}.monitoring-brand img{width: 50px !important;height: 50px !important;max-width: 50px !important;max-height: 50px !important;padding: 4px}.monitoring-brand strong{font-size: 0.94rem}.monitoring-brand small{font-size: 0.76rem}.monitoring-nav-toggle,.monitoring-menu-button{display: none}.monitoring-nav{display: grid !important;min-height: 0;grid-template-columns: 1fr;gap: 3px;overflow-y: auto;overscroll-behavior: contain;margin-top: 0;padding: 2px 4px 10px 0;border-top: 0}.monitoring-nav p{margin: 12px 0 4px;font-size: 0.66rem;letter-spacing: 0.1em}.monitoring-nav a{min-height: 34px;padding: 7px 10px;font-size: 0.84rem;line-height: 1.2}.monitoring-topbar{position: sticky;top: 0;display: flex;min-height: 62px;padding: 10px 22px}.monitoring-topbar nav{display: flex}.monitoring-topbar a{padding: 8px 11px;font-size: 0.84rem}.monitoring-topbar a.monitoring-profile-chip{min-width: 190px;max-width: 260px}.monitoring-main{width: min(1280px,calc(100% - 44px));padding: 24px 0 54px}.monitoring-body h1{font-size: clamp(2rem,3.2vw,3.35rem);line-height: 1.04}.monitoring-body h2{font-size: clamp(1.35rem,2.2vw,2.2rem)}.monitoring-hero,.monitoring-panel,.monitoring-form-card,.monitoring-account-card,.monitoring-auth-card,.monitoring-register-section,.monitoring-map-sidebar,.monitoring-report-builder-head,.monitoring-report-step{padding: 22px}.monitoring-auth-layout,.monitoring-form-layout,.monitoring-account-grid,.monitoring-map-layout,.monitoring-register-flow{gap: 16px}.monitoring-auth-copy,.monitoring-form-copy{min-height: 340px;padding: 28px}.monitoring-auth-card,.monitoring-form-card{gap: 12px}.monitoring-form-card label,.monitoring-auth-card label,.monitoring-report-fields label{gap: 5px}.monitoring-auth-card input,.monitoring-auth-card select,.monitoring-auth-card textarea,.monitoring-form-card input,.monitoring-form-card select,.monitoring-form-card textarea,.monitoring-report-fields input,.monitoring-report-fields select,.monitoring-report-fields textarea{padding: 10px 12px}.monitoring-auth-card textarea,.monitoring-form-card textarea,.monitoring-report-fields textarea{min-height: 104px}.monitoring-hero{min-height: 250px;margin-bottom: 18px}.monitoring-stat-grid,.monitoring-tool-grid{gap: 14px;margin-bottom: 18px}.monitoring-stat-grid article,.monitoring-tool-grid article{gap: 10px;padding: 20px}.monitoring-tool-grid article{min-height: 220px}.monitoring-panel-head{gap: 14px;margin-bottom: 14px;padding-bottom: 14px}.monitoring-record-list{gap: 9px}.monitoring-stat-grid{grid-template-columns: repeat(auto-fit,minmax(170px,1fr));gap: 14px}.monitoring-stat-grid article,.monitoring-panel,.monitoring-form-card,.monitoring-account-card,.monitoring-tool-grid article{border-radius: 10px}}@media (min-width: 821px) and (max-width: 1050px){.monitoring-body{background: linear-gradient(90deg,#062832 0,#041e26 232px,transparent 232px),radial-gradient(circle at 10% 6%,rgba(197,154,56,0.13),transparent 22rem),radial-gradient(circle at 88% 12%,rgba(0,113,125,0.14),transparent 26rem),linear-gradient(180deg,#f8fbfa 0,#eef6f4 100%);background-attachment: fixed,scroll,scroll,scroll}.monitoring-shell{grid-template-columns: 232px minmax(0,1fr)}.monitoring-shell::before{width: 232px}.monitoring-sidebar{padding: 14px 12px}.monitoring-nav a{font-size: 0.8rem;padding-right: 8px;padding-left: 8px}.monitoring-topbar nav>a:not(.monitoring-profile-chip){display: none}}@media (max-width: 820px){.monitoring-body{background: radial-gradient(circle at 10% 6%,rgba(197,154,56,0.13),transparent 22rem),radial-gradient(circle at 88% 12%,rgba(0,113,125,0.14),transparent 26rem),linear-gradient(180deg,#f8fbfa 0,#eef6f4 100%)}.monitoring-shell{display: block}.monitoring-shell::before{display: none}.monitoring-sidebar{position: static;height: auto;min-height: 0;padding: 10px 12px;box-shadow: none}.monitoring-topbar,.monitoring-header{position: static}}.authority-hero{padding-bottom: clamp(42px,6vw,64px)}.breadcrumbs{width: min(var(--max-width),calc(100% - 40px));margin: 18px auto 0}.breadcrumbs ol{display: flex;flex-wrap: wrap;gap: 7px;margin: 0;padding: 0;color: var(--muted);font-size: 0.8rem;font-weight: 850;list-style: none}.breadcrumbs li{display: inline-flex;align-items: center;gap: 7px}.breadcrumbs li+li::before{color: var(--line-strong);content: "/"}.breadcrumbs a{color: var(--ocean-dark)}.breadcrumbs a:hover{color: var(--ocean)}.authority-hero h1{max-width: 1040px}.marine-signal-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;padding-top: 0;padding-bottom: clamp(28px,5vw,46px)}.marine-signal-grid article{display: grid;gap: 7px;min-height: 118px;align-content: start;border: 1px solid var(--line);border-radius: var(--radius);background: #fff;box-shadow: var(--shadow-sm);padding: 18px}.marine-signal-grid span,.marine-pressure-list span{color: var(--reef);font-size: 0.72rem;font-weight: 950;letter-spacing: 0.06em;text-transform: uppercase}.marine-signal-grid strong{color: var(--ocean-dark);font-size: 1rem;line-height: 1.25}.topic-link-card{display: flex;flex-direction: column}.topic-link-card a{width: fit-content;margin-top: auto;color: var(--ocean);font-weight: 900}.marine-pressure-section{display: grid;gap: 22px}.marine-pressure-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;width: min(var(--max-width),calc(100% - 40px));margin: 0 auto}.marine-pressure-list span{border: 1px solid rgba(0,113,125,0.16);border-radius: 999px;color: var(--ocean-dark);background: #fff;box-shadow: var(--shadow-sm);line-height: 1.2;padding: 12px 14px}.marine-evidence-grid,.marine-faq-grid{grid-template-columns: repeat(3,minmax(0,1fr))}.marine-faq-grid{align-items: stretch}.marine-public-record .section-heading{margin-bottom: 26px}.marine-topic-page .program-feature,.marine-authority-page .program-feature{scroll-margin-top: 90px}@media (max-width: 1050px){.marine-signal-grid,.marine-pressure-list,.marine-evidence-grid,.marine-faq-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.marine-signal-grid,.marine-pressure-list,.marine-evidence-grid,.marine-faq-grid{grid-template-columns: 1fr}.marine-signal-grid article{min-height: 0}.authority-hero .hero-actions{align-items: stretch;flex-direction: column}.authority-hero .button{width: 100%}.video-channel-brand{align-items: flex-start;flex-direction: column}.video-channel-actions{align-items: stretch;flex-direction: column}.video-library-grid{grid-template-columns: 1fr}.video-card-meta{align-items: flex-start;flex-direction: column}.video-card-meta span+span::before,.video-card-meta a::before{display: none}}