/* Deck-fill candidate v1 (JF 1:32 PM 10-29). Test-room only. Conduits hidden (kept in code), colour bands stand in. */
html.dfill .conduits{display:none!important}
html.dfill .table{width:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:auto!important;height:auto!important;padding:0!important;container-type:normal}
html.dfill .table::before{display:none!important}
html.dfill .ct-main{padding:6px var(--dfp,12px) 0!important}
html.dfill .cards{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(var(--dfc,3),var(--dfw,120px));gap:var(--dfg,12px);justify-content:center;padding:0!important}
html.dfill .card,html.dfill .card.alt,html.dfill .card.is-wide,html.dfill .card.c-gg,html.dfill .card.c-cv,html.dfill .card[style*="--ar"]{position:relative!important;left:auto!important;top:auto!important;translate:none!important;width:100%!important;margin:0!important;align-self:start!important;justify-self:stretch!important;transform:none!important}
html.dfill .card .face{border-bottom:0!important}
html.dfill .card .under{box-shadow:inset 0 calc(-1 * var(--dfb,6px)) 0 0 var(--dk,#111)!important;padding-bottom:var(--dfb,6px)!important}
/* relationship dots: own colour first (ringed), then one dot per related deck. Option A (default): in the label bar. Option B (?dfopt=b): down the left edge of the picture. */
html.dfill .df-dots{display:flex;gap:3px;pointer-events:none;align-items:center}
html.dfill .df-dots i{display:block;width:var(--dfd,8px);height:var(--dfd,8px);border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}
html.dfill .df-dots i.own{box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #111;margin-right:3px}
html.df-a .under .tag{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
html.df-a .under .tag .t-line{display:none!important}
html.df-a .df-dots{margin-left:auto;padding-right:4px;flex-wrap:wrap;justify-content:flex-end;max-width:55%}
html.df-b .df-dots{position:absolute;top:6px;left:6px;z-index:7;flex-direction:column;background:#fff;border:1.5px solid #111;border-radius:99px;padding:4px 3px}
html.df-b .df-dots i.own{margin:0 0 3px}
#df-key{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:14px auto 0;font:400 9px/1 var(--mono);letter-spacing:.1em;color:#777}
#df-key span{display:inline-flex;align-items:center;gap:4px}#df-key i{display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}
html.dfill .deck{display:none!important}
html.dfill .spreads{display:none!important}
html.dfill .ct-foot{padding-top:14px!important}
/* speaker-cone look: each dot = one project voice (JF 1:40 PM) */
html.dfill .df-dots i{background-image:radial-gradient(circle,rgba(0,0,0,.55) 0 18%,rgba(255,255,255,.35) 19% 26%,rgba(0,0,0,0) 27% 62%,rgba(0,0,0,.18) 63% 100%)!important}
/* deckfill v2 (JF 2:26 PM): related-project dots as one horizontal strip on the name card (opens the pull-down). Picture-edge strip and key row removed. Colours unchanged (deckfill-v2.js = v1 palette). */
html.df-a .under .tag{display:flex!important;flex-wrap:wrap!important;align-items:center;row-gap:5px;column-gap:0;min-width:0}
html.df-a .under .tag .t-name{flex:1 1 100%;min-width:0}
html.df-a .under .tag .t-line{display:none!important}
html.df-a .df-dots{position:static!important;flex:1 1 100%;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:4px;margin:0!important;padding:0!important;max-width:none!important;justify-content:flex-start;background:none!important;border:0!important}
html.df-a .df-dots i{width:10px!important;height:10px!important}
html.df-a .df-dots i.own{margin:0 4px 0 0!important}
#df-key{display:none!important}
html.df-a .under .tag{height:auto!important;max-height:none!important;overflow:visible!important;align-content:flex-start;padding-top:6px!important;padding-bottom:6px!important;text-align:left!important}
html.df-a .under .tag .t-name{text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.df-a .under{height:auto!important;align-items:stretch!important}
html.df-a .under .wi{height:auto!important;align-self:stretch}
@media (max-width:600px){html.df-a .df-dots{gap:3px}html.df-a .df-dots i{width:8px!important;height:8px!important}html.df-a .df-dots i.own{margin-right:3px!important}}
@media (min-width:1100px){html.df-a .df-dots i{width:12px!important;height:12px!important}}
@media (max-height:500px){html.df-a .df-dots{gap:2px}html.df-a .df-dots i{width:7px!important;height:7px!important}html.df-a .df-dots i.own{margin-right:2px!important}html.df-a .under .tag{row-gap:3px;padding-top:4px!important;padding-bottom:4px!important}}
/* v2 dots (JF 2:33-2:34 PM): own dot inline left of the name, bigger; related dots smaller; all plain solid circles */
html.df-a .df-dots i,html.df-a .df-own{background-image:none!important;box-shadow:none!important;border:0!important;border-radius:50%}
html.df-a .df-dots i.own{display:none!important}
html.df-a .under .tag .df-own{flex:none;display:block;width:10px;height:10px;margin-right:6px}
html.df-a .under .tag .t-name{flex:1 1 0!important}
html.df-a .df-dots{gap:3px!important}
html.df-a .df-dots i{width:6px!important;height:6px!important}
@media (max-width:600px){html.df-a .df-dots i{width:5px!important;height:5px!important}html.df-a .under .tag .df-own{width:9px;height:9px;margin-right:4px}}
@media (max-height:500px){html.df-a .df-dots i{width:5px!important;height:5px!important}html.df-a .under .tag .df-own{width:8px;height:8px;margin-right:4px}}
@media (min-width:1100px){html.df-a .df-dots i{width:8px!important;height:8px!important}html.df-a .under .tag .df-own{width:12px;height:12px}}
html.df-a .under .tag .t-name{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere}
html.df-a .under .tag .t-name{overflow-wrap:normal!important;word-break:normal!important;letter-spacing:0!important}
html.df-a .under .tag{padding-left:5px!important;padding-right:3px!important}