/* Seneca Treaties & Land Use Research v1.1 — public, no-auth research pages
 * Original site styles © 2026 Golden Eagle Studios LLC, to extent protectable and owned.
 */
:root{--ink:#223039;--navy:#19343f;--navy2:#315460;--muted:#53636a;--gold:#ab8750;--goldp:#eee2cb;--line:#d8ddd9;--paper:#f4f1e9;--white:#fff;--rust:#975e49;--green:#436c58}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.66 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#215779;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
button,input,select{font:inherit}
button{cursor:pointer}
.wrap{max-width:1240px;margin:auto;padding:0 28px}
.masthead{background:var(--navy);color:#fff;border-bottom:4px solid var(--gold)}
.masthead .wrap{padding-top:19px;padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{text-decoration:none;color:white;font-size:11px;letter-spacing:.19em;font-weight:800}
.brand strong{display:block;letter-spacing:-.02em;font:25px Georgia,serif}
.masthead .edition{color:#dfd5bc;font-size:12px}
.site-nav{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #16313a12;border-bottom:1px solid var(--line)}
.site-nav .wrap{display:flex;gap:7px;overflow-x:auto}
.site-nav a{white-space:nowrap;padding:14px 13px;color:#44575d;font-weight:700;text-decoration:none;font-size:13px;border-bottom:3px solid transparent}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--gold)}
.hero{background:linear-gradient(125deg,#17313c 0%,#244c59 59%,#38616a 100%);color:#fff;padding:50px 0 42px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff15;border-radius:50%;right:-140px;top:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff08;pointer-events:none}
.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:11px;color:#e6c994;font-weight:800}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.23}
h1{font-size:clamp(36px,5vw,57px);letter-spacing:-.023em;margin:10px 0 13px}
h2{font-size:27px;margin:32px 0 15px}
h3{font-size:20px;margin:7px 0 10px}
.hero p{max-width:900px;color:#e1e8e7;font-size:17px}
.hero .hero-caption{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.chip{display:inline-block;border:1px solid #bfc8c5;background:#f2f5f2;color:var(--navy);border-radius:999px;font-size:11px;font-weight:800;padding:4px 10px;letter-spacing:.015em}
.chip.gold{background:#f3e8d4;border-color:#d5bd8d;color:#74541f}
.chip.red{background:#f6e8e3;border-color:#d9b5a9;color:#8e4738}
.chip.green{background:#e4f0e8;border-color:#a6ccbb;color:#305f46}
.hero .chip{background:#ffffff19;color:#fff;border-color:#ffffff4d}
main{padding-top:27px;padding-bottom:60px}
.notice{border-left:5px solid var(--gold);background:#fffaf0;padding:17px 19px;margin:16px 0 24px;color:#514d42;box-shadow:0 4px 16px #17333b09}
.notice.warning{border-color:#9d6346}
.section-label{color:#8b6a36;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin:32px 0 7px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.stat{border:1px solid var(--line);background:#fff;padding:17px 20px;border-radius:9px}
.stat b{font:32px Georgia,serif;color:var(--navy)}
.stat span{display:block;color:var(--muted);font-size:12px}
.panel,.work,.entry{border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 8px 25px #17313c0b}
.panel{padding:24px;margin:18px 0}
.panel p:last-child,.work p:last-child{margin-bottom:0}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:17px 0 24px}
.btn{display:inline-block;background:white;border:1px solid #b4c2bf;border-radius:7px;padding:9px 14px;color:#214253;font-weight:750;font-size:13px;text-decoration:none}
.btn:hover,.btn[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.toolbar .info{color:var(--muted);font-size:12px}
.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px}
.section-heading small{color:var(--muted)}
/* Visual chronology */
.chronology{list-style:none;padding:0;margin:34px 0 25px;position:relative}
.chronology:before{content:"";width:4px;position:absolute;background:linear-gradient(to bottom,var(--gold),#819da0 58%,var(--navy));left:calc(50% - 2px);top:0;bottom:0;border-radius:6px}
.event{display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);position:relative;margin:0 0 26px;align-items:start;min-height:138px}
.event[hidden]{display:none!important}
.event .axis{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding-top:28px}
.event .dot{width:19px;height:19px;background:var(--gold);border:4px solid var(--paper);box-shadow:0 0 0 3px var(--gold);border-radius:50%;display:block}
.event[data-kind="law"] .dot{background:#3c7380;box-shadow:0 0 0 3px #3c7380}
.event[data-kind="judicial"] .dot{background:var(--rust);box-shadow:0 0 0 3px var(--rust)}
.event .event-card{grid-row:1;background:white;border-radius:9px;border:1px solid var(--line);padding:20px 22px;box-shadow:0 10px 25px #17313c0c;position:relative;transition:transform .2s,border-color .2s}
.event .event-card:hover{transform:translateY(-3px);border-color:#b5a078}
.event:nth-child(odd) .event-card{grid-column:1}
.event:nth-child(even) .event-card{grid-column:3}
.event .event-card:after{content:"";position:absolute;top:33px;width:10px;height:10px;background:white;transform:rotate(45deg);border-top:1px solid var(--line);border-right:1px solid var(--line)}
.event:nth-child(odd) .event-card:after{right:-6px}
.event:nth-child(even) .event-card:after{left:-6px;transform:rotate(225deg)}
.event .when{font:32px Georgia,serif;color:var(--navy);line-height:1.1}
.event .exact{font-size:11px;font-weight:750;letter-spacing:.08em;color:#69777b;margin:6px 0 9px;text-transform:uppercase}
.event h3{margin:8px 0;font-size:20px}
.event p{color:#516068;margin:0 0 11px;font-size:13px}
.event .foot{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.event .foot a{font-size:12px;font-weight:750}
.timeline-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.timeline-legend span{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}
.swatch{width:10px;height:10px;display:inline-block;border-radius:50%;background:var(--gold)}
.swatch.law{background:#3c7380}.swatch.judicial{background:var(--rust)}
/* Roadmap */
.roadmap-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:stage;margin:24px 0}
.track-card{border-radius:10px;padding:19px;border:1px solid #d8deda;background:white;min-height:182px;position:relative;border-top:5px solid #aeb9bc}
.track-card.done{border-top-color:var(--green)}
.track-card.paused{border-top-color:var(--gold)}
.track-card.future{border-top-color:#afbbc0}
.track-card .sequence{font:28px Georgia,serif;color:#a0abb1}
.track-card h3{font:19px Georgia,serif;margin:8px 0}
.track-card p{font-size:12px;color:var(--muted);margin:0 0 10px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.work{padding:23px;display:flex;flex-direction:column;gap:8px}
.work[hidden]{display:none!important}
.work-head{display:flex;align-items:center;gap:8px;justify-content:space-between}
.work code{font:700 12px ui-monospace,monospace;color:#755624}
.work h3{margin:0}
.work p{margin:0;color:#53636a;font-size:13px;flex:1}
.work ul{margin:3px 0 9px;padding-left:18px;font-size:12px;color:#485a60}
.work .gate{font-size:12px;padding:11px;border-left:3px solid var(--gold);background:#f8f5ec}
.work .sources{font-size:12px;color:var(--muted)}
.work .sources a{font-weight:700}
.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stage{padding:15px 16px;border:1px solid var(--line);background:#fff;border-radius:8px}
.stage .num{font-size:11px;font-weight:800;color:#a07c41}
.stage h3{font:17px Georgia,serif;margin:6px 0}
.stage p{font-size:12px;color:var(--muted);margin:0}
/* Developer log */
.log-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.log-controls input,.log-controls select{background:#fff;color:var(--ink);padding:10px 12px;border:1px solid #afbec0;border-radius:6px}
.log-controls input{flex:2;min-width:230px}.log-controls select{flex:1;min-width:160px}
.log-table-wrap{overflow-x:auto;margin:20px 0;border-radius:10px;border:1px solid var(--line);background:white}
table{width:100%;border-collapse:collapse;min-width:800px;font-size:13px}
th{text-align:left;background:#e7ece8;position:sticky;top:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#435a62}
th,td{padding:15px 13px;border-bottom:1px solid #e5eae7;text-align:left;vertical-align:top}
td:first-child{font-weight:700;white-space:nowrap}
tbody tr:nth-child(even){background:#fcfdfb}
tbody tr[hidden]{display:none!important}
td .sub{color:#667781;font-size:11px;margin-top:5px}
td a{font-weight:750}
.log-meter{display:flex;gap:6px;align-items:center;margin:14px 0}
.log-meter div{height:8px;background:var(--gold);border-radius:3px;flex:1}
.log-meter div.muted{background:#dce4e2}
.state{font-size:12px;font-weight:800}
.state.done{color:var(--green)}.state.paused{color:#906a32}
footer{border-top:1px solid var(--line);background:#fff;color:#506269;padding:25px 0 34px;font-size:12px}
footer p{margin:4px 0}
footer a{color:#365d6f}
@media(max-width:970px){.roadmap-track,.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}}
@media(max-width:700px){.wrap{padding:0 16px}.columns,.stats{grid-template-columns:1fr}.masthead .edition{display:none}.event{grid-template-columns:34px minmax(0,1fr);min-height:0}.chronology:before{left:15px}.event .axis{grid-column:1;grid-row:1;padding-top:23px}.event:nth-child(odd) .event-card,.event:nth-child(even) .event-card{grid-column:2;grid-row:1}.event .event-card:after,.event:nth-child(odd) .event-card:after{right:auto;left:-6px;transform:rotate(225deg)}.event .when{font-size:28px}.roadmap-track,.stage-grid{grid-template-columns:1fr}.hero{padding:38px 0}}
@media print{.site-nav,.toolbar,.log-controls{display:none}.hero{background:#fff;color:#111;padding:5px 0}.hero p{color:#444}.chronology:before{background:#777}.event .event-card,.panel{box-shadow:none}main{padding-top:0}footer{margin-top:15px}}
