/* Article kit: every component inside a post is a paper artifact on the board.
   Sheets get a typed label strip, a pin (kit.js) and soft shadow; lists read like ruled index cards;
   stats are pinned tickets on a string; quotes are torn strips; steps are tags on a string. Loaded last on posts. */
html body.board-art.board-art{--k-paper:#fbf8ef;--k-paper2:#f5efdf;--k-ink:#1d1a16;--k-dim:#6b6152;--k-red:#b93b2f;--k-kraft:#c9a46e;--k-manila:#e7d3a4;--k-rule:rgba(70,90,140,.16)}
html body.board-art.board-art .prose :is(.tx-table,figure.rd-card,figure.chart,figure.viz,figure.fx,aside.srcard,figure.workflow-note){
 position:relative!important;background:var(--k-paper)!important;border:0!important;border-radius:1px!important;overflow:visible!important;
 box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 1px 2px rgba(60,40,20,.12),3px 14px 26px -14px rgba(60,40,20,.5)!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .26 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")!important;
 margin:3.2rem 0 3rem!important;transform:rotate(-.35deg)}
html body.board-art.board-art .prose :is(.tx-table,figure.chart,figure.fx):nth-of-type(even){transform:rotate(.3deg)}
/* the typed label strip replaces the full-width kraft bar */
html body.board-art.board-art .prose :is(.tx-head,.fx-bar,.rd-strip,.viz .vh){position:relative!important;display:flex!important;justify-content:space-between;align-items:center;gap:1rem;
 background:none!important;border:0!important;border-bottom:1px solid rgba(70,50,20,.14)!important;padding:1.6rem 1.4rem .7rem!important;color:var(--k-dim)!important;
 font:500 10.5px/1.3 "SuisseMono",ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase}
html body.board-art.board-art .prose :is(.fx-bar,.rd-strip,.viz .vh)>span:first-child{position:absolute;left:1rem;top:-.95rem;background:var(--k-manila);color:#3b2a10;padding:.5rem .9rem .45rem;transform:rotate(-1.5deg);box-shadow:1px 3px 5px rgba(60,40,20,.22);font-weight:600;letter-spacing:.14em;z-index:3}
html body.board-art.board-art .prose :is(.fx-bar,.rd-strip,.viz .vh){padding-top:1.5rem!important;min-height:2.6rem}
html body.board-art.board-art .prose .fx-tag,html body.board-art.board-art .prose :is(.rd-strip,.viz .vh)>span:last-child{margin-left:auto;color:var(--k-red)!important;border:1.5px solid currentColor;padding:2px 7px 1px;transform:rotate(2deg);opacity:.85;font-size:9.5px!important;letter-spacing:.14em;background:none!important}
html body.board-art.board-art .prose .fx-tag::before{display:none!important}
/* ruled index-card lists (taxonomy, fields, checks, requests) */
html body.board-art.board-art .prose .tx-table{padding-bottom:.6rem!important;background-image:linear-gradient(90deg,transparent 3.6rem,rgba(185,59,47,.32) 3.6rem,rgba(185,59,47,.32) calc(3.6rem + 1px),transparent calc(3.6rem + 1px))!important}
html body.board-art.board-art .prose .tx-head{padding-left:1.1rem!important;justify-content:flex-start!important;gap:0!important}
html body.board-art.board-art .prose .tx-head>span:first-child{width:2.5rem;color:var(--k-red)!important}
html body.board-art.board-art .prose .tx-row{background:none!important;border:0!important;border-bottom:1px solid var(--k-rule)!important;padding:1.15rem 1.4rem 1.15rem 1.1rem!important;transition:background .2s}
html body.board-art.board-art .prose .tx-row:last-child{border-bottom:0!important}
html body.board-art.board-art .prose .tx-row:hover{background:rgba(231,211,164,.18)!important}
html body.board-art.board-art .prose .tx-row>span:first-child{color:var(--k-red)!important;font:700 12px/1 "Courier New",monospace!important;letter-spacing:.06em}
html body.board-art.board-art .prose .tx-row h3{font:600 1.12rem/1.25 "Inter Tight",Arial,sans-serif!important;letter-spacing:-.015em!important;color:var(--k-ink)!important;margin:0 0 .3rem!important}
html body.board-art.board-art .prose .tx-row p{color:#3e372c!important}
html body.board-art.board-art .prose .tx-row .tx-eg{color:var(--k-dim)!important;font-style:italic}
/* figure bodies and captions */
html body.board-art.board-art .prose :is(.fx-body,.rd-body){background:none!important;border:0!important;padding:1.3rem 1.4rem 1.1rem!important}
html body.board-art.board-art .prose :is(figure.fx,figure.rd-card,figure.chart,figure.viz) figcaption{background:none!important;border-top:1px dashed rgba(70,50,20,.22)!important;color:var(--k-dim)!important;font:500 10px/1.5 "SuisseMono",ui-monospace,monospace!important;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.4rem 1rem!important;text-align:left!important}
/* bar charts: kraft columns, ink labels, red on hover; tip becomes a tag */
html body.board-art.board-art .prose figure.chart{padding:1.6rem 1.5rem 1.3rem!important}
html body.board-art.board-art .prose figure.chart h3{font:600 1.15rem/1.2 "Inter Tight",Arial,sans-serif!important;letter-spacing:-.015em!important;color:var(--k-ink)!important;margin:0 0 .25rem!important}
html body.board-art.board-art .prose figure.chart .cap{color:var(--k-red)!important;font:500 10px/1.4 "SuisseMono",ui-monospace,monospace!important;letter-spacing:.12em}
html body.board-art.board-art .prose figure.chart svg rect:not([fill="none"]){fill:var(--k-kraft)!important;stroke:#9c7a45;stroke-width:1;transition:fill .2s}
html body.board-art.board-art .prose figure.chart svg rect:hover,html body.board-art.board-art .prose figure.chart svg rect.on{fill:var(--k-red)!important;stroke:#7e2219}
html body.board-art.board-art .prose figure.chart svg text{fill:var(--k-ink)!important;font-family:"Courier New",monospace!important;font-weight:700}
html body.board-art.board-art .prose figure.chart svg line{stroke:rgba(70,50,20,.35)!important}
html body.board-art.board-art .prose figure.chart .tip,html body.board-art.board-art .prose .fx .tip{display:inline-block!important;background:var(--k-manila)!important;border:0!important;border-radius:0!important;color:#3b2a10!important;padding:.55rem .9rem .5rem 1.6rem!important;clip-path:polygon(0 50%,12px 0,100% 0,100% 100%,12px 100%);position:relative;transform:rotate(-1deg)}
html body.board-art.board-art .prose :is(.chart .ctl,.fx-chips) button{border-radius:0!important}
/* stat row: pinned tickets on a string */
html body.board-art.board-art .prose .statrow{position:relative!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))!important;gap:2.2rem 1.4rem!important;background:none!important;border:0!important;box-shadow:none!important;padding:1.6rem .2rem .4rem!important;margin:3rem 0!important}
html body.board-art.board-art .prose .statrow .st{position:relative;background:var(--k-paper)!important;border:0!important;padding:1.6rem 1.1rem 1.1rem!important;box-shadow:0 1px 2px rgba(60,40,20,.12),2px 12px 20px -12px rgba(60,40,20,.5)!important;transform:rotate(var(--r,-1deg))}
html body.board-art.board-art .prose .statrow .st:nth-child(2){--r:1.2deg}html body.board-art.board-art .prose .statrow .st:nth-child(3){--r:-.6deg}html body.board-art.board-art .prose .statrow .st:nth-child(4){--r:1.6deg}
html body.board-art.board-art .prose .statrow .st::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:radial-gradient(circle at 5px 0,transparent 4px,var(--k-paper) 4.5px) 0 0/10px 6px repeat-x}
html body.board-art.board-art .prose .statrow strong{display:block;font:600 2.1rem/1 "Inter Tight",Arial,sans-serif!important;letter-spacing:-.04em!important;color:var(--k-ink)!important;margin-bottom:.55rem}
html body.board-art.board-art .prose .statrow p{font:15px/1.4 "EB Garamond",Georgia,serif!important;color:#4a4134!important;margin:0!important}
/* pull quote: a torn strip, pinned */
html body.board-art.board-art .prose blockquote.pq{position:relative!important;background:var(--k-paper)!important;border:0!important;margin:3rem auto!important;max-width:34rem;padding:1.9rem 2rem 1.6rem 3.2rem!important;transform:rotate(-1deg);
 box-shadow:2px 12px 22px -14px rgba(60,40,20,.5)!important;font:italic 1.45rem/1.35 "EB Garamond",Georgia,serif!important;color:var(--k-ink)!important;
 clip-path:polygon(0 4%,6% 0,15% 3%,27% 0,41% 2%,55% 0,68% 3%,81% 0,93% 2%,100% 0,100% 96%,94% 100%,82% 97%,70% 100%,57% 98%,44% 100%,30% 97%,17% 100%,6% 97%,0 100%)}
html body.board-art.board-art .prose blockquote.pq::before{content:"\201C";position:absolute;left:1rem;top:.6rem;font:600 3.4rem/1 "Inter Tight",Arial,sans-serif;color:var(--k-red)}
html body.board-art.board-art .prose blockquote.pq cite{display:block;margin-top:.8rem;font:500 10px/1.4 "SuisseMono",ui-monospace,monospace;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--k-dim)}
/* how the work moves: tags on a string */
html body.board-art.board-art .prose figure.workflow-note{padding:1.4rem 1.4rem 1.6rem!important;border-top:0!important}
html body.board-art.board-art .prose figure.workflow-note h3{position:absolute;left:1rem;top:-.95rem;margin:0!important;background:var(--k-manila);color:#3b2a10!important;padding:.5rem .9rem .45rem;transform:rotate(-1.5deg);box-shadow:1px 3px 5px rgba(60,40,20,.22);font:600 10.5px/1.3 "SuisseMono",ui-monospace,monospace!important;letter-spacing:.14em;text-transform:uppercase;z-index:3}
html body.board-art.board-art .prose figure.workflow-note ol{position:relative;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))!important;gap:1.6rem 1rem!important;margin:1.6rem 0 0!important;padding:0!important}
html body.board-art.board-art .prose figure.workflow-note li{position:relative;list-style:none;background:var(--k-manila)!important;border:0!important;padding:1.5rem .9rem .9rem!important;clip-path:polygon(14% 0,86% 0,100% 12%,100% 100%,0 100%,0 12%);transform:rotate(var(--r,-1.5deg));filter:drop-shadow(1px 4px 4px rgba(60,40,20,.25))}
html body.board-art.board-art .prose figure.workflow-note li:nth-child(even){--r:1.4deg}
html body.board-art.board-art .prose figure.workflow-note li::before{content:"";position:absolute;left:50%;top:.45rem;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--k-kraft);box-shadow:0 0 0 2.5px #b8913f,inset 1px 1px 2px rgba(0,0,0,.35)}
html body.board-art.board-art .prose figure.workflow-note li>span{display:block;color:var(--k-red)!important;font:700 11px/1 "Courier New",monospace!important;letter-spacing:.1em;margin-bottom:.4rem;border:0!important}
html body.board-art.board-art .prose figure.workflow-note li p{font:600 1rem/1.25 "Inter Tight",Arial,sans-serif!important;letter-spacing:-.01em;color:var(--k-ink)!important;margin:0!important}
/* scorecard: rubber stamps */
html body.board-art.board-art .prose .rd-s{border:2px solid currentColor!important;border-radius:2px!important;background:none!important;font:700 11px/1 "Courier New",monospace!important;letter-spacing:.14em;padding:4px 8px 3px!important;transform:rotate(-5deg);opacity:.85}
html body.board-art.board-art .prose .rd-s.ok{color:#3f6b3a!important}html body.board-art.board-art .prose .rd-s.no{color:var(--k-red)!important;transform:rotate(4deg)}
html body.board-art.board-art .prose .rd-head b{font-family:"Inter Tight",Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.03em}
html body.board-art.board-art .prose .rd-t{font:600 1.05rem/1.25 "Inter Tight",Arial,sans-serif!important;letter-spacing:-.01em}
/* source clipping: a printout with a paper clip */
html body.board-art.board-art .prose aside.srcard{padding:1.6rem 1.5rem 1.3rem!important;transform:rotate(.6deg)}
html body.board-art.board-art .prose aside.srcard::before{content:"";position:absolute;right:2.2rem;top:-1.1rem;width:16px;height:46px;border:2.5px solid #9a9a96;border-radius:9px;border-bottom-color:transparent;box-shadow:inset 0 0 0 4px transparent;transform:rotate(8deg);z-index:4}
html body.board-art.board-art .prose aside.srcard p{font:1.12rem/1.45 "EB Garamond",Georgia,serif!important;color:var(--k-ink)!important}
/* the shortlist illustration: yarn fan-out, brass agent tags, paper product cards, chosen two outlined in red */
html body.board-art.board-art .prose figure.fx-sl .fx-svg path[stroke-dasharray]{stroke:#c74335!important;stroke-dasharray:none!important;stroke-width:1.6!important;opacity:.8}
html body.board-art.board-art .prose figure.fx-sl .fx-svg circle[r="24"]{fill:var(--k-manila)!important;stroke:#a8843f!important;stroke-width:2!important}
html body.board-art.board-art .prose figure.fx-sl .fx-svg rect[rx="8"]{fill:#fffdf6!important;stroke:#d6cbb1!important;filter:drop-shadow(1px 3px 2px rgba(60,40,20,.18))}
html body.board-art.board-art .prose figure.fx-sl .fx-svg g:not([opacity]) rect[rx="8"]{stroke:var(--k-red)!important;stroke-width:2.5!important}
/* pins and strings added by kit.js */
.kpin{position:absolute;left:50%;top:-17px;width:30px;height:35px;margin-left:-15px;z-index:6;pointer-events:none;filter:drop-shadow(1px 3px 2px rgba(60,20,10,.45))}
.kwire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}
.kwire path{fill:none;stroke:#c74335;stroke-width:2.2;stroke-linecap:round}
@media(max-width:700px){html body.board-art.board-art .prose :is(.tx-table,figure.rd-card,figure.chart,figure.viz,figure.fx,aside.srcard,figure.workflow-note){transform:none;margin-left:0!important;margin-right:0!important}
 html body.board-art.board-art .prose blockquote.pq{padding:1.6rem 1.3rem 1.3rem 2.6rem!important;font-size:1.25rem!important}}
html body.board-art.board-art .prose :is(figure,div,blockquote,aside) svg.kpin{position:absolute!important;width:30px!important;height:35px!important;max-width:none!important;display:block!important;background:none!important;border:0!important;margin:0 0 0 -15px!important}
html body.board-art.board-art .prose figure.chart svg.kpin rect{fill:initial!important}
html body.board-art.board-art .prose blockquote.pq.has-q::before{display:none}
html body.board-art.board-art .prose aside.srcard::before{border:0!important;width:22px!important;height:58px!important;top:-1.6rem!important;border-radius:0!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 58'%3E%3Cpath d='M15 18V45a5 5 0 0 1-10 0V9a7 7 0 0 1 14 0v38a9 9 0 0 1-18 0V18' fill='none' stroke='%23908f88' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
/* measure/change/re-measure figure: house palette (ink, kraft, red; sage and mustard for pass and stall) */
html body.board-art.board-art .prose .vbar .tr{background:rgba(70,50,20,.08)!important}
html body.board-art.board-art .prose .vbar .fi{background:repeating-linear-gradient(90deg,#2a241c 0 6px,#3a3228 6px 8px)!important}
html body.board-art.board-art .prose .vbar:nth-child(2) .fi{background:repeating-linear-gradient(90deg,#6b5a40 0 6px,#7c6a4e 6px 8px)!important}
html body.board-art.board-art .prose .vbar:nth-child(3) .fi{background:repeating-linear-gradient(90deg,#b08a52 0 6px,#c49d65 6px 8px)!important}
html body.board-art.board-art .prose .vbar:nth-child(4) .fi{background:repeating-linear-gradient(90deg,#b93b2f 0 6px,#c95244 6px 8px)!important}
html body.board-art.board-art .prose .heat .p,html body.board-art.board-art .prose .legend .p{background:#6f8a5c!important}
html body.board-art.board-art .prose .heat .s,html body.board-art.board-art .prose .legend .s{background:#d6ad55!important}
html body.board-art.board-art .prose .heat .f,html body.board-art.board-art .prose .legend .f{background:#b93b2f!important}
html body.board-art.board-art .prose .viz .tip{background:var(--k-manila)!important;border:0!important;border-radius:0!important}