/* Corgano Mining News — uses the Corgano News theme's colours (and its dark mode), with fallbacks for other themes. */
.cmn {
	--cmn-ink: var(--wp--preset--color--ink, currentColor);
	--cmn-muted: var(--wp--preset--color--muted, #5f6b80);
	--cmn-line: var(--wp--preset--color--line, #e1e6ed);
	--cmn-soft: var(--wp--preset--color--surface, #f3f5f8);
	--cmn-acc: var(--wp--preset--color--accent-ink, #8a6414);
	--cmn-up: var(--wp--preset--color--up, #0f7a37);
	--cmn-down: var(--wp--preset--color--down, #c0262d);
	--cmn-mid: #9a6a00;
	font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif);
	font-size: var(--wp--preset--font-size--small, .95rem);
	color: var(--cmn-ink);
}
@media (prefers-color-scheme: dark) { .cmn { --cmn-mid: #e0b04a; } }
.cmn .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cmn a { color: var(--cmn-acc); }
.cmn-mut { color: var(--cmn-muted); font-size: .85em; }
.cmn-preview { background: var(--wp--preset--color--accent-soft, #f6efe0); color: var(--cmn-ink); border-radius: 6px; padding: .5rem .75rem; font-weight: 600; }
.cmn-note, .cmn-foot { color: var(--cmn-muted); font-size: .85em; }
.cmn-foot { border-top: 1px solid var(--cmn-line); padding-top: .75rem; margin-top: 1.5rem; }
.cmn-h { font-size: var(--wp--preset--font-size--large, 1.3rem); margin: 2rem 0 .5rem; }

.cmn-filters { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: flex-end; margin: 0 0 1rem; padding: .75rem; background: var(--cmn-soft); border-radius: 8px; }
.cmn-filters label { display: flex; flex-direction: column; gap: 2px; font-size: .78em; color: var(--cmn-muted); }
.cmn-filters select, .cmn-filters input { font: inherit; font-size: .95rem; padding: .3rem .4rem; border: 1px solid var(--cmn-line); border-radius: 6px; background: var(--wp--preset--color--base, #fff); color: var(--cmn-ink); }
.cmn-filters button { font: inherit; font-weight: 600; padding: .4rem 1rem; border: 0; border-radius: 6px; background: var(--wp--preset--color--accent, #a87b1f); color: #fff; cursor: pointer; }
.cmn-reset { font-size: .85em; align-self: center; }

.cmn-total { margin: .25rem 0 .75rem; }
.cmn-counts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .75rem; }
.cmn-box { border: 1px solid var(--cmn-line); border-radius: 8px; padding: .6rem .8rem; }
.cmn-box h3 { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--cmn-muted); margin: 0 0 .35rem; }
.cmn-box ul { list-style: none; margin: 0; padding: 0; }
.cmn-box li { display: flex; justify-content: space-between; gap: .5rem; padding: 2px 0; }
.cmn-box li span { font-variant-numeric: tabular-nums; color: var(--cmn-muted); }

.cmn-scroll { overflow-x: auto; }
.cmn-table { width: 100%; border-collapse: collapse; font-size: .9em; }
.cmn-table th, .cmn-table td { text-align: left; vertical-align: top; padding: .45rem .5rem; border-bottom: 1px solid var(--cmn-line); }
.cmn-table th { color: var(--cmn-muted); font-weight: 600; font-size: .85em; }
.cmn-num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }

.cmn-chk { display: inline-block; font-size: .75em; padding: 1px 6px; margin: 2px 3px 0 0; border: 1px solid var(--cmn-line); border-radius: 4px; white-space: nowrap; }
.cmn-chk--stated, .cmn-chk--labelled { color: var(--cmn-up); }
.cmn-chk--missing, .cmn-chk--unlabelled { color: var(--cmn-down); }
.cmn-chk--partial, .cmn-chk--unknown { color: var(--cmn-mid); }

.cmn-list { list-style: none; margin: 0; padding: 0; }
.cmn-item { padding: .9rem 0; border-bottom: 1px solid var(--cmn-line); }
.cmn-meta { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .8em; color: var(--cmn-muted); }
.cmn-meta strong { color: var(--cmn-ink); }
.cmn-title { font-family: var(--wp--preset--font-family--serif, Georgia, serif); font-size: 1.15rem; line-height: 1.3; margin: .25rem 0 .35rem; }
.cmn-title a { color: var(--cmn-ink); text-decoration: none; }
.cmn-title a:hover { color: var(--cmn-acc); text-decoration: underline; }
.cmn-tag { display: inline-block; font-size: .75em; padding: 1px 8px; margin: 2px 4px 0 0; border: 1px solid var(--cmn-line); border-radius: 99px; }
.cmn-tag--type { background: var(--cmn-soft); font-weight: 650; }
.cmn-tag--place::before { content: "◉ "; color: var(--cmn-muted); font-size: .8em; }
.cmn-checks { margin-top: .35rem; }
.cmn-score { font-size: .8em; font-weight: 650; margin-right: .25rem; }
.cmn-hl { margin: .35rem 0 0; font-size: .9em; }
.cmn-src { margin: .25rem 0 0; font-size: .75em; color: var(--cmn-muted); }

.cmn-latest { list-style: none; margin: 0; padding: 0; }
.cmn-latest li { padding: .5rem 0; border-bottom: 1px solid var(--cmn-line); display: flex; flex-direction: column; gap: 2px; }
.cmn-latest a { font-weight: 600; text-decoration: none; color: var(--cmn-ink); }
.cmn-latest a:hover { color: var(--cmn-acc); }

/* Company pages and the companies index */
.cmn-crumbs { font-size: .8em; color: var(--cmn-muted); margin: 0 0 .75rem; }
.cmn-crumbs a { color: var(--cmn-muted); }
.cmn-lede { font-size: 1.05em; line-height: 1.5; margin: 0 0 1rem; max-width: 52rem; }
.cmn-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .6rem; margin: 0 0 .5rem; }
.cmn-facts > div { border: 1px solid var(--cmn-line); border-radius: 8px; padding: .55rem .75rem; min-width: 0; }
.cmn-facts dt { font-size: .72em; text-transform: uppercase; letter-spacing: .05em; color: var(--cmn-muted); margin: 0 0 .2rem; }
.cmn-facts dd { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.cmn-nowrap { white-space: nowrap; }
.cmn--company .cmn-table td:nth-child(3) { min-width: 9.5rem; }
.cmn-total .cmn-all-co { margin-left: .5rem; font-weight: 600; }
.cmn-meta a.cmn-co { color: var(--cmn-ink); }
.cmn-letters { display: flex; flex-wrap: wrap; gap: .15rem .55rem; font-weight: 650; margin: 0 0 .75rem; }
.cmn-find { display: flex; flex-direction: column; gap: 2px; font-size: .78em; color: var(--cmn-muted); margin: 0 0 .75rem; max-width: 20rem; }
.cmn-find input { font: inherit; font-size: .95rem; padding: .35rem .5rem; border: 1px solid var(--cmn-line); border-radius: 6px; background: var(--wp--preset--color--base, #fff); color: var(--cmn-ink); }
.cmn-cotable tr[id] { scroll-margin-top: 80px; }

@media (max-width: 600px) {
	.cmn--company .cmn-table th:nth-child(5), .cmn--company .cmn-table td:nth-child(5) { display: none; }
	.cmn--company .cmn-table td:nth-child(2) { min-width: 10rem; }
	.cmn--companies .cmn-table th:nth-child(3), .cmn--companies .cmn-table td:nth-child(3) { display: none; }
	.cmn-table th:nth-child(4), .cmn-table td:nth-child(4) { display: none; }
	.cmn-title { font-size: 1.05rem; }
}

/* Keep theme heading and list styles out of the screen's boxes and lists. */
.cmn .cmn-box h3 { font-family: inherit !important; font-size: .75rem !important; line-height: 1.3 !important; font-weight: 650 !important; margin: 0 0 .4rem !important; }
.cmn ul.cmn-list, .cmn .cmn-box ul, .cmn ul.cmn-latest { padding-left: 0 !important; margin-left: 0 !important; list-style: none !important; }
.cmn .cmn-box li, .cmn .cmn-list li, .cmn .cmn-latest li { margin: 0 !important; }
.cmn .cmn-title { margin: .25rem 0 .35rem !important; }
.cmn h2.cmn-h { margin: 2rem 0 .5rem !important; }
.cmn table.cmn-table { margin: 0 !important; }

/* Wide layout: the full screen breaks out of the 680px text column (works in any page template). */
.cmn.alignwide { width: min(1100px, calc(100vw - 2rem)); max-width: none !important; position: relative; left: 50%; transform: translateX(-50%); margin-left: 0 !important; margin-right: 0 !important; }
.cmn.alignfull { width: 100vw; max-width: none !important; position: relative; left: 50%; transform: translateX(-50%); padding: 0 1rem; }

/* The theme styles "h2 followed by a list" as a Key figures box, and underlines links in article text. */
.cmn h2 + ul.cmn-list { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; font-family: inherit !important; font-size: inherit !important; }
.cmn .cmn-title a, .cmn .cmn-latest a { text-decoration: none !important; box-shadow: none !important; background-image: none !important; }
.cmn .cmn-title a:hover, .cmn .cmn-latest a:hover { text-decoration: underline !important; }
.cmn .cmn-table a, .cmn .cmn-box a { text-decoration-thickness: 1px; }

.cmn .cmn-facts, .cmn .cmn-facts dd { margin-left: 0 !important; }