:root{
  --bg:#f4f1ea;--surface:#fbfaf7;--ink:#202421;--muted:#6f746f;--line:#ddd9d1;
  --accent:#4f7069;--accent-soft:#e8f0ed;--shadow:0 20px 60px rgba(28,32,29,.08);
  --font-display:"Segoe UI Variable Display","Segoe UI Variable","SF Pro Display","Aptos Display","Segoe UI",sans-serif;
  --font-text:"Segoe UI Variable Text","Segoe UI Variable","SF Pro Text","Aptos","Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:var(--font-text);background:radial-gradient(circle at 15% -10%,rgba(79,112,105,.10),transparent 32%),var(--bg);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:inherit}
.info-shell{width:min(860px,calc(100% - 30px));margin:0 auto;padding:18px 0 48px}
.info-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 18px}
.info-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--font-display);font-weight:720;letter-spacing:-.025em}
.info-mark{position:relative;width:34px;height:34px;border-radius:12px;background:var(--ink);display:grid;place-items:center}
.info-mark:before{content:"";position:absolute;width:22px;height:9px;border:1px solid rgba(255,255,255,.68);border-radius:50%;transform:rotate(-20deg)}
.info-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(8px,-5px)}
.info-back{text-decoration:none;color:var(--muted);font-size:12px;font-weight:650}
.info-back:hover{color:var(--accent)}
.info-frame{background:rgba(251,250,247,.92);border:1px solid rgba(221,217,209,.9);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.info-main{padding:clamp(30px,6vw,64px)}
.info-eyebrow{color:var(--accent);font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em}
h1{font-size:clamp(42px,7vw,68px);line-height:1;margin:14px 0 20px;font-weight:670}
h2{font-size:24px;margin:0 0 8px;font-weight:650}
h3{font-size:17px;margin:0 0 5px;font-weight:650}
.info-lead{font-size:18px;line-height:1.62;color:#4d5752;max-width:680px;margin:0}
.info-stack{display:grid;gap:14px;margin-top:34px}
.info-card{padding:20px 21px;border:1px solid rgba(221,217,209,.82);border-radius:18px;background:rgba(255,253,250,.72)}
.info-card p{margin:0;color:#5d6661;font-size:14px}
.info-card ul{margin:10px 0 0;padding-left:19px;color:#5d6661;font-size:14px}
.info-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(221,217,209,.72);color:#7b827e;font-size:12px}
.info-date{font-variant-numeric:tabular-nums}
.info-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 3px 0;color:#929995;font-size:11.5px}
.info-footer nav{display:flex;gap:13px;flex-wrap:wrap}
.info-footer a{text-decoration:none}.info-footer a:hover{color:#68736e}
.change-entry{padding:22px 0;border-top:1px solid rgba(221,217,209,.74)}
.change-entry:first-child{border-top:0;padding-top:0}
.change-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.change-version{color:var(--accent);font-weight:800;font-size:12px}
.change-date{color:#929995;font-size:11px}
.change-entry ul{margin:8px 0 0;padding-left:20px;color:#5d6661;font-size:14px}
.change-entry li+li{margin-top:5px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.principle{padding:18px;border:1px solid rgba(221,217,209,.82);border-radius:17px;background:rgba(255,253,250,.66)}
.principle strong{display:block;font-family:var(--font-display);margin-bottom:6px}.principle span{color:#66706b;font-size:13px}
@media(max-width:700px){.info-shell{width:min(100% - 18px,860px);padding-top:8px}.info-frame{border-radius:22px}.info-main{padding:30px 20px 36px}.principles{grid-template-columns:1fr}.info-footer{align-items:flex-start;flex-direction:column}h1{font-size:44px}}