/* confluencelr.ca — shared styles for static pages (insights, tool landings).
   Generated by build.py from the brand tokens in source/site.html. Edit here, not in deploy/. */

@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/c99c20a7-5e86-4045-8cba-7e13a92ae520.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/ce59832e-47ef-436e-913a-c0aaf39f2061.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/1917d050-3290-4c7d-a103-df262bc3aced.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/c99c20a7-5e86-4045-8cba-7e13a92ae520.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/ce59832e-47ef-436e-913a-c0aaf39f2061.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/1917d050-3290-4c7d-a103-df262bc3aced.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/c99c20a7-5e86-4045-8cba-7e13a92ae520.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/ce59832e-47ef-436e-913a-c0aaf39f2061.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/1917d050-3290-4c7d-a103-df262bc3aced.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/c99c20a7-5e86-4045-8cba-7e13a92ae520.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/ce59832e-47ef-436e-913a-c0aaf39f2061.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('fonts/1917d050-3290-4c7d-a103-df262bc3aced.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/a29a10a3-ddcf-40be-b35e-4fe230cd3611.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/db476a65-70d0-4ea5-8d5f-2e775c143078.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/080a726c-fcf5-4d04-a68d-89e9b5f21a1d.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/8a35e777-539d-49ec-8db6-16560644c01d.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/21c205a9-1f31-4ee4-890d-554e0ca61bff.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/522f051e-60d5-43fa-a4b9-b71bbe7e8c7f.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/74e36be6-53f7-451f-87ad-15c206050156.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/19cd791f-3ba1-4b98-8c56-c9ad448389b0.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/9ea0caa2-e622-4547-b60b-f1f6f79194ed.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/4c2c7b2d-881a-46d0-94ac-0bac60d297b7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/0962a802-797c-4cad-9a6e-bf0664f94324.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/fbbdf6b9-45d3-4a71-9f7b-8fe7646154d9.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/955a58a5-da53-46c5-bdf8-414fd7b216af.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/fefd8c4c-7569-4247-9505-a78fc6963962.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/ba4ef2d1-bceb-4df1-800c-93afcd3ff54e.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

:root{
  --ink:#1C1E1B; --ink-soft:#3A3C37;
  --green:#173A30; --green-mid:#1F4A3F; --green-light:#2A4F43;
  --gold:#C9A86E; --gold-deep:#9A7B4F; --gold-dark:#8A6A37;
  --paper:#F4F1EA; --paper-alt:#EEF0E9; --mist:#E4ECE4;
  --rule:#D6D1C2; --rule-soft:#E0DBCC;
  --serif:'Spectral',Georgia,'Times New Roman',serif;
  --sans:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --measure:38rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 1.125rem/1.7 var(--serif);text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased}

/* ---- masthead / footer ---- */
.masthead{background:var(--green);color:var(--paper-alt)}
.masthead__in,.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.masthead__in{display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;min-height:4.5rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}
.brand svg{width:2rem;height:2rem;flex:none;border-radius:.25rem}
.brand__text{display:block}
.brand b{font:600 .95rem/1.2 var(--sans);letter-spacing:.02em}
.brand i{display:block;font:400 .72rem/1.3 var(--sans);font-style:normal;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.masthead nav{display:flex;gap:1.5rem;font:500 .875rem/1 var(--sans)}
.masthead nav a{color:var(--paper-alt);text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent}
.masthead nav a:hover,.masthead nav a[aria-current]{border-bottom-color:var(--gold)}
.foot{background:var(--green);color:var(--paper-alt);margin-top:5rem;padding:3rem 0}
.foot p{font:400 .875rem/1.6 var(--sans);margin:0;opacity:.75}
.foot a{color:var(--gold)}

/* ---- article ---- */
.article{max-width:var(--measure);margin:0 auto;padding:4rem 1.5rem 0}
.eyebrow{font:500 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-dark);margin:0 0 1.25rem}
.article h1{font:600 clamp(2rem,5vw,2.9rem)/1.15 var(--serif);letter-spacing:-.015em;margin:0 0 1rem;color:var(--green)}
.standfirst{font:300 1.3rem/1.6 var(--serif);color:var(--ink-soft);margin:0 0 2rem}
.byline{font:400 .8125rem/1.5 var(--sans);color:var(--ink-soft);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.875rem 0;margin:0 0 3rem}
.article h2{font:600 1.5rem/1.3 var(--serif);color:var(--green);margin:3rem 0 1rem}
.article h3{font:600 1.15rem/1.35 var(--serif);color:var(--green-mid);margin:2.25rem 0 .75rem}
.article p{margin:0 0 1.4rem}
.article a{color:var(--green-mid);text-decoration-thickness:1px;text-underline-offset:.15em}
.article a:hover{color:var(--gold-dark)}
.article ul,.article ol{margin:0 0 1.4rem;padding-left:1.4rem}
.article li{margin:0 0 .6rem}
.article blockquote{margin:2rem 0;padding:0 0 0 1.5rem;border-left:3px solid var(--gold);
  font:300 1.2rem/1.6 var(--serif);color:var(--ink-soft)}
.article hr{border:0;border-top:1px solid var(--rule);margin:3rem 0}
.pull{background:var(--mist);border-radius:.5rem;padding:1.5rem;margin:2.5rem 0;
  font:500 1.05rem/1.6 var(--sans)}

/* ---- insights index ---- */
.lede{max-width:var(--measure);margin:0 auto;padding:4rem 1.5rem 2rem}
.lede h1{font:600 clamp(2rem,5vw,2.9rem)/1.15 var(--serif);color:var(--green);margin:0 0 .75rem}
.lede p{font:300 1.25rem/1.6 var(--serif);color:var(--ink-soft);margin:0}
.cards{max-width:72rem;margin:0 auto;padding:2rem 1.5rem;display:grid;gap:1.25rem;
  grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}
.card{background:#fff;border:1px solid var(--rule-soft);border-radius:.5rem;padding:1.75rem;
  display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:inherit;
  transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--gold);transform:translateY(-2px)}
.card time{font:500 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark)}
.card h2{font:600 1.25rem/1.3 var(--serif);color:var(--green);margin:0}
.card p{font:400 .95rem/1.6 var(--serif);color:var(--ink-soft);margin:0}
.card span{margin-top:auto;padding-top:.75rem;font:500 .8125rem/1 var(--sans);color:var(--green-mid)}

.backlink{max-width:var(--measure);margin:3rem auto 0;padding:0 1.5rem;
  font:500 .875rem/1 var(--sans)}
.backlink a{color:var(--green-mid)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
