
:root{--bg:#171c1a;--paper:#f0ebdf;--muted:#a9b1a8;--gold:#d5b67c;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.65 Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding:0 5%}header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#171c1af2;z-index:10;backdrop-filter:blur(14px)}nav{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:20px}.brand{text-decoration:none;font:22px Georgia,serif}.brand span{color:var(--gold);margin-right:12px}nav .links{display:flex;gap:28px;font-size:13px}nav .links a{text-decoration:none;color:#d6d9d0}nav .links a:hover{color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;color:var(--gold);font-weight:bold}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding-top:70px;padding-bottom:60px}h1,h2,h3,p{margin-top:0}h1{font:clamp(60px,7vw,96px)/1.02 Georgia,serif;letter-spacing:-4px;margin:26px 0}h1 em{color:var(--gold);font-weight:normal}h2{font:clamp(36px,4.2vw,55px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:16px 0 26px}h3{font:26px/1.25 Georgia,serif}.intro{color:#bbc2b9;max-width:445px;font-size:17px}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-block;padding:13px 22px;background:var(--gold);color:#20251f;text-decoration:none;font-size:13px;font-weight:bold;border:0;cursor:pointer}.textlink{font-size:13px;text-underline-offset:6px}.artifact{position:relative;text-align:center;margin:0}.artifact:before{content:'';position:absolute;inset:5%;border:1px solid var(--line);border-radius:50%;z-index:-1}.artifact img{width:100%;max-width:560px;aspect-ratio:1.25;object-fit:contain;mix-blend-mode:screen;filter:sepia(.25)}figcaption{font-size:11px;color:var(--muted);text-align:left;border-top:1px solid var(--line);padding-top:15px;max-width:400px;margin:20px auto 0}.number{color:var(--gold);font-size:11px;letter-spacing:2px}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:100px}.strip div{padding:0 30px;border-right:1px solid var(--line)}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip strong{display:block;font:26px Georgia,serif}.strip small{color:var(--muted)}section{padding-bottom:105px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.sectionhead p{color:var(--muted);max-width:370px;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:transparent;color:var(--paper);padding:8px 17px;border-radius:25px;font-size:12px;cursor:pointer}.filter.active{background:var(--paper);color:var(--bg)}.tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;align-items:center}input{background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--paper);width:240px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);padding:28px;min-height:270px;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff05,transparent)}.card .type{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}.card p{color:var(--muted);font-size:14px}.card a{font-size:12px;color:var(--gold);margin-top:auto;text-underline-offset:5px}.card h3{font-size:24px}.light{background:var(--paper);color:#282d27;padding:80px 0;margin-bottom:100px}.light .eyebrow{color:#78603c}.reading{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.light p{color:#5d645a;font-size:15px}.steps{display:flex;gap:8px;border-bottom:1px solid #252b2533;padding-bottom:15px}.steps button{border:0;background:transparent;color:#696e62;padding:8px 12px;cursor:pointer;font-size:12px}.steps button.active{background:#252e28;color:#fff}.sample{padding:40px 0 15px;min-height:195px}.sample .display{font:40px Georgia,serif;margin-bottom:16px;color:#4e563f}.sample .explain{font-size:15px}.note{font-size:12px!important;border-top:1px solid #252b2533;padding-top:15px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.era{border-top:1px solid var(--line);padding:26px 24px 0 0;position:relative}.era:before{content:'';width:7px;height:7px;background:var(--gold);border-radius:50%;position:absolute;top:-4px}.era strong{color:var(--gold);font:24px Georgia,serif}.era h3{font-size:21px;margin:16px 0 10px}.era p{font-size:13px;color:var(--muted)}.quote{display:grid;grid-template-columns:.6fr 1.4fr;gap:65px;border-top:1px solid var(--line);padding-top:55px}.quote blockquote{margin:0;font:36px/1.4 Georgia,serif}.quote cite{display:block;font:12px Arial,sans-serif;color:var(--muted);margin-top:22px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:15px}details p{color:var(--muted);font-size:14px;margin:15px 0 0}.sources{border-top:1px solid var(--line);padding-top:60px}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.sources a{font:22px Georgia,serif;text-underline-offset:6px}.sources p{color:var(--muted);font-size:13px;margin-top:17px}footer{padding:25px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between}#empty{padding:35px;color:var(--muted)}@media(max-width:760px){nav .links{gap:14px;font-size:11px}nav .links a:nth-child(3){display:none}.brand{font-size:18px}.hero{grid-template-columns:1fr;padding-top:50px;gap:35px;min-height:0}h1{font-size:65px;letter-spacing:-3px}.artifact img{max-height:330px}.strip{margin-bottom:65px}.strip div{padding:0 12px}.strip strong{font-size:20px}.strip small{font-size:10px}.sectionhead,.tools{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.card{padding:20px}.reading,.faq,.quote{grid-template-columns:1fr;gap:30px}.timeline{grid-template-columns:1fr 1fr;gap:30px}.sources-grid{grid-template-columns:1fr}.quote blockquote{font-size:28px}section{padding-bottom:65px}.light{padding:55px 0;margin-bottom:65px}}@media(max-width:450px){.cards{grid-template-columns:1fr}nav .links{gap:12px}.brand span{display:none}.hero h1{font-size:58px}.strip strong{font-size:17px}.strip div{padding:0 8px}}

@font-face{font-family:Cuneiform;src:url('/library/sumerian/assets/cuneiform.ttf')} .cuneiform{font-family:Cuneiform,serif;font-size:clamp(32px,5vw,64px);line-height:1.8;word-spacing:12px;overflow-wrap:anywhere;color:var(--gold)} .pagehero{padding:70px 0 45px;max-width:850px}.pagehero h1{font-size:clamp(48px,6vw,78px);margin:22px 0}.pagehero p{color:var(--muted);font-size:18px}.subnav{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.subnav a,.chip{border:1px solid var(--line);padding:7px 13px;text-decoration:none;font-size:12px}.article{max-width:820px}.article p{color:#c2c8be}.article h2{font-size:38px;margin-top:48px}.article h3{margin-top:30px}.source{font-size:12px!important;color:var(--gold)!important;margin-top:18px}.source a{color:var(--gold)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{border:1px solid var(--line);padding:30px;background:#ffffff03;margin-bottom:24px}.panel p{color:var(--muted)}.callout{border-left:3px solid var(--gold);padding:20px 25px;background:#d5b67c0a;margin:30px 0}.reader-layout{display:grid;grid-template-columns:260px 1fr;gap:30px}.reader-nav button{display:block;width:100%;text-align:left;padding:18px;border:1px solid var(--line);color:var(--paper);background:transparent;cursor:pointer;margin-bottom:9px;font:18px Georgia}.reader-nav button.active{background:var(--gold);color:var(--bg)}.reader-nav small{display:block;font:11px Arial;margin-top:8px}.reader-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0}select{background:#252d27;color:var(--paper);padding:10px;border:1px solid #6f786a;font:14px Arial}.line{border-top:1px solid var(--line);padding:22px 0}.line .roman{font:22px/1.8 Georgia;color:#dfd6bc}.translation{font:27px/1.6 Georgia}.word{border:0;border-bottom:1px dotted var(--gold);background:transparent;color:inherit;cursor:pointer;font:inherit;padding:3px 5px}.word.on{background:var(--gold);color:#222a22}.definition{padding:15px;background:#ffffff08;min-height:65px;color:#d3d7ce;font-size:14px}.small{font-size:12px!important;color:var(--muted)}.signgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.signcard{text-align:center;border:1px solid var(--line);padding:22px;cursor:pointer;background:transparent;color:var(--paper)}.signcard:hover,.signcard.active{border-color:var(--gold);background:#d5b67c15}.signcard .cuneiform{display:block;font-size:45px}.signcard strong{display:block;font:23px Georgia}.signcard small{color:var(--muted)}.city-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.citybuttons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.citybuttons button{padding:25px;text-align:left;background:transparent;border:1px solid var(--line);color:var(--paper);font:24px Georgia;cursor:pointer}.citybuttons button.active{background:var(--paper);color:var(--bg)}.citybuttons small{display:block;font:11px Arial;letter-spacing:2px;margin-top:8px}.progresslinks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:40px 0}.progresslinks a{padding:25px;border:1px solid var(--line);text-decoration:none;font:25px Georgia}.progresslinks small{display:block;font:12px Arial;color:var(--muted);margin-top:12px}mark{background:#d5b67c;color:#20281f;padding:2px 4px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.reading-time{font-size:12px;color:var(--muted)}nav .links a[aria-current=page]{color:var(--gold)}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px;vertical-align:top}td{color:var(--muted)}.quiz button{margin:8px 8px 8px 0}.quizfeedback{min-height:30px;color:var(--gold)}.hidden{display:none} .skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:var(--paper);color:var(--bg);padding:10px;z-index:100} @media(max-width:900px){nav{flex-direction:column;padding-top:15px;padding-bottom:15px}nav .links{flex-wrap:wrap;justify-content:center;gap:14px}nav .links a:nth-child(3){display:block}.reader-layout{grid-template-columns:1fr}.reader-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reader-nav button{margin:0}.signgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.grid2,.city-layout{grid-template-columns:1fr}.progresslinks{grid-template-columns:1fr}.signgrid{grid-template-columns:1fr 1fr}.pagehero{padding-top:40px}.panel{padding:20px}.translation{font-size:23px}.reader-nav button{font-size:16px;padding:13px}header{position:relative}.timeline{grid-template-columns:1fr}.pagehero h1{letter-spacing:-2px}}
