/* Themes for the samples drawn by pinned-canvas.mjs. The layout is Plumbline's (plumbline-story.css); these set its colours and lettering. */
#porchlight{--pl-bg:#170d2b;--pl-ink:#f8f1e2;--pl-soft:#c9b8dc;--pl-deep:#100820;--pl-accent:#ff7a59;--pl-rule:#4a3468;font-family:Manrope,system-ui,sans-serif}
#porchlight .pl-intro h2,#porchlight .pl-step h3{font-family:Fraunces,Georgia,serif;text-transform:none;letter-spacing:-.015em;font-weight:700}
#porchlight .pl-label,#porchlight .pl-contract,#porchlight .diagnosis-tag{font-family:'JetBrains Mono',ui-monospace,monospace}
#porchlight .pl-btn{border-radius:999px}
#porchlight[data-pin] .pl-step:is([data-pl-step="7"],[data-pl-step="8"]){right:auto;width:min(760px,62vw)}
@media (max-width:700px){#porchlight[data-pin] .pl-step:is([data-pl-step="7"],[data-pl-step="8"]){right:var(--pl-x);width:auto}}
#fairweather{--pl-bg:#1b1610;--pl-ink:#f6f0e4;--pl-soft:#cdbfa6;--pl-deep:#120e0a;--pl-accent:#ffcf6e;--pl-rule:#4d3f2c;font-family:'EB Garamond',Baskerville,Georgia,serif}
#fairweather .pl-intro h2,#fairweather .pl-step h3{font-family:inherit;text-transform:none;letter-spacing:-.01em;font-weight:500}
#fairweather .pl-step p,#fairweather .pl-lede{font-size:clamp(17px,min(1.5vw,2.7svh),28px);line-height:1.4}
#fairweather .pl-label,#fairweather .pl-contract,#fairweather .diagnosis-tag{font-family:'JetBrains Mono',ui-monospace,monospace}
#fairweather .pl-btn{font-family:Manrope,system-ui,sans-serif;border-radius:999px}
#fairweather[data-pin] .pl-step[data-pl-step="8"]{right:0;width:auto}
@media (max-width:700px){#fairweather[data-pin] .pl-step[data-pl-step="8"]{right:var(--pl-x)}}