/* Guides, device pages and the FAQ: legal.css plus code, tables and the calm list. Same panel, type and colours. */
pre{margin:0 0 16px;padding:16px 18px;overflow-x:auto;background:var(--hz);color:#e8eae5;font:400 14px/1.55 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
code{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.92em}
p code,li code,td code,dd code{background:#e4e5e0;padding:1px 5px}
.table{overflow-x:auto;margin:0 0 16px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-weight:700}
td.num,th.num{text-align:right;white-space:nowrap}
tr.total td{font-weight:700;border-bottom:0}
.calm{margin:0 0 16px}
.calm>div{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:4px 20px;padding:10px 0;border-bottom:1px solid var(--rule)}
.calm>div:last-child{border-bottom:0}
.calm dt{font-weight:700}
.calm dd{margin:0}
.next{margin-top:28px}
.next .btn{margin-right:12px}
details{border-bottom:1px solid var(--rule);padding:10px 0}
details>summary{cursor:pointer;font-weight:700;min-height:28px}
details>p{margin:8px 0 4px}
@media (max-width:599px){.calm>div{grid-template-columns:1fr}}

.render{margin:24px 0 8px}
.render img{display:block;width:100%;height:auto}
.render figcaption{font-size:14px;color:var(--ink-2);margin-top:6px}