.guide-tile{border:2px solid var(--color-on-background-90);background:#fff;border-radius:24px;flex-direction:column;transition:border-color .25s;display:flex;overflow:hidden}.guide-tile:has(.guide-tile__link:hover){border-color:var(--color-brand-accent)}.guide-tile__link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.guide-tile__media{aspect-ratio:3/2;background-color:var(--color-on-background-80);position:relative;overflow:hidden}.guide-tile__device{top:var(--tile-y,22px);left:var(--tile-x,22px);height:calc(var(--tile-scale,1.4)*100%);position:absolute}.guide-tile__media-placeholder{position:absolute;inset:0}.guide-tile__media-placeholder:after{content:"";background-color:var(--color-on-background-70);position:absolute;inset:0;-webkit-mask-image:url(../media/bunt-logo-timeschedule.0kgc4n6iprt5c.svg);mask-image:url(../media/bunt-logo-timeschedule.0kgc4n6iprt5c.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:22%;mask-size:22%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.guide-tile__heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.guide-tile__title{color:var(--color-on-background);margin:0;font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}.guide-tile__arrow{color:var(--color-on-background-60);flex-shrink:0;margin-top:2px;transition:transform .25s,color .25s;display:inline-flex}.guide-tile__link:hover .guide-tile__arrow{color:var(--color-brand-accent);transform:translate(3px)}.guide-tile__body{flex-direction:column;flex:1;gap:10px;padding:10px 20px 20px;display:flex}.guide-tile__summary{color:var(--color-on-background-40);flex:1;margin:0;font-size:.85rem;line-height:1.55}.guide-tile__tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.guide-tile__tag{cursor:pointer;color:#fff;background:var(--color-on-background);border:none;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.68rem;font-weight:500;transition:background-color .2s}.guide-tile__tag:hover{background:var(--color-brand-accent)}.guide-tile__tag--active{background:var(--color-brand-base)}