@font-face{font-family:"Helvetica Neue Local";src:url("/HelveticaNeueThin.woff") format("woff");font-weight:200;font-display:swap}
@font-face{font-family:"Helvetica Neue Local";src:url("/HelveticaNeueLight.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Helvetica Neue Local";src:url("/HelveticaNeueRoman.woff") format("woff");font-weight:400;font-display:swap}
:root{--orange:#ff681f;--grey:#666;--text:#333;--line:#b8b8b8}
*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--text);font-family:"Helvetica Neue Local","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300}
.page{max-width:1440px;margin:auto;padding:28px 40px}.head{display:flex;align-items:flex-end;justify-content:space-between;min-height:130px;border-bottom:.5px solid var(--line)}
.logo{width:300px;max-width:55%;height:auto}.head-right{text-align:right}.section-name{margin:0 0 18px;color:var(--orange);font-size:27px;font-weight:200;letter-spacing:.06em}
.langs{display:flex;justify-content:flex-end;gap:4px}.langs a{width:17px;height:17px;background:#d9d9d9;color:#fff;font:9px/17px Arial;text-align:center;text-decoration:none}.langs a.active,.langs a:hover{background:var(--orange)}
.intro{padding:48px 0 36px}.intro h1{margin:0;color:var(--grey);font-size:38px;font-weight:300}.intro p{margin:8px 0 0 15px;color:#8c8c8c;font-size:19px;font-weight:200}
.grid{display:grid;grid-template-columns:1fr 4fr 2fr;gap:28px;border-top:.5px solid #ddd;padding-top:42px}.content{grid-column:2;line-height:1.6}.content h2{margin:36px 0 8px;color:var(--orange);font-size:22px;font-weight:300}.content h2:first-child{margin-top:0}.content p,.content li{font-size:17px}.content a{color:var(--orange)}
.aside{grid-column:3;border-left:.5px solid #ddd;padding-left:28px;color:#777;line-height:1.55}.footer{margin-top:54px;min-height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--grey);color:#fff;font-size:11px}.footer nav{display:flex;gap:20px}.footer a{color:#fff;text-decoration:none}
@media(max-width:760px){.page{padding:20px}.head{min-height:90px}.logo{width:220px}.section-name{font-size:18px}.intro{padding:30px 0}.intro h1{font-size:29px}.grid{grid-template-columns:1fr}.content,.aside{grid-column:1}.aside{border-left:0;border-top:.5px solid #ddd;padding:22px 0 0}.footer{padding:14px;gap:10px;flex-direction:column}.footer nav{gap:12px;flex-wrap:wrap;justify-content:center}}