:root{
  --bg:#f6f4f2;--surface:#ffffff;--ink:#231F20;--muted:#5b5552;--line:#ddd8d4;
  --accent:#A34A08;--orange:#F07F23;--orange-ink:#231F20;--soft:#f7e6d8;--dark:#231F20;--dark-line:#4a4240;--radius:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Public Sans",system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--accent)}a:hover{color:#7d3704}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.mainbar{background:var(--orange);color:var(--orange-ink);font-size:14px;font-weight:500}
.mainbar .wrap{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.mainbar a{color:var(--orange-ink);font-weight:600}
header.site{background:var(--dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 L0 28 L120 12 L220 30 L360 6 L470 28 L600 14 L740 32 L880 8 L1010 28 L1120 16 L1200 30 L1200 40Z' fill='%23332d2e'/%3E%3C/svg%3E") bottom/100% 40px no-repeat;color:#fff;position:sticky;top:0;z-index:20;padding-bottom:14px}
.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.brand{font:700 21px/1.2 system-ui,sans-serif;color:#fff;text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--orange)}.brand small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d8d0cb;margin-left:6px}
header.site nav a{font:500 15px system-ui,sans-serif;margin-left:20px;color:#fff;text-decoration:none}
header.site nav a.btn-sm{background:var(--orange);color:var(--orange-ink);padding:9px 16px;border-radius:999px;font-weight:600}
main{padding:28px 0 64px}
h1{font:700 clamp(30px,5vw,48px)/1.12 Georgia,"Times New Roman",serif;margin:8px 0 12px;letter-spacing:-.01em}
h2{font:700 27px/1.25 Georgia,"Times New Roman",serif;margin:52px 0 12px;scroll-margin-top:90px}
h2::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--orange);margin-bottom:12px}
h3{font:600 18px/1.3 system-ui,sans-serif;margin:0 0 6px}
h3.grouphead{margin:26px 0 8px;color:var(--accent);font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.crumbs{font:14px system-ui,sans-serif;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px}
.meta{font:14px system-ui,sans-serif;color:var(--muted);margin:0 0 18px}
.tldr{background:var(--soft);border-left:4px solid var(--orange);padding:14px 18px;border-radius:var(--radius);font-size:18px}
table.facts{width:100%;border-collapse:collapse;margin:8px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font:15px system-ui,sans-serif}
table.facts th,table.facts td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.facts th{width:36%;color:var(--muted);font-weight:600}
table.facts tr:last-child th,table.facts tr:last-child td{border-bottom:0}
.tablewrap{overflow-x:auto;margin:8px 0}
table.data{width:100%;min-width:560px;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);font:15px system-ui,sans-serif}
table.data th,table.data td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.data thead th{background:var(--dark);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:12px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.card.feature{border:2px solid var(--orange)}
.card a.title{text-decoration:none;color:var(--ink)}.card a.title:hover{color:var(--accent)}
.card p{margin:6px 0 0;font-size:15px;color:var(--muted)}
a.card.link{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--ink);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
a.card.link:hover{border-color:var(--orange);box-shadow:0 8px 20px rgba(35,31,32,.14);transform:translateY(-2px)}
a.card.link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
a.card.link:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.card .ico{width:46px;height:46px;border-radius:12px;background:#fbe3cf;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.card .ico svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card .cta{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;font:600 15px system-ui,sans-serif;color:var(--accent)}
.card .cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
a.card.link:hover .cta svg{transform:translateX(4px)}
a.card.link .tag{margin-bottom:6px}
.tag{display:inline-block;font:600 12px system-ui,sans-serif;background:#fbe3cf;color:#8a3f06;padding:3px 10px;border-radius:999px;margin-bottom:6px}
.hero{background:var(--dark);color:#fff;border-radius:20px;padding:44px 32px;margin:8px 0 24px}
.hero .eyebrow{margin:0 0 12px;font:600 13px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.hero h1{color:#fff;font-family:Georgia,serif;font-size:clamp(34px,6vw,60px)}
.hero p.lead{font-size:20px;color:#d8d0cb;max-width:680px}
.btn{display:inline-block;background:var(--orange);color:var(--orange-ink);padding:11px 20px;border-radius:999px;text-decoration:none;font:600 15px system-ui,sans-serif;margin:0 8px 8px 0}
.btn.ghost{background:transparent;color:#fff;border:1px solid var(--orange)}
details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:8px 0}
summary{cursor:pointer;font:600 16px system-ui,sans-serif}
.era-ancient{--era-bg:#fbe3cf;--era-fg:#8a3f06}
.era-vijay{--era-bg:#f3e8c6;--era-fg:#6b4e0a}
.era-sultan{--era-bg:#e0eadb;--era-fg:#3f5a34}
.era-maratha{--era-bg:#f6d3c5;--era-fg:#9a3412}
.era-mughal{--era-bg:#e8e2db;--era-fg:#4a4240}
.era-colonial{--era-bg:#dde6ee;--era-fg:#2f4a5f}
.era-modern{--era-bg:#d9ece4;--era-fg:#1f5a47}
.tl-intro{margin:6px 0 10px;font:15px system-ui,sans-serif;color:var(--muted)}
.tl-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.tl-chip{background:var(--era-bg);color:var(--era-fg);font:600 13px system-ui,sans-serif;padding:5px 12px;border-radius:999px;text-decoration:none;border:1px solid transparent}
.tl-chip:hover{border-color:var(--era-fg)}
.timeline{list-style:none;margin:8px 0 24px;padding:0}
.tl-item{display:grid;grid-template-columns:170px 28px 1fr;gap:0 14px;position:relative;padding-bottom:20px}
.tl-item::before{content:"";position:absolute;left:calc(170px + 14px + 13px);top:34px;bottom:-4px;width:2px;background:var(--line)}
.tl-item:last-child::before{display:none}
.tl-when{text-align:right;padding-top:10px}
.tl-year{display:block;font:700 17px/1.3 system-ui,sans-serif;color:var(--ink)}
.tl-dot{width:28px;height:28px;border-radius:50%;background:var(--era-bg);border:5px solid var(--era-fg);margin-top:10px;position:relative;z-index:1;box-sizing:border-box}
.tl-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--era-fg);border-radius:12px;padding:14px 18px}
.tl-card p{margin:6px 0 0;font-size:16px}
.tl-who{display:inline-block;background:var(--era-bg);color:var(--era-fg);font:600 13px system-ui,sans-serif;padding:3px 11px;border-radius:999px}
.tl-item:target .tl-card{box-shadow:0 0 0 3px var(--orange)}
@media (max-width:700px){
  .tl-item{grid-template-columns:28px 1fr;gap:0 12px}
  .tl-when{grid-column:2;grid-row:1;text-align:left;padding-top:0;margin-bottom:6px}
  .tl-dot{grid-column:1;grid-row:1;margin-top:0}
  .tl-card{grid-column:2;grid-row:2}
  .tl-item::before{left:13px;top:28px}
}
.sources li{font:15px system-ui,sans-serif;margin:4px 0}
.note{font:14px system-ui,sans-serif;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:12px}
footer.site{background:var(--dark);color:#d8d0cb;padding:28px 0;font:14px system-ui,sans-serif}
footer.site a{color:#fff}
@media (max-width:560px){body{font-size:16px}header.site nav a{margin:0 14px 0 0}.hero{padding:32px 20px}}

.toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 6px;font:14px system-ui,sans-serif}
.toc strong{margin-right:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.toc a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 13px;text-decoration:none;color:var(--ink)}
.toc a:hover{border-color:var(--orange);color:var(--accent)}
main .wrap>p,main .wrap>ul,main .wrap>ol{max-width:68ch}
.tldr{font-family:Georgia,serif;font-size:19px;line-height:1.6}
.card{box-shadow:0 1px 2px rgba(35,31,32,.05)}
html{scroll-behavior:smooth}

.grid.pillars{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
a.card.pillar{padding:24px}.card.pillar h3{font:700 21px/1.25 Georgia,serif}
.planned{padding-left:0;list-style:none;display:grid;gap:8px}
.planned li{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:12px 16px;font:16px system-ui,sans-serif}
.planned li::before{content:"Soon";background:#fbe3cf;color:#8a3f06;font:600 11px system-ui;padding:2px 8px;border-radius:999px;margin-right:10px;text-transform:uppercase;letter-spacing:.06em}
.foot-links{line-height:2}.foot-links a{color:#fff}
header.site nav a{margin-left:16px}

aside.explore{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
aside.explore h2{margin-top:28px;font-size:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--ink);font:15px system-ui,sans-serif}
.chips a:hover{border-color:var(--orange);color:var(--accent)}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.photos img{width:100%;border-radius:12px}.photos figcaption{font:13px system-ui;color:var(--muted)}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand img{height:62px;width:auto;display:block}
.brand small{margin-left:0}
header.site nav a.srch{display:inline-flex;align-items:center;gap:6px}
header.site nav a.srch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sbox{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.sbox input{flex:1 1 280px;min-height:52px;padding:0 20px;border-radius:999px;border:2px solid var(--orange);font:16px system-ui,sans-serif;background:#fff;color:var(--ink)}
.sbox button{min-height:52px;padding:0 28px;border-radius:999px;border:0;background:var(--orange);color:var(--ink);font:600 16px system-ui,sans-serif;cursor:pointer}
#sresults{list-style:none;padding:0;margin:12px 0}
.sres{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:10px 0}
.sres a{text-decoration:none;font-size:18px}.sres p{margin:6px 0 0;font:15px system-ui,sans-serif;color:var(--muted)}
.stag{margin-left:10px;background:#fbe3cf;color:#8a3f06;font:600 12px system-ui;padding:2px 9px;border-radius:999px}
footer.site img.flogo{height:64px;margin-bottom:10px}

.disclaimer{margin:36px 0 8px;padding:16px 18px;background:#FFF3E8;border:1px solid #F2D2B5;border-left:4px solid var(--orange);border-radius:var(--radius);font-size:15px;line-height:1.6}
.disclaimer h2{margin:0 0 6px;font-size:17px}
.disclaimer p{margin:0}

.loctabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.loctabs button{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 15px;color:var(--ink);font:600 15px system-ui,sans-serif;cursor:pointer}
.loctabs button:hover{border-color:var(--orange)}
.loctabs button[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:#231F20}
.loc{display:contents}.loc[hidden]{display:none}
.grid>.loc>.card,.grid .card{content-visibility:auto;contain-intrinsic-size:auto 220px}
.loctabs.sub{margin-top:0;padding-left:12px;border-left:3px solid var(--orange)}.loctabs[hidden]{display:none}