/* Match the Plan group's tiles (.mkq-t): 18px radius, 1px border, the same
   soft shadow, image on top and the label beneath — four across in a 12px
   grid (Sep 2026, her request). */
#page-dashboard .ktr{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:1fr !important;
  gap:12px !important;
  max-width:1028px; margin-left:auto; margin-right:auto; }
#page-dashboard .ktr-c{
  height:100% !important; min-height:0 !important; aspect-ratio:auto !important;
  display:flex !important; flex-direction:column !important;
  border-radius:18px !important;
  border:1px solid #ECE7DD !important;
  background:#fff !important;
  box-shadow:0 2px 10px rgba(36,52,71,.07) !important;
  overflow:hidden !important; padding:0 !important; }
/* The old three-tile layout made the LAST tile span both columns; with four
   tiles that left Lunchbox Ideas double-width and the row looking broken.
   And three competing min-heights meant the images came out 212px or 231px
   depending on the tile. Both are settled here. */
#page-dashboard .ktr-c:last-child{ grid-column:auto !important; aspect-ratio:auto !important; }
#page-dashboard .ktr-c .ktr-art{
  flex:0 0 auto !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  aspect-ratio:4/3 !important;
  overflow:hidden !important; }
#page-dashboard .ktr-c .ktr-art img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
/* A fixed text block: with a flexible one, a tile whose description ran to two
   lines took height from its image, so the photos ended up different sizes
   across the row. */
#page-dashboard .ktr-c .ktr-b{
  flex:0 0 auto !important; height:88px !important;
  display:flex !important; flex-direction:column !important;
  gap:3px; padding:12px 14px 14px !important; background:#fff !important;
  box-sizing:border-box !important; overflow:hidden !important; }
#page-dashboard .ktr-c .ktr-n{ font-size:.95rem !important; font-weight:800 !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#page-dashboard .ktr-c .ktr-s{ font-size:.82rem !important; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  color:#6E7683 !important; -webkit-text-fill-color:#6E7683 !important; }
/* The "Open library →" lines are gone: the whole card is already tappable, so
   they only made these tiles 9px taller than the Plan cards they now match. */
#page-dashboard .ktr-c .ktr-c2{ display:none !important; }
@media (max-width:900px){
  #page-dashboard .ktr{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:520px){
  #page-dashboard .ktr{ grid-template-columns:1fr !important; }
  #page-dashboard .ktr-c .ktr-art{ height:170px !important; } }