/* Application reading order: problem → schematic → component roles → products → detail. */
body:not(.home-glass) .application-detail .container { width:min(1600px,90%); }
body:not(.home-glass) .application-detail { --diagram-ink:#263d57; --diagram-blue:#4a78b0; --diagram-line:#d1deeb; }
body:not(.home-glass) .application-detail .page-heading { padding-bottom:36px; }
body:not(.home-glass) .application-detail .page-heading p { max-width:850px; }
body:not(.home-glass) .application-detail .application-principle { padding-top:12px; padding-bottom:44px; }
body:not(.home-glass) .application-detail .application-principle > h2,
body:not(.home-glass) .application-detail .application-components > h2,
body:not(.home-glass) .application-detail .application-technical-intro > h2,
body:not(.home-glass) .application-detail .application-next > h2 { font-size:28px; line-height:1.35; margin-bottom:26px; color:var(--diagram-ink); }
.application-schematic { margin:0; }
.application-diagram-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#f3f7fb; border:1px solid var(--diagram-line); border-radius:10px; overflow:hidden; }
.application-diagram-panel { padding:26px 26px 22px; min-width:0; }
.application-diagram-panel + .application-diagram-panel { border-left:1px solid var(--diagram-line); }
body:not(.home-glass) .application-detail .application-diagram-panel > h3 { font-size:19px; line-height:1.45; color:var(--diagram-ink); min-height:2.9em; margin:0 0 4px; }
body:not(.home-glass) .application-detail .application-diagram-panel svg { display:block; width:100%; height:auto; aspect-ratio:8/5; margin:0 auto 18px; overflow:visible; }
.application-diagram-key { list-style:none; margin:0 0 18px; padding:0; display:grid; gap:9px; }
.application-diagram-key li { display:flex; align-items:flex-start; gap:10px; font-size:15px; line-height:1.6; color:var(--diagram-ink); }
.application-diagram-key li > span:first-child { display:inline-grid; place-items:center; flex:0 0 23px; width:23px; height:23px; border:1px solid var(--diagram-blue); border-radius:50%; font-size:12px; background:white; }
.application-diagram-panel > p { font-size:14px; line-height:1.75; margin:0; color:#4a5e72; }
.application-schematic > figcaption { color:#607084; font-size:13px; margin-top:12px; text-align:center; }
.application-principle-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:35px; }
.application-principle-notes article { min-width:0; }
body:not(.home-glass) .application-detail .application-principle-notes h3 { margin-bottom:12px; font-size:18px; line-height:1.4; color:var(--diagram-ink); }
.application-principle-notes p { margin:0; font-size:15px; line-height:1.8; color:#4b5969; }
body:not(.home-glass) .application-detail .application-components { padding-top:36px; padding-bottom:52px; border-top:1px solid var(--diagram-line); }
.application-component-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.application-component-card { min-width:0; }
.application-component-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:4/3; border:1px solid #e0e6ed; border-radius:8px; background:white; overflow:hidden; padding:14px; }
.application-component-image img { display:block; width:100%; height:100%; max-height:230px; object-fit:contain; box-shadow:none; }
body:not(.home-glass) .application-detail .application-component-card h3 { font-size:18px; line-height:1.4; margin:17px 0 9px; }
.application-component-card p { font-size:14px; line-height:1.75; margin:0; }
.application-component-card:has(.application-component-image:is(:hover,:focus-visible)) h3 a { color:var(--navigation-link-hover); }
.application-more-products { margin-top:30px; }
.application-more-products > summary { cursor:pointer; padding:16px 0; font-size:16px; color:var(--diagram-ink); }
.application-more-products[open] > summary { margin-bottom:16px; }
.application-more-products .application-component-image { max-height:190px; }
body:not(.home-glass) .application-detail .application-technical-intro { padding-top:38px; padding-bottom:24px; border-top:1px solid var(--diagram-line); }
.application-technical-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
body:not(.home-glass) .application-detail .application-technical-columns h3 { font-size:19px; line-height:1.4; margin:0 0 14px; }
.application-technical-columns p { font-size:15px; line-height:1.85; margin:0; }
body:not(.home-glass) .application-detail .application-knowledge { padding-top:24px; padding-bottom:42px; }
body:not(.home-glass) .application-detail .knowledge-grid { gap:28px 40px; }
body:not(.home-glass) .application-detail .knowledge-grid h2 { font-size:19px; line-height:1.4; border:0; padding:0; margin-bottom:14px; }
body:not(.home-glass) .application-detail .knowledge-grid p { font-size:15px; line-height:1.85; }
body:not(.home-glass) .application-detail .application-next { padding-top:30px; border-top:1px solid var(--diagram-line); }
.application-next-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 40px; }
body:not(.home-glass) .application-detail .application-next h3 { font-size:19px; line-height:1.4; margin-bottom:10px; }
.application-next p { font-size:14px; line-height:1.75; margin:0; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .application-component-card:has(.application-component-image:hover) h3 a { animation:navigation-lift .36s ease-out both; }
}
@media(max-width:767px) {
 body:not(.home-glass) .application-detail .container { width:calc(100% - 36px); }
 .application-diagram-panels { grid-template-columns:minmax(0,1fr); }
 .application-diagram-panel { padding:22px 18px; }
 .application-diagram-panel + .application-diagram-panel { border-left:0; border-top:1px solid var(--diagram-line); }
 body:not(.home-glass) .application-detail .application-diagram-panel > h3 { min-height:0; }
 body:not(.home-glass) .application-detail .application-diagram-panel svg { max-width:480px; margin-top:12px; }
 .application-principle-notes { grid-template-columns:minmax(0,1fr); gap:22px; margin-top:28px; }
 .application-component-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; }
 .application-detail .knowledge-grid,.application-technical-columns,.application-next-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 body:not(.home-glass) .application-detail .application-principle > h2, body:not(.home-glass) .application-detail .application-components > h2, body:not(.home-glass) .application-detail .application-technical-intro > h2, body:not(.home-glass) .application-detail .application-next > h2 { font-size:24px; }
}
@media(max-width:480px) {
 .application-component-grid { grid-template-columns:minmax(0,1fr); }
 .application-component-image { max-height:240px; }
 .application-component-image img { max-height:210px; }
}

body:not(.home-glass) .application-detail p { line-height:1.75; }