@font-face { font-family: Inter; src: url('../salon/fonts/inter-latin.woff2') format('woff2'); font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; background: #f7f5f1; color: #25231f; font: 400 1rem/1.65 Inter, system-ui, sans-serif; }
a { color: #765e38; text-underline-offset: .2em; }
.reference-header { display: flex; justify-content: space-between; align-items: center; max-width: 70rem; margin: auto; padding: 1.5rem 2rem; border-bottom: 1px solid #d5cebf; }
.reference-brand { font-family: Georgia, serif; font-size: 1.5rem; letter-spacing: .3em; text-decoration: none; color: #25231f; }
nav { display: flex; gap: 1.25rem; }
.reference-main { max-width: 70rem; margin: auto; padding: 2rem; }
h1 { margin: 0 0 1rem; font-family: Georgia, serif; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; }
h2 { margin-top: 0; font-size: 1.25rem; }
.reference-intro { font-size: 1.2rem; max-width: 52rem; }
.reference-servers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
section { margin-bottom: 2rem; padding: 1.5rem; border: 1px solid #d5cebf; background: #fff; }
code { font-size: .9rem; overflow-wrap: anywhere; }
table { width: 100%; border-collapse: collapse; font-size: .9rem; }
td, th { text-align: left; padding: .7rem .5rem; border-bottom: 1px solid #e8e2d8; overflow-wrap: anywhere; }
td:first-child, th:first-child { padding-left: 0; }
@media (max-width: 640px) { .reference-header, .reference-main { padding: 1rem; } .reference-servers { grid-template-columns: 1fr; } section { padding: 1rem; } }