.product-reference { margin:0; background:#fbfdff; color:#19334d; font-family:Inter,Arial,sans-serif; }
.product-reference * { box-sizing:border-box; }
.product-reference > .skip-link { position:absolute; top:12px; left:16px; z-index:1000; padding:10px 14px; border:2px solid #1768ba; background:#fff; transform:translateY(-180%); }
.product-reference > .skip-link:focus { transform:translateY(0); }
.reference-shell { width:calc(100% - 48px); max-width:1160px; margin:auto; }
.reference-hero { padding:56px 0 42px; border-bottom:1px solid #dce6f1; background:linear-gradient(125deg,#f4f9ff,#fff 72%); }
.reference-crumbs { display:flex; gap:12px; margin:0 0 28px; font-size:13px; }
.reference-kicker { color:#1768ba; text-transform:uppercase; font-size:12px; font-weight:750; letter-spacing:.13em; }
.reference-hero h1 { margin:14px 0 18px; max-width:850px; font-size:clamp(36px,5vw,60px); line-height:1.07; letter-spacing:-.055em; color:#0c263f; }
.reference-intro { max-width:760px; margin:0; font-size:18px; line-height:1.8; color:#415b74; }
.reference-meta { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:25px; font-size:12px; color:#566b7f; }
.reference-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:48px; padding-top:40px; padding-bottom:64px; }
.reference-toc { align-self:start; position:sticky; top:92px; border-top:3px solid #246cb8; padding-top:16px; display:grid; gap:13px; font-size:13px; line-height:1.5; }
.reference-toc strong { margin-bottom:6px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#61768a; }
.product-reference a { color:#075eb8; text-underline-offset:4px; }
.reference-toc a { text-decoration:none; color:#3d566c; }
.reference-toc a:hover { color:#075eb8; text-decoration:underline; }
.reference-content { min-width:0; }
.reference-content section { margin:0 0 46px; scroll-margin-top:92px; }
.reference-content h2 { margin:0 0 18px; color:#102d48; font-size:28px; line-height:1.25; letter-spacing:-.035em; }
.reference-content h3 { margin:0 0 12px; font-size:19px; color:#143859; line-height:1.4; }
.reference-content p,.reference-content li { font-size:15px; line-height:1.85; }
.reference-content p { margin:12px 0; }
.reference-content ul,.reference-content ol { padding-left:22px; }
.reference-summary { padding:26px; border:1px solid #cddff1; border-left:4px solid #2675c5; background:#f2f8ff; border-radius:4px 12px 12px 4px; }
.reference-summary p { margin:0; font-size:16px; }
.reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
.reference-card { padding:24px; background:#fff; border:1px solid #dbe5ef; border-radius:12px; min-width:0; }
.reference-card p:last-child { margin-bottom:0; }
.reference-access { display:inline-block; padding:5px 9px; margin-bottom:13px; border-radius:5px; background:#e8f3ff; color:#1c5f99; font-size:11px; font-weight:700; }
.reference-table-scroll { width:100%; overflow-x:auto; border:1px solid #d9e5f1; border-radius:10px; margin:18px 0; }
.reference-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.7; background:#fff; }
.reference-table th,.reference-table td { padding:17px 18px; vertical-align:top; border-bottom:1px solid #e0e8f0; min-width:170px; }
.reference-table thead { background:#edf4fc; }
.reference-table th { color:#183f63; font-weight:700; }
.reference-table tr:last-child > * { border-bottom:0; }
.reference-files { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.reference-files a { display:inline-flex; align-items:center; min-height:42px; padding:9px 14px; border:1px solid #c5d9ed; border-radius:7px; background:#fff; font-size:13px; font-weight:650; text-decoration:none; }
.reference-files a:hover { background:#edf6ff; }
.reference-questions article { margin:24px 0; padding-bottom:20px; border-bottom:1px solid #dce6ef; }
.reference-questions article:last-child { border:0; padding:0; }
.reference-questions h3 { font-size:17px; }
.reference-source-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; padding-left:20px; }
.reference-content a:focus-visible,.reference-toc a:focus-visible { outline:2px solid #2073bd; outline-offset:4px; }
@media(max-width:820px) { .reference-layout { grid-template-columns:minmax(0,1fr); gap:30px; } .reference-toc { position:static; display:flex; flex-wrap:wrap; gap:10px 18px; } .reference-toc strong { width:100%; } }
@media(max-width:580px) { .reference-shell { width:calc(100% - 32px); } .reference-hero { padding:38px 0 30px; } .reference-intro { font-size:16px; } .reference-layout { padding-top:28px; } .reference-grid,.reference-source-list { grid-template-columns:minmax(0,1fr); } .reference-content h2 { font-size:24px; } .reference-card,.reference-summary { padding:20px; } }