/* Only the inside of the existing square tiles changes. The homepage grid,
   dimensions, gap, wallpaper crop, hover and navigation remain source-owned. */
.home-scene .tile.live-tile{container-type:inline-size}
.home-scene .tile.live-tile>.app-icon,.home-scene .tile.live-tile>.tile-content{visibility:hidden}
.live-tile-surface{--live-pad:14px;--live-header:42px;--live-footer:27px;position:absolute;inset:0;z-index:2;color:rgba(245,248,255,.97);pointer-events:none;text-align:left;text-shadow:0 1px 3px #0009}
.live-tile-header{position:absolute;inset:0 0 auto;height:var(--live-header);padding:0 var(--live-pad);display:flex;align-items:center;justify-content:space-between;gap:9px;background:linear-gradient(#0003,transparent)}
.live-tile-name{font-size:15px;font-weight:650;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.live-tile-status{min-width:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4;color:#ffffffae}
.live-tile-body{position:absolute;inset:var(--live-header) var(--live-pad) var(--live-footer);overflow:hidden;perspective:3333.333px}
.live-tile-meta{position:absolute;inset:auto var(--live-pad) 8px;height:15px;line-height:15px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffab}
.live-report-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:13px;overflow:hidden;backface-visibility:hidden;transform-origin:center}
.live-report-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:clamp(14px,7cqw,26px);font-weight:550;line-height:1.4;letter-spacing:-.025em}
.live-report-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:clamp(11px,4.2cqw,15px);font-weight:400;line-height:1.65;color:#ffffffc2;margin:0}
.live-tile-empty{position:absolute;inset:6px 0 0;display:flex;align-items:center;font-size:clamp(11px,5cqw,20px);font-weight:350;line-height:1.55;color:#ffffffb8;margin:0}
.live-mosaic{--mosaic-cols:4;--mosaic-rows:2;position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--mosaic-cols),minmax(0,1fr));grid-template-rows:repeat(var(--mosaic-rows),minmax(0,1fr));gap:0;container-type:size;overflow:hidden}
.live-cell{position:relative;min-width:0;min-height:0;overflow:hidden;perspective:3333.333px;transform-style:preserve-3d;border:0}
.live-cell:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff13;pointer-events:none}
.live-cell-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 5px;backface-visibility:hidden;transform-origin:center;overflow:hidden;text-align:center;
  background-image:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.08)),var(--wallpaper);
  background-repeat:no-repeat;background-size:var(--wallpaper-width) var(--wallpaper-height);
  background-position:calc(var(--wallpaper-pos-x,0px) - var(--live-pad) - (100cqw / var(--mosaic-cols)) * var(--column)) calc(var(--wallpaper-pos-y,0px) - var(--live-header) - (100cqh / var(--mosaic-rows)) * var(--row));
}
.live-cell-name{font-size:clamp(10px,4.1cqw,14px);font-weight:500;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
.live-cell-summary{display:none;font-size:12px;line-height:1.5;color:#ffffffbc;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.live-mosaic-framed{--mosaic-cols:2;--mosaic-rows:2}
.live-mosaic-framed .live-cell-face{align-items:flex-start;text-align:left;padding:13px 10px;justify-content:flex-start}
.live-mosaic-framed .live-cell-name{font-size:15px;-webkit-line-clamp:2}
.live-mosaic-framed .live-cell-summary{display:-webkit-box}
.live-star-field{position:absolute;inset:0 0 53px}
.live-stars{width:100%;height:100%;display:block;overflow:visible}
.live-star{fill:#edf1ff;filter:drop-shadow(0 0 2px #c5c5f5)}
.live-star-link{stroke:#dcdfff6b;stroke-width:.35}
.live-star-halo{fill:none;stroke:#efd2a6;stroke-width:.5;opacity:.8}
.live-star-caption{position:absolute;inset:auto 0 0;display:flex;align-items:baseline;gap:6px 11px;flex-wrap:wrap;max-height:54px;overflow:hidden}
.live-star-title{font-size:17px;font-weight:500;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.live-star-version,.live-star-test{font-size:10px;line-height:1.5;color:#ffffffb8}
.live-star-test{color:#efd2a6}
.tile[data-live-availability="unavailable"] .live-tile-status,.tile[data-live-availability="stale"] .live-tile-status{color:#f2c593}
@container(max-width:220px){
  .live-tile-surface{--live-pad:9px;--live-header:32px;--live-footer:21px}
  .live-tile-name{font-size:12px}.live-tile-status{font-size:8px}.live-tile-header{gap:5px}
  .live-report-face{gap:7px}.live-report-title{-webkit-line-clamp:3}.live-report-summary{-webkit-line-clamp:2;line-height:1.45}
  .live-tile-meta{font-size:8px;bottom:5px;height:12px;line-height:12px}
  .live-mosaic{--mosaic-cols:2;--mosaic-rows:2}
  .live-mosaic:not(.live-mosaic-framed):not(.live-mosaic-projects) .live-cell:nth-child(n+5){display:none}
  .live-mosaic:not(.live-mosaic-framed):not(.live-mosaic-projects) .live-cell:nth-child(3){--column:0!important;--row:1!important}
  .live-mosaic:not(.live-mosaic-framed):not(.live-mosaic-projects) .live-cell:nth-child(4){--column:1!important;--row:1!important}
  .live-cell-face{padding:4px}.live-cell-name{font-size:10px;line-height:1.35;-webkit-line-clamp:3}
  .live-mosaic-framed{--mosaic-cols:1;--mosaic-rows:1}.live-mosaic-framed .live-cell:nth-child(n+2){display:none}
  .live-mosaic-framed .live-cell-face{padding:7px}.live-mosaic-framed .live-cell-name{font-size:12px}.live-mosaic-framed .live-cell-summary{font-size:10px;-webkit-line-clamp:2}
  .live-star-field{inset:0 38% 0 0}.live-star-caption{inset:5px 0 0 62%;display:block;max-height:none}
  .live-star-title{font-size:11px;line-height:1.4;-webkit-line-clamp:3}.live-star-version,.live-star-test{display:block;font-size:8px;margin-top:4px}
}
@container(max-width:145px){
  .live-tile-surface{--live-pad:6px;--live-header:25px;--live-footer:17px}
  .live-tile-name{font-size:10px}.live-tile-status{font-size:7px;max-width:45%}
  .live-report-face{gap:4px}.live-report-title{font-size:11px;line-height:1.4;-webkit-line-clamp:3}.live-report-summary{display:none}
  .live-tile-meta{font-size:7px;height:10px;line-height:10px;bottom:3px}
  .live-cell-face{padding:3px}.live-cell-name{font-size:9px;line-height:1.3;-webkit-line-clamp:3}
  .live-mosaic-framed .live-cell-face{padding:3px}.live-mosaic-framed .live-cell-name{font-size:11px}.live-mosaic-framed .live-cell-summary{font-size:9px;-webkit-line-clamp:2}
  .live-star-field{inset:0 0 22px}.live-star-caption{inset:auto 0 0;max-height:20px;display:block}.live-star-title{font-size:9px;-webkit-line-clamp:1}.live-star-version,.live-star-test{display:none}
}
@media(prefers-reduced-motion:reduce){.live-cell-face,.live-report-face{transform:none!important}}

/* The grid's equal natural rows retain square height even when the wide
   project tile occupies its own row. It spans two actual tile columns. */
.home-scene .tile.tile-projects { grid-column:span 2!important; aspect-ratio:auto!important; align-self:stretch; height:auto; min-height:0; padding:0!important; }
.tile-projects .live-tile-surface { --live-pad:0px; --live-header:0px; --live-footer:0px; }
.tile-projects .live-tile-body { inset:0; }
.tile-projects .live-mosaic-projects { --mosaic-cols:6; --mosaic-rows:3; }
.tile-projects .live-tile-header { inset:auto 9px 7px; height:auto; min-height:18px; padding:0; z-index:3; background:none; }
.tile-projects .live-tile-name { font-size:13px; font-weight:700; text-shadow:0 1px 3px #000c; }
.tile-projects .live-tile-name:before { content:"▦"; display:inline-block; margin-right:8px; font-size:15px; }
.tile-projects .live-tile-status { font-size:10px; font-weight:600; padding:3px 7px; background:#0005; border-radius:999px; }
.tile-projects[data-live-availability="ready"] .live-tile-status,.tile-projects[data-live-availability="empty"] .live-tile-status { display:none; }
.tile-projects .live-tile-meta { display:none; }
.tile-projects .live-tile-empty { inset:14px 14px 32px; }
.tile-projects .live-cell-face { gap:5px; padding:7px 5px; align-items:flex-start; text-align:left; justify-content:center; }
.tile-projects .live-cell-face.has-detail { justify-content:space-between; }
.tile-projects .live-cell-name { font-size:13px; font-weight:700; line-height:1.35; -webkit-line-clamp:2; }
.tile-projects .live-cell-summary { display:-webkit-box; font-size:11px; line-height:1.4; -webkit-line-clamp:1; }
@container(max-width:440px) {
  .tile-projects .live-cell-summary { display:none; }
  .tile-projects .live-cell-face.has-detail { justify-content:center; }
  .tile-projects .live-cell-name { font-size:10px; line-height:1.3; -webkit-line-clamp:3; }
  .tile-projects .live-cell-face { padding:4px 3px; }
}
@container(max-width:260px) {
  .tile-projects .live-cell-name { font-size:8px; line-height:1.25; -webkit-line-clamp:3; }
  .tile-projects .live-cell-face { padding:2px; }
  .tile-projects .live-tile-header { left:6px; right:6px; bottom:4px; min-height:14px; }
  .tile-projects .live-tile-name { font-size:10px; }
  /* Keep the compact mosaic's last row readable; the button retains its
     accessible project name and still shows stale/error feedback. */
  .tile-projects[data-live-availability="ready"] .live-tile-name { display:none; }
  .tile-projects .live-tile-name:before { font-size:11px; margin-right:5px; }
  .tile-projects .live-tile-status { font-size:8px; padding:2px 5px; }
}

/* Components and principles each show one readable record at a time. Only
   this detail template rotates its existing records on a slow reading clock. */
.tile[data-live-kind="detail"] .live-detail-face { gap:12px; }
.tile[data-live-kind="detail"] .live-report-title { flex:none; font-size:clamp(17px,6.5cqw,25px); line-height:1.35; -webkit-line-clamp:2; }
.tile[data-live-kind="detail"] .live-report-summary { display:-webkit-box; font-size:clamp(12px,4.4cqw,16px); line-height:1.65; -webkit-line-clamp:8; min-height:0; overflow:hidden; overflow-wrap:anywhere; }
.tile[data-live-kind="detail"] .live-tile-meta { font-variant-numeric:tabular-nums; }
@container(max-width:220px){
  .tile[data-live-kind="detail"] .live-detail-face { gap:7px; }
  .tile[data-live-kind="detail"] .live-report-title { font-size:14px; -webkit-line-clamp:2; }
  .tile[data-live-kind="detail"] .live-report-summary { font-size:11px; line-height:1.5; -webkit-line-clamp:4; }
}
@container(max-width:145px){
  .tile[data-live-kind="detail"] .live-detail-face { gap:4px; }
  .tile[data-live-kind="detail"] .live-report-title { font-size:11px; -webkit-line-clamp:2; }
  .tile[data-live-kind="detail"] .live-report-summary { display:-webkit-box; font-size:9px; line-height:1.4; -webkit-line-clamp:2; }
}

/* Quiet Home hierarchy: identity, one headline, one short excerpt. Full source
   text stays in the model, accessible description and application detail. */
.live-tile-name { font-size:14px; font-weight:550; color:#ffffffe0; }
.live-tile-status:empty { display:none; }
.live-report-face { gap:10px; }
.live-report-title { font-size:clamp(17px,6cqw,24px); font-weight:500; line-height:1.35; -webkit-line-clamp:2; }
.live-report-summary { font-size:clamp(12px,4.2cqw,15px); line-height:1.6; -webkit-line-clamp:2; color:#ffffffbd; }
.tile[data-live-kind="report"] .live-tile-meta,.tile[data-live-kind="stars"] .live-tile-meta { display:none; }
.tile[data-live-kind="detail"] .live-report-title { font-size:clamp(17px,6cqw,24px); font-weight:500; -webkit-line-clamp:2; }
.tile[data-live-kind="detail"] .live-report-summary { -webkit-line-clamp:3; font-size:clamp(12px,4.2cqw,15px); line-height:1.6; }
.tile[data-live-kind="detail"] .live-tile-meta { text-align:right; color:#ffffff8a; }
.live-star-title { font-size:16px; font-weight:500; -webkit-line-clamp:1; }
.live-star-version { color:#ffffff89; }
.tile-projects .live-cell-face { justify-content:center; }
.tile-projects .live-cell-name { visibility:hidden; -webkit-line-clamp:2; }
.tile-projects .live-cell-face.is-project-label .live-cell-name { visibility:visible; }
.tile-projects .live-cell-summary { display:none; }
@container(max-width:440px){
  .tile-projects .live-cell[data-project-label="3"] .live-cell-name,
  .tile-projects .live-cell[data-project-label="4"] .live-cell-name,
  .tile-projects .live-cell[data-project-label="5"] .live-cell-name { visibility:hidden; }
}
@container(max-width:220px){
  .live-tile-name { font-size:12px; }
  .live-report-title,.tile[data-live-kind="detail"] .live-report-title { font-size:14px; -webkit-line-clamp:2; }
  .live-report-summary,.tile[data-live-kind="detail"] .live-report-summary { font-size:11px; -webkit-line-clamp:2; }
}
@container(max-width:145px){
  .live-tile-name { font-size:10px; }
  .live-report-title,.tile[data-live-kind="detail"] .live-report-title { font-size:11px; -webkit-line-clamp:2; }
  .tile[data-live-kind="detail"] .live-report-summary { font-size:9px; -webkit-line-clamp:2; }
}