/* /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:var(--th-6b4f3a-tx,#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:var(--th-3f4a42-tx,#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:var(--th-1a3c2a-tx,#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:var(--th-ffffff-bg-card,#fff);border:1px solid var(--th-e3dccb-bd-card,#E3DCCB);border-radius:12px;padding:10px;
  text-decoration:none;color:var(--th-1f2a22-tx-card,#1F2A22);box-shadow:0 2px 10px var(--th-0f2419a5-sh-card,rgba(15,36,25,.05));min-width:0}
.azg-card:hover,.azg-card:focus-visible{border-color:var(--th-c8a951-bd-card,#C8A951);box-shadow:0 4px 16px var(--th-0f2419a12-sh-card,rgba(15,36,25,.12))}
.azg-card:focus-visible{outline:3px solid var(--th-c8a951-bd-card,#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:var(--th-e9e2d0-bg,#E9E2D0);border:1px solid var(--th-eee7d6-bd,#EEE7D6)}
.azg-card.is-wide img{object-fit:contain;object-position:center}
.azg-noimg{display:grid;place-items:center;aspect-ratio:4/3;background:var(--th-f5f0e6-bg,#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:var(--th-1a3c2a-tx,#1A3C2A)}
.azg-t small{display:block;font:600 .78rem/1.35 'Noto Sans Devanagari','DM Sans',system-ui,sans-serif;color:var(--th-6b4f3a-tx,#6B4F3A);margin-top:2px}
.azg-u{font-size:.75rem;color:var(--th-5d6b61-tx,#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:var(--th-1f2a22-tx,#1F2A22)}
.jv h2{font-family:'Playfair Display','Noto Sans Devanagari',Georgia,serif;color:var(--th-0f2419-tx,#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:var(--th-6b4f3a-tx,#6B4F3A);margin-top:3px}
.jv p{line-height:1.7;max-width:72ch}
.jv-lede{font-size:1.06rem;color:var(--th-2b3a30-tx,#2b3a30)}
.jv-hi{color:var(--th-6b4f3a-tx,#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:var(--th-1a3c2a-bg,#1A3C2A);color:var(--th-f5f0e6-tx,#F5F0E6);border-radius:100px;padding:6px 12px;font-weight:700;font-size:.9rem}
.jv-areas li.near{background:var(--th-f5f0e6-bg,#F5F0E6);color:var(--th-1a3c2a-tx,#1A3C2A);border:1px solid var(--th-d9cba0-bd,#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:var(--th-ffffff-bg-card,#fff);border:1px solid var(--th-e3dccb-bd-card,#E3DCCB);border-top:4px solid var(--th-c8a951-bd-card,#C8A951);border-radius:12px;padding:14px 16px;min-width:0}
.jv-card h3{font-family:'Playfair Display','Noto Sans Devanagari',Georgia,serif;color:var(--th-1a3c2a-tx,#1A3C2A);font-size:1.12rem;margin:0 0 4px}
.jv-card .k{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--th-6b4f3a-tx,#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:var(--th-ffffff-bg,#fff);border:1px solid var(--th-e3dccb-bd,#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 var(--th-eee7d6-bd,#EEE7D6);vertical-align:top}
.jv-tbl th{background:var(--th-f5f0e6-bg,#F5F0E6);color:var(--th-1a3c2a-tx,#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:var(--th-ffffff-bg,#fff);border:1px solid var(--th-e3dccb-bd,#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:var(--th-1a3c2a-bg,#1A3C2A);color:var(--th-e8d48b-tx,#E8D48B);font-weight:700;display:grid;place-items:center;font-size:.9rem}
.jv-steps b{color:var(--th-1a3c2a-tx,#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:var(--th-c6543f-tx,#C6543F);font-weight:700}
.jv-box{background:var(--th-fbf6e7-bg-card,#FBF6E7);border-left:4px solid var(--th-c8a951-bd-card,#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:var(--th-fbf1ee-bg-card,#FBF1EE);border-left-color:var(--th-c6543f-bd-card,#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:var(--th-ffffff-bg,#fff);border:1px solid var(--th-e3dccb-bd,#E3DCCB);border-radius:10px;padding:10px 12px;color:var(--th-1a3c2a-tx,#1A3C2A);font-weight:600;text-decoration:none}
.jv-read a small{display:block;font-weight:400;color:var(--th-5d6b61-tx,#5D6B61);margin-top:2px}
.jv-disc{font-size:.8rem;color:var(--th-6b6353-tx,#6B6353);border-top:1px solid var(--th-e3dccb-bd,#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))}
}