:root { --bg:#031008; --panel:#071d10; --panel-2:#0b2817; --text:#f8fbf5; --muted:#afc4b4; --yellow:#f2b505; --yellow-2:#ffd34d; --line:rgba(242,181,5,.18); --max:1280px; --radius:18px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; overflow-x:hidden; color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.7; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 8% 8%,rgba(21,150,93,.14),transparent 25%),radial-gradient(circle at 90% 20%,rgba(242,181,5,.07),transparent 26%); }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
.ch-container { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; }
.ch-header { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(3,16,8,.92); backdrop-filter:blur(16px); }
.ch-header-inner { width:min(calc(100% - 40px),1400px); min-height:76px; margin-inline:auto; display:flex; align-items:center; gap:24px; }
.ch-logo { flex:0 0 auto; }
.ch-logo img { width:182px; }
.ch-nav { display:flex; align-items:center; justify-content:center; flex:1; gap:6px; }
.ch-nav a { padding:8px 10px; border-radius:9px; color:#d9e8dc; font-size:13px; font-weight:750; text-decoration:none; white-space:nowrap; }
.ch-nav a:hover { color:var(--yellow-2); background:rgba(242,181,5,.09); }
.ch-actions,.ch-hero-actions { display:flex; align-items:center; gap:10px; }
.ch-btn { display:inline-flex; min-height:44px; padding:10px 19px; align-items:center; justify-content:center; border:1px solid #ffc72c; border-radius:12px; color:#171707; background:linear-gradient(180deg,var(--yellow-2),var(--yellow)); box-shadow:0 8px 24px rgba(242,181,5,.15); font-weight:850; line-height:1.15; text-decoration:none; transition:transform .2s ease,filter .2s ease; }
.ch-btn:hover { transform:translateY(-1px); filter:brightness(1.07); }
.ch-btn-ghost { color:#eff9f1; border-color:rgba(255,255,255,.16); background:#0d3822; box-shadow:none; }
.ch-btn-large { min-height:52px; padding-inline:25px; }
.ch-menu-toggle { display:none; width:44px; height:44px; margin-left:auto; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:#0d3822; color:#fff; }
.ch-menu-toggle span { display:block; height:2px; margin:6px; background:currentColor; }
.ch-hero { position:relative; min-height:510px; isolation:isolate; overflow:hidden; border-bottom:1px solid var(--line); background-image:linear-gradient(90deg,rgba(3,16,8,.98) 2%,rgba(3,16,8,.85) 44%,rgba(3,16,8,.28) 78%),var(--hero-image); background-size:cover; background-position:center; }
.ch-hero::after { content:""; position:absolute; inset:auto 0 0; z-index:-1; height:40%; background:linear-gradient(transparent,var(--bg)); }
.ch-hero-inner { width:min(calc(100% - 40px),var(--max)); min-height:510px; margin-inline:auto; display:flex; align-items:center; }
.ch-hero-copy { max-width:710px; padding:72px 0 84px; }
.ch-kicker { display:inline-flex; margin-bottom:18px; padding:7px 11px; border:1px solid rgba(242,181,5,.3); border-radius:999px; color:var(--yellow-2); background:rgba(242,181,5,.08); font-size:13px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
h1,h2,h3 { margin:0; color:#fff; line-height:1.16; text-wrap:balance; }
.ch-hero h1 { max-width:780px; font-size:clamp(38px,5vw,68px); letter-spacing:-.04em; text-shadow:0 10px 30px rgba(0,0,0,.55); }
.ch-hero p { max-width:680px; margin:22px 0 28px; color:#d5e3d8; font-size:clamp(17px,1.5vw,20px); }
.ch-hero-actions span { color:var(--muted); font-size:13px; }
.ch-section { padding:64px 0 84px; }
.ch-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:30px; align-items:start; }
.ch-content { min-width:0; padding:clamp(22px,4vw,46px); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); background:linear-gradient(180deg,rgba(11,40,23,.92),rgba(5,25,13,.94)); box-shadow:0 22px 70px rgba(0,0,0,.28); }
.ch-updated { margin:46px 0 0; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.ch-content>p { margin:0 0 20px; color:#dce8df; }
.ch-content h2 { margin-top:46px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--line); color:var(--yellow-2); font-size:clamp(26px,3vw,34px); scroll-margin-top:100px; }
.ch-content h3 { margin-top:30px; margin-bottom:12px; color:#fff; font-size:22px; scroll-margin-top:100px; }
.ch-content ul,.ch-content ol { margin:0 0 24px; padding-left:24px; color:#dce8df; }
.ch-content li { margin:8px 0; padding-left:3px; }
.ch-content li::marker { color:var(--yellow); font-weight:800; }
.ch-content strong { color:#fff8d9; }
.ch-content a { color:var(--yellow-2); text-decoration-color:rgba(242,181,5,.5); text-decoration-thickness:1px; text-underline-offset:3px; }
.ch-content a:hover { color:#fff3bd; text-decoration-color:currentColor; }
.ch-content table { display:table; width:100%; margin:26px 0 34px; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--line); border-radius:13px; font-size:15px; }
.ch-content th,.ch-content td { padding:13px 15px; border-bottom:1px solid rgba(255,255,255,.07); text-align:left; vertical-align:top; }
.ch-content th { color:#171707; background:var(--yellow); }
.ch-content tr:nth-child(even) td { background:rgba(255,255,255,.025); }
.ch-content tr:last-child td { border-bottom:0; }
.ch-figure { margin:24px 0 30px; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#020b05; }
.ch-figure img { width:100%; aspect-ratio:16/7.35; object-fit:cover; }
.ch-figure figcaption { padding:10px 13px; color:var(--muted); font-size:12px; }
.ch-responsible { margin-top:52px; padding:6px 24px 24px; border:1px solid rgba(242,181,5,.25); border-radius:14px; background:rgba(242,181,5,.055); }
.ch-responsible h2 { font-size:26px; }
.ch-responsible p { margin:0; color:#dce8df; }
.ch-sidebar { position:sticky; top:100px; }
.ch-toc { padding:21px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(7,29,16,.94); box-shadow:0 18px 44px rgba(0,0,0,.22); }
.ch-toc>strong { display:block; margin-bottom:13px; color:var(--yellow-2); font-size:18px; }
.ch-toc nav { display:grid; max-height:58vh; margin-bottom:17px; padding-right:5px; overflow-y:auto; gap:4px; }
.ch-toc nav a { padding:7px 8px; border-radius:8px; color:#c5d8c9; font-size:13px; line-height:1.25; text-decoration:none; }
.ch-toc nav a:hover { color:#fff; background:rgba(242,181,5,.09); }
.ch-toc nav a.sub { margin-left:12px; color:#9eb4a4; }
.ch-toc .ch-btn { width:100%; }
.ch-footer { border-top:1px solid var(--line); background:#020b05; }
.ch-footer-grid { display:grid; grid-template-columns:1.1fr 1fr .8fr; gap:52px; padding-top:46px; padding-bottom:42px; }
.ch-footer-grid img { margin-bottom:18px; }
.ch-footer-grid p { max-width:440px; margin:8px 0 0; color:var(--muted); font-size:14px; }
.ch-footer-grid strong { color:var(--yellow-2); }
.ch-footer-grid nav { display:grid; align-content:start; gap:9px; }
.ch-footer-grid nav a { color:#d8e6db; font-size:14px; text-decoration:none; }
.ch-footer-grid nav a:hover { color:var(--yellow-2); }
.ch-footer-grid .ch-language-switcher { display:flex; align-items:center; gap:12px; margin-top:5px; }
.ch-footer-grid .ch-language-switcher a { display:inline-flex; align-items:center; justify-content:center; width:34px; height:26px; border:1px solid rgba(255,255,255,.12); border-radius:7px; font-size:22px; line-height:1; }
.ch-footer-grid .ch-language-switcher a:hover { border-color:var(--yellow-2); transform:translateY(-1px); }
.ch-footer-bottom { border-top:1px solid rgba(255,255,255,.07); }
.ch-footer-bottom .ch-container { display:flex; justify-content:space-between; gap:20px; padding-block:18px; color:#829b88; font-size:12px; }
@media(max-width:1120px){.ch-header-inner{flex-wrap:wrap;padding-block:12px}.ch-nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.ch-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:820px){.ch-header-inner{gap:12px}.ch-menu-toggle{display:block}.ch-actions{margin-left:auto}.ch-nav{display:none;padding:8px;border-radius:12px;background:#071d10}.ch-nav.ch-is-open{display:grid;grid-template-columns:1fr 1fr}.ch-layout,.ch-footer-grid{grid-template-columns:1fr}.ch-sidebar{position:static}.ch-toc nav{max-height:none}}
@media(max-width:560px){.ch-container,.ch-header-inner,.ch-hero-inner{width:min(calc(100% - 28px),var(--max))}.ch-header-inner{min-height:66px}.ch-logo img{width:145px}.ch-actions .ch-btn-ghost{display:none}.ch-actions .ch-btn{min-height:40px;padding:8px 13px}.ch-hero,.ch-hero-inner{min-height:460px}.ch-hero{background-image:linear-gradient(180deg,rgba(3,16,8,.6),rgba(3,16,8,.96) 72%),var(--hero-image);background-position:62% center}.ch-hero-copy{align-self:end;padding:90px 0 58px}.ch-hero h1{font-size:38px}.ch-hero-actions{align-items:flex-start;flex-direction:column}.ch-section{padding-block:34px 56px}.ch-content{padding:20px 17px;border-radius:14px}.ch-content table{display:block;overflow-x:auto}.ch-content tbody{display:table;min-width:560px;width:100%}.ch-footer-grid{gap:30px}.ch-footer-bottom .ch-container{flex-direction:column;gap:4px}}