.vpd-ns-app,.vpd-ns-section,.vpd-ns-detail,.vpd-ns-profile { --vpd-ns-green: var(--vpd-green); --vpd-ns-dark: var(--vpd-navy); --vpd-ns-muted: var(--vpd-muted); --vpd-ns-line: var(--vpd-border); color: var(--vpd-navy); }
.vpd-ns-hero { margin-bottom: 28px; padding: clamp(32px,6vw,68px); border-radius: 23px; background: linear-gradient(125deg,#08233a,#246535 70%,#6eae50); color:#fff; }
.vpd-ns-eyebrow,.vpd-ns-section__head>div>span { display:block; margin-bottom:8px; color:var(--vpd-green); font-size:11px; font-weight:900; letter-spacing:.14em; }
.vpd-ns-hero .vpd-ns-eyebrow { color:#b6eca6; }
.vpd-ns-hero h2,.vpd-ns-section h2,.vpd-ns-detail h1,.vpd-ns-profile h2 { margin:0; color:var(--vpd-navy); font-weight:900; line-height:1.06; letter-spacing:-.04em; text-transform:none; }
.vpd-ns-hero h2 { color:#fff; font-size:clamp(40px,6vw,68px); }
.vpd-ns-hero p { max-width:680px; margin:15px 0 0; color:rgba(255,255,255,.88); font-size:17px; line-height:1.65; }
.vpd-ns-section { width:min(1180px,calc(100% - 32px)); margin-inline:auto; padding:28px 0; }
.vpd-ns-section__head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.vpd-ns-section__head h2 { font-size:clamp(28px,3.4vw,42px); }
.vpd-ns-section__head small { max-width:300px; color:var(--vpd-muted); text-align:right; line-height:1.5; }
.vpd-ns-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vpd-ns-card { overflow:hidden; border:1px solid var(--vpd-border); border-radius:17px; background:#fff; box-shadow:0 10px 30px rgba(7,29,53,.07); transition:transform .2s,box-shadow .2s; }
.vpd-ns-card:hover { transform:translateY(-3px); box-shadow:0 16px 38px rgba(7,29,53,.12); }
.vpd-ns-card__image { display:grid; height:195px; place-items:center; overflow:hidden; background:linear-gradient(135deg,#e4f4df,#c7e5c0); text-decoration:none; }
.vpd-ns-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.vpd-ns-card:hover .vpd-ns-card__image img { transform:scale(1.04); }
.vpd-ns-card__image>span { font-size:50px; }
.vpd-ns-card__body { padding:19px; }
.vpd-ns-card__date { color:var(--vpd-green-dark); font-size:12px; font-weight:850; }
.vpd-ns-card h3 { margin:7px 0 0; color:var(--vpd-navy); font-size:20px; line-height:1.3; }
.vpd-ns-card h3 a { color:inherit; text-decoration:none; }
.vpd-ns-card__place { margin:9px 0 0; color:var(--vpd-muted); font-size:13px; }
.vpd-ns-card__meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.vpd-ns-card__meta span { padding:6px 9px; border-radius:999px; background:#eef7ec; color:#276d20; font-size:10px; font-weight:750; }
.vpd-ns-button { display:inline-flex; margin-top:17px; padding:10px 15px; border-radius:8px; background:var(--vpd-green); color:#fff!important; font-size:12px; font-weight:850; text-decoration:none; }
.vpd-ns-empty,.vpd-ns-coming-soon { display:grid; gap:5px; padding:23px; border:1px dashed #acc8af; border-radius:14px; background:#f5faf4; color:var(--vpd-muted); }
.vpd-ns-empty strong,.vpd-ns-coming-soon strong { color:var(--vpd-navy); }

.vpd-ns-detail { width:min(1120px,calc(100% - 32px)); margin:32px auto; overflow:hidden; border:1px solid var(--vpd-border); border-radius:23px; background:#fff; box-shadow:0 18px 54px rgba(7,29,53,.09); }
.vpd-ns-detail__hero { position:relative; min-height:360px; overflow:hidden; background:#dcebd8; }
.vpd-ns-detail__hero img { display:block; width:100%; height:410px; object-fit:cover; }
.vpd-ns-detail__hero-placeholder { display:grid; height:360px; place-items:center; background:linear-gradient(135deg,#dcefd6,#8fbe79); font-size:72px; }
.vpd-ns-detail__status { position:absolute; top:20px; left:20px; padding:8px 12px; border:1px solid rgba(255,255,255,.6); border-radius:999px; background:rgba(7,29,53,.78); backdrop-filter:blur(8px); color:#fff; font-size:11px; font-weight:850; }
.vpd-ns-detail__header { padding:clamp(24px,4vw,42px) clamp(22px,5vw,58px) 20px; }
.vpd-ns-detail__header h1 { max-width:850px; font-size:clamp(34px,5vw,58px); }
.vpd-ns-detail__route { margin:13px 0 0; color:var(--vpd-muted); line-height:1.55; }
.vpd-ns-detail__layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; padding:0 clamp(22px,5vw,58px) 38px; }
.vpd-ns-detail__main { min-width:0; }
.vpd-ns-detail__facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:10px; }
.vpd-ns-detail__facts>div { min-width:0; padding:15px; border:1px solid #e2ebe3; border-radius:11px; background:var(--vpd-soft); }
.vpd-ns-detail__facts span { display:block; color:var(--vpd-muted); font-size:10px; }
.vpd-ns-detail__facts strong { display:block; margin-top:4px; overflow-wrap:anywhere; font-size:14px; }
.vpd-ns-detail__content { margin:28px 0; color:#405064; line-height:1.78; }
.vpd-ns-detail__content p { margin:0 0 15px; }
.vpd-ns-detail-section-title { display:flex; align-items:center; gap:12px; margin-bottom:13px; }
.vpd-ns-detail-section-title>span { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:#e9f7e5; color:var(--vpd-green); font-size:18px; }
.vpd-ns-detail-section-title h2 { margin:0; color:var(--vpd-navy); font-size:22px; }
.vpd-ns-detail-section-title p { margin:3px 0 0; color:var(--vpd-muted); font-size:12px; }
.vpd-ns-detail-map { height:360px; overflow:hidden; border:1px solid var(--vpd-border); border-radius:14px; }
.vpd-ns-organizer-card { align-self:start; display:grid; justify-items:center; padding:24px 19px; border:1px solid var(--vpd-border); border-radius:16px; background:linear-gradient(160deg,#f4faf2,#fff); text-align:center; }
.vpd-ns-organizer-card .vpd-ns-avatar { width:72px; height:72px; margin:4px 0 12px; border-width:4px; }
.vpd-ns-organizer-card h2 { margin:0; font-size:20px; }
.vpd-ns-organizer-card p { margin:9px 0 0; color:var(--vpd-muted); font-size:12px; line-height:1.5; }
.vpd-ns-organizer-card .vpd-ns-link-button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; margin-top:15px; padding:10px 15px; border:1px solid var(--vpd-green); border-radius:9px; color:var(--vpd-green-dark); font-size:12px; font-weight:850; text-decoration:none; }
.vpd-ns-organizer-card .vpd-ns-link-button:hover { background:#edf8ea; }
.vpd-ns-detail>.vpd-ns-join-panel { margin:0 clamp(22px,5vw,58px) clamp(30px,5vw,52px); }
.vpd-ns-profile p { margin:10px 0; }
.vpd-ns-profile small { color:var(--vpd-muted); }

@media(max-width:900px){
  .vpd-ns-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vpd-ns-detail__layout{grid-template-columns:1fr;}
  .vpd-ns-organizer-card{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:15px;}
  .vpd-ns-organizer-card .vpd-ns-kicker{grid-column:1/-1;}
  .vpd-ns-organizer-card .vpd-ns-avatar{grid-row:2/5;}
}
@media(max-width:640px){
  .vpd-ns-section,.vpd-ns-detail{width:min(100% - 20px,1120px);}
  .vpd-ns-section__head{align-items:start;flex-direction:column;}
  .vpd-ns-section__head small{text-align:left;}
  .vpd-ns-grid,.vpd-ns-detail__facts{grid-template-columns:1fr;}
  .vpd-ns-card__image{height:210px;}
  .vpd-ns-detail{margin:16px auto;border-radius:17px;}
  .vpd-ns-detail__hero,.vpd-ns-detail__hero-placeholder{min-height:230px;height:230px;}
  .vpd-ns-detail__hero img{height:230px;}
  .vpd-ns-detail__header{padding-bottom:12px;}
  .vpd-ns-detail__route{font-size:13px;}
  .vpd-ns-detail__layout{padding-bottom:22px;}
  .vpd-ns-detail-map{height:300px;}
  .vpd-ns-detail>.vpd-ns-join-panel{margin-inline:14px;}
}