/* Shared layout rules for desktop browsers, tablets, and phones. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.wrap{width:min(1160px,calc(100% - 64px))}
main,section,figure,.intro,.snapshot>div,.failure-grid>div,.resources>div{min-width:0}
nav{align-items:center;flex-wrap:wrap;gap:8px 24px}
nav a,.back{display:inline-flex;align-items:center;min-height:44px}
.text-link{display:inline-block;min-height:44px;padding-top:8px}
.primary{min-height:48px;align-items:center}
select,#expand-all{min-height:44px}
.section-heading>div,.section-heading>p{min-width:0}
.lineage{flex-wrap:wrap}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.record summary{grid-template-columns:125px minmax(0,1fr) 125px 20px}
.record h3{overflow-wrap:anywhere}
.record-content{margin-right:70px}
.process-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-gallery img{height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.process-gallery figure:last-child img{object-fit:contain}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery .image-button{height:auto;aspect-ratio:1.65}
.gallery img{width:100%;height:100%;object-fit:contain}
.repo-links a{overflow-wrap:anywhere;min-height:44px}
dialog{width:fit-content;max-width:96vw;max-height:94vh;max-height:94dvh;padding:56px 14px 14px}
dialog img{max-width:calc(96vw - 28px);max-height:calc(94vh - 75px);max-height:calc(94dvh - 75px)}
.close{min-height:44px;min-width:70px;top:5px;right:10px}
footer{flex-wrap:wrap;align-items:center}
footer a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1400px){.hero{gap:90px}}
@media(min-width:701px) and (max-width:1100px){
 header{height:auto;min-height:90px;gap:10px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
 .brand{font-size:12px}.brand span{display:none}nav{font-size:13px;gap:8px 18px}.back{font-size:12px}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:52px 0}
 .hero-photo img{height:auto;aspect-ratio:4/3;object-fit:contain}.hero .lead{font-size:17px;line-height:1.7}
 .photo-caption{font-size:9px;letter-spacing:.7px;gap:10px}.eyebrow{font-size:10px;letter-spacing:1.5px}
 .snapshot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}
 .facts strong{font-size:30px}.facts>div{padding-left:18px}.facts p{font-size:11px}
 .failure-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
 .resources{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px}
 .section-heading{display:block}.section-heading p:last-child{max-width:620px}
 .record summary{grid-template-columns:100px minmax(0,1fr) 105px 20px;gap:14px}
 .record h3{font-size:17px}.record-content{margin-left:114px;margin-right:25px}
 .process-gallery,.gallery{gap:24px}.process-gallery img{height:auto;max-height:none}
}
@media(min-width:701px) and (max-width:850px){
 nav{order:3;width:100%;justify-content:space-between}.hero .intro{order:0}
 .facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.facts>div:nth-child(3){border-left:1px solid var(--line);padding-left:18px}
 .snapshot h2{font-size:26px}.hero .lead{font-size:16px}.primary{gap:18px;padding:12px 18px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}header{padding:12px 20px;gap:5px 12px;min-height:76px;height:auto;flex-wrap:wrap}
 .brand{font-size:11px;letter-spacing:.6px}.brand span{display:none}.back{font-size:11px;margin-left:auto}
 nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;font-size:12px}
 nav a{justify-content:center;text-align:center}nav a:lang(en){font-size:12px}
 .hero{display:flex;flex-direction:column;gap:32px;padding:35px 0 40px}.intro{order:-1;width:100%}.hero .lead{font-size:17px;line-height:1.8;max-width:none}
 .hero-photo{width:calc(100% - 10px);max-width:520px;transform:none}.hero-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
 .photo-caption{gap:10px;letter-spacing:.6px;font-size:9px}.meta{font-size:9px;letter-spacing:.6px;line-height:2}.meta b{margin:0 5px}
 .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:16px}
 .snapshot{grid-template-columns:1fr;gap:10px;padding-top:32px;padding-bottom:30px}.snapshot h2{font-size:27px}
 .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding:25px 0}.facts>div{padding-left:20px}.facts>div:nth-child(3){padding-left:0;border-left:0}.facts strong{font-size:30px}
 section[id],.failure,.next{padding-top:46px;padding-bottom:42px}h2{font-size:28px;line-height:1.4;letter-spacing:-.5px}h3{font-size:19px}
 .section-heading{display:block;margin-bottom:25px}.section-heading p:last-child{margin-top:16px}.lineage{font-size:17px;gap:11px;padding:15px 0 24px}
 .history-controls{gap:8px;flex-wrap:wrap;justify-content:space-between}.history-controls label{font-size:12px;white-space:normal}.history-controls select{margin-left:4px;padding:6px;max-width:160px}#expand-all{padding:6px 0;font-size:12px}#record-count{width:100%}
 .record summary{grid-template-columns:minmax(0,1fr) 24px;gap:6px;padding:22px 0}.record-time,.record h3,.record .status{grid-column:1}.record .plus{grid-column:2;grid-row:1/4;align-self:center;text-align:center}
 .record h3{font-size:17px;line-height:1.55}.record .status{font-size:12px}.record-content{margin:0 0 24px;font-size:14px;line-height:1.85}
 .failure-grid,.resources{grid-template-columns:1fr;gap:26px}.failure-stat{gap:18px}.failure-stat span{max-width:none;flex:1}
 .gallery,.process-gallery{grid-template-columns:1fr;gap:30px}.gallery .image-button{aspect-ratio:1.6;padding:10px}.process-gallery img{height:auto;max-height:none;aspect-ratio:4/3}.process-gallery figcaption p{font-size:14px}
 .table-scroll table{min-width:560px}th,td{padding:14px 12px}.table-scroll::after{content:'Swipe to view all columns →';display:block;font-size:11px;color:var(--muted);padding:12px 0;position:sticky;left:0}html[lang="zh-CN"] .table-scroll::after{content:'左右滑动查看完整表格 →'}
 .bar-row{grid-template-columns:62px minmax(0,1fr) 58px;gap:10px;font-size:12px}.bar-row strong{font-size:17px}
 .resources{gap:20px}.resources summary{min-height:52px;font-size:14px}.resources details p,.resources li{font-size:14px}footer{gap:10px;font-size:9px;padding:22px 0}
}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}header{padding-left:14px;padding-right:14px}.lineage{gap:8px;font-size:15px}.history-controls{display:block}#expand-all{margin-left:0}.primary{gap:28px}.facts p{font-size:11px}}
@media(hover:none) and (pointer:coarse){summary{min-height:48px}.image-button{cursor:pointer}select{font-size:16px}.repo-links a{padding-top:17px;padding-bottom:17px}}
@media print{header,.history-controls,.primary,.back,dialog,.skip{display:none}.wrap{width:100%}body{background:white}.record{break-inside:avoid}.process-gallery{grid-template-columns:1fr 1fr}section[id]{padding:25px 0}}

/* Preserve the original proportions of the four field photographs. */
.process-gallery img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none}.process-gallery .image-button{background:transparent}.process-gallery figure:last-child img{background:transparent}

