/* /guides/ and /guides/<short>/ — the AgriZameen guides (L81, 9 Oct 2026).
   Loaded after /assets/nnc/nnc.css: the guide pages use the New Nawa Colony
   page's viewer, sheet and buttons, and this file adds only what differs —
   16:9 slides beside A4 pages, the guide cards, the hub grid.
   Brand tokens: forest #1A3C2A / deep #0F2419, gold #C8A951, cream #F5F0E6,
   earth #6B4F3A, alert red #C6543F. */
.azg .nnc-head h1{max-width:30ch}
.azg-hi{display:block;font:600 .62em/1.35 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:#6B4F3A;margin-top:4px}
.azg-intro{max-width:72ch}

/* 16:9 slides: the page box is as wide as the viewer, as tall as the slide */
.nnc-pg.is-wide>a{width:min(100%,calc(var(--nnc-ph) * 1.7784))}
.nnc-pg.is-wide img{width:100%;aspect-ratio:700/394}
.nnc-viewer.is-deck{--nnc-ph:max(220px,min(60vh,calc(100vh - 260px)))}
.nnc-thumbs.is-deck a{width:80px;height:45px}

.azg-inside{margin:10px 0 0;padding-left:20px;color:#3F4A42;line-height:1.6;font-size:.92rem}
.azg-inside li{margin:3px 0}
.azg .nnc-side .nnc-btn.ghost{margin-top:8px}
.azg .nnc-side ul a{color:#1A3C2A;font-weight:600}
.azg-skip{margin-top:8px}

/* Guide cards — the hub and the strip under each guide */
.azg-more{margin-top:30px}
.azg-more h2{font-size:1.25rem;margin:0 0 10px}
.azg-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.azg-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #E3DCCB;border-radius:12px;padding:10px;
  text-decoration:none;color:#1F2A22;box-shadow:0 2px 10px rgba(15,36,25,.05);min-width:0}
.azg-card:hover,.azg-card:focus-visible{border-color:#C8A951;box-shadow:0 4px 16px rgba(15,36,25,.12)}
.azg-card:focus-visible{outline:3px solid #C8A951;outline-offset:2px}
/* one box shape for every card: an A4 cover shows its top (the title), a 16:9 slide shows whole */
.azg-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:6px;background:#E9E2D0;border:1px solid #EEE7D6}
.azg-card.is-wide img{object-fit:contain;object-position:center}
.azg-noimg{display:grid;place-items:center;aspect-ratio:4/3;background:#F5F0E6;border-radius:6px;font-size:2rem}
.azg-grid{align-items:start}
.azg-t{font:700 .95rem/1.3 'Playfair Display','Noto Sans Devanagari',Georgia,serif;color:#1A3C2A}
.azg-t small{display:block;font:600 .78rem/1.35 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:#6B4F3A;margin-top:2px}
.azg-u{font-size:.74rem;color:#5D6B61}
@media (min-width:640px){ .azg-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1000px){
  .azg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .nnc-viewer.is-deck{--nnc-ph:max(240px,min(62vh,calc(100vh - 250px)))}
}

/* /joint-development/ */
.jv{max-width:1080px;margin:0 auto;padding:6px 16px 54px;font-family:'DM Sans','Noto Sans Devanagari',system-ui,sans-serif;color:#1F2A22}
.jv h2{font-family:'Playfair Display','Noto Sans Devanagari',Georgia,serif;color:#0F2419;font-size:1.45rem;line-height:1.25;margin:34px 0 4px}
.jv h2 .hi{display:block;font:600 .66em/1.4 'Noto Sans Devanagari','DM Sans',sans-serif;color:#6B4F3A;margin-top:3px}
.jv p{line-height:1.7;max-width:72ch}
.jv-lede{font-size:1.06rem;color:#2b3a30}
.jv-hi{color:#6B4F3A;font-weight:600}
.jv-areas{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding:0;list-style:none}
.jv-areas li{background:#1A3C2A;color:#F5F0E6;border-radius:100px;padding:6px 12px;font-weight:700;font-size:.9rem}
.jv-areas li.near{background:#F5F0E6;color:#1A3C2A;border:1px solid #D9CBA0}
.jv-areas a{color:inherit;text-decoration:none}
.jv-three{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:14px}
.jv-card{background:#fff;border:1px solid #E3DCCB;border-top:4px solid #C8A951;border-radius:12px;padding:14px 16px;min-width:0}
.jv-card h3{font-family:'Playfair Display','Noto Sans Devanagari',Georgia,serif;color:#1A3C2A;font-size:1.12rem;margin:0 0 4px}
.jv-card .k{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6B4F3A;margin:0 0 4px}
.jv-card p{margin:6px 0 0;font-size:.94rem}
.jv-card ul{margin:8px 0 0;padding-left:18px;font-size:.92rem;line-height:1.6}
.jv-tbl{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border:1px solid #E3DCCB;border-radius:12px;overflow:hidden}
.jv-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 0}
.jv-tbl th,.jv-tbl td{text-align:left;padding:9px 11px;border-bottom:1px solid #EEE7D6;vertical-align:top}
.jv-tbl th{background:#F5F0E6;color:#1A3C2A;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.jv-steps{counter-reset:s;list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.jv-steps li{position:relative;background:#fff;border:1px solid #E3DCCB;border-radius:12px;padding:12px 14px 12px 54px;line-height:1.6;font-size:.94rem}
.jv-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;
  background:#1A3C2A;color:#E8D48B;font-weight:700;display:grid;place-items:center;font-size:.9rem}
.jv-steps b{color:#1A3C2A}
.jv-list{margin:10px 0 0;padding-left:20px;line-height:1.7;max-width:72ch}
.jv-no{list-style:none;padding:0}
.jv-no li{padding-left:24px;position:relative}
.jv-no li:before{content:"✕";position:absolute;left:0;color:#C6543F;font-weight:700}
.jv-box{background:#FBF6E7;border-left:4px solid #C8A951;border-radius:0 12px 12px 0;padding:12px 15px;margin:18px 0;max-width:72ch;line-height:1.65;font-size:.94rem}
.jv-box.warn{background:#FBF1EE;border-left-color:#C6543F}
.jv-cta{display:grid;gap:10px;margin:16px 0 0;max-width:640px}
.jv-cta .nnc-btn{margin:0}
.jv-read{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);margin:12px 0 0;padding:0;list-style:none}
.jv-read a{display:block;background:#fff;border:1px solid #E3DCCB;border-radius:10px;padding:10px 12px;color:#1A3C2A;font-weight:600;text-decoration:none}
.jv-read a small{display:block;font-weight:400;color:#5D6B61;margin-top:2px}
.jv-disc{font-size:.8rem;color:#6B6353;border-top:1px solid #E3DCCB;margin:28px 0 0;padding-top:12px;line-height:1.6}
@media (min-width:760px){
  .jv-three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jv-cta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jv-read{grid-template-columns:repeat(2,minmax(0,1fr))}
}