@layer pages {
 .collection-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-tile{--tile-color:#375bdf;--tile-soft:#eaf0ff;display:flex;flex-direction:column;border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:24px;overflow:hidden;transition:transform .3s var(--ease),border-color .25s;min-width:0}.price-tile{--tile-color:#137852;--tile-soft:#e4f4ec;animation-delay:65ms}.news-tile{--tile-color:#a94d20;--tile-soft:#fff0e5;animation-delay:130ms}.tile-top{display:flex;justify-content:space-between;align-items:center}.tile-icon{background:var(--tile-soft);color:var(--tile-color);width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.tile-index{font-size:.6875rem;letter-spacing:.08em;color:var(--muted);font-family:Consolas,monospace}.tile-visual{height:166px;margin:22px -24px 26px;padding:14px 24px;background:var(--tile-soft);overflow:hidden;position:relative}.mini-card{height:138px;background:var(--tile-color);color:white;padding:16px 20px;border-radius:13px;width:88%;margin:auto;transform:rotate(-7deg) translateY(10px);transition:transform .4s var(--ease)}.mini-card>span{font-size:.65rem;letter-spacing:.16em}.card-chip{width:25px;height:19px;border:1px solid #ffffff99;border-radius:4px;margin:12px 0}.mini-card strong{font-size:.875rem;font-weight:500}.mini-line{height:2px;background:#ffffff66;width:35%;margin-top:10px}.compare-line{display:flex;align-items:center;gap:10px;height:32px;font-size:.8125rem;color:var(--tile-color)}.compare-line i{height:11px;border-radius:4px;width:var(--bar);background:color-mix(in srgb,var(--tile-color) 24%,transparent);transition:width .4s var(--ease)}.compare-line.best i{background:var(--tile-color)}.compare-line.best b{font-size:1rem}.visual-label{display:block;font-size:.6875rem;letter-spacing:.04em;color:var(--tile-color);margin-top:12px}.news-stamp{display:block;font-size:2.2rem;letter-spacing:-.06em;font-weight:800;line-height:1;color:var(--tile-color)}.news-lines{position:absolute;right:24px;top:35px;width:30%}.news-lines i{display:block;background:color-mix(in srgb,var(--tile-color) 25%,transparent);height:4px;margin-bottom:12px}.news-lines i:last-child{width:65%}.news-visual .visual-label{margin-top:20px}.category{font-size:.75rem;color:var(--tile-color)}.tile-copy h2{font-size:1.4rem;margin:8px 0 12px;letter-spacing:-.03em}.tile-copy p{font-size:.875rem;color:var(--muted);line-height:1.85}.tile-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;margin-top:24px;font-size:.875rem;font-weight:650}.arrow{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--tile-soft);color:var(--tile-color);transition:transform .25s}.arrow svg{width:19px;height:19px}
 [data-theme=dark] .meal-tile{--tile-color:#9bafff;--tile-soft:#293555}[data-theme=dark] .price-tile{--tile-color:#7edcba;--tile-soft:#203c35}[data-theme=dark] .news-tile{--tile-color:#ffb58e;--tile-soft:#493127}[data-theme=dark] .mini-card{background:#435da9}
 @media(hover:hover){.tool-tile:hover{transform:translateY(-6px);border-color:var(--tile-color)}.tool-tile:hover .arrow{transform:translateX(4px)}.tool-tile:hover .mini-card{transform:rotate(-2deg) translateY(5px)}}
 @media(max-width:960px) and (min-width:761px){.tool-grid{gap:14px}.tool-tile{padding:18px}.tile-index{font-size:.6rem}}
 .home-heading{margin-bottom:10px}
 .home-heading h1{font-size:.75rem;line-height:1.6;font-weight:700;letter-spacing:.15em;color:var(--accent)}
 @media(max-width:760px){
  body[data-page=home] .shell{padding-top:28px}.collection-heading{padding-bottom:16px}.collection-heading .small{font-size:.8125rem}
  .tool-grid{grid-template-columns:1fr;gap:12px}.tool-tile{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;padding:18px 16px;gap:14px;border-radius:16px;min-height:108px}
  .tile-top,.tile-bottom{display:contents}.tile-index,.tile-visual,.category,.tile-bottom>span:first-child{display:none}
  .tile-icon{grid-column:1;grid-row:1}.tile-copy{grid-column:2;grid-row:1;min-width:0}.tile-copy h2{font-size:1.0625rem;margin:0 0 6px}.tile-copy p{font-size:.8125rem;line-height:1.6}
  .arrow{grid-column:3;grid-row:1;width:28px;height:28px}.arrow svg{width:17px;height:17px}.footer{margin-top:26px}
 }
}