/* NYSC Blog Core: camps, reviews, join bar, glossary */
:root{--nb-maroon:#800000;--nb-gold:#ffb101;--nb-wa:#25d366;--nb-tg:#229ed9}

.nb-btn{display:inline-block;padding:9px 16px;border-radius:4px;background:var(--nb-maroon);color:#fff!important;font-weight:600;font-size:13px;letter-spacing:.3px;text-decoration:none!important;line-height:1.2}
.nb-btn:hover{background:#650000}
.nb-btn-ghost{background:transparent;color:var(--nb-maroon)!important;border:1px solid var(--nb-maroon)}
.nb-btn-ghost:hover{background:var(--nb-maroon);color:#fff!important}
.nb-btn-wa{background:var(--nb-wa)}.nb-btn-wa:hover{background:#1da851}
.nb-btn-tg{background:var(--nb-tg)}.nb-btn-tg:hover{background:#1b86ba}

/* Camp card */
.nb-camp-card{background:#faf7f2;border-left:4px solid var(--nb-gold);padding:20px 24px;margin:0 0 28px}
.nb-camp-card dl{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:0 0 14px;font-size:15px}
.nb-camp-card dt{font-weight:700;color:var(--nb-maroon)}
.nb-camp-card dd{margin:0}
.nb-unverified{color:#8a6d00;font-size:12px}
.nb-camp-cta{margin:14px 0 0;display:flex;gap:10px;flex-wrap:wrap}

/* Stars */
.nb-stars i{font-style:normal;color:#d8d3c8;font-size:15px;letter-spacing:1px}
.nb-stars i.on,.nb-stars i.half{color:var(--nb-gold)}
.nb-rating-summary{margin:0;font-size:14px}
.nb-rating-summary strong{font-size:22px;color:var(--nb-maroon)}
.nb-rating-breakdown,.nb-review-ratings{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px;margin:8px 0 12px}
.nb-rating-row{display:flex;justify-content:space-between;font-size:13px;color:#555}
.nb-review-batch{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--nb-maroon);text-transform:uppercase;letter-spacing:.5px}
.nb-rating-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px;margin:0 0 14px}
.nb-rating-field span{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.nb-rating-field select,.nb-rating-field input{width:100%}
.nb-review-note{font-size:13px;color:#666}

/* Directory */
.nb-zone{margin:28px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--nb-gold);font-size:18px}
.nb-camp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.nb-camp-list li{background:#fff;border:1px solid #e8e3da;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.nb-camp-list a{text-decoration:none;color:var(--nb-maroon)}
.nb-camp-town,.nb-camp-list small{font-size:12px;color:#777}

/* Glossary */
.nb-glossary dl{margin:0}
.nb-glossary dt{font-weight:700;color:var(--nb-maroon);margin-top:18px;font-size:17px}
.nb-glossary dd{margin:4px 0 0}

/* Join bar */
.nb-join-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--nb-maroon);color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 44px 10px 16px;font-size:14px;box-shadow:0 -2px 12px rgba(0,0,0,.25)}
.nb-join-bar p{margin:0}
.nb-join-bar strong{color:var(--nb-gold)}
.nb-join-actions{display:flex;gap:8px}
.nb-join-bar .nb-btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.5)}
.nb-join-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.8;padding:4px 8px}
.nb-join-close:hover{opacity:1}
body{padding-bottom:64px}
@media(max-width:700px){.nb-join-bar{flex-direction:column;gap:8px;text-align:center;padding:10px 40px 12px 12px;font-size:13px}body{padding-bottom:110px}.nb-camp-card dl{grid-template-columns:1fr}}

/* Author box: make the person visible */
.author-box .author-title,.author-box-b .author-title{font-weight:700}

/* Letter templates */
pre.nb-letter{white-space:pre-wrap;font:15px/1.6 Georgia,serif;background:#fff;border:1px solid #e3ddd2;border-left:4px solid var(--nb-maroon);padding:22px 26px;overflow:auto}
/* Batch hub */
.nb-lead{font-size:18px;line-height:1.6}
.nb-timeline table{width:100%;border-collapse:collapse;font-size:14px}
.nb-timeline th,.nb-timeline td{border-bottom:1px solid #e8e3da;padding:8px 10px;text-align:left;vertical-align:top}
.nb-timeline th{background:#faf7f2;color:var(--nb-maroon)}
/* Sidebar YouTube CTA */
.nb-yt{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;background:#faf7f2;padding:12px;border:1px solid #e8e3da}
.nb-yt img{flex:0 0 48px}
.nb-yt span{font-size:13px;line-height:1.45}
.nb-review-intro{font-size:14px;color:#555;margin:0 0 12px}
.nb-rating-fields{margin-bottom:16px}
.nb-timeline table{display:table}
.nb-timeline thead{display:table-header-group}
.nb-timeline tbody{display:table-row-group}
.nb-timeline tr{display:table-row}
.nb-timeline th,.nb-timeline td{display:table-cell}
@media(max-width:600px){.nb-timeline{overflow-x:auto}.nb-timeline table{min-width:520px}}
.nb-dated-notice{background:#fff8e6;border-left:4px solid var(--nb-gold);padding:12px 16px;margin:0 0 22px;font-size:14px;line-height:1.5}

/* Start here */
.nb-start{margin:0 0 30px}
.nb-start-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--nb-maroon);margin:0 0 10px;font-weight:700}
.nb-start ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.nb-start a{display:block;padding:14px 16px;background:#faf7f2;border:1px solid #eee7da;border-top:3px solid var(--nb-gold);text-decoration:none;color:inherit;min-height:44px}
.nb-start a:hover{border-top-color:var(--nb-maroon);background:#fff}
.nb-start strong{display:block;color:var(--nb-maroon);font-size:15px;line-height:1.3}
.nb-start span{display:block;font-size:12.5px;color:#666;margin-top:3px;line-height:1.35}
@media(max-width:700px){.nb-start ul{grid-template-columns:1fr 1fr;gap:8px}.nb-start a{padding:12px}.nb-start strong{font-size:14px}}

/* Mobile: compact join bar (one row, two buttons), sidebar trimmed, bigger tap targets */
@media(max-width:700px){
  .nb-join-bar{flex-direction:row;justify-content:space-between;text-align:left;gap:10px;padding:8px 36px 8px 12px;font-size:12.5px;line-height:1.3}
  .nb-join-bar p{flex:1;min-width:0}
  .nb-join-bar .nb-join-actions{flex:0 0 auto;gap:6px}
  .nb-join-bar .nb-btn{padding:9px 11px;font-size:12px}
  .nb-join-bar .nb-btn-ghost{display:none}
  .nb-join-close{right:2px;padding:8px}
  body{padding-bottom:62px}
  .sidebar .widget_categories,.sidebar .widget_search{display:none}
  .post-tags a,.tags a{padding:8px 12px;font-size:12px}
  .social-icons a,.social-share a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
}
.nb-join-bar .nb-short{display:none}
@media(max-width:700px){.nb-join-bar .nb-long{display:none}.nb-join-bar .nb-short{display:inline}}

/* Contrast: gold (#ffb101) is 1.9:1 on white, fine as an accent, not as text.
   Category labels and links on light backgrounds use a darker gold (5.1:1). */
.post-cat a.category,.post-meta a.category,.cat-labels a,.category-label{color:#8a5f00!important}
.nb-yt,.nb-yt span{color:#333!important}
.nb-yt strong{color:var(--nb-maroon)}