/* Applications archive and scene detail pages (dynamic templates). */
.applications-page{background:#fff;color:#334155;min-height:calc(100vh - 72px)}
.applications-shell{width:min(100% - 48px,1120px);margin:0 auto}

/* Banner */
.applications-banner{background:radial-gradient(circle at 82% 18%,#1E3A8A 0%,#0A192F 72%),#0A192F;padding:64px 0 58px;color:#fff;text-align:center}
.applications-badge{display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(0,114,198,.22);border:1px solid rgba(56,189,248,.4);color:#7DD3FC;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:18px}
.applications-banner h1{margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1.18;font-weight:800;color:#fff}
.applications-banner h1 span{color:#38BDF8}
.applications-banner p{max-width:780px;margin:0 auto;font-size:16px;line-height:1.7;color:#CBD5E1}

/* Category jump chips */
.applications-jump{background:#0F2444;border-bottom:1px solid #1E3A5F;padding:12px 0;position:sticky;top:64px;z-index:30}
.applications-jump__inner{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.applications-jump__link{padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#CBD5E1;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s ease}
.applications-jump__link:hover{background:#0072C6;border-color:#0072C6;color:#fff}

/* Category sections */
.applications-category{padding:56px 0 12px;scroll-margin-top:130px}
.applications-category__head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:16px;border-bottom:2px solid #E2E8F0}
.applications-category__intro h2{margin:0 0 8px;font-size:26px;font-weight:800;color:#0F2444}
.applications-category__intro p{margin:0;max-width:760px;font-size:14.5px;line-height:1.65;color:#64748B}
.applications-category__count{flex-shrink:0;padding:5px 12px;border-radius:6px;background:#EFF6FF;color:#0072C6;font-size:12.5px;font-weight:700}
.applications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-bottom:24px}

/* Scene cards */
.applications-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.applications-card:hover{box-shadow:0 14px 30px rgba(15,36,68,.12);transform:translateY(-3px)}
.applications-card__media{position:relative;display:block;aspect-ratio:5/3;overflow:hidden;background:#0F2444}
.applications-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.applications-card:hover .applications-card__media img{transform:scale(1.05)}
.applications-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#7DD3FC;font-weight:700;font-size:15px;padding:20px;text-align:center}
.applications-card__category{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:5px;background:rgba(10,25,47,.82);border:1px solid rgba(56,189,248,.35);color:#7DD3FC;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.applications-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.applications-card__subtitle{font-size:13px;font-weight:600;color:#64748B;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.applications-card__body h3{margin:0;font-size:18px;line-height:1.35;font-weight:800}
.applications-card__body h3 a{color:#0F2444;text-decoration:none}
.applications-card__body h3 a:hover{color:#0072C6}
.applications-card__body>p{margin:0;font-size:13.5px;line-height:1.6;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.applications-card__foot{margin-top:auto;padding-top:12px;border-top:1px dashed #E2E8F0;display:flex;justify-content:space-between;align-items:center}
.applications-card__cases{font-size:12px;color:#94A3B8;font-weight:600}
.applications-card__link{font-size:13px;font-weight:700;color:#0072C6;text-decoration:none}
.applications-card__link:hover{text-decoration:underline}

/* Empty state */
.applications-empty{padding:72px 0;text-align:center;color:#64748B;font-size:15px}

/* CTA */
.applications-cta{margin-top:48px;background:radial-gradient(circle at 18% 30%,#1E3A8A 0%,#0A192F 70%),#0A192F;padding:56px 0;color:#fff}
.applications-cta__inner{text-align:center;max-width:760px}
.applications-cta h2{margin:0 0 12px;font-size:28px;font-weight:800}
.applications-cta p{margin:0 0 26px;font-size:15px;line-height:1.7;color:#CBD5E1}
.applications-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.applications-btn{display:inline-block;padding:12px 26px;border-radius:7px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .18s ease}
.applications-btn--primary{background:#0072C6;color:#fff}
.applications-btn--primary:hover{background:#005FA6;color:#fff}
.applications-btn--ghost{border:1px solid rgba(255,255,255,.4);color:#fff}
.applications-btn--ghost:hover{border-color:#38BDF8;color:#38BDF8}

/* Scene detail */
.scene-banner{background:radial-gradient(circle at 85% 15%,#1E3A8A 0%,#0A192F 72%),#0A192F;padding:52px 0 46px;color:#fff}
.scene-banner__crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#94A3B8;margin-bottom:18px}
.scene-banner__crumbs a{color:#CBD5E1;text-decoration:none}
.scene-banner__crumbs a:hover{color:#38BDF8}
.scene-banner__chip{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(0,114,198,.22);border:1px solid rgba(56,189,248,.4);color:#7DD3FC;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:14px}
.scene-banner h1{margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.2;font-weight:800;color:#fff}
.scene-banner p{margin:0;max-width:780px;font-size:15.5px;line-height:1.7;color:#CBD5E1}

.scene-body>.scene-section{margin-top:44px}
.scene-section__head{margin-bottom:18px}
.scene-section__chip{display:inline-block;padding:4px 12px;border-radius:5px;background:#EFF6FF;color:#0072C6;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.scene-section__head h2{margin:0;font-size:24px;font-weight:800;color:#0F2444}
.scene-section__card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:30px 34px}
.scene-lead{margin:0 0 18px;font-size:16.5px;line-height:1.75;color:#1E293B;font-weight:600}
.scene-content{font-size:15px;line-height:1.8;color:#475569}
.scene-content p{margin:0 0 16px}
.scene-content h2,.scene-content h3{color:#0F2444;margin:26px 0 12px;font-weight:800}
.scene-content h2{font-size:20px}
.scene-content h3{font-size:17px}
.scene-content ul,.scene-content ol{margin:0 0 16px;padding-left:22px}
.scene-content li{margin-bottom:8px}
.scene-content img{max-width:100%;height:auto;border-radius:8px}
.scene-content table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
.scene-content th,.scene-content td{border:1px solid #E2E8F0;padding:9px 12px;text-align:left}
.scene-content th{background:#F1F5F9;color:#0F2444}

.scene-figure{margin:0;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;padding:18px}
.scene-figure img{display:block;width:100%;height:auto;border-radius:8px}
.scene-figure--diagram{background:#fff}
.scene-figure--diagram img{object-fit:contain;max-height:800px;background:#fff;image-rendering:-webkit-optimize-contrast}

.scene-cases-grid{display:grid;grid-template-columns:1fr;gap:22px}
.scene-case-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(280px,42%) 1fr}
.scene-case-card__media{min-height:220px;height:100%}
.scene-case-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.scene-case-card__body{padding:24px 26px}
.scene-case-card__body h3{margin:0 0 10px;font-size:18.5px;font-weight:800;color:#0F2444}
.scene-case-card__body>p{margin:0;font-size:14px;line-height:1.7;color:#5A6B84;white-space:pre-line}
.scene-case-card__diagram{margin-top:16px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px}
.scene-case-card__diagram>span{display:inline-block;padding:4px 12px;border-radius:5px;background:#EFF6FF;color:#0072C6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.scene-case-card__diagram img{display:block;max-width:100%;height:auto;border-radius:6px}

.scene-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px}
.scene-related-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:10px;padding:18px 20px;text-decoration:none;transition:all .18s ease}
.scene-related-card:hover{border-color:#0072C6;box-shadow:0 8px 20px rgba(0,114,198,.1)}
.scene-related-card h3{margin:0;font-size:15px;font-weight:700;color:#0F2444;line-height:1.4}
.scene-related-card span{flex-shrink:0;font-size:13px;font-weight:700;color:#0072C6}

.scene-cta{margin:52px 0 64px;background:radial-gradient(circle at 80% 20%,#1E3A8A 0%,#0A192F 72%),#0A192F;border-radius:14px;padding:34px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.scene-cta h2{margin:0 0 6px;font-size:21px;font-weight:800;color:#fff}
.scene-cta p{margin:0;font-size:14px;color:#CBD5E1}
.scene-cta__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.applications-btn--light{background:#0072C6;color:#fff}
.applications-btn--light:hover{background:#005FA6;color:#fff}
.applications-btn--outline-light{border:1px solid rgba(255,255,255,.4);color:#fff}
.applications-btn--outline-light:hover{border-color:#38BDF8;color:#38BDF8}

/* --- 2026-11-09 third review: banner fit, project cards, fitted carousel --- */
.applications-banner{min-height:0;padding:56px 0 52px}
.applications-jump{background:#0B1E3A;border-top:1px solid rgba(56,189,248,.14)}
.scene-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.scene-project-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.scene-project-card:hover{box-shadow:0 14px 30px rgba(15,36,68,.12);transform:translateY(-3px);border-color:#CBD5E1}
.scene-project-card__media{aspect-ratio:5/3;overflow:hidden;background:#0F2444;display:flex;align-items:center;justify-content:center}
.scene-project-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.scene-project-card__ph{color:#7DD3FC;font-weight:700;font-size:14px;padding:20px;text-align:center}
.scene-project-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.scene-project-card__body h3{margin:0;font-size:16.5px;line-height:1.4;font-weight:800;color:#0F2444}
.scene-project-card__body p{margin:0;font-size:13px;line-height:1.6;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scene-project-card__link{margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;color:#0072C6}
.project-page .scene-banner__chip{background:rgba(56,189,248,.16)}
@media(max-width:720px){.scene-projects-grid{grid-template-columns:1fr}}

.applications-cta{background:#FFFFFF;border-top:1px solid #E2E8F0}
.applications-cta h2{color:#0F2444}
.applications-cta p{color:#64748B}
.applications-cta .applications-btn--primary{background:#0072C6;color:#FFFFFF}
.applications-cta .applications-btn--primary:hover{background:#005FA6;color:#FFFFFF}
.applications-cta .applications-btn--ghost{border:1px solid #0072C6;color:#0072C6;background:#FFFFFF}
.applications-cta .applications-btn--ghost:hover{background:#0072C6;color:#FFFFFF}

@media(max-width:992px){
.applications-grid{grid-template-columns:1fr}
.scene-related-grid{grid-template-columns:1fr}
.scene-case-card{grid-template-columns:1fr}
.scene-case-card__media{min-height:200px;aspect-ratio:5/3;height:auto}
.scene-cta{flex-direction:column;text-align:center}
.scene-cta__actions{justify-content:center}
}
@media(max-width:600px){
.applications-shell{width:min(100% - 32px,1120px)}
.applications-banner{padding:44px 0 40px}
.applications-jump{top:58px}
.scene-section__card{padding:22px 18px}
.scene-case-card__body{padding:20px 18px}
}

/* --- 2026-11-09 review fixes --- */
.applications-banner{display:flex;align-items:center}
.applications-banner{display:flex;align-items:center}
.applications-banner .applications-shell{margin:auto}
.applications-banner h1,.applications-banner p{text-shadow:0 2px 12px rgba(10,25,47,.65)}
.applications-banner h1 span{text-shadow:0 2px 12px rgba(10,25,47,.65)}
.applications-card__no{position:absolute;top:12px;left:12px;min-width:34px;height:34px;padding:0 8px;border-radius:8px;background:#0072C6;color:#FFFFFF;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;box-shadow:0 4px 12px rgba(0,0,0,.28);z-index:2}
.applications-card__category{left:auto;right:12px}
.applications-grid--single{grid-template-columns:1fr}
.applications-grid--single .applications-card{flex-direction:row}
.applications-grid--single .applications-card__media{flex:0 0 56%;aspect-ratio:auto;min-height:340px}
.applications-grid--single .applications-card__body{padding:34px 38px;justify-content:center}
.applications-grid--single .applications-card__body h3{font-size:22px}
.applications-grid--single .applications-card__body>p{font-size:14.5px;-webkit-line-clamp:4}
@media(max-width:992px){
.applications-grid--single .applications-card{flex-direction:column}
.applications-grid--single .applications-card__media{flex:none;aspect-ratio:5/3;min-height:0}
.applications-grid--single .applications-card__body{padding:20px}
}

.applications-card__category-tag{display:inline-block;padding:3px 10px;border-radius:4px;background:#EFF6FF;color:#0072C6;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;width:fit-content}
.applications-card__subtitle{font-size:13px;font-weight:600;color:#0F2444;line-height:1.5;margin-bottom:6px}
.applications-card__body>p{margin:0;font-size:13.5px;line-height:1.65;color:#64748B;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.applications-grid--single .applications-card__body>p{font-size:14.5px;line-height:1.7;-webkit-line-clamp:5}


/* Inline jump chips inside banner: seamless zero-split */
.applications-jump--inline{background:transparent;border:none;position:static;padding:24px 0 0;margin-top:8px}
.applications-jump--inline .applications-jump__link{background:rgba(10,25,47,0.65);border:1px solid rgba(56,189,248,0.35);backdrop-filter:blur(6px);color:#F1F5F9;font-size:13.5px;padding:8px 18px}
.applications-jump--inline .applications-jump__link:hover{background:#0072C6;border-color:#0072C6;color:#FFFFFF;box-shadow:0 4px 14px rgba(0,114,198,0.4)}