:root{--ink:#24211d;--muted:#6f675d;--paper:#fffdf8;--cream:#f5f0e5;--line:#dfd4c1;--saffron:#ad5b16;--saffron2:#d9822b;--green:#276749;--serif:Georgia,"Times New Roman",serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fbf7ee,var(--cream));font:16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--saffron)}nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{font:bold 1.05rem var(--serif);text-decoration:none;color:var(--saffron)}.nav-links{display:flex;gap:.35rem;flex-wrap:wrap}.nav-links a{padding:.45rem .7rem;text-decoration:none;color:var(--muted);font:.72rem var(--mono);border-radius:6px}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff;background:var(--saffron)}main{width:min(1180px,calc(100% - 2rem));margin:auto;padding:3rem 0 5rem}.hero{padding:clamp(1.5rem,5vw,4rem);background:radial-gradient(circle at 85% 20%,#ffe8c9,transparent 35%),var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(64,44,23,.08)}.eyebrow{font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--saffron)}h1,h2,h3{font-family:var(--serif);line-height:1.12}h1{font-size:clamp(2.4rem,7vw,5.6rem);color:var(--saffron);max-width:930px;margin:.6rem 0 1rem}h2{font-size:clamp(1.55rem,3vw,2.25rem)}.lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:850px;color:#484039}.notice{margin:1.25rem 0;padding:1rem 1.2rem;border-left:4px solid var(--saffron2);background:#fff7e8;border-radius:0 8px 8px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1.3rem}.card h2,.card h3{margin-top:0;color:var(--saffron)}.card-link{display:block;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}.card-link:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(72,45,18,.1)}.metric{font:2.2rem var(--serif);color:var(--saffron);display:block}.label{font:.7rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0;position:sticky;top:68px;z-index:5;background:rgba(245,240,229,.96);padding:.8rem 0}.toolbar input,.toolbar select{min-height:45px;padding:.7rem .85rem;border:1px solid #cdbfa8;border-radius:7px;background:#fff;font:inherit}.toolbar input{flex:1;min-width:240px}.records{display:grid;gap:.75rem}.record{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(180px,1fr) minmax(150px,.8fr);gap:1rem;align-items:center}.record h3{margin:0;color:var(--ink)}.record p{margin:.15rem 0;color:var(--muted)}.record a{font:.72rem var(--mono)}table{width:100%;border-collapse:collapse;background:var(--paper);font-size:.9rem}th,td{padding:.7rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#efe5d5;color:#70420e;font:.7rem var(--mono);text-transform:uppercase}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.section{margin-top:3rem}.source-list{font-size:.88rem;color:var(--muted)}.visual{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fffaf0,var(--paper))}.visual h3{margin:.2rem 0 .4rem;color:var(--saffron)}.visual-note{margin:.25rem 0 1rem;color:var(--muted);font-size:.88rem}.flow{display:flex;align-items:stretch;gap:.55rem;overflow-x:auto;padding:.25rem 0 .6rem}.flow-step{flex:1 0 175px;padding:.85rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.flow-step strong{display:block;font-family:var(--serif);color:var(--ink);line-height:1.15}.flow-step span{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.35}.flow-arrow{flex:0 0 auto;align-self:center;color:var(--saffron);font-size:1.35rem;font-weight:700}.lineage{display:grid;gap:.6rem;max-width:900px}.lineage-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.lineage-node{padding:.6rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:700 .78rem var(--mono);color:#5f3910}.lineage-node.active{background:var(--saffron);border-color:var(--saffron);color:#fff}.lineage-join{color:var(--saffron);font-weight:700}.timeline-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.timeline-point{padding:.85rem;border-top:4px solid var(--saffron2);background:var(--paper);border-radius:0 0 8px 8px}.timeline-point b{display:block;color:var(--saffron);font:.76rem var(--mono);letter-spacing:.06em}.timeline-point span{display:block;font-weight:650;line-height:1.25;margin-top:.3rem}.source-flow .flow-step:first-child{border-top:4px solid var(--green)}.source-flow .flow-step:nth-child(2){border-top:4px solid var(--saffron2)}.source-flow .flow-step:last-child{border-top:4px solid #91704c}footer{border-top:1px solid var(--line);padding:2rem;text-align:center;color:var(--muted);font-size:.82rem}@media(max-width:760px){nav{align-items:flex-start;flex-direction:column}.record{grid-template-columns:1fr}.toolbar{top:112px}main{padding-top:1.5rem}.timeline-strip{grid-template-columns:1fr}.flow{padding-bottom:1rem}}
