:root{--ink:#1d2b24;--muted:#56665c;--field:#14532d;--turmeric:#f4a300;--up:#1f7a3a;--bg:#fcfdf9;--soft:#eef3e6;--line:#d3dccb}
@media (prefers-color-scheme:dark){:root{--ink:#e8efe9;--muted:#a3b5a8;--field:#6fcf8d;--turmeric:#f4a300;--up:#6fcf8d;--bg:#111c16;--soft:#1b2b22;--line:#2c4034}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-wrap:anywhere;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font:18px/1.6 "Noto Sans Devanagari","Mukta",system-ui,sans-serif;background:var(--bg);color:var(--ink)}
header{background:linear-gradient(180deg,rgba(6,40,18,.5),rgba(6,40,18,.8)),url(img/bg-field-green.jpg) center 70%/cover;color:#fff;padding:12px 16px 18px;border-bottom:4px solid var(--turmeric)}
.bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;max-width:760px;margin:0 auto}
.logo{height:104px;width:auto;max-width:60%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
h1{max-width:760px;margin:6px auto 0;font-size:1.25rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
button,input,select{font:inherit;color:inherit}
#lang{border:1px solid #fff;background:rgba(0,0,0,.35);color:#fff;border-radius:6px;padding:6px 14px;cursor:pointer}
nav{display:flex;position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line)}
nav button{flex:1;padding:14px 6px;border:0;background:none;cursor:pointer;border-bottom:3px solid transparent}
nav button[aria-selected=true]{border-color:var(--field);font-weight:700;color:var(--field)}
main{max-width:760px;margin:0 auto;padding:16px}
.filters{display:grid;gap:8px;margin-bottom:16px}
input,select{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);width:100%}
select{appearance:none;-webkit-appearance:none;padding-right:40px;text-overflow:ellipsis;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2314532d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/12px 8px}
.item{padding:14px 0;border-bottom:1px solid var(--line)}
.item h3{margin:0 0 4px;font-size:1.05rem}
.item p{margin:0 0 8px;color:var(--muted)}
.btn{display:inline-block;padding:8px 14px;border-radius:6px;background:var(--field);color:var(--bg);text-decoration:none;margin-right:8px;font-weight:600}
.btn.alt{background:none;color:var(--field);border:1px solid var(--field)}
a{color:var(--field)}
header a,footer a{color:#fff}
#srcL{display:flex;flex-wrap:wrap;gap:8px}
#srcL .btn{margin:0}
.chain{border-left:3px solid var(--turmeric);margin:8px 0 20px 8px;padding-left:14px;list-style:none}
.chain li{padding:4px 0}
.chain li+li::before{content:"↓ ";color:var(--muted)}
.note{background:var(--soft);padding:12px;border-radius:6px;font-size:.9rem;color:var(--muted)}
h2{font-size:1.15rem;margin:24px 0 8px;color:var(--field)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.grid div{padding:10px;border:1px solid var(--line);border-radius:6px}
footer{margin-top:24px;padding:20px 16px;text-align:center;font-size:.85rem;color:#fff;background:linear-gradient(rgba(6,40,18,.78),rgba(6,40,18,.85)),url(img/bg-field-green.jpg) center 80%/cover;border-top:4px solid var(--turmeric)}
footer p{max-width:760px;margin:8px auto 0}
.flogo{height:56px;width:auto}
:focus-visible{outline:3px solid var(--turmeric);outline-offset:2px}
.pf{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pf label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:6px}
.pt{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px}
.pt th,.pt td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.pt thead th{background:var(--soft);font-size:.8rem;vertical-align:bottom}
.pt th small{display:block;font-weight:400;color:var(--muted)}
.pt tbody th{text-align:left;white-space:normal;font-weight:600}
.pt thead th:first-child{text-align:left}
.pr.up span{color:var(--up)}.pr.down span{color:#c0392b}.pr.flat span{color:var(--muted)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0}
.pager .btn{margin:0;cursor:pointer}
.pager .btn[disabled]{opacity:.4;cursor:default}
.mk{padding:10px;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer;text-align:left}
.mk[aria-pressed=true]{background:var(--field);color:var(--bg);border-color:var(--field);font-weight:700}
.chip{margin:0 0 8px;color:var(--muted)}
.chip button{border:1px solid var(--line);background:none;border-radius:50%;width:28px;height:28px;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cards.reg{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.hl{display:grid;gap:2px;padding:14px;border:1px solid var(--line);border-left:5px solid var(--turmeric);border-radius:8px;background:var(--soft);color:inherit;text-decoration:none}
.hl .ic{font-size:1.4rem}.hl span:last-child{color:var(--field);font-weight:700;font-size:1.1rem}
.oc{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;background:var(--bg)}
.cards .oc{margin:0}
.oc.main{border-left:5px solid var(--field)}.oc.state{border-left:5px solid var(--turmeric)}
.oc h3{margin:0 0 4px;font-size:1.05rem}
.oc .sub,.oc .addr{margin:0 0 8px;color:var(--muted);font-size:.9rem}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.acts .btn{margin:0;font-size:.9rem;word-break:break-all}
.acts.sm{gap:14px;font-size:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chipb{padding:6px 12px;border:1px solid var(--field);border-radius:999px;background:none;color:var(--field);cursor:pointer}
.chipb:hover{background:var(--soft)}
.chain{list-style:none;margin:8px 0 20px;padding:0;border:0}
.chain li{display:flex;align-items:center;gap:10px;padding:6px 0;position:relative}
.chain li+li::before{content:"";position:absolute;left:13px;top:-14px;height:20px;border-left:2px solid var(--turmeric)}
.chain .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--field);color:var(--bg);display:grid;place-items:center;font-size:.85rem;font-weight:700;z-index:1}
.chain .go{margin-left:auto;padding:4px 10px;border:1px solid var(--field);border-radius:6px;background:none;color:var(--field);cursor:pointer;font-size:.8rem}

/* ---- loading skeleton ---- */
.skel{display:grid;gap:8px;margin:8px 0}
.skel .sk-card{height:84px;border-radius:10px;background:linear-gradient(100deg,var(--soft) 30%,var(--line) 50%,var(--soft) 70%);background-size:200% 100%;animation:sk 1.3s ease-in-out infinite}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel .sk-card{animation:none}}

/* ---- scroll-fade affordance on horizontally-scrollable rows ---- */
nav#tabs,#subtabs,.mkrow,.chips.scroll{position:relative}
.fade-r::after,.fade-l::before{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2}
.fade-r::after{right:0;background:linear-gradient(to right,transparent,var(--bg))}
.fade-l::before{left:0;background:linear-gradient(to left,transparent,var(--bg))}

/* ---- mobile / responsive ---- */
button,.btn,select,input,nav button,.chipb{min-height:44px}
.btn{display:inline-flex;align-items:center}
nav{overflow-x:auto;scrollbar-width:none;z-index:5}
nav button{min-width:max-content;padding-inline:14px}
.mkh{margin:16px 0 4px;color:var(--field);font-size:1rem}
.hint{margin:0 0 8px;font-size:.85rem;color:var(--muted)}
.mkrow{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin:0 -16px 12px;padding-inline:16px;scroll-snap-type:x proximity;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}
.mkrow .mk{flex:none;scroll-snap-align:start;border-radius:999px;padding:8px 16px;white-space:nowrap}
@media (min-width:700px){.mkrow{flex-wrap:wrap;overflow:visible;margin:0 0 12px;padding-inline:0}}
@media (max-width:640px){
  body{font-size:17px}
  header{padding:12px 16px}h1{font-size:1.15rem}
  main{padding:12px 16px}
  .filters.pf{grid-template-columns:1fr 1fr;gap:10px}
  .filters.pf label:first-child{grid-column:1/-1}
  .hl{grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 14px}
  .hl .ic{grid-row:1/3}
  .cards{grid-template-columns:1fr;gap:8px}
  .acts .btn{flex:1 1 auto;justify-content:center}
  .acts.sm a{padding:10px 4px}
  .chain .go{padding:8px 12px}
  .btn{padding:10px 14px}
  /* price table -> stacked cards */
  .tw{border:0;overflow:visible}
  .pt{min-width:0;display:block}
  .pt thead{display:none}
  .pt tbody{display:grid;gap:10px}
  .pt tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg)}
  .pt tbody th{grid-column:1/-1;background:var(--soft);padding:10px 12px;border:0}
  .pt td{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px;border:0;white-space:normal}
  .pt td::before{content:attr(data-l);font-size:.75rem;color:var(--muted)}
  .pt td.pr{grid-column:1/-1;font-size:1.25rem;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}
  .pt td.pr::before{flex-basis:100%}
  .pt td{order:4}.pt td:nth-of-type(1){order:1}.pt td:nth-of-type(5){order:2}.pt td.pr{order:3}
  .pager .btn{flex:1;justify-content:center}
}
@media (max-width:360px){.filters.pf{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media (max-width:640px){.logo{height:84px}h1{font-size:1.1rem}header{padding:10px 16px 14px}.flogo{height:48px}}
@media (max-width:420px){
  .logo{height:64px}
  h1{font-size:1rem;margin-top:4px}
  header{padding:8px 14px 10px}
  .bar{gap:8px}
  .hbtns{gap:6px}
  #lang,.shareBtn{padding:5px 10px;font-size:.82rem}
  main{padding:10px 14px}
}

/* ---- who-to-contact org chart ---- */
#locBtn{margin:0 8px 8px 0;cursor:pointer;border:0}
#locBtn[disabled]{opacity:.6;cursor:default}
#locMsg:empty{display:none}#locMsg{display:inline-block;margin:0 0 8px}
.chipb.on{background:var(--soft);cursor:default;min-height:0;padding:4px 12px}
.br{margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.br>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--field);min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.br>summary::-webkit-details-marker{display:none}
.br>summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.br[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.tree{list-style:none;margin:0;padding:4px 12px 14px 12px}
.tn{position:relative;padding-left:22px;padding-bottom:14px}
.tn::before{content:"";position:absolute;left:7px;top:0;bottom:0;border-left:2px solid var(--turmeric)}
.tn:last-child{padding-bottom:0}.tn:last-child::before{bottom:auto;height:22px}
.tn::after{content:"";position:absolute;left:3px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--turmeric)}
.tn.start::after{background:var(--field);box-shadow:0 0 0 3px var(--soft)}
.tc{border:1px solid var(--line);border-left:5px solid var(--field);border-radius:10px;padding:10px 12px;background:var(--bg)}
.tn.role .tc{border-left-style:dashed;border-left-color:var(--muted)}
.tn.start .tc{background:var(--soft)}
.tc h4{margin:0;font-size:1rem}
.th{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}
.badge{font-size:.75rem;font-weight:700;background:var(--field);color:var(--bg);border-radius:999px;padding:2px 10px}
.tc .sub{margin:2px 0 0;font-weight:600;font-size:.9rem}
.tc .desc{margin:4px 0 6px;color:var(--muted);font-size:.9rem}
.tc .note{margin:6px 0;padding:8px 10px;font-size:.82rem}
.tc .addr{margin:0 0 6px;font-size:.85rem;color:var(--muted)}
@media (max-width:640px){.tree{padding-inline:8px}.tn{padding-left:20px}}

/* ---- farmer's dashboard ---- */
#subtabs{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px 4px;scrollbar-width:none}
#subtabs button{flex:none;padding:8px 16px;border:1px solid var(--field);border-radius:999px;background:none;color:var(--field);cursor:pointer;white-space:nowrap}
#subtabs button[aria-selected=true]{background:var(--field);color:var(--bg);font-weight:700}
.fl{display:grid;gap:4px;font-size:.85rem;color:var(--muted);margin-bottom:8px}
.cards.pc{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.oc.pest{border-left:5px solid var(--turmeric)}.oc.pest.disease{border-left-color:#c0392b}
.oc.pest p{margin:6px 0 0;font-size:.9rem}
.badge.pest{background:var(--turmeric);color:#1d1d1d}.badge.disease{background:#c0392b;color:#fff}
.wbig{display:flex;align-items:center;gap:12px;font-size:1.1rem}.wbig b{font-size:2rem}
.wi{font-size:1.8rem;line-height:1}
.wdays{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.wd{display:grid;gap:2px;justify-items:center;text-align:center;padding:10px 6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:.85rem}
.wd .rn{color:var(--muted);font-size:.8rem}
.wtips{margin:0;padding-left:20px}.wtips li{margin:6px 0}
#wDist{margin:8px 0}
/* Where-to-sell dashboard subtab */
#dsSell .cards{margin:8px 0 16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chips .chipb[disabled]{opacity:.5;cursor:default}
.chips a.chipb{text-decoration:none;display:inline-flex;align-items:center}
.hprice{margin:4px 0;font-size:1.1rem}
.hprice small{font-size:.8rem;font-weight:400;color:var(--muted)}
.oc.bestc{border-color:var(--field);box-shadow:0 0 0 2px var(--soft)}
.srcs{padding-left:20px;margin:0 0 12px}
.subs{display:flex;gap:8px;margin:8px 0}
.subs button{padding:8px 18px;border:1px solid var(--field);border-radius:999px;background:none;color:var(--field);cursor:pointer}
.subs button[aria-selected=true]{background:var(--field);color:var(--bg);font-weight:700}
#hChain .acts{margin-top:4px}

.oc h3 .badge{display:inline-block;margin-top:4px;white-space:normal}

.lanes{display:grid;gap:8px;margin:8px 0 14px}
.lane{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)}
.lane b{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px;letter-spacing:.02em}
.lrow{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:1.6rem}
.lrow i{font-style:normal;color:var(--muted);padding:0 4px}
.lane.direct{border-color:var(--field);background:var(--soft)}
.lane.direct b{color:var(--field)}
.lanes .hint{margin:0}
.journey{margin:6px 0 12px}
.jtrack{position:relative;display:flex;gap:0;overflow-x:auto;padding:10px 4px 14px;scrollbar-width:none}
.jn{position:relative;flex:1 0 56px;display:grid;justify-items:center;gap:2px;border:0;background:none;cursor:pointer;color:var(--muted);min-height:0;padding:0}
.jn::before{content:"";position:absolute;top:24px;left:-50%;width:100%;height:4px;background:var(--line);z-index:0}
.jn:first-child::before{display:none}
.jn.done::before,.jn[aria-selected=true]::before{background:var(--field)}
.jn .ji{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:var(--soft);border:3px solid var(--line);transition:transform .15s}
.jn.done .ji{border-color:var(--field)}
.jn[aria-selected=true] .ji{border-color:var(--field);background:var(--bg);transform:scale(1.2);box-shadow:0 0 0 4px var(--soft)}
.jn.short .ji{border:3px dashed var(--turmeric)}
.jn[aria-selected=true].short .ji{border-style:solid}
.jn small{font-size:.75rem}
.jcard{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-top:5px solid var(--field);border-radius:14px;padding:14px;background:var(--soft);animation:jin .25s ease}
.jcard.short{border-top-color:var(--turmeric)}
.jcard h3{margin:2px 0 4px}.jcard p{margin:0;font-size:.95rem}
.jbig{flex:none;width:64px;height:64px;border-radius:16px;background:var(--bg);display:grid;place-items:center;font-size:2.4rem;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.jstep{font-size:.75rem;font-weight:700;color:var(--field)}
@keyframes jin{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.jcard{animation:none}.jn .ji{transition:none}}
/* org chart */
.ladder{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 12px 6px;padding:10px 12px;border-radius:12px;background:var(--soft)}
.ladder span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);font-size:1.15rem;box-shadow:0 0 0 2px var(--bg)}
.ladder i{font-style:normal;color:var(--muted)}
.ladder em{flex-basis:100%;font-style:normal;font-size:.78rem;color:var(--muted)}
.br>summary .bi{font-size:1.4rem;margin-right:2px}
.br>summary span.bt{flex:1}
.tn{padding-left:44px!important}
.tn::before{left:15px!important;border-left:3px solid var(--c)!important}
.tn::after{display:none}
.tn .lv{position:absolute;left:0;top:6px;width:32px;height:32px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-size:1.1rem;box-shadow:0 0 0 3px var(--bg);z-index:1}
.tc{border-left-color:var(--c)!important}
.tn.role .tc{border-left-color:var(--c)!important}
.th{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.th .lvn{font-size:.7rem;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 8px}
@media (max-width:640px){.tn{padding-left:42px!important}}
.th{justify-content:flex-start}
.th h4{order:2;flex-basis:100%}
.btn[hidden]{display:none}

/* Schemes tab */
.filters.one{display:block}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 8px;padding:0 16px 4px;scrollbar-width:none}
.chips.scroll .chipb{flex:none;white-space:nowrap}
#schLvl{margin-bottom:8px}
.chipb.on{background:var(--field);color:var(--bg);border-color:var(--field);font-weight:700}
.sch{margin:10px 0;border:1px solid var(--line);border-left:5px solid var(--field);border-radius:10px;background:var(--bg)}
.sch.simple{padding:12px 14px}
.sch.simple h3{margin:0 0 4px;font-size:1.05rem}
.sch>summary{cursor:pointer;padding:12px 14px;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:44px}
.sch>summary::-webkit-details-marker{display:none}
.sch>summary::after{content:"";flex:none;width:8px;height:8px;margin-top:8px;border-right:2px solid var(--field);border-bottom:2px solid var(--field);transform:rotate(45deg);transition:transform .15s}
.sch[open]>summary::after{transform:rotate(-135deg);margin-top:12px}
.sch .st{display:grid;gap:4px}
.sch .st b{color:var(--field);font-size:1.02rem;line-height:1.35}
.sb{display:flex;flex-wrap:wrap;gap:6px}
.sbrief{font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sch[open] .sbrief{-webkit-line-clamp:unset;display:block}
.sch .sd{padding:0 14px 14px}
.sch p{margin:4px 0}
.ss{margin:12px 0}
.ss h4{margin:0 0 4px;font-size:1rem;color:var(--field);display:flex;align-items:center;gap:8px}
.rt{font-size:.92rem}
.rt p{margin:4px 0}.rt ol,.rt ul{margin:4px 0;padding-left:22px}.rt li{margin:3px 0}
.rt blockquote{margin:6px 0;padding:6px 10px;border-left:3px solid var(--turmeric);background:var(--soft);border-radius:4px}
.badge.lv-state{background:var(--turmeric);color:#1d2b24}
.badge.lv-central{background:#3b5ea8;color:#fff}
/* Govt videos */
.vframe{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin:8px 0}
.vframe iframe,.vplay{position:absolute;inset:0;width:100%;height:100%;border:0}
.vplay{background-size:cover;background-position:center;cursor:pointer;min-height:0;padding:0;display:grid;place-items:center}
.vplay span{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:1.8rem;display:grid;place-items:center;padding-left:5px}
.vtitle{margin:4px 0}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:8px 0 12px}
.vcard{display:grid;gap:4px;text-align:left;padding:0 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer;overflow:hidden;min-height:0;align-content:start}
.vcard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.vcard .vt{padding:0 10px;font-weight:600;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vcard .vd{padding:0 10px;font-size:.78rem;color:var(--muted)}
.vcard.on{border-color:var(--field);box-shadow:0 0 0 2px var(--soft)}

#srcInfo{max-width:760px;margin:8px auto 0;text-align:left}
#srcInfo summary{cursor:pointer;text-align:center;font-weight:700;text-decoration:underline;min-height:44px;display:flex;align-items:center;justify-content:center}
#srcInfo ul{margin:4px 0 0;padding-left:20px}
#srcInfo li{margin:4px 0}

/* Daily market price */
#dpBox{margin:20px 0}
#dpBox .acts{margin:8px 0}
.dpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:8px 0}
.dpi{border:1px solid var(--line);border-left:5px solid var(--field);border-radius:10px;padding:10px 12px;background:var(--bg)}
.dpi h3{margin:0;font-size:1rem}.dpi h3 small{font-weight:400;color:var(--muted)}
.dpi .sub{margin:2px 0 8px;font-size:.85rem;color:var(--muted);font-weight:400}
.dpp{display:flex;justify-content:space-between;gap:8px;text-align:center}
.dpp span{flex:1;display:grid;gap:2px;padding:6px 4px;border-radius:8px;background:var(--soft)}
.dpp small{font-size:.7rem;color:var(--muted)}
.dpp .m{background:var(--field);color:var(--bg)}.dpp .m small{color:var(--bg);opacity:.85}
#dpDlg{border:1px solid var(--line);border-radius:14px;padding:18px;max-width:min(92vw,420px);background:var(--bg);color:var(--ink)}
#dpDlg::backdrop{background:rgba(0,0,0,.5)}
#dpDlg h3{margin:0 0 6px}#dpDlg label{display:grid;gap:4px;margin:8px 0;font-weight:600}

/* IMD block (weather) */
.ih{margin:14px 0 6px;font-size:1rem;color:var(--field)}
.iwarn{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.iw{flex:1 0 74px;display:grid;justify-items:center;gap:4px;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:center}
.iw b{font-size:.78rem}.iw small{font-size:.72rem;color:var(--muted);line-height:1.2}
.iw .dot{width:26px;height:26px;border-radius:50%;background:var(--wc);box-shadow:0 0 0 3px color-mix(in srgb,var(--wc) 25%,transparent)}
.iwn{margin-top:8px}
.idt{width:100%;border-collapse:collapse;font-size:.88rem;min-width:420px}
.idt th,.idt td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.idt thead th{background:var(--soft);font-size:.78rem}
.idt small{color:var(--muted)}
.ibars{display:flex;gap:4px;align-items:flex-end;height:130px;padding:6px 2px;overflow-x:auto}
.ib{flex:1 0 26px;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:end;gap:2px}
.ib .bar{width:70%;background:#3b82c4;border-radius:4px 4px 0 0;min-height:2px;align-self:end}
.ib small{font-size:.65rem}.ib i{font-style:normal;font-size:.6rem;color:var(--muted)}

/* Share */
.hbtns{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.shareBtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #fff;background:rgba(0,0,0,.35);color:#fff;border-radius:6px;padding:6px 14px;cursor:pointer;font-weight:600}
.shareFoot{margin:10px auto 0;background:var(--turmeric);color:#1d2b24;border-color:var(--turmeric)}
#shDlg{border:1px solid var(--line);border-radius:14px;padding:18px;width:min(92vw,380px);background:var(--bg);color:var(--ink)}
#shDlg::backdrop{background:rgba(0,0,0,.5)}
#shDlg h3{margin:0 0 10px}
.shl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shl .btn{margin:0;justify-content:center;text-align:center}
.dpi.avg{border-left-color:var(--turmeric)}
.dpold{color:#b45309;font-weight:600}
/* shared location (loc.js): header pill + picker dialog */
.locbar{max-width:760px;margin:8px auto 0}
.locb{min-height:36px;padding:6px 12px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,0,0,.28);color:#fff;font:inherit;font-size:.9rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.locb:hover{background:rgba(0,0,0,.42)}
.locc{margin-left:6px;color:var(--turmeric);font-weight:700;text-decoration:underline}
#locDlg{max-width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:18px}
#locDlg h3{margin:0 0 10px}
#locDlg label{display:grid;gap:4px;margin:12px 0}
#locDlg select{width:100%}
#locDlg::backdrop{background:rgba(0,0,0,.45)}
.mpbars{display:grid;gap:6px;margin:8px 0 16px}
.mpb{display:grid;grid-template-columns:minmax(80px,30%) 1fr auto;align-items:center;gap:8px;font-size:.9rem}
.mpl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpt{background:var(--line);border-radius:4px;height:14px;overflow:hidden}
.mpt i{display:block;height:100%;background:var(--accent,#2e7d32);border-radius:4px}