
:root{--ink:#142019;--muted:#5b665f;--bg:#f6f7f3;--card:#ffffff;--line:#dfe5df;--accent:#1c6b45;--accent2:#124a30;--warn:#fff8df;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:var(--accent2)}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:auto;padding:0 22px}.top{background:#10251a;color:white;font-size:.9rem}.top .wrap{padding-top:9px;padding-bottom:9px}.nav{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.logo{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-.02em}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--ink);font-weight:650;font-size:.95rem}.hero{padding:68px 0 42px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.35rem,6vw,4.6rem);line-height:1.03;margin:.18em 0 .25em;letter-spacing:-.045em}h2{font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.025em;margin-top:2rem}h3{line-height:1.25}.lead{font-size:1.15rem;color:#34423a;max-width:780px}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(20,32,25,.04)}.panel strong{display:block;font-size:1.05rem}.cta{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:800;margin-top:10px}.cta:hover{background:var(--accent2)}.cta.secondary{background:white;color:var(--accent2);border:1px solid var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.section{padding:38px 0}.section.alt{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kicker{font-weight:800;color:var(--accent)}.tag{display:inline-block;padding:5px 9px;background:#e9f2ec;border-radius:999px;font-size:.8rem;font-weight:750;margin:3px 4px 3px 0}.notice{background:var(--warn);border:1px solid #eadca4;padding:16px 18px;border-radius:12px}.breadcrumb{font-size:.9rem;color:var(--muted);padding-top:22px}.breadcrumb a{color:var(--muted)}main article{max-width:850px}.toc{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.toc a{text-decoration:none}.list-clean{padding-left:20px}.footer{margin-top:50px;background:#10251a;color:#dce9e0;padding:40px 0}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.small{font-size:.88rem;color:var(--muted)}.footer .small{color:#b9c9bf}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf3ee}.status{font-weight:800}.status.ok{color:#17673e}.status.todo{color:#8a5b08}@media(max-width:800px){.hero-grid,.grid,.grid.two,.footer-grid{grid-template-columns:1fr}.nav .wrap{align-items:flex-start;padding-top:14px;padding-bottom:14px}.navlinks{gap:10px}.hero{padding-top:42px}}

.phase-image{max-width:700px;margin:28px auto 34px;padding:0 22px;text-align:center}
.phase-image img{display:block;width:100%;max-width:700px;height:auto;margin:0 auto;border-radius:16px;box-shadow:0 12px 34px rgba(20,32,25,.12)}

.lang-select{margin-left:auto}.lang-select select{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 30px 9px 11px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}html[dir="rtl"] body{text-align:right}html[dir="rtl"] .nav .wrap,html[dir="rtl"] .footer-grid{direction:rtl}html[dir="rtl"] .navlinks{direction:rtl}html[dir="rtl"] .lang-select{margin-left:0;margin-right:auto}html[dir="rtl"] .list-clean{padding-left:0;padding-right:20px}html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}@media(max-width:800px){.lang-select{width:100%}.lang-select select{width:100%}}
