/* shared.css — base styles, nav, footer, language switcher */
:root{--bg:#FAFAF8;--text:#1a1a1a;--t2:#555;--t3:#777;--accent:#2c4a6e;--accentL:#e8eef4;--border:#ddd;--borderL:#eee;--serif:Charter,'Bitstream Charter',Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--cw:680px;--nh:56px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--serif);font-size:18px;line-height:1.72;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;animation:fadeIn .4s ease-out}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
::selection{background:var(--accentL);color:var(--accent)}

/* Nav */
nav{position:sticky;top:0;z-index:100;border-bottom:none;backdrop-filter:blur(10px);background:rgba(250,250,248,.85);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ni{max-width:960px;margin:0 auto;padding:0 2rem;height:var(--nh);display:flex;align-items:center;justify-content:space-between}
.nn{font-family:var(--sans);font-weight:600;font-size:15px;color:var(--text);text-decoration:none;letter-spacing:.02em}
.nr{display:flex;align-items:center;gap:1.5rem}
.nl{display:flex;gap:1.5rem;list-style:none}
.nl a,.ls a{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--t2);text-decoration:none;letter-spacing:.03em;text-transform:uppercase;transition:color .25s;cursor:pointer}
.nl a:hover,.ls a:hover{color:var(--accent)}
.ls{display:flex;gap:.25rem;align-items:center;border-left:1px solid var(--borderL);padding-left:1.5rem}
.ls .sp{color:var(--border);font-size:13px;font-family:var(--sans)}
.lb-active{font-weight:700!important;color:var(--text)!important}
.nt{display:none;background:none;border:none;cursor:pointer;padding:4px}
.nt span{display:block;width:20px;height:2px;background:var(--text);margin:4px 0;transition:transform .2s}

/* Footer */
footer{max-width:960px;margin:0 auto;padding:3rem 2rem 2.5rem;border-top:1px solid var(--borderL);text-align:center}
footer p{font-family:var(--sans);font-size:12.5px;color:var(--t3);letter-spacing:.01em}

/* Responsive nav */
@media(max-width:640px){
body{font-size:17px}
.nl{display:none;position:absolute;top:var(--nh);left:0;right:0;flex-direction:column;background:rgba(250,250,248,.97);border-bottom:none;box-shadow:0 4px 12px rgba(0,0,0,.06);padding:1rem 2rem;gap:1rem}
.nl.open{display:flex}.nt{display:block}.ls{border-left:none;padding-left:0}
}