/* E500 v0.5 — causal analysis with intentional hierarchy */
:root{--ink:#203a2b;--secondary:#536b56;--line:#dbe6d8;--accent:#31734b}
html{scroll-behavior:smooth}body{background:#fbfdf9;color:var(--ink)}
/* Vietnamese diacritics: avoid heavily tracked italic serif on headings */
.hero-copy h1,.theory-top h2,.transition-lab h2,.value-difference h2,.era-method h2{letter-spacing:-.025em}
.hero-copy h1 em,.theory-top h2 em,.transition-lab h2 em,.value-difference h2 em,.era-method h2 em,.historical-principles h2 em{font-style:normal!important;font-family:inherit!important;letter-spacing:-.03em!important;font-weight:750!important;color:#438a5e!important}
.nav-link,.pill,.choice-chip{font-feature-settings:"kern"}
.transition-lab,.value-difference{margin-top:50px;margin-bottom:45px}
.transition-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.transition-heading>div{max-width:800px}.transition-heading h2,.value-difference h2,.era-method h2{font-size:clamp(27px,3.2vw,43px);line-height:1.2;max-width:990px;color:#203e2c;margin:12px 0 15px}.transition-heading p,.era-method-head p{font-size:14px;max-width:760px;line-height:1.8;color:#49604d;margin:0}.transition-method{font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-align:right;white-space:nowrap;color:#5d795d}.transition-method b{display:block;font-size:12px;letter-spacing:0;color:#31734b;margin-top:5px}
.shift-case-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:thin;padding:0 0 15px}.shift-tab{background:#fff;border:1px solid #d6e5d2;padding:12px 17px;border-radius:9px;color:#446249;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.shift-tab.is-active{background:#327b51;color:white;border-color:#327b51}.shift-tab:focus-visible{outline:3px solid #b0d2a2;outline-offset:2px}
.shift-exhibit{border:1px solid #cbdcc7;background:#fff;border-radius:15px;box-shadow:0 12px 45px rgba(47,83,50,.035);overflow:hidden}.shift-head{display:flex;justify-content:space-between;gap:22px;padding:28px 32px 21px}.shift-head h3{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.025em;line-height:1.2;color:#24412d;margin:12px 0 9px}.shift-head p{max-width:800px;margin:0;color:#54715a;font-size:13px;line-height:1.7}.shift-status{color:#287744;font-weight:850;font-size:10px;letter-spacing:.09em}.shift-status.is-projection{color:#96632c}.shift-years{font-size:13px;color:#547759;white-space:nowrap;font-weight:750}
.shift-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#f1f8ec;border-top:1px solid #d6e4d2;border-bottom:1px solid #d6e4d2}.shift-stage{min-height:162px;padding:20px 17px;border-right:1px solid #d7e4d1;position:relative}.shift-stage:last-child{border-right:0}.shift-stage:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:21px;z-index:1;font-weight:850;background:#e2efd9;border-radius:50%;width:19px;height:19px;line-height:18px;text-align:center;color:#46804e}.shift-stage small{display:block;color:#468552;letter-spacing:.04em;font-weight:850;font-size:10px}.shift-stage strong{display:block;margin-top:12px;font-size:13px;color:#294932;line-height:1.55}.shift-stage:nth-child(3){background:#e6f3de}.shift-stage:nth-child(4){background:#eef8e7}
.shift-foot{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 32px}.shift-foot article{min-width:0}.shift-foot span{font-size:10px;color:#5e805e;font-weight:850;letter-spacing:.07em}.shift-foot p{font-size:13px;color:#546b57;line-height:1.65;margin:8px 0 0}.shift-foot article+article{border-left:1px solid #dce6d9;padding-left:20px}.shift-reading{display:flex;gap:13px;background:#fbf6e9;border-top:1px solid #f0e5ce;padding:16px 32px;font-size:13px;line-height:1.7;color:#654b2c}.shift-reading strong{white-space:nowrap;color:#78552b}
.shift-loop{margin-top:14px;background:#eaf6e6;border:1px solid #d7e8d0;border-radius:12px;padding:20px 24px}.shift-loop-label{color:#39844b;font-size:10px;font-weight:850;letter-spacing:.1em}.shift-loop-track{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0 8px}.shift-loop-track strong{background:white;border:1px solid #d6e8cf;border-radius:7px;padding:11px 10px;text-align:center;color:#325d3e;font-size:11px;flex:1}.shift-loop-track b{color:#598c5a}.shift-loop p{font-size:12px;color:#526d56;line-height:1.7;margin:0}
.value-difference{padding:28px 34px;border:1px solid #d7e8d3;border-radius:15px;background:#fff}.value-difference h2{margin:9px 0 20px}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difference-grid>div{padding:23px 22px;border-radius:11px}.difference-instead{background:#f6f5f0;border:1px solid #e9e6d9}.difference-e500{background:#ebf7e7;border:1px solid #d1e7c8}.difference-grid span{display:block;font-size:10px;color:#6f806b;font-weight:850;letter-spacing:.08em;margin-bottom:10px}.difference-grid strong{display:block;font-size:20px;line-height:1.4;color:#274730}.difference-grid p{font-size:13px;color:#5b705e;line-height:1.8;margin:9px 0 0}.value-proof{font-size:12px;line-height:1.7;color:#665b43;border-left:3px solid #d9b679;margin-top:18px;padding:5px 0 5px 13px}
.era-method{padding:10px 0 36px}.era-method-head p{margin:12px 0 20px}.era-method-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #dce8d7;background:#fff;border-radius:12px;overflow:hidden}.era-method-matrix>div{padding:19px 16px;border-right:1px solid #e2ebdf}.era-method-matrix>div:last-child{border:0}.era-method-matrix b{color:#4d905b;font-family:Georgia,serif;font-size:22px}.era-method-matrix strong{display:block;margin:12px 0 6px;font-size:13px;color:#2b5536}.era-method-matrix span{font-size:12px;line-height:1.6;color:#597261}.era-method-note{font-size:12px;line-height:1.75;background:#f5f9ee;border-left:3px solid #87ab7a;padding:13px 16px;margin:17px 0 0;color:#566957}
/* Smaller visual noise: one FAQ stays open max, others begin closed */
.faq-item summary{font-size:13px}.faq-item .faq-answer{font-size:12px;line-height:1.7}.mechanism-card .mechanism-code{letter-spacing:.06em}.frontier-card .frontier-body{line-height:1.6}
@media(max-width:1000px){.shift-chain,.era-method-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-stage:nth-child(3){border-right:0}.shift-stage:nth-child(4){border-top:1px solid #d7e4d1}.shift-stage:nth-child(5){border-top:1px solid #d7e4d1}.era-method-matrix>div:nth-child(n+4){border-top:1px solid #e2ebdf}.transition-heading{align-items:start}.shift-loop-track{flex-wrap:wrap}}
@media(max-width:700px){.transition-lab,.value-difference{margin-top:28px;margin-bottom:28px}.transition-heading{display:block}.transition-method{display:block;text-align:left;margin-top:14px}.shift-head{padding:19px 17px}.shift-chain{grid-template-columns:1fr}.shift-stage{min-height:auto;padding:14px 20px;border-right:0;border-bottom:1px solid #d7e4d1}.shift-stage:not(:last-child)::after{content:'↓';right:16px;top:auto;bottom:-9px}.shift-stage strong{margin-top:6px}.shift-foot{grid-template-columns:1fr;padding:18px;gap:14px}.shift-foot article+article{border-left:0;border-top:1px solid #dce6d9;padding-left:0;padding-top:14px}.shift-reading{display:block;padding:14px 18px}.shift-reading strong{display:block}.shift-loop{padding:17px}.shift-loop-track{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center}.shift-loop-track strong{min-height:46px}.shift-loop-track b:nth-of-type(2){display:none}.value-difference{padding:21px 16px}.difference-grid{grid-template-columns:1fr}.era-method-matrix{grid-template-columns:1fr 1fr}.era-method-matrix>div{padding:16px}.era-method-matrix>div:nth-child(n+3){border-top:1px solid #e2ebdf}.hero-copy h1{font-size:clamp(33px,9vw,52px)}.theory-top{padding:22px}.theory-index{font-size:48px}}