/* Engineering guides: separate reading pages using the site's colour tokens. */
.site-primary-navigation { flex-wrap: wrap; row-gap: 8px; }
.calculator-guide-link { margin-top: 20px; font-size: 0.94rem; color: var(--muted-text, #b2aca2); }
.guide-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.9rem;
    margin-bottom: 1.4rem;
}
.guide-breadcrumb a { font-weight: 600; }
.guide-meta { color: var(--muted-text, #b2aca2); font-size: 0.92rem; }
.guide-meta a { color: var(--primary, #55b7c1); }
.guide-reading-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    grid-template-areas: "article toc";
    align-items: start;
    gap: clamp(24px, 4vw, 54px);
    max-width: 1120px;
}
.guide-article { grid-area: article; min-width: 0; font-size: 1.04rem; }
.guide-article section { margin-block: 2.8rem; scroll-margin-top: 160px; }
.guide-article h2 { line-height: 1.3; font-size: clamp(1.35rem, 2.3vw, 1.8rem); }
.guide-article p, .guide-article li, .guide-article dd { line-height: 1.8; }
.guide-article a { text-underline-offset: 0.16em; }
.guide-toc {
    grid-area: toc;
    position: sticky;
    top: 110px;
    padding: 20px;
    border: 1px solid var(--border, #3a3f41);
    border-radius: var(--radius, 18px);
    background: var(--surface, #202324);
}
.guide-toc h2 { margin: 0 0 12px; font-size: 1.05rem; }
.guide-toc ol { padding-left: 1.2rem; margin: 0; }
.guide-toc li + li { margin-top: 0.6rem; }
.guide-toc a { font-size: 0.94rem; }
.guide-takeaway, .guide-note, .guide-tool-step {
    padding: clamp(18px, 3vw, 26px);
    border: 1px solid var(--border, #3a3f41);
    border-radius: var(--radius, 18px);
    background: var(--surface, #202324);
}
.guide-takeaway { border-left: 4px solid var(--primary, #55b7c1); }
.guide-takeaway > strong { color: var(--primary, #55b7c1); }
.guide-takeaway p, .guide-note p { margin-bottom: 0; }
.guide-figure { margin: 2rem 0; }
.guide-drawing-scroll { width: 100%; max-width: 100%; overflow-x: auto; }
.guide-figure img { display: block; width: 100%; height: auto; border-radius: 14px; }
.guide-figure figcaption { margin-top: 12px; color: var(--muted-text, #b2aca2); font-size: 0.88rem; line-height: 1.65; }
.guide-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid var(--border, #3a3f41); border-radius: 12px; }
.guide-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 0.91rem; font-variant-numeric: tabular-nums; }
.guide-table caption { text-align: left; padding: 14px; font-weight: 650; color: var(--text, #e8e6e3); background: var(--surface, #202324); }
.guide-table th, .guide-table td { padding: 12px; border-top: 1px solid var(--border, #3a3f41); text-align: left; vertical-align: top; }
.guide-table thead th { background: var(--surface, #202324); }
.guide-table tbody td { white-space: nowrap; }
.guide-table tbody tr:nth-child(even) { background: var(--surface, #202324); }
.guide-table-scroll:focus-visible, .guide-drawing-scroll:focus-visible, .guide-toc a:focus-visible { outline: 2px solid var(--primary, #55b7c1); outline-offset: 3px; }
.guide-definitions dt { font-weight: 750; margin-top: 1.1rem; }
.guide-definitions dd { margin: 0.25rem 0 0; }
.guide-steps { padding-left: 1.4rem; }
.guide-steps li + li { margin-top: 0.55rem; }
.guide-sources { border-top: 1px solid var(--border, #3a3f41); padding-top: 1.3rem; }
.guide-sources ol { padding-left: 1.4rem; }
.guide-sources li { margin-bottom: 1rem; scroll-margin-top: 160px; }
.guide-sources li span { color: var(--muted-text, #b2aca2); font-size: 0.94rem; }
.guide-library { max-width: 920px; }
.guide-library-card + .guide-library-card { margin-top: 24px; }
.guide-library-card h2 { margin-top: 0; font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.35; }
.guide-library-card h2 a { color: var(--text, #e8e6e3); text-decoration: none; }
.guide-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 20px; }
.guide-library > .guide-meta { margin-top: 32px; }
@media (max-width: 940px) {
    .guide-reading-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "toc" "article"; max-width: 780px; }
    .guide-toc { position: static; }
    .guide-toc ol { columns: 2; column-gap: 28px; }
    .guide-toc li { break-inside: avoid; }
}
@media (max-width: 520px) {
    .guide-toc ol { columns: 1; }
    .guide-article { font-size: 1rem; }
    .guide-figure img { min-width: 560px; }
    .guide-article section, .guide-sources li { scroll-margin-top: 190px; }
}
@media print {
    .guide-toc, .guide-related, .guide-tool-step .button { display: none; }
    .guide-reading-layout { display: block; }
    .guide-table-scroll { overflow: visible; }
    .guide-table { min-width: 0; font-size: 0.8rem; }
}