/* Cross-Section Properties Calculator — blueprint canvas */

.blueprint-wrap {
    position: relative;
    width: 100%;
    border: 1px solid #2a4f86;
    border-radius: 8px;
    overflow: hidden;
    background: #0b2545;
}

#sectionCanvas {
    display: block;
    width: 100%;
    height: auto;
    cursor: crosshair;
    touch-action: manipulation;
}

.blueprint-legend {
    position: absolute;
    left: 8px;
    bottom: 6px;
    color: #cfe3ff;
    background: rgba(11, 37, 69, 0.7);
    padding: 2px 8px;
    border-radius: 4px;
    pointer-events: none;
    font-size: 0.72rem;
}

.blueprint-legend .lg-axis { color: #ff7a59; font-weight: 700; }
.blueprint-legend .lg-centroid { color: #ffd166; font-weight: 700; }

/* Results table reads like an engineering datasheet */
#sectionResults table td { padding-top: 0.3rem; padding-bottom: 0.3rem; }
#sectionResults sup { font-size: 0.7em; }

[data-bs-theme="dark"] .blueprint-wrap { border-color: #3a5f96; }