*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#172033;background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%);line-height:1.65}.wrap{width:min(940px,calc(100% - 32px));margin:0 auto}.top{position:sticky;top:0;z-index:5;background:rgba(248,250,252,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,32,51,.08)}.top__row{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:999px;background:#172033;color:#fff;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.02em;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__list{display:flex;align-items:center;justify-content:flex-end;gap:8px;list-style:none;margin:0;padding:0}.nav a,.crumbs a,.rel a,.content a{color:inherit;text-decoration:none}.nav a{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#fff;border:1px solid rgba(23,32,51,.09);box-shadow:0 10px 28px rgba(23,32,51,.05);font-size:18px;transition:transform .18s ease,border-color .18s ease}.nav a:hover{transform:translateY(-2px);border-color:rgba(23,32,51,.28)}.page{padding:28px 0 58px}.crumbs{margin:0 0 14px}.crumbs__ol{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.crumbs__li{display:flex;align-items:center}.crumbs__li:not(:last-child)::after{content:"/";margin-left:8px;color:#9aa6b6}.crumbs a{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(23,32,51,.08);font-size:15px}.card{background:rgba(255,255,255,.9);border:1px solid rgba(23,32,51,.09);border-radius:28px;box-shadow:0 24px 70px rgba(23,32,51,.08);overflow:hidden}.content{padding:clamp(24px,4vw,54px);font-size:18px}.content>*:first-child{margin-top:0}.content>*:last-child{margin-bottom:0}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{line-height:1.15;margin:1.7em 0 .7em;color:#0f172a;letter-spacing:-.03em}.content h1{font-size:clamp(34px,6vw,62px)}.content h2{font-size:clamp(28px,4vw,42px)}.content h3{font-size:clamp(23px,3vw,32px)}.content p,.content ul,.content ol,.content blockquote{margin:0 0 1.15em}.content img{max-width:100%;height:auto;border-radius:18px}.content a{border-bottom:1px solid currentColor;font-weight:700}.content blockquote{padding:18px 22px;border-left:4px solid #172033;background:#f6f8fb;border-radius:0 16px 16px 0}.rel{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto 0}.rel a{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#172033;color:#fff;font-size:18px;box-shadow:0 16px 34px rgba(23,32,51,.16);transition:transform .18s ease,opacity .18s ease}.rel a:hover{transform:translateY(-2px);opacity:.9}@media(max-width:640px){.wrap{width:min(100% - 22px,940px)}.top__row{min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.brand{max-width:100%;min-height:36px}.nav{width:100%}.nav__list{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.page{padding-top:18px}.card{border-radius:22px}.content{font-size:16px;padding:22px}.nav a{width:38px;height:38px}.rel{justify-content:flex-start}}
