/* DJIVA Diaries — equal-height, denser home tiles; v2 2026-10-31.
   Only main diary grid. Manage, dialogs, settings and content unaffected. */
.section-diaries .v2-diaries-home .v2-diary-home-grid{
  column-gap:9px!important;
  row-gap:8px!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 23px!important;
  grid-template-rows:minmax(25px,auto) auto!important;
  align-content:start!important;
  align-items:start!important;
  column-gap:6px!important;
  row-gap:4px!important;
  height:100%!important;
  min-height:92px!important;
  padding:8px 9px 9px!important;
  position:relative!important;
  border-radius:15px!important;
  cursor:pointer!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-icon{
  grid-column:1!important;
  grid-row:1!important;
  /* Center the emoji against the entire title, even when it wraps. */
  align-self:center!important;
  width:24px!important;
  height:26px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.1!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-title{
  grid-column:2!important;
  grid-row:1!important;
  /* Vertically align the text and icon within the header row. */
  align-self:center!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(12.3px,3.45vw,13.8px)!important;
  font-weight:760!important;
  line-height:1.17!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-text{
  display:block!important;
  grid-column:1 / -1!important;
  grid-row:2!important;
  align-self:start!important;
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  padding:0!important;
  font-size:clamp(10.7px,3vw,11.8px)!important;
  line-height:1.28!important;
  font-weight:400!important;
  color:#aeb9c9!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-arrow,
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-meta{
  display:none!important;
}
/* Unobtrusive grey info glyph, with transparent tap target. */
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-card-info{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  margin:-1px -2px 0 0!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:500!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#909ba9!important;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:.82!important;
  touch-action:manipulation;
  cursor:pointer;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-card-info:active{
  opacity:1!important;
  color:#c6ced8!important;
}
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-card-info:focus-visible,
.section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card:focus-visible{
  outline:2px solid #ffc768!important;
  outline-offset:2px!important;
}
@media(max-width:380px){
  .section-diaries .v2-diaries-home .v2-diary-home-grid{column-gap:8px!important;row-gap:7px!important}
  .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card{
    grid-template-columns:22px minmax(0,1fr) 21px!important;
    grid-template-rows:minmax(24px,auto) auto!important;
    min-height:90px!important;
    padding:7px 8px 8px!important;
    column-gap:5px!important;
    row-gap:4px!important;
  }
  .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-icon{
    width:22px!important;height:24px!important;font-size:19px!important;
  }
  .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-title{
    font-size:12.2px!important;line-height:1.15!important;
  }
  .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-text{
    font-size:10.8px!important;line-height:1.25!important;
  }
  .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-card-info{
    width:21px!important;min-width:21px!important;max-width:21px!important;
    height:24px!important;min-height:24px!important;max-height:24px!important;
    font-size:15px!important;
  }
}
html[data-theme="light"] .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card{
  min-height:92px!important;
  padding:8px 9px 9px!important;
  grid-template-columns:24px minmax(0,1fr) 23px!important;
  grid-template-rows:minmax(25px,auto) auto!important;
}
html[data-theme="light"] .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-home-text{
  color:#617185!important;
}
html[data-theme="light"] .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card .v2-diary-card-info{
  background:transparent!important;
  border:0!important;
  color:#798595!important;
  opacity:.9!important;
}
@media(max-width:380px){
  html[data-theme="light"] .section-diaries .v2-diaries-home .v2-diary-home-grid > .v2-diary-home-card{
    min-height:90px!important;
    padding:7px 8px 8px!important;
    grid-template-columns:22px minmax(0,1fr) 21px!important;
    grid-template-rows:minmax(24px,auto) auto!important;
  }
}