/* Shared stylesheet for the 5 technology-series pages (products/*-series.html).
   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:780px}
.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}
.section p{font-size:14px;color:#52606d;max-width:820px}
.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.req-item{background:#f7f9fb;border:1px solid #e4e7eb;border-radius:8px;padding:18px}
.req-item h3{font-size:15px;color:#0f1b2d;margin-bottom:8px}
.req-item p{font-size:13px;color:#52606d}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;min-width:920px}
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;cursor:pointer}
.ph-thumb{width:72px;height:72px;border-radius:6px;background:#eef2f6;border:1px dashed #c3cdd8;display:flex;align-items:center;justify-content:center;color:#9aa7b5;font-size:11px}
.detail-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}
.detail-img{flex:0 0 240px}
.ph-big{height:210px;border-radius:8px;background:#eef2f6;border:1px dashed #c3cdd8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa7b5;font-size:13px;gap:6px}
.ph-big .ph-code{font-weight:700;color:#52606d}
.detail-main{flex:1;min-width:min(300px,100%)}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.variant-table{width:100%;min-width:0;font-size:12px;margin-bottom:14px}
.variant-table th,.variant-table td{padding:7px 10px}
.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}
.note{font-size:12px;color:#7b8794;margin-top:12px}
.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.tier{background:#f7f9fb;border:1px solid #e4e7eb;border-radius:8px;padding:20px}
.tier h3{font-size:15px;color:#0f1b2d;margin-bottom:8px}
.tier p{font-size:13px;color:#52606d}
.tier .models{margin-top:10px;font-size:12px;color:#0f6ecd;font-weight:700}
/* In-table filter bar, built by assets/series-filter.js on the five series pages. */
.sf-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.sf-q{flex:1 1 240px;min-width:180px;padding:8px 12px;border:1px solid #c3cdd8;border-radius:6px;background:#fff;color:#0f1b2d;font-size:13px;font-family:inherit}
.sf-q:focus{outline:2px solid #0f6ecd;outline-offset:1px;border-color:#0f6ecd}
.sf-chips{display:flex;flex-wrap:wrap;gap:6px}
.sf-chip{border:1px solid #c3cdd8;background:#fff;color:#52606d;border-radius:999px;padding:6px 12px;font-size:12px;font-family:inherit;cursor:pointer;line-height:1.2;white-space:nowrap}
.sf-chip:hover{border-color:#0f6ecd;color:#0f6ecd}
.sf-chip:focus-visible{outline:2px solid #0f6ecd;outline-offset:2px}
.sf-chip[aria-pressed=true]{background:#0f6ecd;border-color:#0f6ecd;color:#fff}
.sf-chip[aria-pressed=true]:hover{color:#fff}
.sf-status{font-size:12px;color:#7b8794;white-space:nowrap}
.sf-reset{border:1px solid #c3cdd8;background:#fff;color:#0f6ecd;border-radius:6px;padding:5px 10px;font-size:12px;font-family:inherit;cursor:pointer;display:none}
.sf-reset.on{display:inline-block}
.sf-reset:hover{border-color:#0f6ecd;background:#e6f0fb}
@media(max-width:900px){.foot{grid-template-columns:1fr 1fr}.search-box{width:130px}.sf-bar{gap:8px}.sf-q{flex:1 1 100%}.sf-status{width:100%}.cta .wrap{flex-direction:column;align-items:stretch}.cta-info{flex:auto}}