/* Page alignment and name-link styling come from the shared style.css. */
code.command, pre, .table-scroll, .screenshot { box-sizing: border-box; }
article h1 { font-size: 2em; line-height: 1.2; margin: 0 0 20px; }
article h2 { font-size: 1.5em; line-height: 1.3; margin: 42px 0 16px; }
article h3 { font-size: 1.2em; line-height: 1.4; margin: 30px 0 12px; }
article > p:first-of-type { color: #505050; font-size: .9em; }
p { margin: 16px 0; }
li { margin: 10px 0; }
ul, ol { padding-left: 1.35em; }
a:focus-visible, .table-scroll:focus-visible { outline: 3px solid #194d79; outline-offset: 4px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82em; background: #f2f3f4; border-radius: 3px; padding: 2px 4px; }
code.command, pre { display: block; max-width: 100%; overflow-x: auto; white-space: pre; background: #f4f5f6; border: 1px solid #d5d8dc; border-radius: 5px; padding: 14px; margin: 14px 0; line-height: 1.6; }
pre code { padding: 0; background: none; }
.table-scroll { max-width: 100%; overflow-x: auto; margin: 22px 0; }
table { width: 100%; border-collapse: collapse; font-size: .88em; }
th, td { text-align: left; white-space: nowrap; border-bottom: 1px solid #d5d8dc; padding: 9px 12px; }
th { background: #f4f5f6; }
.screenshot { display: block; position: relative; overflow: hidden; width: 100%; margin: 24px 0; background: #000; border: 1px solid #d5d8dc; border-radius: 4px; }
.screenshot img { display: block; position: absolute; max-width: none; height: auto; }
@media (max-width: 480px) { article h1 { font-size: 1.7em; } article h2 { font-size: 1.35em; } th, td { padding: 8px; } }
@media print { body { max-width: none; padding: 0; } .screenshot { break-inside: avoid; } h2, h3 { break-after: avoid; } code.command { white-space: pre-wrap; overflow-wrap: anywhere; } }