/* Defects (Learn) page. Reuses the Manufacturing tile, filter and search styles. */
#p-defects:not([hidden]),#p-failure:not([hidden]){display:flex;flex-direction:column;height:100%;min-height:0}
#dfApp,#fmApp{height:100%;min-height:0}
.df-lead{margin:0 0 14px;color:var(--muted);font-size:14px}
.df-tile>img{width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover;display:block;background:#ffffff;border-bottom:1px solid var(--line)}
.df-detail{display:flex;flex-direction:column;gap:16px}
.df-head{display:flex;align-items:center;gap:16px}
.df-head small{color:var(--accent);font-size:12px;letter-spacing:.02em}
.df-head h3{margin:2px 0 0;font-size:24px}
.df-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}
.df-fig{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.df-fig img{width:100%;height:auto;display:block}
.df-fig figcaption{padding:10px 14px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.df-text{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.df-summary{margin:0 0 6px;line-height:1.6}
.df-text h4{margin:16px 0 6px;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--accent)}
.df-text ul{margin:0;padding-left:18px;line-height:1.55}
.df-text li{margin:3px 0}
.df-chips,.df-links{display:flex;flex-wrap:wrap;gap:7px}
.df-chips span{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:13px;background:var(--surface-2)}
.df-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
@media (max-width:1100px){.df-body{grid-template-columns:1fr}}
@media (max-width:760px){#p-defects:not([hidden]),#p-failure:not([hidden]){height:auto}.df-head{flex-wrap:wrap}}
.df-note{margin:8px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}