/* Shared stylesheet for the Applications detail pages
   (applications/*.html: uav-drone, rc-hobby, robotics-automation,
    industrial-heavy-duty, outdoor-marine, general-oem-education).
   Extracted from per-page inline CSS 2026-09-15. Loaded AFTER inner.css.
   The trailing @media(max-width:900px) block overrides inner.css on purpose. */
.dropdown .dd-title{font-weight:700;color:#0f1b2d;padding:6px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.pagehead p{font-size:16px;color:#52606d;max-width:760px}
.app-banner{padding:28px 0 0}
.app-banner .ph-banner{height:280px;border-radius:8px;background:#eef2f6;border:1px dashed #c3cdd8;display:flex;align-items:center;justify-content:center;color:#9aa7b5;font-size:14px}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.check-item{background:#f7f9fb;border:1px solid #e4e7eb;border-radius:8px;padding:18px}
.check-item h3{font-size:15px;color:#0f1b2d;margin-bottom:8px}
.check-item p{font-size:13px;color:#52606d}
.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.scenario-link{display:block;text-decoration:none;color:inherit}
.scenario-card{border:1px solid #e4e7eb;border-radius:8px;overflow:hidden;background:#fff;height:100%}
.scenario-card:hover{border-color:#0f6ecd;box-shadow:0 6px 16px rgba(15,27,45,.10)}
.scenario-card .ph{height:140px;background:linear-gradient(135deg,#dbe4ee,#edf2f7);border-bottom:1px dashed #9fb3c8;display:flex;align-items:center;justify-content:center;color:#7b8794;font-size:13px}
.scenario-card h3{font-size:16px;color:#0f1b2d;padding:14px 16px}
table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
th,td{border:1px solid #e4e7eb;padding:9px 10px;text-align:left}
th{background:#f0f4f8;color:#0f1b2d;font-weight:600;white-space:nowrap}
td.code{font-weight:700;color:#0f6ecd;white-space:nowrap}
.app-row{cursor:pointer;scroll-margin-top:calc(var(--nav-h) + 12px)}
.app-row:hover{background:#f0f6fc}
.app-detail{display:none;background:#f7f9fb}
.app-detail.open{display:table-row}
.app-detail>td{padding:14px 16px}
.variant-table{width:100%;min-width:0;display:table;font-size:12px;margin:0 0 14px}
.variant-table th,.variant-table td{padding:7px 10px;white-space:normal}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;padding:4px}
.detail-item b{display:block;font-size:11px;color:#7b8794;text-transform:uppercase;margin-bottom:3px;letter-spacing:.3px}
.detail-item span{font-size:13px;color:#1f2933}
.spec-link{margin-top:12px;font-size:13px}
.spec-link a{color:#0f6ecd;font-weight:600;text-decoration:none;border-bottom:1px dotted #0f6ecd}
.spec-link a:hover{border-bottom-style:solid}
.note{font-size:12px;color:#7b8794;margin-top:12px}
@media(max-width:900px){.scenario-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}table{display:block;overflow-x:auto;white-space:nowrap}.search-box{width:130px}.cta .wrap{flex-direction:column;align-items:stretch}.cta-info{flex:auto}}