/* Dataset credit, ported from the deployed FIELDWISE page (https://fieldwise-demo.qagro-demo.pages.dev/fieldwise/#data):
   the YieldSAT step on the presentation board, the reference footer and the figure lightbox, restyled with the v2 tokens. */
/* chapter 02 opens on the dataset: its overview figure sits on the board, left of the field panels */
.dk-board .bd-ys{position:absolute;right:calc(100% + 110px);top:-6px;width:640px;margin:0;opacity:0;transition:opacity .7s var(--ease)}
.dk-board .bd-ys img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--sh-2)}
.dk-board .bd-ys figcaption{margin-top:10px;font:400 13px/1.4 var(--sans);color:var(--mut)}
.dk-board.narrow .bd-ys{right:auto;left:0;top:auto;bottom:calc(100% + 60px);width:100%}
.dk-board[data-f="ys"] .bd-ys{opacity:1}
.dk-board[data-f="ys"] :is(.bd-inputs,.bd-model,.bd-flow,.bd-base,.bd-obs,.bd-err,.bd-roll){opacity:0}
.dk-board:not([data-f="ys"]) .bd-ys{pointer-events:none}
.dk-d a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2);font-weight:600}
.dk-d a:hover{color:var(--teal-d);border-color:var(--teal-d)}

/* reference footer (both pages) */
.site-foot.refs .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 48px}
.site-foot.refs img{width:180px;height:auto}
.site-foot.refs p{display:flex;flex-wrap:wrap;gap:6px 32px;margin:0;line-height:1.7}
.site-foot.refs a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
.site-foot.refs a:hover{border-color:var(--ink)}
@media(max-width:760px){.site-foot.refs .wrap{grid-template-columns:1fr}.site-foot.refs p{display:grid;gap:6px}}

/* figure lightbox */
.lightbox[hidden]{display:none}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(10,14,18,.86);display:flex;align-items:center;justify-content:center;padding:32px}
.lightbox img{max-width:min(96vw,1700px);max-height:92vh;width:auto;height:auto;border-radius:8px;background:#fff}
.lightbox-close{position:absolute;top:14px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lightbox-close:hover{background:rgba(255,255,255,.28)}
@media(max-width:760px){.lightbox{padding:16px}}