/* Mineral Road Discovery · project pages (V4, 13 Oct 2026)
   Leigh Creek and Allaru. Loaded only by the project pages and the V4 draft home,
   so site.css (and the Newsfile job's CSS version) stays untouched.
   Rule carried in the markup: every figure sits inside a .filed frame, next to its caveats. */

/* Draft banner. Remove the element (not this rule) at the V4 approval step. */
.draft-banner { background: var(--ochre); color: var(--ink); border-bottom: 2px solid var(--ink); font-family: var(--display); font-weight: 700; font-size: .95rem; letter-spacing: .02em; text-align: center; padding: 10px 20px; }
.draft-banner.end { border-bottom: 0; border-top: 2px solid var(--ink); }

/* Header line under the page title */
.project-hero .facts-line { margin: 0; color: var(--cream-soft); font-size: 1.05rem; font-weight: 600; max-width: 70ch; }
.project-hero .facts-line .sep { color: var(--ochre); padding-inline: 4px; }
.project-hero .ph-block { margin-top: 18px; max-width: 70ch; }
.project-hero .src { color: var(--cream-soft); }

/* Placeholders that sit on their own line */
.ph-block { display: block; margin: 16px 0 0; max-width: 64ch; line-height: 1.5; }
.ph-block mark.ph { display: inline; padding: 2px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Source line under every block */
.src { font-size: .82rem; font-style: italic; color: var(--muted); max-width: 78ch; margin-top: 18px; }

/* Filed text frame: figures only ever appear inside one of these */
.filed { background: var(--surface); border: 2px dashed var(--hist); border-radius: var(--radius); padding: 22px 24px; max-width: 1000px; }
.filed p { max-width: 78ch; }
@media (max-width: 620px) { .filed { padding: 18px 16px; } }
.filed + .filed { margin-top: 20px; }
.filed-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.filed-tag { display: inline-flex; align-items: center; background: var(--hist); color: #fff; font-family: var(--display); font-weight: 700; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; padding: 4px 8px; border-radius: 4px; }
.filed-tag.plain { background: var(--ink); color: var(--cream); }
.filed h3 { font-size: 1.1rem; margin: 0 0 10px; }
.filed p:not(.filed-tags) { font-size: 1.02rem; }
.filed .caveat { border-left: 3px solid var(--hist); padding-left: 14px; }
.filed .table-wrap { overflow-x: auto; margin: 16px 0; }
.filed table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.filed th, .filed td { text-align: right; padding: 8px 10px; border-bottom: 1px solid var(--border); white-space: nowrap; }
.filed th:first-child, .filed td:first-child { text-align: left; }
.filed th { font-family: var(--display); font-weight: 700; background: var(--surface-2); vertical-align: bottom; }
.filed blockquote { margin: 0; }

/* Optional block (market backdrop) */
.optional-label { display: inline-block; font-family: var(--display); font-weight: 700; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; border: 1px solid var(--border-strong); border-radius: 4px; padding: 3px 8px; margin-bottom: 14px; }
.attrib { font-style: italic; color: var(--muted); margin-bottom: 8px; }

/* The record */
.record .doc-list { margin-top: 8px; }
.record .doc-list .doc-ph { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px; border: 1px dashed var(--border-strong); border-radius: var(--radius); }
.record .qp-stamp { max-width: 80ch; }
.back-port { margin-top: 28px; font-weight: 700; }

/* Pack v1.1 (14 Oct 2026): historical estimates with the NI 43-101 s.2.4 items.
   The cautionary statement is set at the same size as the estimate (equal prominence). */
.filed .lead-in, .filed .caution { font-size: 1.08rem; }
.filed .caution { font-weight: 700; border-left: 3px solid var(--hist); padding-left: 14px; }
.disclosure { margin: 18px 0 0; display: grid; gap: 14px; }
.disclosure dt { font-family: var(--display); font-weight: 700; font-size: .95rem; }
.disclosure dd { margin: 2px 0 0; max-width: 78ch; }
.record-label { margin-top: 32px !important; }

/* Brand panel in the project page header (stands in for a project photo). */
.brand-panel { --panel: #2A251D; margin-top: 28px; background: var(--panel); border-radius: var(--radius); overflow: hidden; aspect-ratio: 4 / 3; max-width: 100%; color: var(--cream); }
@media (min-width: 860px) { .brand-panel { aspect-ratio: 3 / 1; } }
.brand-panel svg { display: block; width: 100%; height: 100%; }
.brand-panel path { fill: currentColor; }
.brand-panel .bp-near { opacity: .3; }
.brand-panel .bp-far { opacity: .08; }
.brand-panel .bp-cut { fill: var(--panel); }
.project-hero .brand-panel + .ph-block { margin-top: 14px; }

/* Pack v2.1 (14 Oct 2026): at-a-glance facts in the page body, so ownership is not only above the title. */
.keyfacts { margin: 24px 0 0; display: grid; gap: 0; border-top: 1px solid var(--border); max-width: 900px; }
.keyfacts > div { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--border); }
@media (min-width: 620px) { .keyfacts > div { grid-template-columns: 200px 1fr; gap: 24px; } }
.keyfacts dt { font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .78rem; color: var(--muted); padding-top: 3px; }
.keyfacts dd { margin: 0; font-size: 1.1rem; font-weight: 600; }
.stages.workstreams li::before { content: none; }

/* Leadership page (initial version, 14 Oct 2026) */
.pull-quote { margin: 28px 0 0; max-width: 68ch; border-left: 4px solid var(--rust); padding: 4px 0 4px 20px; }
.pull-quote blockquote { margin: 0; }
.pull-quote blockquote p { font-size: 1.2rem; line-height: 1.5; margin: 0; }
.pull-quote figcaption { margin-top: 10px; color: var(--muted); font-size: .92rem; }
.roles { list-style: none; margin: 28px 0 0; padding: 0; border-top: 1px solid var(--border); max-width: 900px; }
.roles li { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--border); }
@media (min-width: 620px) { .roles li { grid-template-columns: 300px 1fr; gap: 24px; } }
.roles strong { font-weight: 700; }
.roles span { color: var(--text); }
.person { border-top: 4px solid var(--rust); padding-top: 22px; max-width: 900px; }
.person-role { font-family: var(--display); font-weight: 700; font-size: 1.1rem; color: var(--accent); margin: -4px 0 16px; }
.keyfacts .kf-note { display: block; margin-top: 4px; font-size: .92rem; font-weight: 400; color: var(--muted); }
.person-link { color: inherit; text-decoration: none; }
.person-link:hover { color: var(--accent); }
.person .more { margin-top: 12px; font-weight: 700; }

/* V4.1 (28 Oct 2026): Directors page, one card per director with air between them; Portfolio page cards. */
.people .person + .person { margin-top: 44px; }
.port.port-page { max-width: 1100px; }
.port.port-page .note { color: var(--text); font-size: 1rem; }
.port.port-page .more { margin: 14px 0 0; font-weight: 700; }