.reference-intro,.reference-guide,.reference-method,.reference-sources{padding:clamp(58px,7vw,88px) max(24px,calc((100vw - var(--max)) / 2))}.reference-intro{background:linear-gradient(150deg,var(--paper) 30%,var(--surface-tint))}.reference-intro h1{max-width:900px;margin:0;font:700 clamp(36px,5.5vw,64px) / 1.08 var(--display);letter-spacing:-.05em}.reference-intro>p:not(.kicker){max-width:790px;color:var(--muted);font-size:17px}.reference-intro nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.reference-intro nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:var(--radius-control);border:1px solid var(--line-strong);background:var(--surface);font-size:16px;font-weight:700}.reference-guide{background:var(--surface-2)}.reference-list{display:grid;gap:12px}.reference-list details{scroll-margin-top:100px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.reference-list summary{display:grid;grid-template-columns:50px minmax(0,1fr) 44px;gap:12px;align-items:center;min-height:96px;padding:18px 22px;cursor:pointer;list-style:none}.reference-list summary::-webkit-details-marker{display:none}.reference-list summary>span{color:var(--red);font:600 16px var(--display)}.reference-list h3{margin:0;font:700 27px var(--display)}.reference-list summary p{margin:3px 0 0;color:var(--muted)}.reference-list summary i{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;transition:transform var(--motion-panel) var(--ease-enter),background-color var(--motion-fast) ease-out;font-style:normal;font-size:20px}.reference-list details[open] summary i{transform:rotate(45deg)}.reference-columns{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:40px;margin:0 22px 0 84px;padding:0 0 28px}.reference-columns h4{margin:0 0 8px;font-size:14px;letter-spacing:0;text-transform:none}.reference-columns p,.reference-columns li{color:var(--muted);font-size:16px}.reference-columns ul{margin:0;padding-left:17px}.reference-method{color:var(--ink);background:var(--surface-tint);scroll-margin-top:90px}.reference-method>div:first-child{max-width:800px}.reference-method h2,.reference-sources h2{margin:0;font:700 clamp(34px,4vw,51px) / 1.08 var(--display);letter-spacing:-.035em}.reference-method .kicker{color:var(--brand)}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.method-grid article{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.method-grid article>span{color:var(--brand);font-size:14px}.method-grid h3{font:700 19px var(--display)}.method-grid p{color:var(--muted);font-size:16px}.reference-sources{display:grid;grid-template-columns:1fr 1fr;gap:8vw;scroll-margin-top:90px}.reference-sources>div>p:last-child{color:var(--muted)}.reference-sources ul{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.reference-sources li{border-bottom:1px solid var(--line)}.reference-sources a{display:grid;grid-template-columns:1fr auto;gap:6px;border-radius:var(--radius-control);min-height:64px;padding:16px}.reference-sources a:hover{background:var(--surface-2)}.reference-sources strong,.reference-sources span{display:block}.reference-sources strong{font-size:16px}.reference-sources span{color:var(--muted);font-size:14px}.reference-sources i{grid-row:1 / 3;grid-column:2;color:var(--red);font-style:normal}@media(max-width:860px){.reference-columns{grid-template-columns:1fr 1fr}.reference-sources,.method-grid{grid-template-columns:1fr}}@media(max-width:640px){.reference-intro,.reference-guide,.reference-method,.reference-sources{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.reference-list summary{grid-template-columns:34px minmax(0,1fr) 44px;padding-inline:14px}.reference-list h3{font-size:23px}.reference-columns{grid-template-columns:1fr;gap:18px;margin-inline:48px 18px}}.reference-intro nav a,.reference-sources a,.reference-list summary{transition:background-color var(--motion-fast) ease-out,color var(--motion-fast) ease-out}.reference-intro nav a:hover,.reference-list summary:hover{background:var(--surface-tint)}.reference-list summary{border-radius:var(--radius)}.reference-list details[open] summary i{background:var(--surface-tint)}.reference-columns li+li{margin-top:8px}@media(prefers-reduced-motion:no-preference){.reference-intro>*{animation:csi-arrive var(--motion-enter) var(--ease-enter) both}.reference-list details[open] .reference-columns{animation:csi-arrive var(--motion-page) var(--ease-enter)}}