.reference-main{background:#f6f9fd;padding:2.2rem 0 4rem}.reference-heading{max-width:65rem;margin-bottom:1.7rem}.reference-eyebrow{font-size:.8rem;color:#627691;letter-spacing:.09em;font-weight:700;margin:0 0 .6rem}.reference-heading h1{font-size:clamp(2rem,4vw,3rem);color:#0a1f45;letter-spacing:-.035em;line-height:1.15;margin:0 0 .7rem}.reference-heading p{color:#60738c;max-width:48rem;margin:0}.reference-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;align-items:start}.reference-side{position:sticky;top:1rem;background:#fff;border:1px solid #dce6f2;border-radius:10px;padding:1rem}.reference-side h2{font-size:.82rem;letter-spacing:.04em;color:#52627c;margin:.1rem .55rem .6rem}.reference-side a{display:block;padding:.48rem .55rem;border-radius:6px;color:#435975;font-size:.86rem}.reference-side a:hover{background:#edf4ff;color:#0755ef}.reference-content{min-width:0}.reference-block{background:#fff;border:1px solid #dce6f2;border-radius:10px;padding:1.7rem;margin-bottom:1rem;box-shadow:0 8px 28px rgba(25,58,103,.035);scroll-margin-top:1rem}.reference-block h2{font-size:1.45rem;color:#0b2045;margin:0 0 .65rem}.reference-block h3{font-size:1.02rem;color:#102b54;margin:1.1rem 0 .3rem}.reference-block p,.reference-block li{font-size:.93rem;color:#4c607b}.reference-block p{margin:.45rem 0 .8rem}.reference-block ul{margin:.45rem 0 .75rem;padding-left:1.2rem}.reference-block li{margin:.3rem 0}.reference-block a:not(.reference-tool){color:#0755ef;text-decoration:underline;text-underline-offset:.18em}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.1rem}.reference-mini{background:#f4f8fd;border:1px solid #e5edf6;border-radius:8px;padding:1rem}.reference-mini h3{margin:0 0 .35rem}.reference-mini p{font-size:.86rem;margin:0}.reference-equation{background:#eef5ff;border-left:3px solid #0755ef;border-radius:4px;color:#132d55;font:600 1.02rem/1.6 ui-monospace,Consolas,monospace;padding:.85rem 1rem;overflow-wrap:anywhere;margin:1rem 0}.reference-note{background:#fff8ef;border:1px solid #f0dcc5;border-radius:7px;padding:.9rem 1rem}.reference-note p{margin:0;color:#69513c;font-size:.87rem}.reference-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.reference-tool{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.85rem 1rem;border:1px solid #dae5f2;border-radius:7px;color:#193456;font-size:.9rem;font-weight:600}.reference-tool:hover{border-color:#99b9ec;background:#f6faff;color:#0755ef}.reference-tool span:last-child{color:#0755ef}.reference-ad{margin:1rem 0}.reference-block:target{border-color:#93b7ed}.reference-muted{color:#52627c!important;font-size:.84rem!important}
@media(max-width:800px){.reference-layout{grid-template-columns:1fr}.reference-side{position:static}.reference-side nav{display:flex;flex-wrap:wrap;gap:.2rem}.reference-side a{padding:.4rem .55rem}.reference-grid{grid-template-columns:1fr}.reference-heading h1{font-size:2rem}}
@media(max-width:600px){.reference-main{padding:1.6rem 0 2.5rem}.reference-block{padding:1.2rem}.reference-links{grid-template-columns:1fr}.reference-block h2{font-size:1.25rem}}
