/* Shared by every built page (sheet pages, guides, legal pages): the footer, breadcrumbs and the sheet-page pieces. */

/* Footer: the same look as the home page footer (landing.css), so both match. */
.lpl-footer { background: #fff; border-top: 1px solid #e2e8f0; padding: 3rem 0 0; margin-top: 3rem; }
.lpl-footer-note { font-size: .95rem; color: #475569; margin: .75rem 0 0; max-width: 24rem; }
.lpl-foot-head { font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #0f172a; margin: 0 0 .6rem; }
.lpl-foot-links { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.lpl-foot-links li { margin-bottom: .35rem; }
.lpl-foot-links a { color: #334155; text-decoration: none; }
.lpl-foot-links a:hover { color: #c2410c; text-decoration: underline; }
.lpl-foot-bottom { border-top: 1px solid #e2e8f0; margin-top: 1.5rem; padding: 1.25rem 0 2rem; font-size: .85rem; color: #64748b; }
.lpl-foot-bottom p { margin: 0 0 .35rem; }
/* The grid gutter is kept inside the columns, so the footer never runs past the phone width. */
.lpl-footer .row { margin-left: 0; margin-right: 0; }
.lpl-footer .row > [class*="col-"] { min-width: 0; padding-left: 0; padding-right: 1rem; }

/* Breadcrumbs: Home › Guides › title */
.lp-crumbs { font-size: .9rem; color: #64748b; margin: 2rem 0 .5rem; }
.lp-crumbs-wide { max-width: none; }  /* the Guides index is full width, so its crumbs line up with the heading */
.lp-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: .25rem; padding: 0; margin: 0; }
.lp-crumbs li + li::before { content: "›"; margin-right: .35rem; color: #94a3b8; }
.lp-crumbs a { color: #475569; text-decoration: none; }
.lp-crumbs a:hover { color: #c2410c; text-decoration: underline; }

/* Sheet pages: the drawing of the sheet and the measurements table. */
.lp-diagram { background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: 12px; }
.lp-diagram svg { width: 100%; height: auto; display: block; }
.lp-spec th { width: 45%; color: var(--tblr-secondary); font-weight: 500; }
.lp-code-chip { font-weight: 700; }

/* Grid rows in the page body (sheet pages) keep their gutters inside the page, so nothing runs past a phone's width. */
.page-body .row { margin-left: 0; margin-right: 0; }

/* A 16px gutter on each side of the content on phones. */
@media (max-width: 575.98px) {
  .container-xl { padding-left: 1rem; padding-right: 1rem; }
}