/* Mining product shell and proportional static screenshots. */
.mining-page .mining-skip-link { position:fixed;top:12px;left:16px;z-index:200;padding:14px 20px;background:var(--accent);color:#06131d;border-radius:10px;font-weight:700;transform:translateY(-160%); }
.mining-page .mining-skip-link:focus { transform:translateY(0); }
.mining-page :is(a,button,input,[tabindex]):focus-visible { outline:3px solid var(--accent);outline-offset:4px; }
.mining-page .header-actions .btn { min-height:44px; }
.mining-page .mining-section { padding:56px 0;border-top:1px solid var(--border);scroll-margin-top:24px; }
.mining-page .mining-hero { border-top:0;padding:72px 0 48px; }
.mining-page .mining-hero h1 { max-width:21ch;font-size:clamp(2.65rem,4.65vw,4.4rem);letter-spacing:-.045em;line-height:1.1; }
.mining-page main p { max-width:78ch;line-height:1.7; }
.mining-page .mining-intro { font-size:1.125rem; }
.mining-page .mining-section h2 { max-width:35ch;font-size:clamp(1.9rem,3.1vw,2.8rem);letter-spacing:-.03em;line-height:1.18;margin:0 0 24px; }
.mining-page .mining-section h3 { font-size:1.25rem;line-height:1.35;margin:24px 0 12px; }
.mining-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:24px; }
.mining-actions .btn { min-height:48px;text-align:center; }
.mining-figure { min-width:0;width:fit-content;max-width:100%;margin:28px auto 0; }
.mining-image-viewport { border:1px solid var(--border);border-radius:12px;background:#14171a; }
.mining-image-content,.mining-image-viewport picture { display:block; }
.mining-image-viewport img { display:block;width:auto;max-width:100%;height:auto;margin-inline:auto;object-fit:contain; }
.mining-figure figcaption { padding:12px 2px;font-size:.875rem;line-height:1.5;color:var(--text-muted); }
.mining-figure-run { max-width:749px; }
.mining-figure-mini { max-width:250px; }
.mining-figure-map { max-width:512px; }
.mining-figure-position { max-width:780px; }
.mining-mini-layout { display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:48px;max-width:850px;margin:40px auto 0;padding-top:28px;border-top:1px solid var(--border); }
.mining-mini-layout .mining-figure { margin-top:0; }
.mining-purchase { background:linear-gradient(120deg,rgba(82,210,207,.08),transparent); }
.mining-price { margin:24px 0 16px;font-size:1.25rem;font-weight:700;color:var(--text); }
.mining-commerce-status:empty { display:none; }
@media (max-width:900px) {
  .mining-page .mining-hero { padding:48px 0 36px; }
  .mining-page .mining-section { padding:42px 0; }
}
@media (max-width:640px) {
  .mining-page .mining-section,.mining-page .mining-hero { padding:24px 0; }
  .mining-page .mining-hero h1 { font-size:2rem;line-height:1.12;letter-spacing:-.035em;margin-bottom:16px; }
  .mining-page .mining-section h2 { font-size:1.6rem;line-height:1.2;margin-bottom:16px; }
  .mining-page main p { line-height:1.55; }
  .mining-page .mining-intro { font-size:1rem; }
  .mining-actions { flex-direction:column;align-items:stretch;margin-top:18px;gap:10px; }
  .mining-actions .btn { width:100%;min-height:48px; }
  .mining-page .mining-figure { width:auto;max-width:100%;margin-top:16px; }
  .mining-page .mining-figure-mini { width:250px;max-width:100%; }
  .mining-image-viewport { height:auto;max-height:none;overflow:visible;border-radius:8px; }
  .mining-figure figcaption { font-size:.8125rem;padding-top:8px; }
  .mining-mini-layout { display:block;margin-top:24px;padding-top:8px; }
  .mining-mini-layout .mining-figure { margin-top:20px; }
}

/* Mining-only visual alignment with the approved Home, Pricing, Pro and Fishing shell. */

.mining-page { --accent:#00e4ef; --accent-strong:#58f5ff; --text-muted:#b1c6dd; --text-soft:#c7daea; --border:#174056; background:#00101e; }
.mining-page .bg-orb,.mining-page .bg-grid { display:none; }
.mining-page #mining-main { background:linear-gradient(180deg,#00101e66 0,#00101eb8 640px,#00101e 1100px),linear-gradient(90deg,#00101eb8 0,#00101e85 55%,#00101e1a),url('/assets/home-hero-background.webp') center top / auto 1100px no-repeat; }
.mining-page .container { width:calc(100% - 68px); }
.mining-page #mining-main .container { max-width:1380px; }
.mining-page .site-header .container { max-width:1380px; }
.mining-page .site-header { background:rgba(0,15,29,.95); border-bottom:1px solid #0d354a; }
.mining-page .header-inner { min-height:78px; gap:20px; }
.mining-page .brand-mark { border-radius:12px; border-color:#00cee0; }
.mining-page .site-header .brand-text { font-size:21px; }
.mining-page .brand-subtext { color:#d3e2ef; font-size:12px; }
.mining-page .site-nav { gap:25px; }
.mining-page .site-nav a { font-size:14px; white-space:nowrap; }
.mining-page .site-nav a[aria-current="page"] { color:var(--accent); text-decoration:underline; text-underline-offset:10px; }
.mining-page .header-actions { gap:10px; }
.mining-page .header-actions .btn { padding:10px 14px; font-size:14px; min-height:42px; border-radius:9px; }
.mining-page .header-actions .lang-toggle { min-width:48px; }
.mining-page .btn { border-radius:9px; min-height:44px; font-size:14px; line-height:1.4; padding:11px 16px; text-align:center; white-space:normal; }
.mining-page .btn-primary { background:#00e4ef; border:1px solid #37f1fb; color:#001321; box-shadow:0 4px 24px #00dcec18; }
.mining-page .btn-primary:hover { background:#62f4ff; }
.mining-page .btn-secondary,.mining-page .btn-ghost { background:#001321; border:1px solid #116080; color:#f0f7ff; }
.mining-page .btn-secondary { border-color:#00d9e8; }
.mining-page :is(a,button,summary,input,[tabindex]):focus-visible { outline:3px solid #68f5ff; outline-offset:4px; }
.mining-page .mining-hero { padding:48px 0 38px; }
.mining-page .mining-hero h1 { color:#fff; font-size:clamp(2.65rem,4.3vw,3.875rem); }
.mining-page .mining-section :is(h2,h3) { color:#f0f7ff; }
.mining-page .mining-intro { color:#d4e3ef; }
.mining-page .mining-image-viewport { background:#031827; border-color:#11647c; border-radius:12px; box-shadow:0 8px 28px #0004,inset 0 1px 0 #a6f4ff0d; }
.mining-page .mining-purchase { background:linear-gradient(120deg,#00384b70,#00101e); }
@media (min-width:1181px) and (max-width:1370px) {
  .mining-page .header-inner { gap:12px; }
  .mining-page .site-nav { gap:14px; }
  .mining-page .site-header .brand-text { font-size:18px; }
  .mining-page .brand-subtext { font-size:10px; }
  .mining-page .header-actions .btn { padding-inline:10px; font-size:13px; }
}
@media (max-width:1180px) {
  .mining-page .container { width:calc(100% - 40px); }
  .mining-page .site-nav { gap:0; top:78px; }
}
@media (max-width:980px) {
}
@media (max-width:900px) {
  .mining-page .mining-hero { padding:36px 0; }
}
@media (max-width:640px) {
  .mining-page .container { width:calc(100% - 28px); }
  .mining-page .header-inner { min-height:100px; padding:8px 0; gap:6px; }
  .mining-page .site-header .brand-text { font-size:19px; }
  .mining-page .site-header .brand-mark { width:36px; height:36px; border-radius:9px; }
  .mining-page .header-actions .btn { min-height:37px; font-size:12px; padding:7px 11px; }
  .mining-page .site-nav { top:102px; width:calc(100% - 28px); right:14px; }
  .mining-page .mining-hero { padding:24px 0; }
  .mining-page .mining-hero h1 { font-size:2rem; }
  .mining-page #mining-main { background:linear-gradient(180deg,#00101eb8 0,#00101edb 540px,#00101e 1000px),url('/assets/home-hero-background.webp') 65% top / auto 1000px no-repeat; }
  .mining-page .mining-image-viewport { border-radius:8px; }
}
.mining-page .mining-actions .btn { min-height:48px; }

/* Repeat text + visual compositions, sized around each real screenshot. */
.mining-run-layout,.mining-reference-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,724px);gap:40px;align-items:center; }
.mining-narrative { min-width:0; }
.mining-narrative p:first-child { margin-top:0; }
.mining-page .mining-run-layout .mining-figure,.mining-page .mining-field-visuals .mining-figure,.mining-page .mining-reference-layout .mining-figure { margin:0 auto; }
.mining-field-layout { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:32px;align-items:start; }
.mining-field-visuals { display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr);gap:20px;align-items:start; }
.mining-field-visuals .mining-figure { width:100%; }
.mining-reference-layout { margin-top:48px;padding-top:40px;border-top:1px solid var(--border); }
.mining-page .mining-reference-layout h3:first-child { margin-top:0; }
.mining-history-copy { margin-top:28px;padding-top:24px;border-top:1px solid var(--border); }
.mining-figure-material { max-width:924px; }
@media (max-width:1180px) {
  .mining-run-layout,.mining-field-layout,.mining-reference-layout { grid-template-columns:minmax(0,1fr);gap:28px; }
  .mining-page .mining-run-layout .mining-figure,.mining-page .mining-reference-layout .mining-figure { margin-inline:auto; }
  .mining-reference-layout > .mining-narrative { display:contents; }
  .mining-reference-layout > .mining-figure { grid-row:2; }
  .mining-reference-layout .mining-history-copy { grid-row:3;margin-top:0; }
}
@media (max-width:900px) {
  .mining-field-visuals { grid-template-columns:minmax(0,1fr);gap:28px; }
  .mining-field-visuals .mining-figure { width:fit-content; }
}
@media (max-width:640px) {
  .mining-run-layout,.mining-field-layout,.mining-reference-layout,.mining-field-visuals { gap:20px; }
  .mining-reference-layout { margin-top:28px;padding-top:24px; }
  .mining-history-copy { margin-top:24px;padding-top:20px; }
}