/* Reuse the exact PN 2.5 design. All additions apply only to the PN 10 page. */
@import url('/css/bs-en-1092-1-pn-2.5.css');

.pn10-page .pn10-data-note {
    margin: -20px auto 32px;
    max-width: 850px;
    color: #647789;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
}

.pn10-page .pn10-drawing-unavailable {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #d4e0e9;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
}

.pn10-page .pn10-drawing-unavailable strong { color: #ff7900; font-size: 12px; }
.pn10-page .pn10-download-status { font-size: 11px; line-height: 1.5; }
.pn10-page .e1-hero__actions .pn10-download-status { flex-basis: 100%; color: #d4e0e9; }
.pn10-page .cta-section .pn10-download-status { margin: 12px 0 0; }
.pn10-page button:disabled { cursor: not-allowed; font-family: inherit; }
.pn10-page .cta-section h2 { white-space: normal; }

/* The inherited desktop navigation overflows on tablets; contain it locally. */
@media (min-width: 769px) and (max-width: 1200px) {
    .pn10-page .header-container { gap: 12px; }
    .pn10-page .logo { flex-basis: 150px; }
    .pn10-page .logo img { width: 150px; }
    .pn10-page .navbar { margin-left: 0; }
    .pn10-page .header .navbar > ul { gap: 16px; }
    .pn10-page .header .navbar > ul > li > a { font-size: 14px; gap: 4px; }
    .pn10-page .header-right { gap: 8px; }
    .pn10-page .contact-btn, .pn10-page .quote-btn { padding: 12px; font-size: 13px; }
}