*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#172b4d;font:16px/1.9 Cairo,Tahoma,Arial,sans-serif}a{color:#2458c7;text-decoration:none}a:hover{text-decoration:underline}header{background:#fff;border-bottom:1px solid #dfe6f2}header nav{max-width:1200px;margin:auto;padding:18px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.brand{font-size:22px;font-weight:900;color:#102c55}.tag{color:#687892;font-size:13px}.shell{max-width:1200px;margin:32px auto;padding:0 24px}.hero{background:linear-gradient(125deg,#102b54,#3154be);border-radius:22px;padding:36px;color:white}.hero h1{font-size:34px;line-height:1.5;margin:6px 0}.hero p{max-width:760px;color:#e1e9ff}.layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;margin-top:24px}.panel,article,.section{background:white;border:1px solid #dfe6f2;border-radius:18px;padding:26px;min-width:0}.panel{align-self:start;position:sticky;top:20px;font-size:14px}.panel ol{padding-right:22px}.panel li{padding:4px}.panel a[aria-current=page]{font-weight:800;color:#123c8f}h2{font-size:24px;margin-top:0}h3{font-size:19px}.section{margin:24px 0}.topic-list{list-style:none;padding:0;margin:0}.topic-list li{border-top:1px solid #edf0f7}.topic-list a{display:block;padding:16px 4px;font-weight:700}.num{display:inline-grid;place-items:center;background:#eef3ff;border-radius:8px;width:34px;margin-left:12px}article li{padding:9px 0}article ol{padding-right:25px}.callout{background:#eff5ff;border-right:4px solid #416ce3;padding:18px;border-radius:10px;margin:24px 0}.example{background:#f5f8fb;padding:18px;border-radius:10px}.pager{display:flex;justify-content:space-between;gap:12px;margin-top:28px;flex-wrap:wrap}.pager a{border:1px solid #d7e2f4;padding:12px 16px;border-radius:10px;background:#fff}.crumb{font-size:14px;margin-bottom:20px}.search{width:100%;padding:15px;font:inherit;border:1px solid #d4def0;border-radius:12px;margin-top:22px}footer{text-align:center;padding:32px;color:#69768c;font-size:13px}.empty{padding:15px;color:#65738b}[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.panel{position:static}.hero{padding:24px}.hero h1{font-size:27px}.shell{padding:0 16px}.panel details summary{cursor:pointer}}@media print{header,.panel,.pager,.search{display:none}.layout{display:block}.hero{background:white;color:#172b4d}.hero p{color:#172b4d}body{background:white}}