/* GENERATED by `npm run site:build`. Edit tools/website/render.ts. */

nav.crumbs{border-bottom:1px solid var(--hair); background:var(--paper)}
nav.crumbs .wrap{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:14px; padding-bottom:14px;
  font-size:0.8125rem; font-weight:600; color:var(--muted)}
nav.crumbs a{color:var(--muted); text-decoration:none}
nav.crumbs a:hover{color:var(--violet); text-decoration:underline}
nav.crumbs .crumb-sep{color:var(--caption)}
nav.crumbs [aria-current="page"]{color:var(--ink)}

main{padding:56px 0 88px}
.guide .wrap{max-width:760px}
.hub .wrap{max-width:1120px}
.hub > .wrap > h1, .hub .lede{max-width:66ch}
.guide h1, .hub h1{font-size:clamp(2rem,4vw,2.9rem)}
.guide .answer{font-size:1.1875rem; font-weight:600; margin:24px 0 36px; max-width:none}
.guide h2{font-size:1.375rem; margin-bottom:14px}

.panel{background:var(--wash); border:1px solid var(--hair); border-radius:var(--r-panel); padding:26px 28px; margin:0 0 24px}
.panel h2{font-size:0.8125rem; letter-spacing:0.09em; text-transform:uppercase; color:var(--violet)}

ol.steps{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
ol.steps li{display:flex; gap:14px}
ol.steps .n{flex:0 0 24px; font-weight:700; color:var(--violet)}

ul.bullets{margin:0; padding-left:22px; display:flex; flex-direction:column; gap:10px}
ul.bullets li{color:var(--muted)}

/* The one section that must never be missed, and never collapsed. */
.note{border-radius:var(--r-panel); padding:26px 28px; margin:0 0 24px; border:1.5px solid var(--lavender-line); background:var(--lavender)}
.note h2{font-size:0.8125rem; letter-spacing:0.09em; text-transform:uppercase; color:var(--violet-deep)}
.note ul.bullets li{color:var(--violet-deep)}

.detail{margin:0 0 28px}
.detail p{color:var(--muted); max-width:none}

.provenance{border-top:1px solid var(--hair); margin-top:44px; padding-top:28px}
.provenance h2{font-size:0.8125rem; letter-spacing:0.09em; text-transform:uppercase; color:var(--caption)}
.prov-row{margin:0 0 18px}
.prov-row h3{font-size:0.9375rem; margin:0 0 4px}
.prov-row p{color:var(--muted); font-size:0.9375rem; margin:0}
.prov-row p.flag{color:var(--violet-deep); font-weight:700}
ul.orgs{margin:8px 0 0; padding-left:22px; font-size:0.9375rem; color:var(--muted)}

.related{border-top:1px solid var(--hair); margin-top:36px; padding-top:24px}
.related ul{margin:0; padding-left:22px; display:flex; flex-direction:column; gap:10px}
.more{margin:28px 0 24px}

.topics{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:36px}
.topic{margin:0; background:var(--paper); border:1px solid var(--hair); border-radius:var(--r-panel); padding:26px 28px}
.topic h2{font-size:1.375rem; margin:0 0 4px}
.topic h2 a{text-decoration:none; color:var(--ink)}
.topic h2 a:hover{color:var(--violet)}
ul.guidelist{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column}
ul.guidelist li{display:flex; justify-content:space-between; align-items:baseline; gap:18px;
  border-bottom:1px solid var(--hair); padding:12px 0}
ul.guidelist li:last-child{border-bottom:0; padding-bottom:0}
ul.guidelist a{font-weight:600; text-decoration:none; color:var(--ink)}
ul.guidelist a:hover{color:var(--violet)}

footer .footcols{display:grid; grid-template-columns:repeat(3,1fr); gap:32px; width:100%}
footer .footcols h3{font-size:0.8125rem; letter-spacing:0.09em; text-transform:uppercase; color:var(--caption); margin-bottom:12px}
footer .footcols a{display:block; padding:5px 0}
footer p.boundary{border-top:1px solid var(--hair); padding-top:18px; margin-top:8px}

@media (max-width:880px){
  footer .footcols{grid-template-columns:1fr}
  ul.guidelist li{flex-direction:column; gap:4px}
  .topics{grid-template-columns:1fr}
}