:root{--bg:#f5f2eb;--paper:#fffdf8;--ink:#203c38;--muted:#586963;--line:#d8dfd6;--accent:#a34b2e;--serif:Georgia,'Times New Roman',serif;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b65430;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.05rem}p, h1,h2,h3,a,button,output{overflow-wrap:anywhere}nav,main,.hero,footer{width:min(1360px,calc(100% - 80px));margin-inline:auto}#site-header{background:#173e37;color:#f8f3e6}nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px;border-bottom:1px solid #ffffff30}nav a{text-decoration:none;font-size:.88rem;padding-block:12px}nav>div{display:flex;gap:28px}.brand{font-weight:700;letter-spacing:.15em}.hero{padding-block:64px 48px}.eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.17em;margin-bottom:16px;color:var(--accent)}.hero .eyebrow{color:#dfb986}.intro{max-width:510px;font-size:1.1rem;margin-top:26px;color:#dce5dc}.hero-link{display:inline-flex;gap:50px;margin-top:28px;border-bottom:1px solid #d4af7a;padding:8px 0;text-decoration:none}.coverage{font-size:.78rem;color:#c0d1c7;margin-top:36px}section{padding-block:48px;scroll-margin-top:20px;border-bottom:1px solid var(--line)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.section-header>p{max-width:340px;color:var(--muted);font-size:.9rem}.explorer{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:28px;align-items:start}#timeline-container{max-height:750px;overflow:auto;padding:4px 12px 4px 4px;scrollbar-color:#8a9c91 transparent}.dynasty-option{width:100%;text-align:left;padding:16px 18px;background:transparent;border:1px solid var(--line);border-radius:6px;margin-bottom:8px;color:var(--ink);display:block}.dynasty-option:hover{background:#e9eee5}.dynasty-option[aria-pressed=true]{background:var(--ink);color:#fffdf6;border-color:var(--ink)}.dynasty-option strong{display:block;font-size:.95rem}.dynasty-option .dates{display:block;font-size:.8rem;margin-top:4px}.mini-track{display:block;height:3px;background:#a8b9a63d;margin-top:12px}.mini-track span{display:block;height:100%;background:var(--color);min-width:3px;margin-left:var(--offset);width:var(--length)}#dynasty-detail{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px}.detail-top{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}#detail-title{font-size:clamp(1.8rem,3vw,2.7rem)}.persian{font-family:'Noto Sans Arabic',Tahoma,sans-serif;letter-spacing:normal;line-height:2;font-size:1.25rem;margin-top:12px;text-align:left}.detail-dates{color:var(--muted);margin-top:12px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.history-list{list-style:none;padding:0;margin:12px 0 0}.history-list li{padding:14px 0;border-top:1px solid var(--line)}.history-list a{font-size:.9rem;text-decoration-thickness:1px}.history-list time{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}.detail-map{display:inline-block;margin-top:18px;color:var(--accent)}.map-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden}#territory-map{height:clamp(300px,48vw,520px);background:#dfe7df;z-index:0}.map-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) minmax(180px,1fr);align-items:center;gap:24px;padding:20px;background:var(--paper)}#play-btn{min-height:44px;min-width:95px;border:0;border-radius:4px;background:var(--ink);color:white;padding:10px 18px}#time-slider{width:100%;min-width:0;accent-color:var(--accent);height:44px}#slider-label{font-size:.9rem;line-height:1.5;white-space:normal}.note{font-size:.8rem;color:var(--muted);margin-top:14px}#empire-chart-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px}.duration-row{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr) 85px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.duration-row:last-child{border:0}.duration-name{font-size:.9rem}.duration-track{height:12px;background:#eef0e8;border-radius:2px}.duration-fill{height:100%;min-width:3px;width:var(--length);background:var(--color);border-radius:2px}.duration-value{text-align:right;font-size:.85rem;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;font-size:.78rem;color:var(--muted)}#app-status{padding-top:24px}#app-status:empty{display:none}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:9999;background:white;padding:12px;color:var(--ink)}@media(min-width:1000px){#dynasty-detail{position:sticky;top:24px}}@media(max-width:760px){nav,main,.hero,footer{width:calc(100% - 36px)}nav{gap:12px;flex-wrap:wrap;padding-block:15px;min-height:76px}nav>div{gap:18px}.brand{font-size:.8rem}.hero{padding-block:42px 32px}.section-header{display:block}.section-header>p{margin-top:16px;max-width:none}section{padding-block:32px}.explorer{grid-template-columns:1fr;gap:18px}#timeline-container{max-height:285px}#dynasty-detail{padding:22px}.detail-columns{gap:22px}.map-controls{grid-template-columns:auto 1fr;gap:12px;padding:16px}#slider-label{grid-column:2;grid-row:1}#time-slider{grid-column:1/-1;grid-row:2}#empire-chart-panel{padding:18px}.duration-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-block:14px}.duration-track{grid-column:1/-1;grid-row:auto;order:3}.duration-value{min-width:75px}footer{flex-direction:column;gap:4px}}@media(max-width:420px){.detail-columns{grid-template-columns:1fr}nav>div{gap:14px}nav a{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Historical context and visible source provenance. */
.item-date{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}.item-note{font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:10px}.source-link{display:block;font-size:.75rem!important;margin-top:8px;color:var(--accent);overflow-wrap:anywhere}.map-status{padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:6px;margin-top:16px;font-size:.85rem;line-height:1.6}.map-status p{margin-top:6px}.map-status a{display:inline-block;margin-top:8px;color:var(--accent)}.map-status[data-state=unavailable]{border-left:4px solid var(--accent)}.comparison-note{margin:0 0 20px}.duration-row{grid-template-columns:minmax(160px,240px) minmax(0,1fr) 120px}.duration-value{overflow-wrap:normal}@media(max-width:760px){.duration-row{grid-template-columns:minmax(0,1fr) minmax(75px,120px)}}
.snapshot-control{padding:16px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.snapshot-control label{display:block;font-size:.85rem;font-weight:600;margin-bottom:7px}.snapshot-control select{display:block;width:100%;max-width:600px;min-height:44px;padding:8px 12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid #82968c;border-radius:4px}.snapshot-control p{font-size:.78rem;color:var(--muted);margin-top:8px}.snapshot-control select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.map-stage{position:relative}.map-empty{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));max-height:calc(100% - 24px);overflow:auto;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 24px #173e3733;font-size:.85rem}.map-empty[hidden]{display:none}.map-empty p{margin:10px 0}.map-empty button{min-height:44px;background:var(--ink);color:white;border:0;border-radius:4px;padding:10px 14px}