/* Mining uses the existing light solution template; screenshots retain their proportions. */
.se-mining-title-part { display:inline-block; white-space:nowrap; }
body[data-id^="mining-"] .se-hero { height:auto; max-height:none; min-height:440px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:40px; padding:56px max(40px,calc((100% - 1440px)/2)); }
body[data-id^="mining-"] .se-hero::after { display:none; }
body[data-id^="mining-"] .se-hero-image { position:static; order:2; width:100%; height:auto; object-fit:contain; border-radius:16px; }
body[data-id^="mining-"] .se-hero-content { width:100%; padding:0; }
body[data-id^="mining-"] .se-hero h1 { font-size:clamp(32px,2.7vw,48px); line-height:1.25; }
body[data-id^="mining-"] .se-hero h2 { font-size:22px; }
body[data-id^="mining-"] .se-section { min-height:0; padding-block:76px; }
body[data-id^="mining-"] .se-copy > h2 { font-size:clamp(28px,2.3vw,38px); line-height:1.4; }
body[data-id^="mining-"] .se-image img { max-height:none; height:auto; }
body[data-id^="mining-"] .se-full-width .se-layout { display:flex; flex-direction:column; align-items:stretch; gap:32px; }
body[data-id^="mining-"] .se-full-width .se-copy { order:0; }
body[data-id^="mining-"] .se-full-width .se-visual { order:1; }
body[data-id^="mining-"] .se-full-width .se-points { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-id="mining-operation"] #mining-operation-mobile .se-visual { width:min(100%,340px); justify-self:center; }
.se-zoom-image a { display:block; position:relative; border-radius:14px; }
.se-zoom-image a:focus-visible { outline:3px solid #1677ff; outline-offset:5px; }
.se-zoom-hint { display:block; text-align:right; font-size:12px; color:#216cc4; padding:8px 4px 0; }
.solution-image-viewer { width:96vw; max-width:1800px; height:auto; max-height:94svh; padding:0; border:1px solid #dce8f8; border-radius:14px; background:#f4f8fe; color:#10263f; }
.solution-image-viewer::backdrop { background:rgba(4,15,30,.78); }
.solution-image-viewer header { display:flex; align-items:center; gap:20px; padding:14px 20px; border-bottom:1px solid #dce8f8; }
.solution-image-viewer header p { flex:1; margin:0; font-size:15px; }
.solution-image-viewer header a,.solution-image-viewer button { color:#1677ff; font-size:14px; white-space:nowrap; cursor:pointer; }
.solution-image-viewer button { background:white; border:1px solid #c8dcf2; padding:8px 12px; border-radius:6px; }
.solution-image-scroll { overflow:auto; max-height:calc(94svh - 80px); padding:16px; text-align:center; }
.solution-image-scroll img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(94svh - 160px); object-fit:contain; margin:auto; }
.solution-image-viewer.is-original-size img { max-width:none; max-height:none; }
.solution-zoom-toggle { position:sticky; left:0; bottom:0; margin:12px auto 0; }
@media(max-width:980px) { body[data-id^="mining-"] .se-hero { grid-template-columns:1fr; gap:26px; } body[data-id^="mining-"] .se-hero-image { order:2; } }
@media(max-width:680px) { body[data-id^="mining-"] .se-hero { padding:36px 16px; } body[data-id^="mining-"] .se-section { padding-block:46px; } body[data-id^="mining-"] .se-full-width .se-points { grid-template-columns:1fr; } .solution-image-viewer header { flex-wrap:wrap; gap:10px; padding:12px; } .solution-image-viewer header p { flex-basis:100%; } .solution-image-scroll { max-height:calc(94svh - 120px); } }
.solution-image-viewer { height:fit-content; }
/* Construction revision: compact challenges and balanced detailed modules. */
:is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
:is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid article { padding-block:22px; min-height:0; }
:is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid h3 { font-size:20px; }
:is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid p { font-size:15px; line-height:1.8; }
:is(#mining-construction-progress,#mining-construction-doccontrol) .se-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; }
:is(#mining-construction-progress,#mining-construction-doccontrol) .se-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 26px; }
:is(#mining-construction-progress,#mining-construction-doccontrol) .se-points li { margin:0; }
:is(#mining-construction-progress,#mining-construction-doccontrol) .se-points h3 { font-size:18px; }
:is(#mining-construction-progress,#mining-construction-doccontrol) .se-points p { font-size:15px; line-height:1.75; }
@media(max-width:1100px) {
 :is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 :is(#mining-construction-progress,#mining-construction-doccontrol) .se-layout { grid-template-columns:1fr; gap:30px; }
 :is(#mining-construction-progress,#mining-construction-doccontrol) .se-copy { order:0; }
 :is(#mining-construction-progress,#mining-construction-doccontrol) .se-visual { order:1; }
}
@media(max-width:600px) {
 :is(#mining-construction-challenges,#mining-operation-challenges) .se-capability-grid,
 :is(#mining-construction-progress,#mining-construction-doccontrol) .se-points { grid-template-columns:1fr; }
}
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero { position:relative; display:flex; align-items:center; height:50svh; min-height:400px; max-height:560px; padding-block:32px; overflow:hidden; background:#101b27; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero-image { position:absolute; inset:0 0 0 auto; width:auto; max-width:none; height:100%; object-fit:contain; border-radius:0; mask-image:linear-gradient(90deg,transparent,#000 12%); }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero::after { display:block; content:""; position:absolute; inset:0; background:linear-gradient(90deg,#101b27 5%,rgba(16,27,39,.94) 24%,rgba(16,27,39,.65) 39%,rgba(16,27,39,.12) 58%,transparent 75%); pointer-events:none; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero-content { position:relative; z-index:1; max-width:550px; margin:0; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero :is(h1,h2,.se-hero-summary) { color:#fff; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero h2 { font-size:22px; line-height:1.6; }
@media(max-width:680px) {
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero { height:auto; min-height:600px; max-height:none; align-items:flex-end; padding:240px 20px 40px; }
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero-image { width:100%; height:auto; max-width:100%; mask-image:none; }
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero::after { background:linear-gradient(0deg,rgba(5,18,32,.98),rgba(5,18,32,.85) 48%,rgba(5,18,32,.15)); }
}
/* Unframed construction illustrations keep their native aspect ratios. */
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-image { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-image img { border-radius:8px; width:100%; height:auto; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-section { padding-block:64px; }
body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-feature:not(.se-full-width) .se-layout { gap:clamp(32px,4vw,64px); }
#mining-construction-architecture .se-visual { width:100%; max-width:850px; justify-self:center; }
@media(max-width:680px) {
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-section { padding-block:40px; }
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero::after { background:linear-gradient(0deg,#101b27 48%,rgba(16,27,39,.8) 62%,transparent 86%); }
}
/* A portrait laboratory screen pairs with a wider, readable text column. */
#mining-operation-mobile .se-layout { grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:clamp(40px,5vw,80px); max-width:1200px; }
#mining-operation-mobile .se-copy h2 { max-width:22em; text-wrap:pretty; }
#mining-operation-mobile .se-description { max-width:40em; }
#mining-operation-mobile .se-points { gap:18px; }
#mining-operation-equipment .se-points,
#mining-operation-shared-ai .se-points { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
@media(max-width:980px) {
 #mining-operation-mobile .se-layout { grid-template-columns:1fr; gap:28px; }
 #mining-operation-mobile .se-copy { order:0; }
 #mining-operation-mobile .se-visual { order:1; }
}
@media(max-width:600px) {
 #mining-operation-equipment .se-points,
 #mining-operation-shared-ai .se-points { grid-template-columns:1fr; }
}

/* Align the introduction measure with each complete hero title. */
@media (min-width: 981px) {
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero-content {
  --mining-title-size: clamp(32px,2.7vw,48px);
  --mining-title-width: calc(var(--mining-title-size) * 10);
  width: max(550px,var(--mining-title-width)); max-width: 100%;
 }
 body[data-id="mining-operation"] .se-hero-content { --mining-title-width: calc(var(--mining-title-size) * 12); }
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero h1 { white-space: nowrap; max-width: none; }
 body:is([data-id="mining-construction"],[data-id="mining-operation"]) .se-hero-summary { width: var(--mining-title-width); max-width: 100%; }
}