.dev-main { width: min(100% - 2rem, 64rem); margin: 3rem auto; min-width: 0; }
.dev-main h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.12; }
.dev-main h2 { font-size: clamp(1.4rem, 4vw, 2rem); margin: 2.5rem 0 1rem; }
.dev-main p, .dev-main li { line-height: 1.75; }
.dev-main p { margin: 1rem 0; }
.dev-main ul, .dev-main ol { padding-left: 1.5rem; }
.dev-main a { color: var(--orange-700); text-decoration: underline; overflow-wrap: anywhere; }
.dev-main pre { max-width: 100%; overflow: auto; background: var(--bg-dim); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 1rem; font-size: .875rem; }
.dev-main code { overflow-wrap: anywhere; }
.dev-nav ul { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding: 0; list-style: none; }
.dev-nav a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.dev-main table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.dev-main th, .dev-main td { border-bottom: 1px solid var(--border); padding: .75rem .25rem; text-align: left; overflow-wrap: anywhere; vertical-align: top; }
.dev-main footer { border-top: 1px solid var(--border); margin-top: 3rem; padding-top: 1.5rem; }