Lac Gold Limited

<style>

/* ===========================================================================
   0. REGLAGES
   =========================================================================== */
:root{
  /* Hauteur du logo dans l'en-tete. L'original tourne autour de 40px,
     donc 80px = le double. */
  --lg-logo-h:80px;
  --lg-logo-h-mobile:52px;
}

/* ===========================================================================
   1. CARRE — tout le site, sans exception
   Une seule regle. Couvre les boutons, les tags, les quick links
   (Annonces / Presentations / Financial Reports), les cartes d'annonces,
   les champs, les onglets. Les EXCEPTIONS de la section 3 passent par-dessus.
   =========================================================================== */
*, *::before, *::after{
  border-radius:0 !important;
}

/* ===========================================================================
   2. LOGO — en-tete, au double
   Le « i » dans les crochets rend la recherche insensible aux majuscules.
   =========================================================================== */
img[class*="logo" i],
img[alt*="logo" i],
[class*="logo" i] > img,
[class*="logo" i] > svg,
[class*="brand" i] > img,
[class*="brand" i] > svg,
header a[href="/"] img,
[class*="navbar" i] a[href="/"] img,
[class*="header" i] a[href="/"] img{
  height:var(--lg-logo-h) !important;
  max-height:var(--lg-logo-h) !important;
  min-height:0 !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
}

/* La barre du haut grandit avec le logo, sinon il serait coupe.
   Seule regle de ce fichier qui touche encore a l'en-tete. */
header,
[class*="site-header" i],
[class*="siteHeader" i],
[class*="topbar" i]{
  min-height:calc(var(--lg-logo-h) + 24px) !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* ===========================================================================
   3. EXCEPTIONS — le peu qui doit rester rond
   Ce bloc doit rester APRES la section 1 : a poids egal, la derniere regle
   gagne. Retire une ligne si tu veux que cet element devienne carre.
   La section 4 ne touche a aucun border-radius, elle peut donc suivre
   sans rien deranger ici.
   =========================================================================== */
[class*="avatar" i],
[class*="profile-pic" i],
[class*="profilePic" i],
[class*="toggle" i],
[class*="switch" i],
[class*="spinner" i],
[class*="loader" i],
input[type="radio"]{
  border-radius:9999px !important;
}

/* ===========================================================================
   4. TABLEAUX — defiler au lieu d'etirer la page
   Ajoute le 20 aout 2026, teste en direct sur la page Mineral Resources.

   LE PROBLEME : le tableau JORC est un vrai tableau de 10 colonnes, place
   dans une section « Text ». Son parent direct, div.blocknote.prose, est en
   overflow-x:visible. Sur un ecran de 390px ce parent mesure 342px et le
   tableau 771px : il deborde de 429px et etire la page entiere, d'ou la
   moitie blanche a droite sur telephone.

   LA SOLUTION : donner le defilement horizontal au parent DIRECT du tableau.
   Sur cette page, ca vise exactement un element, et il ne contient aucun
   element colle (sticky). Verifie : le conteneur defile bien de 0 a 429px et
   les colonnes Inferred et Total redeviennent atteignables.
   =========================================================================== */

/* 4.1 La page ne s'etire plus au-dela de l'ecran.
   « clip » plutot que « hidden » : ca coupe le debordement SANS creer de
   conteneur de defilement, donc ca ne casse ni l'en-tete ni le sticky. */
html, body{
  max-width:100% !important;
  overflow-x:clip !important;
}

/* 4.2 Le parent DIRECT du tableau devient la zone qui defile.
   Le :has(> table) ne vise que le parent immediat, jamais toute la chaine
   de conteneurs. Une autre section Text contenant un tableau en beneficiera
   aussi, ce qui est exactement le comportement voulu. */
main *:has(> table){
  max-width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
}

/* 4.3 Le tableau garde sa vraie largeur a l'interieur de cette zone :
   il defile au lieu de s'ecraser en colonnes illisibles. */
main table{
  width:auto !important;
  min-width:100% !important;
  max-width:none !important;
  table-layout:auto !important;
}

/* NE PAS ajouter white-space:nowrap sur les cellules. Teste : ca fait passer
   le tableau de 771px a 1309px de large, soit 3,8 largeurs d'ecran a faire
   defiler au lieu de 2,3. Le retour a la ligne dans les en-tetes
   (« Gold Ounces (koz) ») est le meilleur compromis. */

/* ===========================================================================
   5. MOBILE
   =========================================================================== */
@media (max-width:768px){

  img[class*="logo" i],
  img[alt*="logo" i],
  [class*="logo" i] > img,
  [class*="logo" i] > svg,
  [class*="brand" i] > img,
  [class*="brand" i] > svg,
  header a[href="/"] img{
    height:var(--lg-logo-h-mobile) !important;
    max-height:var(--lg-logo-h-mobile) !important;
  }

  header,
  [class*="site-header" i],
  [class*="siteHeader" i],
  [class*="topbar" i]{
    min-height:calc(var(--lg-logo-h-mobile) + 16px) !important;
  }

  /* OPTIONNEL : tableaux plus compacts sur telephone, donc moins de
     defilement lateral. Pour l'activer, supprime la ligne juste en dessous
     et la ligne jumelle qui ferme le bloc, plus bas. */
  /*
  main table{
    font-size:13px !important;
  }
  main table th,
  main table td{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  */
}

</style>

Rob Longley – Q&A Interview