/* Layered paper, Lite board (tokens in layered-paper.css). Rated tiles keep their rating colour, over a flat fill that print keeps. */
.mini-page main{background:url(/assets/workshop-paper-v1.svg) 0 0/256px 256px,linear-gradient(122deg,#fafbf6 0,#f2f4ed 48%,#e8ece3 100%)}
.mini-page .mini-intro-note{border-left-color:#4b111b24}
.board-toolbar,.wider-label,.guidance-results{border-top-color:#4b111b1f}
.board-progress progress,.board-progress progress::-webkit-progress-bar{background:#e4d3c6;box-shadow:inset 0 1px 1px #4b111b1f}
/* Tiles: raised sheets; a rated tile casts light in its own colour */
.canvas-tile{border-radius:14px;border-color:#4b111b1f;box-shadow:var(--lp-raised);transition:transform .45s var(--lp-ease),background-color .35s,border-color .35s}
/* Hover deepens the shadow by fading in a pseudo-element, never by animating box-shadow */
:is(.canvas-tile,.guidance-card)::after{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;box-shadow:0 22px 40px -20px #4b111b57;opacity:0;transition:opacity .45s var(--lp-ease);pointer-events:none}
:is(.canvas-tile,.guidance-card):hover::after{opacity:1}
.canvas-tile:hover{transform:translateY(-3px)}
.canvas-tile.band-none{background-color:#fffaf3;background-image:linear-gradient(180deg,#fffcf7,#fff8ef)}
.canvas-tile.band-low{background-color:#b84645;background-image:linear-gradient(180deg,#bd4b4a,#b84645);border-color:#a53d3c;box-shadow:inset 0 1px 0 #ffffff38,0 2px 4px -1px #b846454c,0 16px 32px -16px #b8464599}
.canvas-tile.band-mid{background-color:#d6b357;background-image:linear-gradient(180deg,#dab95e,#d6b357);border-color:#c5a24a;box-shadow:inset 0 1px 0 #ffffff59,0 2px 4px -1px #d6b35759,0 16px 32px -16px #b48c328c}
.canvas-tile.band-high{background-color:#689f68;background-image:linear-gradient(180deg,#6ea56e,#689f68);border-color:#5b915b;box-shadow:inset 0 1px 0 #ffffff47,0 2px 4px -1px #689f6859,0 16px 32px -16px #46784699}
.canvas-tile.is-selected{outline-color:#4b111b}
.tile-flip{border-radius:10px;background:#fffaf359;box-shadow:inset 0 1px 0 #ffffff73;transition:background .2s,transform .3s var(--lp-ease)}
.tile-flip:hover{background:#fffaf399;transform:translateY(-1px)}
.band-low .tile-flip,.band-high .tile-flip{background:#ffffff1f}.band-low .tile-flip:hover,.band-high .tile-flip:hover{background:#ffffff3d}
.tile-scores button{box-shadow:inset 0 1px 0 #ffffff80;transition:transform .3s var(--lp-ease),background .2s}
.tile-scores button:hover{transform:translateY(-2px)}
.tile-scores button[aria-pressed=true]{box-shadow:inset 0 1px 0 #ffffff33,0 0 0 2px #4b111b,0 6px 12px -6px #340a1280}
.band-low .tile-scores button[aria-pressed=true]{box-shadow:inset 0 1px 0 #fff,0 0 0 2px #4b111b,0 6px 12px -6px #340a1280}
/* The tiles settle in once (layered-paper.js marks the grid; re-renders stay still) */
.canvas-tile:nth-child(2){--lp-t:1}.canvas-tile:nth-child(3){--lp-t:2}.canvas-tile:nth-child(4){--lp-t:3}
html:not(.site-reduced-motion) #capability-grid:not(.lp-settled) .canvas-tile{animation:lp-settle .8s var(--lp-ease) both;animation-delay:calc(90ms + var(--lp-t,0) * 90ms)}
@keyframes lp-settle{from{opacity:0;transform:translateY(16px) scale(.97)}}
.snapshot-ready{border-radius:14px;background:linear-gradient(180deg,#efdbd2,#ecd6cc) #ecd6cc;border-color:#4b111b24;box-shadow:var(--lp-raised)}
.locked-domain{box-shadow:inset 0 1px 0 #ffffff80}
.consult-tile{border-radius:18px;border-color:#4b111b24;box-shadow:var(--lp-stack)}
.guidance-card{position:relative;isolation:isolate;border-radius:14px;border-color:#4b111b1f;box-shadow:var(--lp-raised);transition:transform .45s var(--lp-ease)}
.guidance-card:hover{transform:translateY(-2px)}
.guidance-heatmap>div{box-shadow:inset 0 1px 0 #ffffff4c,0 1px 2px #4b111b0f}
.roadmap-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:radial-gradient(60% 90% at 90% 0%,#6e2234b2,#6e223400 65%),linear-gradient(160deg,#521424 0%,#4b111b 60%,#3e0d17 100%) #4b111b;box-shadow:inset 0 1px 0 #ffffff14,0 2px 4px #14040840,0 24px 48px -22px #140408b2}
.mini-page .capability-sheet{box-shadow:inset 0 1px 0 var(--lp-hi),0 30px 100px -20px #31091273}
.sheet-back{box-shadow:inset 0 1px 0 var(--lp-hi),0 1px 2px #4b111b0f}
@media(max-width:800px){.consult-tile{box-shadow:var(--lp-stack-sm)}}
.site-reduced-motion .canvas-tile{animation:none!important}
.site-reduced-motion :is(.canvas-tile,.guidance-card,.tile-scores button,.tile-flip):hover{transform:none}
@media(prefers-reduced-motion:reduce){.canvas-tile,:is(.canvas-tile,.guidance-card)::after{animation:none!important;transform:none!important;transition:none!important}:is(.guidance-card,.tile-scores button,.tile-flip):hover{transform:none!important}}
@media print{.canvas-tile{transform:none!important}}
@media(forced-colors:active){.roadmap-cta{border:1px solid CanvasText}}