@font-face{font-family:"Darker Grotesque";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/darker-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Darker Grotesque";font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/darker-grotesque-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/radio-canada-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/radio-canada-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Radio Canada";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/radio-canada-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Reddit Mono";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/reddit-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Reddit Mono";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/reddit-mono-latin-600-normal.woff2) format("woff2")}

:root{
  --bg:#F3EFE6;--bg2:#E8E2D4;--card:#FBF9F4;--ink:#17191E;--ink2:#4A4F57;--line:#D4CCBB;
  --moss:#2F5A3E;--moss2:#3F6B4E;--amber:#B86E00;--amber-bg:#F7E2B8;--red:#B33A20;--stone:#343A44;--night:#14181F;
  --focus:#B86E00;
  --head:"Darker Grotesque",ui-sans-serif,system-ui,sans-serif;
  --body:"Radio Canada",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Reddit Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r:6px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12161C;--bg2:#1A2028;--card:#1C222B;--ink:#ECE7DC;--ink2:#AEB4BC;--line:#2E3642;
  --moss:#7FB894;--moss2:#5E9A74;--amber:#F2A93B;--amber-bg:#3A2C12;--red:#F08466;--focus:#F2A93B}}
:root[data-theme="dark"]{--bg:#12161C;--bg2:#1A2028;--card:#1C222B;--ink:#ECE7DC;--ink2:#AEB4BC;--line:#2E3642;
  --moss:#7FB894;--moss2:#5E9A74;--amber:#F2A93B;--amber-bg:#3A2C12;--red:#F08466;--focus:#F2A93B}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--body);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--moss);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--amber)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
code,kbd{font-family:var(--mono);font-size:.88em;background:var(--bg2);padding:.08em .35em;border-radius:4px;overflow-wrap:anywhere}
h1,h2,h3{font-family:var(--head);font-weight:900;line-height:1.02;letter-spacing:-.005em;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6vw,3.9rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.4rem);margin-top:1.6em}
h3{font-size:1.5rem;margin-top:1.3em}
.skip{position:absolute;left:-999px;top:0;background:var(--night);color:#fff;padding:.6em 1em;z-index:10}
.skip:focus{left:8px;top:8px}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.narrow{max-width:820px}
.small{font-size:.9rem;color:var(--ink2)}
.label{font:600 .76rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin:0 0 .5em}
.opt{font-weight:400;color:var(--ink2)}

/* header */
.top{background:var(--night);color:#ECE7DC;border-bottom:5px solid var(--moss2)}
.top-in{display:flex;align-items:center;gap:1rem;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.55rem;color:#ECE7DC;text-decoration:none;font:900 1.85rem/1 var(--head);letter-spacing:-.01em}
.brand b{color:#F2A93B}
.brand-mark{width:40px;height:28px;fill:#5E9A74}
.brand-mark .stone{fill:#343A44}.brand-mark .hole{fill:#14181F}.brand-mark .eye{fill:#F2A93B}
.brand:hover{color:#fff}
.nav-btn{margin-left:auto;display:none;background:none;border:1px solid #5b6472;color:#ECE7DC;font:600 .9rem var(--mono);padding:.45em .8em;border-radius:var(--r);cursor:pointer}
.nav{margin-left:auto}
.nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nav a{display:block;color:#D6D1C6;text-decoration:none;font:600 .95rem var(--body);padding:.45em .7em;border-radius:var(--r)}
.nav a:hover,.nav a[aria-current="page"]{background:#232a35;color:#F2A93B}
@media (max-width:820px){
  .nav-btn{display:block}
  .nav{display:none;width:100%;margin:0 0 .8rem}
  .nav.open{display:block}
  .nav ul{flex-direction:column}
}

/* breadcrumbs, doc */
.trail ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:1.2rem 0 0;font:400 .82rem var(--mono);color:var(--ink2)}
.trail li+li::before{content:"/";margin-right:.3rem;color:var(--line)}
.trail a{color:var(--ink2)}
.doc-head{padding:1.6rem 0 1rem;max-width:860px}
.kicker{font:600 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin:0 0 .8rem}
.lede{font-size:1.2rem;color:var(--ink2);max-width:62ch}
.byline{font:400 .85rem var(--mono);color:var(--ink2)}
.doc{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-bottom:3rem}
.doc.has-toc{grid-template-columns:minmax(0,1fr) 260px}
.doc.has-toc .doc-head{grid-column:1/-1}
.toc-box{order:2}
.toc-box nav{position:sticky;top:1rem;border-left:3px solid var(--moss2);padding:.2rem 0 .2rem 1rem;font-size:.92rem}
.toc-box ol{margin:0;padding-left:1.1rem}
.toc-box li{margin:.3em 0}
@media (max-width:900px){.doc.has-toc{grid-template-columns:minmax(0,1fr)}.toc-box{order:0}.toc-box nav{position:static}}
.prose{max-width:72ch;min-width:0}
.prose p,.prose li{overflow-wrap:break-word}
.prose h2 + p > strong:first-child{display:block;background:var(--card);border-left:4px solid var(--amber);padding:.6em .9em;font-weight:600}
.prose blockquote{margin:1.2em 0;padding:.4em 1em;border-left:4px solid var(--line);color:var(--ink2)}
.table-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.55em .8em;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 .78rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);background:var(--bg2)}
tr:last-child td{border-bottom:0}
td code{white-space:nowrap}
.answer,.keys{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;margin:0 0 1.2rem}
.answer{border-left:5px solid var(--moss2)}
.answer p:last-child{margin-bottom:0;font-size:1.08rem}
.keys ul{margin:0;padding-left:1.2rem}
.faq details{border-top:1px solid var(--line);padding:.7em 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem}
.faq .ans p{margin:.6em 0 0;color:var(--ink2)}
.sources ol{font-size:.92rem;padding-left:1.2rem}
.sources span{color:var(--ink2)}
.share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:2rem 0 0;font:400 .9rem var(--mono)}
.share a,.share button{border:1px solid var(--line);border-radius:999px;padding:.25em .8em;text-decoration:none;color:var(--ink);background:none;font:inherit;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--amber);color:var(--amber)}
.next{margin-top:2.5rem}
.next ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.next a{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem;text-decoration:none;color:var(--ink)}
.next a:hover{border-color:var(--moss2)}
.next small{display:block;font:600 .72rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}

/* home */
.hero{background:linear-gradient(180deg,var(--bg2),var(--bg));border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem;padding-top:3rem;padding-bottom:3rem;align-items:start}
.hero h1{font-size:clamp(2.5rem,5.6vw,4.2rem)}
@media (max-width:860px){.hero-in{grid-template-columns:minmax(0,1fr);padding-top:2rem}}
.quick{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--moss2);border-radius:var(--r);padding:1.2rem;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.quick-h{font:900 1.6rem/1 var(--head);margin:0 0 .6rem}
.q-out{display:block;margin:.8rem 0;padding:.6em .8em;min-height:2.4em;background:var(--bg2);border-radius:var(--r);white-space:pre-wrap}
.sec-h{margin-top:0;padding-top:2.6rem}
.band{background:var(--bg2);padding-bottom:2.4rem;margin:2.4rem 0 0}
.band.dark{background:var(--night);color:#ECE7DC;margin-top:3rem}
.band.dark a{color:#9BD0AC}
.band.dark .table-wrap{background:#1C222B;border-color:#2E3642}
.band.dark th{background:#232a35;color:#AEB4BC}
.band.dark td{border-color:#2E3642}
.band.dark code{background:#2a313c;color:#F2C77A}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border-radius:var(--r);padding:1rem 1.1rem 1rem 3.4rem;position:relative;border:1px solid var(--line)}
.steps li::before{content:counter(s);position:absolute;left:1rem;top:.75rem;font:900 2rem/1 var(--head);color:var(--amber)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;align-items:start}
.band.dark .split{padding-top:0}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}
.ladder{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;margin-top:2.6rem}
.ladder ol{margin:0;padding-left:1.3rem}
.ladder li{margin:.45em 0}
.cards{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem;position:relative}
.card:hover{border-color:var(--moss2)}
.card h2,.card h3{font-size:1.55rem;margin:.2em 0 .35em}
.card h2 a,.card h3 a{color:var(--ink);text-decoration:none}
.card h2 a::after,.card h3 a::after{content:"";position:absolute;inset:0}
.card p{margin:0;color:var(--ink2);font-size:.97rem}
.card-k{font:600 .74rem var(--mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)!important;display:flex;justify-content:space-between}
.link-list{list-style:none;padding:0;margin:0 0 2rem;columns:2 320px;column-gap:2rem}
.link-list li{break-inside:avoid;padding:.6em 0;border-bottom:1px dashed var(--line)}
.link-list a{font-weight:600}
.link-list span{display:block;color:var(--ink2);font-size:.93rem}
.after{margin:0 0 3rem;font:400 .9rem var(--mono)}
.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;padding-bottom:3rem}
.map-grid h2{font-size:1.6rem;margin-top:0}
.plain{list-style:none;padding:0;margin:0}
.plain li{padding:.3em 0}

/* tools */
.tool{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--moss2);border-radius:var(--r);padding:1.3rem;margin:0 0 2.5rem}
.builder label{display:block;font-weight:600;font-size:.93rem;margin:.75rem 0 .25rem}
.builder label.check{display:flex;gap:.55rem;align-items:flex-start;font-weight:400;margin:.5rem 0}
.builder label.check input{margin-top:.3em;flex:none;width:1.05em;height:1.05em;accent-color:var(--moss2)}
input[type=text],input[type=number],input[type=date],input[type=month],select,textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:.55em .7em;min-height:44px}
textarea{font-family:var(--mono);font-size:.95rem;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--amber);outline:2px solid transparent}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font:900 1.45rem/1.1 var(--head);padding:0;margin:0 0 .2rem}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem}
.grid2.tight{gap:0 1rem}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .8rem}
@media (max-width:720px){.grid2{grid-template-columns:minmax(0,1fr)}.grid2.tight{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.grid3{grid-template-columns:minmax(0,1fr)}}
.seg{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem}
.seg legend{font:600 .93rem var(--body);margin-bottom:.2rem;width:100%}
.seg label{display:flex;gap:.35rem;align-items:center;font-weight:400;margin:0}
.out{margin-top:1.4rem;padding-top:1.2rem;border-top:2px dashed var(--line)}
.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;align-items:center}
.row.inline{flex-wrap:nowrap;margin-top:0}
.row.inline input{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5em 1.1em;border-radius:var(--r);border:2px solid var(--moss2);background:var(--moss2);color:#fff;font:600 1rem var(--body);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--moss);border-color:var(--moss);color:#fff}
.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--amber);color:var(--amber)}
.btn[aria-disabled="true"]{opacity:.55}
.msg{color:var(--red);font-size:.92rem;min-height:1.2em;margin:.4rem 0 0}
.handle-card{background:var(--bg2);border-radius:var(--r);padding:1rem 1.1rem;margin:1rem 0}
.handle{font:900 2.2rem/1 var(--head);margin:0 0 .5rem;overflow-wrap:anywhere}
.facts{margin:0;padding-left:1.2rem}
.facts li{margin:.35em 0}
.facts li.warn::marker{color:var(--red)}
.facts li.ok::marker{color:var(--moss)}
.links{list-style:none;padding:0;margin:0}
.links li{padding:.45em 0;border-bottom:1px dashed var(--line)}
.links code{font-size:.8rem;margin-left:.3rem}
.profile h3{font-size:1.35rem;margin:.6rem 0 .3rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;margin:0}
.stats div{background:var(--bg2);border-radius:var(--r);padding:.8rem 1rem}
.stats dt{font:600 .76rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}
.stats dd{margin:.2rem 0 0}
.stats dd b{font:900 2rem/1.1 var(--head);display:block}
.stats dd span{display:block;font-size:.88rem;color:var(--ink2)}
.meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:520px){.meters{grid-template-columns:minmax(0,1fr)}}
.meter{background:var(--bg2);border-radius:var(--r);padding:1rem}
.big{font:900 3.2rem/1 var(--head);margin:0}
.bar{height:10px;background:var(--line);border-radius:99px;overflow:hidden;margin:.5rem 0}
.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--moss2),var(--amber),var(--red));transition:width .2s}
.verdict{margin:0;font-weight:600}
.why{margin-top:1rem}
.why ul{margin:0;padding-left:1.2rem}
.pt{font:600 .74rem var(--mono);border-radius:99px;padding:.05em .5em;margin-left:.3rem;white-space:nowrap}
.pt.bot{background:var(--amber-bg);color:var(--amber)}
.pt.troll{background:var(--bg2);color:var(--red);border:1px solid var(--line)}
.next-step{margin:1rem 0 0}
.plan{margin:0;padding-left:1.3rem}
.plan li{margin:.55em 0}
.report-tpl{margin-top:1.6rem;border-top:2px dashed var(--line);padding-top:1rem}
.report-tpl summary{font:900 1.45rem var(--head);cursor:pointer}

/* footer */
.foot{background:var(--night);color:#C9C4B9;margin-top:3rem;font-size:.95rem}
.bridge{height:46px;background:
  radial-gradient(ellipse 120px 46px at 50% 100%,var(--bg) 98%,transparent 100%) 0 0/300px 46px repeat-x,#343A44;
  border-bottom:6px solid #2F5A3E}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-top:2.4rem;padding-bottom:2rem}
@media (max-width:860px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-about{grid-column:1/-1}}
.foot a{color:#E6E1D6}
.foot a:hover{color:#F2A93B}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{padding:.25em 0}
.foot-h{font:900 1.5rem/1 var(--head);color:#ECE7DC;margin:0 0 .7rem}
.foot-h b{color:#F2A93B}
.foot .small{color:#9DA3AB}
.fine{grid-column:1/-1;border-top:1px solid #2E3642;padding-top:1rem;margin:0;font:400 .82rem var(--mono);color:#9DA3AB;overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.top,.foot,.share,.next{display:none}}